From 657dbaf61163bc2764c2929387417e395052b55d Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Thu, 30 Jul 2020 11:33:43 +0200
Subject: [PATCH 01/16] changed test name

---
 test/counter.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/counter.html b/test/counter.html
index 475a031..a8baa76 100644
--- a/test/counter.html
+++ b/test/counter.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>wicked counter</title>
+  <title>hooked counter</title>
   <script type="module">
   import {define, useMemo, useState} from '//unpkg.com/hooked-elements?module';
 

From 7a97d40448b52b4525dbaac10ee58b5410eee6f5 Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Thu, 30 Jul 2020 11:33:47 +0200
Subject: [PATCH 02/16] 2.0.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2bb41b7..90b29f5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {

From 45bd45a9bf49080652c75633bbe01c6d6504f54c Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Sun, 2 Aug 2020 23:19:46 +0200
Subject: [PATCH 03/16] updated dependencies

---
 index.js     | 354 +++++++++++++++++++++++++--------------------------
 min.js       |   4 +-
 new.js       |   4 +-
 package.json |   8 +-
 4 files changed, 178 insertions(+), 192 deletions(-)

diff --git a/index.js b/index.js
index db729d0..f8df9f6 100644
--- a/index.js
+++ b/index.js
@@ -287,101 +287,6 @@ var hookedElements = (function (exports) {
     return value !== this[i];
   }
 
-  var asCustomElement = (function (root, upgrade) {
-    var wm = new WeakMap();
-    var ao = new WeakMap();
-    var filter = [].filter;
-
-    var attributeChanged = function attributeChanged(records, mo) {
-      for (var i = 0, length = records.length; i < length; i++) {
-        var _records$i = records[i],
-            target = _records$i.target,
-            attributeName = _records$i.attributeName,
-            oldValue = _records$i.oldValue;
-        var newValue = target.getAttribute(attributeName);
-        ao.get(mo).call(target, attributeName, oldValue, newValue);
-      }
-    };
-
-    var elements = function elements(target) {
-      return 'querySelectorAll' in target;
-    };
-
-    var mainLoop = function mainLoop(records) {
-      for (var i = 0, length = records.length; i < length; i++) {
-        var _records$i2 = records[i],
-            addedNodes = _records$i2.addedNodes,
-            removedNodes = _records$i2.removedNodes;
-        parse(filter.call(addedNodes, elements), 'c', new Set());
-        parse(filter.call(removedNodes, elements), 'd', new Set());
-      }
-    };
-
-    var parse = function parse(nodes, key, parsed) {
-      for (var i = 0, length = nodes.length; i < length; i++) {
-        var target = nodes[i];
-
-        if (!parsed.has(target)) {
-          parsed.add(target);
-          if (wm.has(target)) wm.get(target)[key].forEach(call, target);else if (key === 'c') upgrade(target);
-          parse(target.querySelectorAll('*'), key, parsed);
-        }
-      }
-    };
-
-    var set = function set(target) {
-      var sets = {
-        c: new Set(),
-        d: new Set()
-      };
-      wm.set(target, sets);
-      return sets;
-    };
-
-    var sdo = new MutationObserver(mainLoop);
-    sdo.observe(root, {
-      childList: true,
-      subtree: true
-    });
-    return function (target, _ref) {
-      var connectedCallback = _ref.connectedCallback,
-          disconnectedCallback = _ref.disconnectedCallback,
-          observedAttributes = _ref.observedAttributes,
-          attributeChangedCallback = _ref.attributeChangedCallback;
-      mainLoop(sdo.takeRecords());
-
-      var _ref2 = wm.get(target) || set(target),
-          c = _ref2.c,
-          d = _ref2.d;
-
-      if (observedAttributes) {
-        var mo = new MutationObserver(attributeChanged);
-        mo.observe(target, {
-          attributes: true,
-          attributeOldValue: true,
-          attributeFilter: observedAttributes.map(function (attributeName) {
-            if (target.hasAttribute(attributeName)) attributeChangedCallback.call(target, attributeName, null, target.getAttribute(attributeName));
-            return attributeName;
-          })
-        });
-        ao.set(mo, attributeChangedCallback);
-      }
-
-      if (disconnectedCallback) d.add(disconnectedCallback);
-
-      if (connectedCallback) {
-        c.add(connectedCallback);
-        if (!(target.ownerDocument.compareDocumentPosition(target) & target.DOCUMENT_POSITION_DISCONNECTED)) connectedCallback.call(target);
-      }
-
-      return target;
-    };
-  });
-
-  function call(back) {
-    back.call(this);
-  }
-
   var Lie = typeof Promise === 'function' ? Promise : function (fn) {
     var queue = [],
         resolved = 0;
@@ -397,123 +302,184 @@ var hookedElements = (function (exports) {
       return resolved ? setTimeout(fn) : queue.push(fn), this;
     }
   };
-  var utils = (function (root, query, config, defined, setup) {
-    // exports
-    var get = function get(selector) {
-      var i = query.indexOf(selector);
-      return i < 0 ? void 0 : config[i].o;
-    };
 
-    var upgrade = function upgrade(node) {
-      upgradeNode(node, new Set());
-    };
+  var elements = function elements(element) {
+    return 'querySelectorAll' in element;
+  };
 
-    var whenDefined = function whenDefined(selector) {
-      if (!(selector in defined)) {
-        var _,
-            $ = new Lie(function ($) {
-          _ = $;
-        });
+  var filter = [].filter;
+  var QSAO = (function (options) {
+    var live = new WeakMap();
 
-        defined[selector] = {
-          _: _,
-          $: $
-        };
+    var callback = function callback(records) {
+      var query = options.query;
+
+      if (query.length) {
+        for (var i = 0, length = records.length; i < length; i++) {
+          loop(filter.call(records[i].addedNodes, elements), true, query);
+          loop(filter.call(records[i].removedNodes, elements), false, query);
+        }
       }
+    };
 
-      return defined[selector].$;
-    }; // util
+    var drop = function drop(elements) {
+      for (var i = 0, length = elements.length; i < length; i++) {
+        live["delete"](elements[i]);
+      }
+    };
 
+    var flush = function flush() {
+      callback(observer.takeRecords());
+    };
 
-    var setupList = function setupList(nodes, parsed) {
-      for (var i = 0, length = nodes.length; i < length; i++) {
-        if (!parsed.has(nodes[i])) {
-          parsed.add(nodes[i]);
-          upgradeNode(nodes[i], parsed);
+    var loop = function loop(elements, connected, query) {
+      var set = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set();
+
+      var _loop = function _loop(_selectors, _element, i, length) {
+        // guard against repeated elements within nested querySelectorAll results
+        if (!set.has(_element = elements[i])) {
+          set.add(_element);
+
+          if (connected) {
+            for (var q, m = matches(_element), _i = 0, _length = query.length; _i < _length; _i++) {
+              if (m.call(_element, q = query[_i])) {
+                if (!live.has(_element)) live.set(_element, new Set());
+                _selectors = live.get(_element); // guard against selectors that were handled already
+
+                if (!_selectors.has(q)) {
+                  _selectors.add(q);
+
+                  options.handle(_element, connected, q);
+                }
+              }
+            }
+          } // guard against elements that never became live
+          else if (live.has(_element)) {
+              _selectors = live.get(_element);
+              live["delete"](_element);
+
+              _selectors.forEach(function (q) {
+                options.handle(_element, connected, q);
+              });
+            }
+
+          loop(_element.querySelectorAll(query), connected, query, set);
         }
+
+        selectors = _selectors;
+        element = _element;
+      };
+
+      for (var selectors, element, i = 0, length = elements.length; i < length; i++) {
+        _loop(selectors, element, i);
       }
     };
 
-    var upgradeAll = function upgradeAll(node, parsed) {
-      if (query.length) setupList(node.querySelectorAll(query), parsed);
+    var matches = function matches(element) {
+      return element.matches || element.webkitMatchesSelector || element.msMatchesSelector;
     };
 
-    var upgradeNode = function upgradeNode(node, parsed) {
-      for (var i = 0, length = query.length; i < length; i++) {
-        if ((node.matches || node.webkitMatchesSelector || node.msMatchesSelector).call(node, query[i])) setup(node, config[i]);
-      }
-
-      if (parsed) upgradeAll(node, parsed);
+    var parse = function parse(elements) {
+      var connected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      loop(elements, connected, options.query);
     };
 
+    var observer = new MutationObserver(callback);
+    var root = options.root || document;
+    var query = options.query;
+    observer.observe(root, {
+      childList: true,
+      subtree: true
+    });
+    if (query.length) parse(root.querySelectorAll(query));
     return {
-      get: get,
-      upgrade: upgrade,
-      whenDefined: whenDefined,
-      $: setupList,
-      _: asCustomElement(root, upgradeNode)
+      drop: drop,
+      flush: flush,
+      observer: observer,
+      parse: parse
     };
   });
 
   var create = Object.create,
       keys = Object.keys;
-  var config = [];
+  var attributes = new WeakMap();
+  var lazy = new Set();
   var query = [];
+  var config = {};
   var defined = {};
-  var lazy = new Set();
-  var wicked = new WeakMap();
-  var callbacks = new WeakMap();
-
-  var _utils = utils(document, query, config, defined, function (value, _ref) {
-    var m = _ref.m,
-        l = _ref.l,
-        o = _ref.o;
-
-    if (!m.has(value)) {
-      var handler = create(o, {
-        element: {
-          enumerable: true,
-          value: value
-        }
-      });
-      m.set(value, 0);
-      if (!wicked.has(value)) wicked.set(value, []);
-      wicked.get(value).push(handler);
 
-      for (var i = 0, length = l.length; i < length; i++) {
-        value.addEventListener(l[i].t, handler, l[i].o);
+  var attributeChangedCallback = function attributeChangedCallback(records, mo) {
+    for (var i = 0, length = records.length; i < length; i++) {
+      var _records$i = records[i],
+          target = _records$i.target,
+          attributeName = _records$i.attributeName,
+          oldValue = _records$i.oldValue;
+      var newValue = target.getAttribute(attributeName);
+      attributes.get(mo).attributeChanged(attributeName, oldValue, newValue);
+    }
+  };
+
+  var set = function set(value, m, l, o) {
+    var handler = create(o, {
+      element: {
+        enumerable: true,
+        value: value
       }
+    });
 
-      if (handler.init) handler.init();
-      asCustomElement$1(value, o);
+    for (var i = 0, length = l.length; i < length; i++) {
+      value.addEventListener(l[i].t, handler, l[i].o);
     }
-  }),
-      get = _utils.get,
-      upgrade = _utils.upgrade,
-      whenDefined = _utils.whenDefined,
-      setupList = _utils.$,
-      asCustomElement$1 = _utils._;
-
-  var delegate = function delegate(key, method, notAC) {
-    return function (name) {
-      for (var h = wicked.get(this), i = 0, length = h.length; i < length; i++) {
-        if (method === h[i][key] && (notAC || -1 < (h[i].observedAttributes || []).indexOf(name))) method.apply(h[i], arguments);
-      }
-    };
+
+    m.set(value, handler);
+    if (handler.init) handler.init();
+    var observedAttributes = o.observedAttributes;
+
+    if (observedAttributes) {
+      var mo = new MutationObserver(attributeChangedCallback);
+      mo.observe(value, {
+        attributes: true,
+        attributeOldValue: true,
+        attributeFilter: observedAttributes.map(function (attributeName) {
+          if (value.hasAttribute(attributeName)) handler.attributeChanged(attributeName, null, value.getAttribute(attributeName));
+          return attributeName;
+        })
+      });
+      attributes.set(mo, handler);
+    }
+
+    return handler;
   };
 
+  var _QSAO = QSAO({
+    query: query,
+    handle: function handle(element, connected, selector) {
+      var _config$selector = config[selector],
+          m = _config$selector.m,
+          l = _config$selector.l,
+          o = _config$selector.o;
+      var handler = m.get(element) || set(element, m, l, o);
+      var method = connected ? 'connected' : 'disconnected';
+      if (method in handler) handler[method]();
+    }
+  }),
+      drop = _QSAO.drop,
+      flush = _QSAO.flush,
+      parse = _QSAO.parse;
+
+  var get = function get(selector) {
+    return (config[selector] || attributes).o;
+  };
   var define = function define(selector, definition) {
-    if (get(selector)) throw new Error('duplicated: ' + selector);
+    if (-1 < query.indexOf(selector)) throw new Error('duplicated: ' + selector);
+    flush();
     var listeners = [];
     var retype = create(null);
 
     for (var k = keys(definition), i = 0, length = k.length; i < length; i++) {
       var key = k[i];
 
-      if (/^(?:connected|disconnected|attributeChanged)$/.test(key)) {
-        if (!callbacks.has(definition[key])) callbacks.set(definition[key], delegate(key, definition[key], key[0] !== 'a'));
-        definition[key + 'Callback'] = callbacks.get(definition[key]);
-      } else if (/^on/.test(key) && !/Options$/.test(key)) {
+      if (/^on/.test(key) && !/Options$/.test(key)) {
         var options = definition[key + 'Options'] || false;
         var lower = key.toLowerCase();
         var type = lower.slice(2);
@@ -541,12 +507,12 @@ var hookedElements = (function (exports) {
     }
 
     query.push(selector);
-    config.push({
+    config[selector] = {
       m: new WeakMap(),
       l: listeners,
       o: definition
-    });
-    setupList(document.querySelectorAll(selector), new Set());
+    };
+    parse(document.querySelectorAll(selector));
     whenDefined(selector);
     if (!lazy.has(selector)) defined[selector]._();
   };
@@ -556,11 +522,10 @@ var hookedElements = (function (exports) {
       init: function init() {
         if (lazy.has(selector)) {
           lazy["delete"](selector);
-          callback().then(function (_ref2) {
-            var definition = _ref2["default"];
-            var i = query.indexOf(selector);
-            query.splice(i, 1);
-            config.splice(i, 1);
+          callback().then(function (_ref) {
+            var definition = _ref["default"];
+            query.splice(query.indexOf(selector), 1);
+            drop(document.querySelectorAll(selector));
 
             (_ || define)(selector, definition);
           });
@@ -568,6 +533,27 @@ var hookedElements = (function (exports) {
       }
     });
   };
+  var upgrade = function upgrade(element) {
+    if (query.length) {
+      flush();
+      parse([element]);
+    }
+  };
+  var whenDefined = function whenDefined(selector) {
+    if (!(selector in defined)) {
+      var _,
+          $ = new Lie(function ($) {
+        _ = $;
+      });
+
+      defined[selector] = {
+        _: _,
+        $: $
+      };
+    }
+
+    return defined[selector].$;
+  };
 
   function init() {
     render(this);
diff --git a/min.js b/min.js
index 03c7c71..2439fce 100644
--- a/min.js
+++ b/min.js
@@ -1,2 +1,2 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,r=t?requestAnimationFrame:setTimeout;function a(e){var a,u,o,i,c;return s(),function(e,t,n){return o=e,i=t,c=n,u||(u=r(l)),--a<0&&f(!0),f};function l(){s(),o.apply(i,c||[])}function s(){a=e||1/0,u=t?0:null}function f(e){var t=!!u;return t&&(n(u),e&&l()),t}}var u=function(e){return{get:function(t){return e.get(t)},set:function(t,n){return e.set(t,n),n}}},o=null,i=u(new WeakMap),c=function(e,t,n){e.apply(t,n)},l={async:!1,always:!1},s=function(e,t){return"function"==typeof t?t(e):t},f=function(e,t,n,r){var u=o.i++,f=o,h=f.hook,v=f.args,d=f.stack,p=f.length;u===p&&(o.length=d.push({}));var g=d[u];if(g.args=v,u===p){var m="function"==typeof n,k=(m?r:n)||r||l,b=k.async,w=k.always;g.$=m?n(t):s(void 0,t),g._=b?i.get(h)||i.set(h,a()):c,g.f=function(t){var n=e(g.$,t);(w||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},h=new WeakMap,v=function(e){var t=e.hook,n=e.args;t.apply(null,n)};
-/*! (c) Andrea Giammarchi - ISC */function d(e){this.value!==e&&(this.value=e,h.get(this).forEach(v))}function p(e){return e.hook===this.hook}var g=new WeakMap,m=u(g),k=function(){},b=function(e){return function(t,n){var r=o.i++,u=o,i=u.hook,c=u.after,l=u.stack;if(r<u.length){var s=l[r],f=s.update,h=s.values,v=s.stop;if(!n||n.some(M,h)){s.values=n,e&&v(e);var d=s.clean;d&&(s.clean=null,d());var p=function(){s.clean=t()};e?f(p):c.push(p)}}else{var g=e?a():k,b={clean:null,update:g,values:n,stop:k};o.length=l.push(b),(m.get(i)||m.set(i,[])).push(b);var w=function(){b.clean=t()};e?b.stop=g(w):c.push(w)}}},w=g.has.bind(g),y=b(!0),S=b(!1),C=function(e,t){var n=o.i++,r=o,a=r.stack;return n===r.length?o.length=a.push({$:e(),_:t}):t&&!t.some(M,a[n]._)||(a[n]={$:e(),_:t}),a[n].$};function M(e,t){return e!==this[t]}var O=function(e,t){var n=new WeakMap,r=new WeakMap,a=[].filter,u=function(e,t){for(var n=0,a=e.length;n<a;n++){var u=e[n],o=u.target,i=u.attributeName,c=u.oldValue,l=o.getAttribute(i);r.get(t).call(o,i,c,l)}},o=function(e){return"querySelectorAll"in e},i=function(e){for(var t=0,n=e.length;t<n;t++){var r=e[t],u=r.addedNodes,i=r.removedNodes;c(a.call(u,o),"c",new Set),c(a.call(i,o),"d",new Set)}},c=function e(r,a,u){for(var o=0,i=r.length;o<i;o++){var c=r[o];u.has(c)||(u.add(c),n.has(c)?n.get(c)[a].forEach($,c):"c"===a&&t(c),e(c.querySelectorAll("*"),a,u))}},l=new MutationObserver(i);return l.observe(e,{childList:!0,subtree:!0}),function(e,t){var a=t.connectedCallback,o=t.disconnectedCallback,c=t.observedAttributes,s=t.attributeChangedCallback;i(l.takeRecords());var f=n.get(e)||function(e){var t={c:new Set,d:new Set};return n.set(e,t),t}(e),h=f.c,v=f.d;if(c){var d=new MutationObserver(u);d.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:c.map((function(t){return e.hasAttribute(t)&&s.call(e,t,null,e.getAttribute(t)),t}))}),r.set(d,s)}return o&&v.add(o),a&&(h.add(a),e.ownerDocument.compareDocumentPosition(e)&e.DOCUMENT_POSITION_DISCONNECTED||a.call(e)),e}};function $(e){e.call(this)}var A="function"==typeof Promise?Promise:function(e){var t=[],n=0;return e((function(){n=1,t.splice(0).forEach(r)})),{then:r};function r(e){return n?setTimeout(e):t.push(e),this}},E=Object.create,_=Object.keys,D=[],W=[],N={},T=new Set,q=new WeakMap,x=new WeakMap,L=function(e,t,n,r,a){var u=function(e,t){for(var n=0,r=e.length;n<r;n++)t.has(e[n])||(t.add(e[n]),o(e[n],t))},o=function(e,r){for(var o=0,i=t.length;o<i;o++)(e.matches||e.webkitMatchesSelector||e.msMatchesSelector).call(e,t[o])&&a(e,n[o]);r&&function(e,n){t.length&&u(e.querySelectorAll(t),n)}(e,r)};return{get:function(e){var r=t.indexOf(e);return r<0?void 0:n[r].o},upgrade:function(e){o(e,new Set)},whenDefined:function(e){if(!(e in r)){var t,n=new A((function(e){t=e}));r[e]={_:t,$:n}}return r[e].$},$:u,_:O(e,o)}}(document,W,D,N,(function(e,t){var n=t.m,r=t.l,a=t.o;if(!n.has(e)){var u=E(a,{element:{enumerable:!0,value:e}});n.set(e,0),q.has(e)||q.set(e,[]),q.get(e).push(u);for(var o=0,i=r.length;o<i;o++)e.addEventListener(r[o].t,u,r[o].o);u.init&&u.init(),j(e,a)}})),F=L.get,P=L.upgrade,I=L.whenDefined,R=L.$,j=L._,V=function(e,t,n){return function(r){for(var a=q.get(this),u=0,o=a.length;u<o;u++)t===a[u][e]&&(n||-1<(a[u].observedAttributes||[]).indexOf(r))&&t.apply(a[u],arguments)}},U=function(e,t){if(F(e))throw new Error("duplicated: "+e);for(var n=[],r=E(null),a=_(t),u=0,o=a.length;u<o;u++){var i=a[u];if(/^(?:connected|disconnected|attributeChanged)$/.test(i))x.has(t[i])||x.set(t[i],V(i,t[i],"a"!==i[0])),t[i+"Callback"]=x.get(t[i]);else if(/^on/.test(i)&&!/Options$/.test(i)){var c=t[i+"Options"]||!1,l=i.toLowerCase(),s=l.slice(2);n.push({t:s,o:c}),r[s]=i,l!==i&&(s=i.slice(2,3).toLowerCase()+i.slice(3),r[s]=i,n.push({t:s,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),W.push(e),D.push({m:new WeakMap,l:n,o:t}),R(document.querySelectorAll(e),new Set),I(e),T.has(e)||N[e]._()};function z(){G(this)}var B=function(e,t){U(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=function(e){var t,n,r=e.disconnected,a=e.element,u=e.render,i=(t=u.bind(e,a),n=[],function e(){var r=o,a=[];o={hook:e,args:arguments,stack:n,i:0,length:n.length,after:a};try{return t.apply(null,arguments)}finally{o=r;for(var u=0,i=a.length;u<i;u++)a[u]()}});return e.disconnected=function(){w(i)&&function(e){(g.get(e)||[]).forEach((function(e){var t=e.clean;(0,e.stop)(),t&&(e.clean=null,t())}))}(i),r&&r.call(e)},(e.render=i)()};return e.createContext=function(e){var t={value:e,provide:d};return h.set(t,[]),t},e.define=B,e.defineAsync=function(e,t){!function(e,t,n){T.add(e),U(e,{init:function(){T.has(e)&&(T.delete(e),t().then((function(t){var r=t.default,a=W.indexOf(e);W.splice(a,1),D.splice(a,1),(n||U)(e,r)})))}})}(e,t,B)},e.get=F,e.render=G,e.upgrade=P,e.useCallback=function(e,t){return C((function(){return e}),t)},e.useContext=function(e){var t=o,n=t.hook,r=t.args,a=h.get(e),u={hook:n,args:r};return a.some(p,u)||a.push(u),e.value},e.useEffect=y,e.useLayoutEffect=S,e.useMemo=C,e.useReducer=f,e.useRef=function(e){var t=o.i++,n=o,r=n.stack;return t===n.length&&(o.length=r.push({current:e})),r[t]},e.useState=function(e,t){return f(s,e,void 0,t)},e.whenDefined=I,e}({});
\ No newline at end of file
+var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,r=t?requestAnimationFrame:setTimeout;function u(e){var u,o,a,i,c;return s(),function(e,t,n){return a=e,i=t,c=n,o||(o=r(l)),--u<0&&f(!0),f};function l(){s(),a.apply(i,c||[])}function s(){u=e||1/0,o=t?0:null}function f(e){var t=!!o;return t&&(n(o),e&&l()),t}}var o=function(e){return{get:function(t){return e.get(t)},set:function(t,n){return e.set(t,n),n}}},a=null,i=o(new WeakMap),c=function(e,t,n){e.apply(t,n)},l={async:!1,always:!1},s=function(e,t){return"function"==typeof t?t(e):t},f=function(e,t,n,r){var o=a.i++,f=a,h=f.hook,v=f.args,d=f.stack,p=f.length;o===p&&(a.length=d.push({}));var g=d[o];if(g.args=v,o===p){var m="function"==typeof n,y=(m?r:n)||r||l,b=y.async,k=y.always;g.$=m?n(t):s(void 0,t),g._=b?i.get(h)||i.set(h,u()):c,g.f=function(t){var n=e(g.$,t);(k||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},h=new WeakMap,v=function(e){var t=e.hook,n=e.args;t.apply(null,n)};
+/*! (c) Andrea Giammarchi - ISC */function d(e){this.value!==e&&(this.value=e,h.get(this).forEach(v))}function p(e){return e.hook===this.hook}var g=new WeakMap,m=o(g),y=function(){},b=function(e){return function(t,n){var r=a.i++,o=a,i=o.hook,c=o.after,l=o.stack;if(r<o.length){var s=l[r],f=s.update,h=s.values,v=s.stop;if(!n||n.some(S,h)){s.values=n,e&&v(e);var d=s.clean;d&&(s.clean=null,d());var p=function(){s.clean=t()};e?f(p):c.push(p)}}else{var g=e?u():y,b={clean:null,update:g,values:n,stop:y};a.length=l.push(b),(m.get(i)||m.set(i,[])).push(b);var k=function(){b.clean=t()};e?b.stop=g(k):c.push(k)}}},k=g.has.bind(g),w=b(!0),A=b(!1),M=function(e,t){var n=a.i++,r=a,u=r.stack;return n===r.length?a.length=u.push({$:e(),_:t}):t&&!t.some(S,u[n]._)||(u[n]={$:e(),_:t}),u[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){var t=[],n=0;return e((function(){n=1,t.splice(0).forEach(r)})),{then:r};function r(e){return n?setTimeout(e):t.push(e),this}},q=function(e){return"querySelectorAll"in e},E=[].filter,O=Object.create,C=Object.keys,_=new WeakMap,W=new Set,L=[],x={},F={},N=function(e,t){for(var n=0,r=e.length;n<r;n++){var u=e[n],o=u.target,a=u.attributeName,i=u.oldValue,c=o.getAttribute(a);_.get(t).attributeChanged(a,i,c)}},R=function(e){var t=new WeakMap,n=function(t){var n=e.query;if(n.length)for(var u=0,o=t.length;u<o;u++)r(E.call(t[u].addedNodes,q),!0,n),r(E.call(t[u].removedNodes,q),!1,n)},r=function n(r,o,a){for(var i,c,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new Set,s=function(s,f,h,v){if(!l.has(f=r[h])){if(l.add(f),o)for(var d,p=u(f),g=0,m=a.length;g<m;g++)p.call(f,d=a[g])&&(t.has(f)||t.set(f,new Set),(s=t.get(f)).has(d)||(s.add(d),e.handle(f,o,d)));else t.has(f)&&(s=t.get(f),t.delete(f),s.forEach((function(t){e.handle(f,o,t)})));n(f.querySelectorAll(a),o,a,l)}i=s,c=f},f=0,h=r.length;f<h;f++)s(i,c,f)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},o=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},a=new MutationObserver(n),i=e.root||document,c=e.query;return a.observe(i,{childList:!0,subtree:!0}),c.length&&o(i.querySelectorAll(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:o}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,o=r.l,a=r.o,i=u.get(e)||function(e,t,n,r){for(var u=O(r,{element:{enumerable:!0,value:e}}),o=0,a=n.length;o<a;o++)e.addEventListener(n[o].t,u,n[o].o);t.set(e,u),u.init&&u.init();var i=r.observedAttributes;if(i){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:i.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),_.set(c,u)}return u}(e,u,o,a),c=t?"connected":"disconnected";c in i&&i[c]()}}),T=R.drop,j=R.flush,P=R.parse,V=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();for(var n=[],r=O(null),u=C(t),o=0,a=u.length;o<a;o++){var i=u[o];if(/^on/.test(i)&&!/Options$/.test(i)){var c=t[i+"Options"]||!1,l=i.toLowerCase(),s=l.slice(2);n.push({t:s,o:c}),r[s]=i,l!==i&&(s=i.slice(2,3).toLowerCase()+i.slice(3),r[s]=i,n.push({t:s,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),W.has(e)||F[e]._()},D=function(e){if(!(e in F)){var t,n=new $((function(e){t=e}));F[e]={_:t,$:n}}return F[e].$};function z(){G(this)}var B=function(e,t){V(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=function(e){var t,n,r=e.disconnected,u=e.element,o=e.render,i=(t=o.bind(e,u),n=[],function e(){var r=a,u=[];a={hook:e,args:arguments,stack:n,i:0,length:n.length,after:u};try{return t.apply(null,arguments)}finally{a=r;for(var o=0,i=u.length;o<i;o++)u[o]()}});return e.disconnected=function(){k(i)&&function(e){(g.get(e)||[]).forEach((function(e){var t=e.clean;(0,e.stop)(),t&&(e.clean=null,t())}))}(i),r&&r.call(e)},(e.render=i)()};return e.createContext=function(e){var t={value:e,provide:d};return h.set(t,[]),t},e.define=B,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),V(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),T(document.querySelectorAll(e)),(n||V)(e,r)})))}})}(e,t,B)},e.get=function(e){return(x[e]||_).o},e.render=G,e.upgrade=function(e){L.length&&(j(),P([e]))},e.useCallback=function(e,t){return M((function(){return e}),t)},e.useContext=function(e){var t=a,n=t.hook,r=t.args,u=h.get(e),o={hook:n,args:r};return u.some(p,o)||u.push(o),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=f,e.useRef=function(e){var t=a.i++,n=a,r=n.stack;return t===n.length&&(a.length=r.push({current:e})),r[t]},e.useState=function(e,t){return f(s,e,void 0,t)},e.whenDefined=D,e}({});
\ No newline at end of file
diff --git a/new.js b/new.js
index 7ece6ea..60dd833 100644
--- a/new.js
+++ b/new.js
@@ -1,2 +1,2 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,s=t?requestAnimationFrame:setTimeout;function o(e){var o,a,l,r,c;return i(),function(e,t,n){return l=e,r=t,c=n,a||(a=s(u)),--o<0&&h(!0),h};function u(){i(),l.apply(r,c||[])}function i(){o=e||1/0,a=t?0:null}function h(e){var t=!!a;return t&&(n(a),e&&u()),t}}var a=e=>({get:t=>e.get(t),set:(t,n)=>(e.set(t,n),n)})
-/*! (c) Andrea Giammarchi - ISC */;let l=null;const r=a(new WeakMap),c=(e,t,n)=>{e.apply(t,n)},u={async:!1,always:!1},i=(e,t)=>"function"==typeof t?t(e):t,h=(e,t,n,s)=>{const a=l.i++,{hook:h,args:d,stack:f,length:p}=l;a===p&&(l.length=f.push({}));const g=f[a];if(g.args=d,a===p){const a="function"==typeof n,{async:l,always:d}=(a?s:n)||s||u;g.$=a?n(t):i(void 0,t),g._=l?r.get(h)||r.set(h,o()):c,g.f=t=>{const n=e(g.$,t);(d||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},d=new WeakMap,f=({hook:e,args:t})=>{e.apply(null,t)};function p(e){this.value!==e&&(this.value=e,d.get(this).forEach(f))}function g({hook:e}){return e===this.hook}const m=new WeakMap,k=a(m),w=()=>{},b=e=>(t,n)=>{const s=l.i++,{hook:a,after:r,stack:c,length:u}=l;if(s<u){const o=c[s],{update:a,values:l,stop:u}=o;if(!n||n.some(M,l)){o.values=n,e&&u(e);const{clean:s}=o;s&&(o.clean=null,s());const l=()=>{o.clean=t()};e?a(l):r.push(l)}}else{const s=e?o():w,u={clean:null,update:s,values:n,stop:w};l.length=c.push(u),(k.get(a)||k.set(a,[])).push(u);const i=()=>{u.clean=t()};e?u.stop=s(i):r.push(i)}},v=m.has.bind(m),y=b(!0),S=b(!1),C=(e,t)=>{const n=l.i++,{stack:s,length:o}=l;return n===o?l.length=s.push({$:e(),_:t}):t&&!t.some(M,s[n]._)||(s[n]={$:e(),_:t}),s[n].$};function M(e,t){return e!==this[t]}var $=(e,t)=>{const n=new WeakMap,s=new WeakMap,{filter:o}=[],a=(e,t)=>{for(let n=0,{length:o}=e;n<o;n++){const{target:o,attributeName:a,oldValue:l}=e[n],r=o.getAttribute(a);s.get(t).call(o,a,l,r)}},l=e=>"querySelectorAll"in e,r=e=>{for(let t=0,{length:n}=e;t<n;t++){const{addedNodes:n,removedNodes:s}=e[t];c(o.call(n,l),"c",new Set),c(o.call(s,l),"d",new Set)}},c=(e,s,o)=>{for(let a=0,{length:l}=e;a<l;a++){const l=e[a];o.has(l)||(o.add(l),n.has(l)?n.get(l)[s].forEach(A,l):"c"===s&&t(l),c(l.querySelectorAll("*"),s,o))}},u=new MutationObserver(r);return u.observe(e,{childList:!0,subtree:!0}),(e,{connectedCallback:t,disconnectedCallback:o,observedAttributes:l,attributeChangedCallback:c})=>{r(u.takeRecords());const{c:i,d:h}=n.get(e)||(e=>{const t={c:new Set,d:new Set};return n.set(e,t),t})(e);if(l){const t=new MutationObserver(a);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map(t=>(e.hasAttribute(t)&&c.call(e,t,null,e.getAttribute(t)),t))}),s.set(t,c)}return o&&h.add(o),t&&(i.add(t),e.ownerDocument.compareDocumentPosition(e)&e.DOCUMENT_POSITION_DISCONNECTED||t.call(e)),e}};function A(e){e.call(this)}const E="function"==typeof Promise?Promise:function(e){let t=[],n=0;return e(()=>{n=1,t.splice(0).forEach(s)}),{then:s};function s(e){return n?setTimeout(e):t.push(e),this}};const{create:O,keys:_}=Object,D=[],W=[],N={},T=new Set,q=new WeakMap,x=new WeakMap,{get:L,upgrade:F,whenDefined:P,$:I,_:R}=((e,t,n,s,o)=>{const a=(e,t)=>{for(let n=0,{length:s}=e;n<s;n++)t.has(e[n])||(t.add(e[n]),l(e[n],t))},l=(e,s)=>{for(let s=0,{length:a}=t;s<a;s++)(e.matches||e.webkitMatchesSelector||e.msMatchesSelector).call(e,t[s])&&o(e,n[s]);s&&((e,n)=>{t.length&&a(e.querySelectorAll(t),n)})(e,s)};return{get:e=>{const s=t.indexOf(e);return s<0?void 0:n[s].o},upgrade:e=>{l(e,new Set)},whenDefined:e=>{if(!(e in s)){let t,n=new E(e=>{t=e});s[e]={_:t,$:n}}return s[e].$},$:a,_:$(e,l)}})(document,W,D,N,(e,{m:t,l:n,o:s})=>{if(!t.has(e)){const o=O(s,{element:{enumerable:!0,value:e}});t.set(e,0),q.has(e)||q.set(e,[]),q.get(e).push(o);for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,o,n[t].o);o.init&&o.init(),R(e,s)}}),V=(e,t,n)=>function(s){for(let o=q.get(this),a=0,{length:l}=o;a<l;a++)t===o[a][e]&&(n||-1<(o[a].observedAttributes||[]).indexOf(s))&&t.apply(o[a],arguments)},j=(e,t)=>{if(L(e))throw new Error("duplicated: "+e);const n=[],s=O(null);for(let e=_(t),o=0,{length:a}=e;o<a;o++){const a=e[o];if(/^(?:connected|disconnected|attributeChanged)$/.test(a))x.has(t[a])||x.set(t[a],V(a,t[a],"a"!==a[0])),t[a+"Callback"]=x.get(t[a]);else if(/^on/.test(a)&&!/Options$/.test(a)){const e=t[a+"Options"]||!1,o=a.toLowerCase();let l=o.slice(2);n.push({t:l,o:e}),s[l]=a,o!==a&&(l=a.slice(2,3).toLowerCase()+a.slice(3),s[l]=a,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),W.push(e),D.push({m:new WeakMap,l:n,o:t}),I(document.querySelectorAll(e),new Set),P(e),T.has(e)||N[e]._()};function U(){B(this)}const z=(e,t)=>{j(e,"function"==typeof t?{init:U,render:t}:(t.init||(t.init=U),t))},B=e=>{const{disconnected:t,element:n,render:s}=e,o=(e=>{const t=[];return function n(){const s=l,o=[];l={hook:n,args:arguments,stack:t,i:0,length:t.length,after:o};try{return e.apply(null,arguments)}finally{l=s;for(let e=0,{length:t}=o;e<t;e++)o[e]()}}})(s.bind(e,n));return e.disconnected=()=>{v(o)&&(e=>{(m.get(e)||[]).forEach(e=>{const{clean:t,stop:n}=e;n(),t&&(e.clean=null,t())})})(o),t&&t.call(e)},(e.render=o)()};return e.createContext=e=>{const t={value:e,provide:p};return d.set(t,[]),t},e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{T.add(e),j(e,{init(){T.has(e)&&(T.delete(e),t().then(({default:t})=>{const s=W.indexOf(e);W.splice(s,1),D.splice(s,1),(n||j)(e,t)}))}})})(e,t,z)},e.get=L,e.render=B,e.upgrade=F,e.useCallback=(e,t)=>C(()=>e,t),e.useContext=e=>{const{hook:t,args:n}=l,s=d.get(e),o={hook:t,args:n};return s.some(g,o)||s.push(o),e.value},e.useEffect=y,e.useLayoutEffect=S,e.useMemo=C,e.useReducer=h,e.useRef=e=>{const t=l.i++,{stack:n,length:s}=l;return t===s&&(l.length=n.push({current:e})),n[t]},e.useState=(e,t)=>h(i,e,void 0,t),e.whenDefined=P,e}({});
+var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,o=t?requestAnimationFrame:setTimeout;function s(e){var s,r,l,a,u;return i(),function(e,t,n){return l=e,a=t,u=n,r||(r=o(c)),--s<0&&h(!0),h};function c(){i(),l.apply(a,u||[])}function i(){s=e||1/0,r=t?0:null}function h(e){var t=!!r;return t&&(n(r),e&&c()),t}}var r=e=>({get:t=>e.get(t),set:(t,n)=>(e.set(t,n),n)})
+/*! (c) Andrea Giammarchi - ISC */;let l=null;const a=r(new WeakMap),u=(e,t,n)=>{e.apply(t,n)},c={async:!1,always:!1},i=(e,t)=>"function"==typeof t?t(e):t,h=(e,t,n,o)=>{const r=l.i++,{hook:h,args:f,stack:d,length:p}=l;r===p&&(l.length=d.push({}));const g=d[r];if(g.args=f,r===p){const r="function"==typeof n,{async:l,always:f}=(r?o:n)||o||c;g.$=r?n(t):i(void 0,t),g._=l?a.get(h)||a.set(h,s()):u,g.f=t=>{const n=e(g.$,t);(f||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},f=new WeakMap,d=({hook:e,args:t})=>{e.apply(null,t)};function p(e){this.value!==e&&(this.value=e,f.get(this).forEach(d))}function g({hook:e}){return e===this.hook}const m=new WeakMap,y=r(m),v=()=>{},k=e=>(t,n)=>{const o=l.i++,{hook:r,after:a,stack:u,length:c}=l;if(o<c){const s=u[o],{update:r,values:l,stop:c}=s;if(!n||n.some(S,l)){s.values=n,e&&c(e);const{clean:o}=s;o&&(s.clean=null,o());const l=()=>{s.clean=t()};e?r(l):a.push(l)}}else{const o=e?s():v,c={clean:null,update:o,values:n,stop:v};l.length=u.push(c),(y.get(r)||y.set(r,[])).push(c);const i=()=>{c.clean=t()};e?c.stop=o(i):a.push(i)}},b=m.has.bind(m),w=k(!0),A=k(!1),M=(e,t)=>{const n=l.i++,{stack:o,length:s}=l;return n===s?l.length=o.push({$:e(),_:t}):t&&!t.some(S,o[n]._)||(o[n]={$:e(),_:t}),o[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){let t=[],n=0;return e(()=>{n=1,t.splice(0).forEach(o)}),{then:o};function o(e){return n?setTimeout(e):t.push(e),this}};const q=e=>"querySelectorAll"in e,{filter:E}=[];const{create:O,keys:C}=Object,_=new WeakMap,W=new Set,L=[],x={},F={},N=(e,t)=>{for(let n=0,{length:o}=e;n<o;n++){const{target:o,attributeName:s,oldValue:r}=e[n],l=o.getAttribute(s);_.get(t).attributeChanged(s,r,l)}},{drop:R,flush:T,parse:P}=(e=>{const t=new WeakMap,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:s}=t;e<s;e++)o(E.call(t[e].addedNodes,q),!0,n),o(E.call(t[e].removedNodes,q),!1,n)},o=(n,r,l,a=new Set)=>{for(let u,c,i=0,{length:h}=n;i<h;i++)if(!a.has(c=n[i])){if(a.add(c),r)for(let n,o=s(c),a=0,{length:i}=l;a<i;a++)o.call(c,n=l[a])&&(t.has(c)||t.set(c,new Set),u=t.get(c),u.has(n)||(u.add(n),e.handle(c,r,n)));else t.has(c)&&(u=t.get(c),t.delete(c),u.forEach(t=>{e.handle(c,r,t)}));o(c.querySelectorAll(l),r,l,a)}},s=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,r=(t,n=!0)=>{o(t,n,e.query)},l=new MutationObserver(n),a=e.root||document,{query:u}=e;return l.observe(a,{childList:!0,subtree:!0}),u.length&&r(a.querySelectorAll(u)),{drop:e=>{for(let n=0,{length:o}=e;n<o;n++)t.delete(e[n])},flush:()=>{n(l.takeRecords())},observer:l,parse:r}})({query:L,handle(e,t,n){const{m:o,l:s,o:r}=x[n],l=o.get(e)||((e,t,n,o)=>{const s=O(o,{element:{enumerable:!0,value:e}});for(let t=0,{length:o}=n;t<o;t++)e.addEventListener(n[t].t,s,n[t].o);t.set(e,s),s.init&&s.init();const{observedAttributes:r}=o;if(r){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:r.map(t=>(e.hasAttribute(t)&&s.attributeChanged(t,null,e.getAttribute(t)),t))}),_.set(t,s)}return s})(e,o,s,r),a=t?"connected":"disconnected";a in l&&l[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);T();const n=[],o=O(null);for(let e=C(t),s=0,{length:r}=e;s<r;s++){const r=e[s];if(/^on/.test(r)&&!/Options$/.test(r)){const e=t[r+"Options"]||!1,s=r.toLowerCase();let l=s.slice(2);n.push({t:l,o:e}),o[l]=r,s!==r&&(l=r.slice(2,3).toLowerCase()+r.slice(3),o[l]=r,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[o[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),j(e),W.has(e)||F[e]._()},j=e=>{if(!(e in F)){let t,n=new $(e=>{t=e});F[e]={_:t,$:n}}return F[e].$};function D(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:D,render:t}:(t.init||(t.init=D),t))},B=e=>{const{disconnected:t,element:n,render:o}=e,s=(e=>{const t=[];return function n(){const o=l,s=[];l={hook:n,args:arguments,stack:t,i:0,length:t.length,after:s};try{return e.apply(null,arguments)}finally{l=o;for(let e=0,{length:t}=s;e<t;e++)s[e]()}}})(o.bind(e,n));return e.disconnected=()=>{b(s)&&(e=>{(m.get(e)||[]).forEach(e=>{const{clean:t,stop:n}=e;n(),t&&(e.clean=null,t())})})(s),t&&t.call(e)},(e.render=s)()};return e.createContext=e=>{const t={value:e,provide:p};return f.set(t,[]),t},e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{W.add(e),V(e,{init(){W.has(e)&&(W.delete(e),t().then(({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)}))}})})(e,t,z)},e.get=e=>(x[e]||_).o,e.render=B,e.upgrade=e=>{L.length&&(T(),P([e]))},e.useCallback=(e,t)=>M(()=>e,t),e.useContext=e=>{const{hook:t,args:n}=l,o=f.get(e),s={hook:t,args:n};return o.some(g,s)||o.push(s),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=h,e.useRef=e=>{const t=l.i++,{stack:n,length:o}=l;return t===o&&(l.length=n.push({current:e})),n[t]},e.useState=(e,t)=>h(i,e,void 0,t),e.whenDefined=j,e}({});
diff --git a/package.json b/package.json
index 90b29f5..08f97e6 100644
--- a/package.json
+++ b/package.json
@@ -21,8 +21,8 @@
   "author": "Andrea Giammarchi",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.10.5",
-    "@babel/preset-env": "^7.10.4",
+    "@babel/core": "^7.11.0",
+    "@babel/preset-env": "^7.11.0",
     "@ungap/degap": "^0.2.0",
     "ascjs": "^4.0.1",
     "http-server": "^0.12.3",
@@ -31,13 +31,13 @@
     "rollup-plugin-includepaths": "^0.2.3",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-terser": "^6.1.0",
-    "terser": "^4.8.0"
+    "terser": "^5.0.0"
   },
   "module": "./esm/index.js",
   "unpkg": "min.js",
   "dependencies": {
     "augmentor": "^2.2.0",
-    "wicked-elements": "^3.0.19"
+    "wicked-elements": "^3.1.0"
   },
   "repository": {
     "type": "git",

From 45c250edc12c142b5a2811ca6a66097d622bbe6a Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Sun, 2 Aug 2020 23:19:49 +0200
Subject: [PATCH 04/16] 2.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 08f97e6..27e49a9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {

From 1200ed13de58ba4ffb660beb485584fba62602cb Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Tue, 4 Aug 2020 10:13:54 +0200
Subject: [PATCH 05/16] updated wicked-elements to latest

---
 index.js     | 6 +++---
 min.js       | 2 +-
 new.js       | 2 +-
 package.json | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.js b/index.js
index f8df9f6..8a9cf84 100644
--- a/index.js
+++ b/index.js
@@ -408,14 +408,14 @@ var hookedElements = (function (exports) {
   var config = {};
   var defined = {};
 
-  var attributeChangedCallback = function attributeChangedCallback(records, mo) {
-    for (var i = 0, length = records.length; i < length; i++) {
+  var attributeChangedCallback = function attributeChangedCallback(records, o) {
+    for (var h = attributes.get(o), i = 0, length = records.length; i < length; i++) {
       var _records$i = records[i],
           target = _records$i.target,
           attributeName = _records$i.attributeName,
           oldValue = _records$i.oldValue;
       var newValue = target.getAttribute(attributeName);
-      attributes.get(mo).attributeChanged(attributeName, oldValue, newValue);
+      h.attributeChanged(attributeName, oldValue, newValue);
     }
   };
 
diff --git a/min.js b/min.js
index 2439fce..9d030f6 100644
--- a/min.js
+++ b/min.js
@@ -1,2 +1,2 @@
 var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,r=t?requestAnimationFrame:setTimeout;function u(e){var u,o,a,i,c;return s(),function(e,t,n){return a=e,i=t,c=n,o||(o=r(l)),--u<0&&f(!0),f};function l(){s(),a.apply(i,c||[])}function s(){u=e||1/0,o=t?0:null}function f(e){var t=!!o;return t&&(n(o),e&&l()),t}}var o=function(e){return{get:function(t){return e.get(t)},set:function(t,n){return e.set(t,n),n}}},a=null,i=o(new WeakMap),c=function(e,t,n){e.apply(t,n)},l={async:!1,always:!1},s=function(e,t){return"function"==typeof t?t(e):t},f=function(e,t,n,r){var o=a.i++,f=a,h=f.hook,v=f.args,d=f.stack,p=f.length;o===p&&(a.length=d.push({}));var g=d[o];if(g.args=v,o===p){var m="function"==typeof n,y=(m?r:n)||r||l,b=y.async,k=y.always;g.$=m?n(t):s(void 0,t),g._=b?i.get(h)||i.set(h,u()):c,g.f=function(t){var n=e(g.$,t);(k||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},h=new WeakMap,v=function(e){var t=e.hook,n=e.args;t.apply(null,n)};
-/*! (c) Andrea Giammarchi - ISC */function d(e){this.value!==e&&(this.value=e,h.get(this).forEach(v))}function p(e){return e.hook===this.hook}var g=new WeakMap,m=o(g),y=function(){},b=function(e){return function(t,n){var r=a.i++,o=a,i=o.hook,c=o.after,l=o.stack;if(r<o.length){var s=l[r],f=s.update,h=s.values,v=s.stop;if(!n||n.some(S,h)){s.values=n,e&&v(e);var d=s.clean;d&&(s.clean=null,d());var p=function(){s.clean=t()};e?f(p):c.push(p)}}else{var g=e?u():y,b={clean:null,update:g,values:n,stop:y};a.length=l.push(b),(m.get(i)||m.set(i,[])).push(b);var k=function(){b.clean=t()};e?b.stop=g(k):c.push(k)}}},k=g.has.bind(g),w=b(!0),A=b(!1),M=function(e,t){var n=a.i++,r=a,u=r.stack;return n===r.length?a.length=u.push({$:e(),_:t}):t&&!t.some(S,u[n]._)||(u[n]={$:e(),_:t}),u[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){var t=[],n=0;return e((function(){n=1,t.splice(0).forEach(r)})),{then:r};function r(e){return n?setTimeout(e):t.push(e),this}},q=function(e){return"querySelectorAll"in e},E=[].filter,O=Object.create,C=Object.keys,_=new WeakMap,W=new Set,L=[],x={},F={},N=function(e,t){for(var n=0,r=e.length;n<r;n++){var u=e[n],o=u.target,a=u.attributeName,i=u.oldValue,c=o.getAttribute(a);_.get(t).attributeChanged(a,i,c)}},R=function(e){var t=new WeakMap,n=function(t){var n=e.query;if(n.length)for(var u=0,o=t.length;u<o;u++)r(E.call(t[u].addedNodes,q),!0,n),r(E.call(t[u].removedNodes,q),!1,n)},r=function n(r,o,a){for(var i,c,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new Set,s=function(s,f,h,v){if(!l.has(f=r[h])){if(l.add(f),o)for(var d,p=u(f),g=0,m=a.length;g<m;g++)p.call(f,d=a[g])&&(t.has(f)||t.set(f,new Set),(s=t.get(f)).has(d)||(s.add(d),e.handle(f,o,d)));else t.has(f)&&(s=t.get(f),t.delete(f),s.forEach((function(t){e.handle(f,o,t)})));n(f.querySelectorAll(a),o,a,l)}i=s,c=f},f=0,h=r.length;f<h;f++)s(i,c,f)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},o=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},a=new MutationObserver(n),i=e.root||document,c=e.query;return a.observe(i,{childList:!0,subtree:!0}),c.length&&o(i.querySelectorAll(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:o}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,o=r.l,a=r.o,i=u.get(e)||function(e,t,n,r){for(var u=O(r,{element:{enumerable:!0,value:e}}),o=0,a=n.length;o<a;o++)e.addEventListener(n[o].t,u,n[o].o);t.set(e,u),u.init&&u.init();var i=r.observedAttributes;if(i){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:i.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),_.set(c,u)}return u}(e,u,o,a),c=t?"connected":"disconnected";c in i&&i[c]()}}),T=R.drop,j=R.flush,P=R.parse,V=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();for(var n=[],r=O(null),u=C(t),o=0,a=u.length;o<a;o++){var i=u[o];if(/^on/.test(i)&&!/Options$/.test(i)){var c=t[i+"Options"]||!1,l=i.toLowerCase(),s=l.slice(2);n.push({t:s,o:c}),r[s]=i,l!==i&&(s=i.slice(2,3).toLowerCase()+i.slice(3),r[s]=i,n.push({t:s,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),W.has(e)||F[e]._()},D=function(e){if(!(e in F)){var t,n=new $((function(e){t=e}));F[e]={_:t,$:n}}return F[e].$};function z(){G(this)}var B=function(e,t){V(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=function(e){var t,n,r=e.disconnected,u=e.element,o=e.render,i=(t=o.bind(e,u),n=[],function e(){var r=a,u=[];a={hook:e,args:arguments,stack:n,i:0,length:n.length,after:u};try{return t.apply(null,arguments)}finally{a=r;for(var o=0,i=u.length;o<i;o++)u[o]()}});return e.disconnected=function(){k(i)&&function(e){(g.get(e)||[]).forEach((function(e){var t=e.clean;(0,e.stop)(),t&&(e.clean=null,t())}))}(i),r&&r.call(e)},(e.render=i)()};return e.createContext=function(e){var t={value:e,provide:d};return h.set(t,[]),t},e.define=B,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),V(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),T(document.querySelectorAll(e)),(n||V)(e,r)})))}})}(e,t,B)},e.get=function(e){return(x[e]||_).o},e.render=G,e.upgrade=function(e){L.length&&(j(),P([e]))},e.useCallback=function(e,t){return M((function(){return e}),t)},e.useContext=function(e){var t=a,n=t.hook,r=t.args,u=h.get(e),o={hook:n,args:r};return u.some(p,o)||u.push(o),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=f,e.useRef=function(e){var t=a.i++,n=a,r=n.stack;return t===n.length&&(a.length=r.push({current:e})),r[t]},e.useState=function(e,t){return f(s,e,void 0,t)},e.whenDefined=D,e}({});
\ No newline at end of file
+/*! (c) Andrea Giammarchi - ISC */function d(e){this.value!==e&&(this.value=e,h.get(this).forEach(v))}function p(e){return e.hook===this.hook}var g=new WeakMap,m=o(g),y=function(){},b=function(e){return function(t,n){var r=a.i++,o=a,i=o.hook,c=o.after,l=o.stack;if(r<o.length){var s=l[r],f=s.update,h=s.values,v=s.stop;if(!n||n.some(S,h)){s.values=n,e&&v(e);var d=s.clean;d&&(s.clean=null,d());var p=function(){s.clean=t()};e?f(p):c.push(p)}}else{var g=e?u():y,b={clean:null,update:g,values:n,stop:y};a.length=l.push(b),(m.get(i)||m.set(i,[])).push(b);var k=function(){b.clean=t()};e?b.stop=g(k):c.push(k)}}},k=g.has.bind(g),w=b(!0),A=b(!1),M=function(e,t){var n=a.i++,r=a,u=r.stack;return n===r.length?a.length=u.push({$:e(),_:t}):t&&!t.some(S,u[n]._)||(u[n]={$:e(),_:t}),u[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){var t=[],n=0;return e((function(){n=1,t.splice(0).forEach(r)})),{then:r};function r(e){return n?setTimeout(e):t.push(e),this}},q=function(e){return"querySelectorAll"in e},E=[].filter,O=Object.create,C=Object.keys,_=new WeakMap,W=new Set,L=[],x={},F={},N=function(e,t){for(var n=_.get(t),r=0,u=e.length;r<u;r++){var o=e[r],a=o.target,i=o.attributeName,c=o.oldValue,l=a.getAttribute(i);n.attributeChanged(i,c,l)}},R=function(e){var t=new WeakMap,n=function(t){var n=e.query;if(n.length)for(var u=0,o=t.length;u<o;u++)r(E.call(t[u].addedNodes,q),!0,n),r(E.call(t[u].removedNodes,q),!1,n)},r=function n(r,o,a){for(var i,c,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new Set,s=function(s,f,h,v){if(!l.has(f=r[h])){if(l.add(f),o)for(var d,p=u(f),g=0,m=a.length;g<m;g++)p.call(f,d=a[g])&&(t.has(f)||t.set(f,new Set),(s=t.get(f)).has(d)||(s.add(d),e.handle(f,o,d)));else t.has(f)&&(s=t.get(f),t.delete(f),s.forEach((function(t){e.handle(f,o,t)})));n(f.querySelectorAll(a),o,a,l)}i=s,c=f},f=0,h=r.length;f<h;f++)s(i,c,f)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},o=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},a=new MutationObserver(n),i=e.root||document,c=e.query;return a.observe(i,{childList:!0,subtree:!0}),c.length&&o(i.querySelectorAll(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:o}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,o=r.l,a=r.o,i=u.get(e)||function(e,t,n,r){for(var u=O(r,{element:{enumerable:!0,value:e}}),o=0,a=n.length;o<a;o++)e.addEventListener(n[o].t,u,n[o].o);t.set(e,u),u.init&&u.init();var i=r.observedAttributes;if(i){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:i.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),_.set(c,u)}return u}(e,u,o,a),c=t?"connected":"disconnected";c in i&&i[c]()}}),T=R.drop,j=R.flush,P=R.parse,V=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();for(var n=[],r=O(null),u=C(t),o=0,a=u.length;o<a;o++){var i=u[o];if(/^on/.test(i)&&!/Options$/.test(i)){var c=t[i+"Options"]||!1,l=i.toLowerCase(),s=l.slice(2);n.push({t:s,o:c}),r[s]=i,l!==i&&(s=i.slice(2,3).toLowerCase()+i.slice(3),r[s]=i,n.push({t:s,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),W.has(e)||F[e]._()},D=function(e){if(!(e in F)){var t,n=new $((function(e){t=e}));F[e]={_:t,$:n}}return F[e].$};function z(){G(this)}var B=function(e,t){V(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=function(e){var t,n,r=e.disconnected,u=e.element,o=e.render,i=(t=o.bind(e,u),n=[],function e(){var r=a,u=[];a={hook:e,args:arguments,stack:n,i:0,length:n.length,after:u};try{return t.apply(null,arguments)}finally{a=r;for(var o=0,i=u.length;o<i;o++)u[o]()}});return e.disconnected=function(){k(i)&&function(e){(g.get(e)||[]).forEach((function(e){var t=e.clean;(0,e.stop)(),t&&(e.clean=null,t())}))}(i),r&&r.call(e)},(e.render=i)()};return e.createContext=function(e){var t={value:e,provide:d};return h.set(t,[]),t},e.define=B,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),V(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),T(document.querySelectorAll(e)),(n||V)(e,r)})))}})}(e,t,B)},e.get=function(e){return(x[e]||_).o},e.render=G,e.upgrade=function(e){L.length&&(j(),P([e]))},e.useCallback=function(e,t){return M((function(){return e}),t)},e.useContext=function(e){var t=a,n=t.hook,r=t.args,u=h.get(e),o={hook:n,args:r};return u.some(p,o)||u.push(o),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=f,e.useRef=function(e){var t=a.i++,n=a,r=n.stack;return t===n.length&&(a.length=r.push({current:e})),r[t]},e.useState=function(e,t){return f(s,e,void 0,t)},e.whenDefined=D,e}({});
\ No newline at end of file
diff --git a/new.js b/new.js
index 60dd833..8d9cbc7 100644
--- a/new.js
+++ b/new.js
@@ -1,2 +1,2 @@
 var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,o=t?requestAnimationFrame:setTimeout;function s(e){var s,r,l,a,u;return i(),function(e,t,n){return l=e,a=t,u=n,r||(r=o(c)),--s<0&&h(!0),h};function c(){i(),l.apply(a,u||[])}function i(){s=e||1/0,r=t?0:null}function h(e){var t=!!r;return t&&(n(r),e&&c()),t}}var r=e=>({get:t=>e.get(t),set:(t,n)=>(e.set(t,n),n)})
-/*! (c) Andrea Giammarchi - ISC */;let l=null;const a=r(new WeakMap),u=(e,t,n)=>{e.apply(t,n)},c={async:!1,always:!1},i=(e,t)=>"function"==typeof t?t(e):t,h=(e,t,n,o)=>{const r=l.i++,{hook:h,args:f,stack:d,length:p}=l;r===p&&(l.length=d.push({}));const g=d[r];if(g.args=f,r===p){const r="function"==typeof n,{async:l,always:f}=(r?o:n)||o||c;g.$=r?n(t):i(void 0,t),g._=l?a.get(h)||a.set(h,s()):u,g.f=t=>{const n=e(g.$,t);(f||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},f=new WeakMap,d=({hook:e,args:t})=>{e.apply(null,t)};function p(e){this.value!==e&&(this.value=e,f.get(this).forEach(d))}function g({hook:e}){return e===this.hook}const m=new WeakMap,y=r(m),v=()=>{},k=e=>(t,n)=>{const o=l.i++,{hook:r,after:a,stack:u,length:c}=l;if(o<c){const s=u[o],{update:r,values:l,stop:c}=s;if(!n||n.some(S,l)){s.values=n,e&&c(e);const{clean:o}=s;o&&(s.clean=null,o());const l=()=>{s.clean=t()};e?r(l):a.push(l)}}else{const o=e?s():v,c={clean:null,update:o,values:n,stop:v};l.length=u.push(c),(y.get(r)||y.set(r,[])).push(c);const i=()=>{c.clean=t()};e?c.stop=o(i):a.push(i)}},b=m.has.bind(m),w=k(!0),A=k(!1),M=(e,t)=>{const n=l.i++,{stack:o,length:s}=l;return n===s?l.length=o.push({$:e(),_:t}):t&&!t.some(S,o[n]._)||(o[n]={$:e(),_:t}),o[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){let t=[],n=0;return e(()=>{n=1,t.splice(0).forEach(o)}),{then:o};function o(e){return n?setTimeout(e):t.push(e),this}};const q=e=>"querySelectorAll"in e,{filter:E}=[];const{create:O,keys:C}=Object,_=new WeakMap,W=new Set,L=[],x={},F={},N=(e,t)=>{for(let n=0,{length:o}=e;n<o;n++){const{target:o,attributeName:s,oldValue:r}=e[n],l=o.getAttribute(s);_.get(t).attributeChanged(s,r,l)}},{drop:R,flush:T,parse:P}=(e=>{const t=new WeakMap,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:s}=t;e<s;e++)o(E.call(t[e].addedNodes,q),!0,n),o(E.call(t[e].removedNodes,q),!1,n)},o=(n,r,l,a=new Set)=>{for(let u,c,i=0,{length:h}=n;i<h;i++)if(!a.has(c=n[i])){if(a.add(c),r)for(let n,o=s(c),a=0,{length:i}=l;a<i;a++)o.call(c,n=l[a])&&(t.has(c)||t.set(c,new Set),u=t.get(c),u.has(n)||(u.add(n),e.handle(c,r,n)));else t.has(c)&&(u=t.get(c),t.delete(c),u.forEach(t=>{e.handle(c,r,t)}));o(c.querySelectorAll(l),r,l,a)}},s=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,r=(t,n=!0)=>{o(t,n,e.query)},l=new MutationObserver(n),a=e.root||document,{query:u}=e;return l.observe(a,{childList:!0,subtree:!0}),u.length&&r(a.querySelectorAll(u)),{drop:e=>{for(let n=0,{length:o}=e;n<o;n++)t.delete(e[n])},flush:()=>{n(l.takeRecords())},observer:l,parse:r}})({query:L,handle(e,t,n){const{m:o,l:s,o:r}=x[n],l=o.get(e)||((e,t,n,o)=>{const s=O(o,{element:{enumerable:!0,value:e}});for(let t=0,{length:o}=n;t<o;t++)e.addEventListener(n[t].t,s,n[t].o);t.set(e,s),s.init&&s.init();const{observedAttributes:r}=o;if(r){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:r.map(t=>(e.hasAttribute(t)&&s.attributeChanged(t,null,e.getAttribute(t)),t))}),_.set(t,s)}return s})(e,o,s,r),a=t?"connected":"disconnected";a in l&&l[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);T();const n=[],o=O(null);for(let e=C(t),s=0,{length:r}=e;s<r;s++){const r=e[s];if(/^on/.test(r)&&!/Options$/.test(r)){const e=t[r+"Options"]||!1,s=r.toLowerCase();let l=s.slice(2);n.push({t:l,o:e}),o[l]=r,s!==r&&(l=r.slice(2,3).toLowerCase()+r.slice(3),o[l]=r,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[o[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),j(e),W.has(e)||F[e]._()},j=e=>{if(!(e in F)){let t,n=new $(e=>{t=e});F[e]={_:t,$:n}}return F[e].$};function D(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:D,render:t}:(t.init||(t.init=D),t))},B=e=>{const{disconnected:t,element:n,render:o}=e,s=(e=>{const t=[];return function n(){const o=l,s=[];l={hook:n,args:arguments,stack:t,i:0,length:t.length,after:s};try{return e.apply(null,arguments)}finally{l=o;for(let e=0,{length:t}=s;e<t;e++)s[e]()}}})(o.bind(e,n));return e.disconnected=()=>{b(s)&&(e=>{(m.get(e)||[]).forEach(e=>{const{clean:t,stop:n}=e;n(),t&&(e.clean=null,t())})})(s),t&&t.call(e)},(e.render=s)()};return e.createContext=e=>{const t={value:e,provide:p};return f.set(t,[]),t},e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{W.add(e),V(e,{init(){W.has(e)&&(W.delete(e),t().then(({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)}))}})})(e,t,z)},e.get=e=>(x[e]||_).o,e.render=B,e.upgrade=e=>{L.length&&(T(),P([e]))},e.useCallback=(e,t)=>M(()=>e,t),e.useContext=e=>{const{hook:t,args:n}=l,o=f.get(e),s={hook:t,args:n};return o.some(g,s)||o.push(s),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=h,e.useRef=e=>{const t=l.i++,{stack:n,length:o}=l;return t===o&&(l.length=n.push({current:e})),n[t]},e.useState=(e,t)=>h(i,e,void 0,t),e.whenDefined=j,e}({});
+/*! (c) Andrea Giammarchi - ISC */;let l=null;const a=r(new WeakMap),u=(e,t,n)=>{e.apply(t,n)},c={async:!1,always:!1},i=(e,t)=>"function"==typeof t?t(e):t,h=(e,t,n,o)=>{const r=l.i++,{hook:h,args:f,stack:d,length:p}=l;r===p&&(l.length=d.push({}));const g=d[r];if(g.args=f,r===p){const r="function"==typeof n,{async:l,always:f}=(r?o:n)||o||c;g.$=r?n(t):i(void 0,t),g._=l?a.get(h)||a.set(h,s()):u,g.f=t=>{const n=e(g.$,t);(f||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},f=new WeakMap,d=({hook:e,args:t})=>{e.apply(null,t)};function p(e){this.value!==e&&(this.value=e,f.get(this).forEach(d))}function g({hook:e}){return e===this.hook}const m=new WeakMap,y=r(m),v=()=>{},k=e=>(t,n)=>{const o=l.i++,{hook:r,after:a,stack:u,length:c}=l;if(o<c){const s=u[o],{update:r,values:l,stop:c}=s;if(!n||n.some(S,l)){s.values=n,e&&c(e);const{clean:o}=s;o&&(s.clean=null,o());const l=()=>{s.clean=t()};e?r(l):a.push(l)}}else{const o=e?s():v,c={clean:null,update:o,values:n,stop:v};l.length=u.push(c),(y.get(r)||y.set(r,[])).push(c);const i=()=>{c.clean=t()};e?c.stop=o(i):a.push(i)}},b=m.has.bind(m),w=k(!0),A=k(!1),M=(e,t)=>{const n=l.i++,{stack:o,length:s}=l;return n===s?l.length=o.push({$:e(),_:t}):t&&!t.some(S,o[n]._)||(o[n]={$:e(),_:t}),o[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){let t=[],n=0;return e(()=>{n=1,t.splice(0).forEach(o)}),{then:o};function o(e){return n?setTimeout(e):t.push(e),this}};const q=e=>"querySelectorAll"in e,{filter:E}=[];const{create:O,keys:C}=Object,_=new WeakMap,W=new Set,L=[],x={},F={},N=(e,t)=>{for(let n=_.get(t),o=0,{length:s}=e;o<s;o++){const{target:t,attributeName:s,oldValue:r}=e[o],l=t.getAttribute(s);n.attributeChanged(s,r,l)}},{drop:R,flush:T,parse:P}=(e=>{const t=new WeakMap,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:s}=t;e<s;e++)o(E.call(t[e].addedNodes,q),!0,n),o(E.call(t[e].removedNodes,q),!1,n)},o=(n,r,l,a=new Set)=>{for(let u,c,i=0,{length:h}=n;i<h;i++)if(!a.has(c=n[i])){if(a.add(c),r)for(let n,o=s(c),a=0,{length:i}=l;a<i;a++)o.call(c,n=l[a])&&(t.has(c)||t.set(c,new Set),u=t.get(c),u.has(n)||(u.add(n),e.handle(c,r,n)));else t.has(c)&&(u=t.get(c),t.delete(c),u.forEach(t=>{e.handle(c,r,t)}));o(c.querySelectorAll(l),r,l,a)}},s=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,r=(t,n=!0)=>{o(t,n,e.query)},l=new MutationObserver(n),a=e.root||document,{query:u}=e;return l.observe(a,{childList:!0,subtree:!0}),u.length&&r(a.querySelectorAll(u)),{drop:e=>{for(let n=0,{length:o}=e;n<o;n++)t.delete(e[n])},flush:()=>{n(l.takeRecords())},observer:l,parse:r}})({query:L,handle(e,t,n){const{m:o,l:s,o:r}=x[n],l=o.get(e)||((e,t,n,o)=>{const s=O(o,{element:{enumerable:!0,value:e}});for(let t=0,{length:o}=n;t<o;t++)e.addEventListener(n[t].t,s,n[t].o);t.set(e,s),s.init&&s.init();const{observedAttributes:r}=o;if(r){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:r.map(t=>(e.hasAttribute(t)&&s.attributeChanged(t,null,e.getAttribute(t)),t))}),_.set(t,s)}return s})(e,o,s,r),a=t?"connected":"disconnected";a in l&&l[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);T();const n=[],o=O(null);for(let e=C(t),s=0,{length:r}=e;s<r;s++){const r=e[s];if(/^on/.test(r)&&!/Options$/.test(r)){const e=t[r+"Options"]||!1,s=r.toLowerCase();let l=s.slice(2);n.push({t:l,o:e}),o[l]=r,s!==r&&(l=r.slice(2,3).toLowerCase()+r.slice(3),o[l]=r,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[o[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),j(e),W.has(e)||F[e]._()},j=e=>{if(!(e in F)){let t,n=new $(e=>{t=e});F[e]={_:t,$:n}}return F[e].$};function D(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:D,render:t}:(t.init||(t.init=D),t))},B=e=>{const{disconnected:t,element:n,render:o}=e,s=(e=>{const t=[];return function n(){const o=l,s=[];l={hook:n,args:arguments,stack:t,i:0,length:t.length,after:s};try{return e.apply(null,arguments)}finally{l=o;for(let e=0,{length:t}=s;e<t;e++)s[e]()}}})(o.bind(e,n));return e.disconnected=()=>{b(s)&&(e=>{(m.get(e)||[]).forEach(e=>{const{clean:t,stop:n}=e;n(),t&&(e.clean=null,t())})})(s),t&&t.call(e)},(e.render=s)()};return e.createContext=e=>{const t={value:e,provide:p};return f.set(t,[]),t},e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{W.add(e),V(e,{init(){W.has(e)&&(W.delete(e),t().then(({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)}))}})})(e,t,z)},e.get=e=>(x[e]||_).o,e.render=B,e.upgrade=e=>{L.length&&(T(),P([e]))},e.useCallback=(e,t)=>M(()=>e,t),e.useContext=e=>{const{hook:t,args:n}=l,o=f.get(e),s={hook:t,args:n};return o.some(g,s)||o.push(s),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=h,e.useRef=e=>{const t=l.i++,{stack:n,length:o}=l;return t===o&&(l.length=n.push({current:e})),n[t]},e.useState=(e,t)=>h(i,e,void 0,t),e.whenDefined=j,e}({});
diff --git a/package.json b/package.json
index 27e49a9..eca8c67 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
   "unpkg": "min.js",
   "dependencies": {
     "augmentor": "^2.2.0",
-    "wicked-elements": "^3.1.0"
+    "wicked-elements": "^3.1.1"
   },
   "repository": {
     "type": "git",

From 88b4d3bb07b33d13002588ee1ef6797956f3d764 Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Tue, 4 Aug 2020 10:13:56 +0200
Subject: [PATCH 06/16] 2.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index eca8c67..2b77ea8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {

From 68c2856e109aea0429eab68cfbae8b798ed7b699 Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Mon, 14 Dec 2020 14:04:48 +0100
Subject: [PATCH 07/16] Update README.md

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 5871190..2db0c02 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,11 @@
 
 <sup>**Social Media Photo by [chuttersnap](https://unsplash.com/@chuttersnap) on [Unsplash](https://unsplash.com/)**</sup>
 
+### 📣 Community Announcement
+
+Please ask questions in the [dedicated forum](https://webreflection.boards.net/) to help the community around this project grow ♥
+
+---
 
 This module integrates [augmentor](https://github.com/WebReflection/augmentor#readme) in [wickedElements](https://github.com/WebReflection/wicked-elements#readme) for a ~2.4K all-inclusive package and zero polyfills needed whatsoever.
 

From 4fa37d37bff0eb06ff25c8c42fa723aae1d5056f Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Thu, 24 Dec 2020 16:28:25 +0100
Subject: [PATCH 08/16] using uhooks instead of augmentor

---
 cjs/index.js         |   6 +-
 esm/index.js         |   6 +-
 index.js             | 462 +++++++++++++++++++------------------------
 min.js               |   3 +-
 new.js               |   3 +-
 package.json         |   2 +-
 rollup/new.config.js |   3 +-
 7 files changed, 216 insertions(+), 269 deletions(-)

diff --git a/cjs/index.js b/cjs/index.js
index 1da81b4..70dfdbe 100644
--- a/cjs/index.js
+++ b/cjs/index.js
@@ -1,5 +1,5 @@
 'use strict';
-const {augmentor, dropEffect, hasEffect} = require('augmentor');
+const {hooked, dropEffect, hasEffect} = require('uhooks');
 const {define: $define, defineAsync: $async} = require('wicked-elements');
 
 // default init with auto-augmented and invoked render
@@ -22,7 +22,7 @@ exports.defineAsync = defineAsync;
 
 const render = wicked => {
   const {disconnected, element, render} = wicked;
-  const hook = augmentor(render.bind(wicked, element));
+  const hook = hooked(render.bind(wicked, element));
   wicked.disconnected = () => {
     if (hasEffect(hook))
       dropEffect(hook);
@@ -43,7 +43,7 @@ exports.render = render;
   exports.useCallback = m.useCallback;
   exports.useMemo = m.useMemo;
   exports.useRef = m.useRef;
-})(require('augmentor'));
+})(require('uhooks'));
 
 (m => {
   exports.get = m.get;
diff --git a/esm/index.js b/esm/index.js
index ad7b1f7..33e25ca 100644
--- a/esm/index.js
+++ b/esm/index.js
@@ -1,4 +1,4 @@
-import {augmentor, dropEffect, hasEffect} from 'augmentor';
+import {hooked, dropEffect, hasEffect} from 'uhooks';
 import {define as $define, defineAsync as $async} from 'wicked-elements';
 
 // default init with auto-augmented and invoked render
@@ -19,7 +19,7 @@ export const defineAsync = (selector, callback) => {
 
 export const render = wicked => {
   const {disconnected, element, render} = wicked;
-  const hook = augmentor(render.bind(wicked, element));
+  const hook = hooked(render.bind(wicked, element));
   wicked.disconnected = () => {
     if (hasEffect(hook))
       dropEffect(hook);
@@ -37,7 +37,7 @@ export {
   useCallback,
   useMemo,
   useRef
-} from 'augmentor';
+} from 'uhooks';
 
 export {
   get,
diff --git a/index.js b/index.js
index 8a9cf84..ea214f2 100644
--- a/index.js
+++ b/index.js
@@ -1,296 +1,234 @@
 var hookedElements = (function (exports) {
   'use strict';
 
-  var compat = typeof cancelAnimationFrame === 'function';
-  var cAF = compat ? cancelAnimationFrame : clearTimeout;
-  var rAF = compat ? requestAnimationFrame : setTimeout;
-  function reraf(limit) {
-    var force, timer, callback, self, args;
-    reset();
-    return function reschedule(_callback, _self, _args) {
-      callback = _callback;
-      self = _self;
-      args = _args;
-      if (!timer) timer = rAF(invoke);
-      if (--force < 0) stop(true);
-      return stop;
+  var Lie = typeof Promise === 'function' ? Promise : function (fn) {
+    var queue = [],
+        resolved = 0,
+        value;
+    fn(function ($) {
+      value = $;
+      resolved = 1;
+      queue.splice(0).forEach(then);
+    });
+    return {
+      then: then
     };
 
-    function invoke() {
-      reset();
-      callback.apply(self, args || []);
+    function then(fn) {
+      return resolved ? setTimeout(fn, 0, value) : queue.push(fn), this;
     }
+  };
+
+  var h = null,
+      schedule = new Set();
+  var hooks = new WeakMap();
 
-    function reset() {
-      force = limit || Infinity;
-      timer = compat ? 0 : null;
+  var invoke = function invoke(effect) {
+    var $ = effect.$,
+        r = effect.r,
+        h = effect.h;
+
+    if (isFunction(r)) {
+      fx.get(h)["delete"](effect);
+      r();
     }
 
-    function stop(flush) {
-      var didStop = !!timer;
+    if (isFunction(effect.r = $())) fx.get(h).add(effect);
+  };
 
-      if (didStop) {
-        cAF(timer);
-        if (flush) invoke();
-      }
+  var runSchedule = function runSchedule() {
+    var previous = schedule;
+    schedule = new Set();
+    previous.forEach(function (_ref) {
+      var h = _ref.h,
+          c = _ref.c,
+          a = _ref.a,
+          e = _ref.e;
+      // avoid running schedules when the hook is
+      // re-executed before such schedule happens
+      if (e) h.apply(c, a);
+    });
+  };
 
-      return didStop;
-    }
+  var fx = new WeakMap();
+  var effects = [];
+  var layoutEffects = [];
+  function different(value, i) {
+    return value !== this[i];
   }
-
-  var umap = (function (_) {
-    return {
-      // About: get: _.get.bind(_)
-      // It looks like WebKit/Safari didn't optimize bind at all,
-      // so that using bind slows it down by 60%.
-      // Firefox and Chrome are just fine in both cases,
-      // so let's use the approach that works fast everywhere 👍
-      get: function get(key) {
-        return _.get(key);
-      },
-      set: function set(key, value) {
-        return _.set(key, value), value;
-      }
+  var dropEffect = function dropEffect(hook) {
+    var effects = fx.get(hook);
+    if (effects) wait.then(function () {
+      effects.forEach(function (effect) {
+        effect.r();
+        effect.r = null;
+      });
+      effects.clear();
+    });
+  };
+  var getInfo = function getInfo() {
+    return hooks.get(h);
+  };
+  var hasEffect = function hasEffect(hook) {
+    return fx.has(hook);
+  };
+  var isFunction = function isFunction(f) {
+    return typeof f === 'function';
+  };
+  var hooked = function hooked(callback) {
+    var info = {
+      h: hook,
+      c: null,
+      a: null,
+      e: 0,
+      i: 0,
+      s: []
     };
-  });
+    hooks.set(hook, info);
+    return hook;
 
-  /*! (c) Andrea Giammarchi - ISC */
-  var state = null; // main exports
-
-  var augmentor = function augmentor(fn) {
-    var stack = [];
-    return function hook() {
-      var prev = state;
-      var after = [];
-      state = {
-        hook: hook,
-        args: arguments,
-        stack: stack,
-        i: 0,
-        length: stack.length,
-        after: after
-      };
+    function hook() {
+      var p = h;
+      h = hook;
+      info.e = info.i = 0;
 
       try {
-        return fn.apply(null, arguments);
+        return callback.apply(info.c = this, info.a = arguments);
       } finally {
-        state = prev;
-
-        for (var i = 0, length = after.length; i < length; i++) {
-          after[i]();
-        }
+        h = p;
+        if (effects.length) wait.then(effects.forEach.bind(effects.splice(0), invoke));
+        if (layoutEffects.length) layoutEffects.splice(0).forEach(invoke);
       }
-    };
-  };
-
-  var updates = umap(new WeakMap());
-
-  var hookdate = function hookdate(hook, ctx, args) {
-    hook.apply(ctx, args);
+    }
   };
-
-  var defaults = {
-    async: false,
-    always: false
+  var reschedule = function reschedule(info) {
+    if (!schedule.has(info)) {
+      info.e = 1;
+      schedule.add(info);
+      wait.then(runSchedule);
+    }
   };
+  var wait = new Lie(function ($) {
+    return $();
+  });
 
-  var getValue = function getValue(value, f) {
-    return typeof f == 'function' ? f(value) : f;
+  var createContext = function createContext(value) {
+    return {
+      _: new Set(),
+      provide: provide,
+      value: value
+    };
   };
+  var useContext = function useContext(_ref) {
+    var _ = _ref._,
+        value = _ref.value;
 
-  var useReducer = function useReducer(reducer, value, init, options) {
-    var i = state.i++;
-    var _state = state,
-        hook = _state.hook,
-        args = _state.args,
-        stack = _state.stack,
-        length = _state.length;
-    if (i === length) state.length = stack.push({});
-    var ref = stack[i];
-    ref.args = args;
+    _.add(getInfo());
 
-    if (i === length) {
-      var fn = typeof init === 'function';
-
-      var _ref = (fn ? options : init) || options || defaults,
-          asy = _ref.async,
-          always = _ref.always;
-
-      ref.$ = fn ? init(value) : getValue(void 0, value);
-      ref._ = asy ? updates.get(hook) || updates.set(hook, reraf()) : hookdate;
+    return value;
+  };
 
-      ref.f = function (value) {
-        var $value = reducer(ref.$, value);
+  function provide(newValue) {
+    var _ = this._,
+        value = this.value;
 
-        if (always || ref.$ !== $value) {
-          ref.$ = $value;
+    if (value !== newValue) {
+      this._ = new Set();
+      this.value = newValue;
 
-          ref._(hook, null, ref.args);
-        }
-      };
+      _.forEach(function (_ref2) {
+        var h = _ref2.h,
+            c = _ref2.c,
+            a = _ref2.a;
+        h.apply(c, a);
+      });
     }
+  }
 
-    return [ref.$, ref.f];
-  }; // useState
-
-  var useState = function useState(value, options) {
-    return useReducer(getValue, value, void 0, options);
-  }; // useContext
-
-  var hooks = new WeakMap();
-
-  var invoke = function invoke(_ref2) {
-    var hook = _ref2.hook,
-        args = _ref2.args;
-    hook.apply(null, args);
-  };
-
-  var createContext = function createContext(value) {
-    var context = {
-      value: value,
-      provide: provide
-    };
-    hooks.set(context, []);
-    return context;
+  var useCallback = function useCallback(fn, guards) {
+    return useMemo(function () {
+      return fn;
+    }, guards);
   };
-  var useContext = function useContext(context) {
-    var _state2 = state,
-        hook = _state2.hook,
-        args = _state2.args;
-    var stack = hooks.get(context);
-    var info = {
-      hook: hook,
-      args: args
+  var useMemo = function useMemo(memo, guards) {
+    var info = getInfo();
+    var i = info.i,
+        s = info.s;
+    if (i === s.length || !guards || guards.some(different, s[i]._)) s[i] = {
+      $: memo(),
+      _: guards
     };
-    if (!stack.some(update, info)) stack.push(info);
-    return context.value;
+    return s[info.i++].$;
   };
 
-  function provide(value) {
-    if (this.value !== value) {
-      this.value = value;
-      hooks.get(this).forEach(invoke);
-    }
-  }
-
-  function update(_ref3) {
-    var hook = _ref3.hook;
-    return hook === this.hook;
-  } // dropEffect, hasEffect, useEffect, useLayoutEffect
-
-
-  var effects = new WeakMap();
-  var fx = umap(effects);
-
-  var stop = function stop() {};
-
-  var createEffect = function createEffect(asy) {
-    return function (effect, guards) {
-      var i = state.i++;
-      var _state3 = state,
-          hook = _state3.hook,
-          after = _state3.after,
-          stack = _state3.stack,
-          length = _state3.length;
-
-      if (i < length) {
-        var info = stack[i];
-        var _update = info.update,
-            values = info.values,
-            _stop = info.stop;
-
-        if (!guards || guards.some(different, values)) {
-          info.values = guards;
-          if (asy) _stop(asy);
-          var clean = info.clean;
-
-          if (clean) {
-            info.clean = null;
-            clean();
-          }
-
-          var _invoke = function _invoke() {
-            info.clean = effect();
-          };
-
-          if (asy) _update(_invoke);else after.push(_invoke);
-        }
-      } else {
-        var _update2 = asy ? reraf() : stop;
-
-        var _info = {
-          clean: null,
-          update: _update2,
-          values: guards,
-          stop: stop
-        };
-        state.length = stack.push(_info);
-        (fx.get(hook) || fx.set(hook, [])).push(_info);
-
-        var _invoke2 = function _invoke2() {
-          _info.clean = effect();
+  var createEffect = function createEffect(stack) {
+    return function (callback, guards) {
+      var info = getInfo();
+      var i = info.i,
+          s = info.s,
+          h = info.h;
+      var call = i === s.length;
+      info.i++;
+
+      if (call) {
+        if (!fx.has(h)) fx.set(h, new Set());
+        s[i] = {
+          $: callback,
+          _: guards,
+          r: null,
+          h: h
         };
-
-        if (asy) _info.stop = _update2(_invoke2);else after.push(_invoke2);
       }
+
+      if (call || !guards || guards.some(different, s[i]._)) stack.push(s[i]);
+      s[i].$ = callback;
+      s[i]._ = guards;
     };
   };
 
-  var dropEffect = function dropEffect(hook) {
-    (effects.get(hook) || []).forEach(function (info) {
-      var clean = info.clean,
-          stop = info.stop;
-      stop();
-
-      if (clean) {
-        info.clean = null;
-        clean();
+  var useEffect = createEffect(effects);
+  var useLayoutEffect = createEffect(layoutEffects);
+
+  var getValue = function getValue(value, f) {
+    return isFunction(f) ? f(value) : f;
+  };
+
+  var useReducer = function useReducer(reducer, value, init) {
+    var info = getInfo();
+    var i = info.i,
+        s = info.s;
+    if (i === s.length) s.push({
+      $: isFunction(init) ? init(value) : getValue(void 0, value),
+      set: function set(value) {
+        s[i].$ = reducer(s[i].$, value);
+        reschedule(info);
       }
     });
+    var _s$info$i = s[info.i++],
+        $ = _s$info$i.$,
+        set = _s$info$i.set;
+    return [$, set];
   };
-  var hasEffect = effects.has.bind(effects);
-  var useEffect = createEffect(true);
-  var useLayoutEffect = createEffect(false); // useMemo, useCallback
-
-  var useMemo = function useMemo(memo, guards) {
-    var i = state.i++;
-    var _state4 = state,
-        stack = _state4.stack,
-        length = _state4.length;
-    if (i === length) state.length = stack.push({
-      $: memo(),
-      _: guards
-    });else if (!guards || guards.some(different, stack[i]._)) stack[i] = {
-      $: memo(),
-      _: guards
-    };
-    return stack[i].$;
+  var useState = function useState(value) {
+    return useReducer(getValue, value);
   };
-  var useCallback = function useCallback(fn, guards) {
-    return useMemo(function () {
-      return fn;
-    }, guards);
-  }; // useRef
-
-  var useRef = function useRef(value) {
-    var i = state.i++;
-    var _state5 = state,
-        stack = _state5.stack,
-        length = _state5.length;
-    if (i === length) state.length = stack.push({
-      current: value
+
+  var useRef = function useRef(current) {
+    var info = getInfo();
+    var i = info.i,
+        s = info.s;
+    if (i === s.length) s.push({
+      current: current
     });
-    return stack[i];
+    return s[info.i++];
   };
 
-  function different(value, i) {
-    return value !== this[i];
-  }
-
-  var Lie = typeof Promise === 'function' ? Promise : function (fn) {
+  var Lie$1 = typeof Promise === 'function' ? Promise : function (fn) {
     var queue = [],
-        resolved = 0;
-    fn(function () {
+        resolved = 0,
+        value;
+    fn(function ($) {
+      value = $;
       resolved = 1;
       queue.splice(0).forEach(then);
     });
@@ -299,17 +237,23 @@ var hookedElements = (function (exports) {
     };
 
     function then(fn) {
-      return resolved ? setTimeout(fn) : queue.push(fn), this;
+      return resolved ? setTimeout(fn, 0, value) : queue.push(fn), this;
     }
   };
 
+  var _self = self,
+      document$1 = _self.document,
+      MutationObserver$1 = _self.MutationObserver,
+      Set$1 = _self.Set,
+      WeakMap$1 = _self.WeakMap;
+
   var elements = function elements(element) {
     return 'querySelectorAll' in element;
   };
 
   var filter = [].filter;
   var QSAO = (function (options) {
-    var live = new WeakMap();
+    var live = new WeakMap$1();
 
     var callback = function callback(records) {
       var query = options.query;
@@ -333,7 +277,7 @@ var hookedElements = (function (exports) {
     };
 
     var loop = function loop(elements, connected, query) {
-      var set = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set();
+      var set = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set$1();
 
       var _loop = function _loop(_selectors, _element, i, length) {
         // guard against repeated elements within nested querySelectorAll results
@@ -343,7 +287,7 @@ var hookedElements = (function (exports) {
           if (connected) {
             for (var q, m = matches(_element), _i = 0, _length = query.length; _i < _length; _i++) {
               if (m.call(_element, q = query[_i])) {
-                if (!live.has(_element)) live.set(_element, new Set());
+                if (!live.has(_element)) live.set(_element, new Set$1());
                 _selectors = live.get(_element); // guard against selectors that were handled already
 
                 if (!_selectors.has(q)) {
@@ -363,7 +307,7 @@ var hookedElements = (function (exports) {
               });
             }
 
-          loop(_element.querySelectorAll(query), connected, query, set);
+          loop(querySelectorAll(_element), connected, query, set);
         }
 
         selectors = _selectors;
@@ -384,14 +328,18 @@ var hookedElements = (function (exports) {
       loop(elements, connected, options.query);
     };
 
-    var observer = new MutationObserver(callback);
-    var root = options.root || document;
+    var querySelectorAll = function querySelectorAll(root) {
+      return query.length ? root.querySelectorAll(query) : query;
+    };
+
+    var observer = new MutationObserver$1(callback);
+    var root = options.root || document$1;
     var query = options.query;
     observer.observe(root, {
       childList: true,
       subtree: true
     });
-    if (query.length) parse(root.querySelectorAll(query));
+    parse(querySelectorAll(root));
     return {
       drop: drop,
       flush: flush,
@@ -542,7 +490,7 @@ var hookedElements = (function (exports) {
   var whenDefined = function whenDefined(selector) {
     if (!(selector in defined)) {
       var _,
-          $ = new Lie(function ($) {
+          $ = new Lie$1(function ($) {
         _ = $;
       });
 
@@ -572,7 +520,7 @@ var hookedElements = (function (exports) {
     var disconnected = wicked.disconnected,
         element = wicked.element,
         render = wicked.render;
-    var hook = augmentor(render.bind(wicked, element));
+    var hook = hooked(render.bind(wicked, element));
 
     wicked.disconnected = function () {
       if (hasEffect(hook)) dropEffect(hook);
diff --git a/min.js b/min.js
index 9d030f6..59cf0c0 100644
--- a/min.js
+++ b/min.js
@@ -1,2 +1 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,r=t?requestAnimationFrame:setTimeout;function u(e){var u,o,a,i,c;return s(),function(e,t,n){return a=e,i=t,c=n,o||(o=r(l)),--u<0&&f(!0),f};function l(){s(),a.apply(i,c||[])}function s(){u=e||1/0,o=t?0:null}function f(e){var t=!!o;return t&&(n(o),e&&l()),t}}var o=function(e){return{get:function(t){return e.get(t)},set:function(t,n){return e.set(t,n),n}}},a=null,i=o(new WeakMap),c=function(e,t,n){e.apply(t,n)},l={async:!1,always:!1},s=function(e,t){return"function"==typeof t?t(e):t},f=function(e,t,n,r){var o=a.i++,f=a,h=f.hook,v=f.args,d=f.stack,p=f.length;o===p&&(a.length=d.push({}));var g=d[o];if(g.args=v,o===p){var m="function"==typeof n,y=(m?r:n)||r||l,b=y.async,k=y.always;g.$=m?n(t):s(void 0,t),g._=b?i.get(h)||i.set(h,u()):c,g.f=function(t){var n=e(g.$,t);(k||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},h=new WeakMap,v=function(e){var t=e.hook,n=e.args;t.apply(null,n)};
-/*! (c) Andrea Giammarchi - ISC */function d(e){this.value!==e&&(this.value=e,h.get(this).forEach(v))}function p(e){return e.hook===this.hook}var g=new WeakMap,m=o(g),y=function(){},b=function(e){return function(t,n){var r=a.i++,o=a,i=o.hook,c=o.after,l=o.stack;if(r<o.length){var s=l[r],f=s.update,h=s.values,v=s.stop;if(!n||n.some(S,h)){s.values=n,e&&v(e);var d=s.clean;d&&(s.clean=null,d());var p=function(){s.clean=t()};e?f(p):c.push(p)}}else{var g=e?u():y,b={clean:null,update:g,values:n,stop:y};a.length=l.push(b),(m.get(i)||m.set(i,[])).push(b);var k=function(){b.clean=t()};e?b.stop=g(k):c.push(k)}}},k=g.has.bind(g),w=b(!0),A=b(!1),M=function(e,t){var n=a.i++,r=a,u=r.stack;return n===r.length?a.length=u.push({$:e(),_:t}):t&&!t.some(S,u[n]._)||(u[n]={$:e(),_:t}),u[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){var t=[],n=0;return e((function(){n=1,t.splice(0).forEach(r)})),{then:r};function r(e){return n?setTimeout(e):t.push(e),this}},q=function(e){return"querySelectorAll"in e},E=[].filter,O=Object.create,C=Object.keys,_=new WeakMap,W=new Set,L=[],x={},F={},N=function(e,t){for(var n=_.get(t),r=0,u=e.length;r<u;r++){var o=e[r],a=o.target,i=o.attributeName,c=o.oldValue,l=a.getAttribute(i);n.attributeChanged(i,c,l)}},R=function(e){var t=new WeakMap,n=function(t){var n=e.query;if(n.length)for(var u=0,o=t.length;u<o;u++)r(E.call(t[u].addedNodes,q),!0,n),r(E.call(t[u].removedNodes,q),!1,n)},r=function n(r,o,a){for(var i,c,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new Set,s=function(s,f,h,v){if(!l.has(f=r[h])){if(l.add(f),o)for(var d,p=u(f),g=0,m=a.length;g<m;g++)p.call(f,d=a[g])&&(t.has(f)||t.set(f,new Set),(s=t.get(f)).has(d)||(s.add(d),e.handle(f,o,d)));else t.has(f)&&(s=t.get(f),t.delete(f),s.forEach((function(t){e.handle(f,o,t)})));n(f.querySelectorAll(a),o,a,l)}i=s,c=f},f=0,h=r.length;f<h;f++)s(i,c,f)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},o=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},a=new MutationObserver(n),i=e.root||document,c=e.query;return a.observe(i,{childList:!0,subtree:!0}),c.length&&o(i.querySelectorAll(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:o}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,o=r.l,a=r.o,i=u.get(e)||function(e,t,n,r){for(var u=O(r,{element:{enumerable:!0,value:e}}),o=0,a=n.length;o<a;o++)e.addEventListener(n[o].t,u,n[o].o);t.set(e,u),u.init&&u.init();var i=r.observedAttributes;if(i){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:i.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),_.set(c,u)}return u}(e,u,o,a),c=t?"connected":"disconnected";c in i&&i[c]()}}),T=R.drop,j=R.flush,P=R.parse,V=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();for(var n=[],r=O(null),u=C(t),o=0,a=u.length;o<a;o++){var i=u[o];if(/^on/.test(i)&&!/Options$/.test(i)){var c=t[i+"Options"]||!1,l=i.toLowerCase(),s=l.slice(2);n.push({t:s,o:c}),r[s]=i,l!==i&&(s=i.slice(2,3).toLowerCase()+i.slice(3),r[s]=i,n.push({t:s,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),W.has(e)||F[e]._()},D=function(e){if(!(e in F)){var t,n=new $((function(e){t=e}));F[e]={_:t,$:n}}return F[e].$};function z(){G(this)}var B=function(e,t){V(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=function(e){var t,n,r=e.disconnected,u=e.element,o=e.render,i=(t=o.bind(e,u),n=[],function e(){var r=a,u=[];a={hook:e,args:arguments,stack:n,i:0,length:n.length,after:u};try{return t.apply(null,arguments)}finally{a=r;for(var o=0,i=u.length;o<i;o++)u[o]()}});return e.disconnected=function(){k(i)&&function(e){(g.get(e)||[]).forEach((function(e){var t=e.clean;(0,e.stop)(),t&&(e.clean=null,t())}))}(i),r&&r.call(e)},(e.render=i)()};return e.createContext=function(e){var t={value:e,provide:d};return h.set(t,[]),t},e.define=B,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),V(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),T(document.querySelectorAll(e)),(n||V)(e,r)})))}})}(e,t,B)},e.get=function(e){return(x[e]||_).o},e.render=G,e.upgrade=function(e){L.length&&(j(),P([e]))},e.useCallback=function(e,t){return M((function(){return e}),t)},e.useContext=function(e){var t=a,n=t.hook,r=t.args,u=h.get(e),o={hook:n,args:r};return u.some(p,o)||u.push(o),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=f,e.useRef=function(e){var t=a.i++,n=a,r=n.stack;return t===n.length&&(a.length=r.push({current:e})),r[t]},e.useState=function(e,t){return f(s,e,void 0,t)},e.whenDefined=D,e}({});
\ No newline at end of file
+var hookedElements=function(e){"use strict";var t="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},n=null,r=new Set,u=new WeakMap,i=function(e){var t=e.$,n=e.r,r=e.h;h(n)&&(a.get(r).delete(e),n()),h(e.r=t())&&a.get(r).add(e)},o=function(){var e=r;r=new Set,e.forEach((function(e){var t=e.h,n=e.c,r=e.a;e.e&&t.apply(n,r)}))},a=new WeakMap,c=[],f=[];function l(e,t){return e!==this[t]}var s=function(){return u.get(n)},h=function(e){return"function"==typeof e},d=new t((function(e){return e()}));function v(e){var t=this._;this.value!==e&&(this._=new Set,this.value=e,t.forEach((function(e){var t=e.h,n=e.c,r=e.a;t.apply(n,r)})))}var p=function(e,t){var n=s(),r=n.i,u=n.s;return r!==u.length&&t&&!t.some(l,u[r]._)||(u[r]={$:e(),_:t}),u[n.i++].$},g=function(e){return function(t,n){var r=s(),u=r.i,i=r.s,o=r.h,c=u===i.length;r.i++,c&&(a.has(o)||a.set(o,new Set),i[u]={$:t,_:n,r:null,h:o}),(c||!n||n.some(l,i[u]._))&&e.push(i[u]),i[u].$=t,i[u]._=n}},b=g(c),m=g(f),w=function(e,t){return h(t)?t(e):t},y=function(e,t,n){var u=s(),i=u.i,a=u.s;i===a.length&&a.push({$:h(n)?n(t):w(void 0,t),set:function(t){a[i].$=e(a[i].$,t),function(e){r.has(e)||(e.e=1,r.add(e),d.then(o))}(u)}});var c=a[u.i++];return[c.$,c.set]},E="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},S=self,$=S.document,_=S.MutationObserver,k=S.Set,M=S.WeakMap,A=function(e){return"querySelectorAll"in e},O=[].filter,q=Object.create,C=Object.keys,L=new WeakMap,W=new Set,x=[],P={},N={},R=function(e,t){for(var n=L.get(t),r=0,u=e.length;r<u;r++){var i=e[r],o=i.target,a=i.attributeName,c=i.oldValue,f=o.getAttribute(a);n.attributeChanged(a,c,f)}},j=function(e){var t=new M,n=function(t){var n=e.query;if(n.length)for(var u=0,i=t.length;u<i;u++)r(O.call(t[u].addedNodes,A),!0,n),r(O.call(t[u].removedNodes,A),!1,n)},r=function n(r,i,a){for(var c,f,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new k,s=function(s,h,d,v){if(!l.has(h=r[d])){if(l.add(h),i)for(var p,g=u(h),b=0,m=a.length;b<m;b++)g.call(h,p=a[b])&&(t.has(h)||t.set(h,new k),(s=t.get(h)).has(p)||(s.add(p),e.handle(h,i,p)));else t.has(h)&&(s=t.get(h),t.delete(h),s.forEach((function(t){e.handle(h,i,t)})));n(o(h),i,a,l)}c=s,f=h},h=0,d=r.length;h<d;h++)s(c,f,h)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},i=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},o=function(e){return f.length?e.querySelectorAll(f):f},a=new _(n),c=e.root||$,f=e.query;return a.observe(c,{childList:!0,subtree:!0}),i(o(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:i}}({query:x,handle:function(e,t,n){var r=P[n],u=r.m,i=r.l,o=r.o,a=u.get(e)||function(e,t,n,r){for(var u=q(r,{element:{enumerable:!0,value:e}}),i=0,o=n.length;i<o;i++)e.addEventListener(n[i].t,u,n[i].o);t.set(e,u),u.init&&u.init();var a=r.observedAttributes;if(a){var c=new MutationObserver(R);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:a.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),L.set(c,u)}return u}(e,u,i,o),c=t?"connected":"disconnected";c in a&&a[c]()}}),T=j.drop,V=j.flush,D=j.parse,F=function(e,t){if(-1<x.indexOf(e))throw new Error("duplicated: "+e);V();for(var n=[],r=q(null),u=C(t),i=0,o=u.length;i<o;i++){var a=u[i];if(/^on/.test(a)&&!/Options$/.test(a)){var c=t[a+"Options"]||!1,f=a.toLowerCase(),l=f.slice(2);n.push({t:l,o:c}),r[l]=a,f!==a&&(l=a.slice(2,3).toLowerCase()+a.slice(3),r[l]=a,n.push({t:l,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),x.push(e),P[e]={m:new WeakMap,l:n,o:t},D(document.querySelectorAll(e)),z(e),W.has(e)||N[e]._()},z=function(e){if(!(e in N)){var t,n=new E((function(e){t=e}));N[e]={_:t,$:n}}return N[e].$};function B(){H(this)}var G=function(e,t){F(e,"function"==typeof t?{init:B,render:t}:(t.init||(t.init=B),t))},H=function(e){var t=e.disconnected,r=e.element,o=e.render,l=function(e){var t={h:r,c:null,a:null,e:0,i:0,s:[]};return u.set(r,t),r;function r(){var u=n;n=r,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=u,c.length&&d.then(c.forEach.bind(c.splice(0),i)),f.length&&f.splice(0).forEach(i)}}}(o.bind(e,r));return e.disconnected=function(){(function(e){return a.has(e)})(l)&&function(e){var t=a.get(e);t&&d.then((function(){t.forEach((function(e){e.r(),e.r=null})),t.clear()}))}(l),t&&t.call(e)},(e.render=l)()};return e.createContext=function(e){return{_:new Set,provide:v,value:e}},e.define=G,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),F(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;x.splice(x.indexOf(e),1),T(document.querySelectorAll(e)),(n||F)(e,r)})))}})}(e,t,G)},e.get=function(e){return(P[e]||L).o},e.render=H,e.upgrade=function(e){x.length&&(V(),D([e]))},e.useCallback=function(e,t){return p((function(){return e}),t)},e.useContext=function(e){var t=e._,n=e.value;return t.add(s()),n},e.useEffect=b,e.useLayoutEffect=m,e.useMemo=p,e.useReducer=y,e.useRef=function(e){var t=s(),n=t.i,r=t.s;return n===r.length&&r.push({current:e}),r[t.i++]},e.useState=function(e){return y(w,e)},e.whenDefined=z,e}({});
\ No newline at end of file
diff --git a/new.js b/new.js
index 8d9cbc7..c8f95af 100644
--- a/new.js
+++ b/new.js
@@ -1,2 +1 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof cancelAnimationFrame,n=t?cancelAnimationFrame:clearTimeout,o=t?requestAnimationFrame:setTimeout;function s(e){var s,r,l,a,u;return i(),function(e,t,n){return l=e,a=t,u=n,r||(r=o(c)),--s<0&&h(!0),h};function c(){i(),l.apply(a,u||[])}function i(){s=e||1/0,r=t?0:null}function h(e){var t=!!r;return t&&(n(r),e&&c()),t}}var r=e=>({get:t=>e.get(t),set:(t,n)=>(e.set(t,n),n)})
-/*! (c) Andrea Giammarchi - ISC */;let l=null;const a=r(new WeakMap),u=(e,t,n)=>{e.apply(t,n)},c={async:!1,always:!1},i=(e,t)=>"function"==typeof t?t(e):t,h=(e,t,n,o)=>{const r=l.i++,{hook:h,args:f,stack:d,length:p}=l;r===p&&(l.length=d.push({}));const g=d[r];if(g.args=f,r===p){const r="function"==typeof n,{async:l,always:f}=(r?o:n)||o||c;g.$=r?n(t):i(void 0,t),g._=l?a.get(h)||a.set(h,s()):u,g.f=t=>{const n=e(g.$,t);(f||g.$!==n)&&(g.$=n,g._(h,null,g.args))}}return[g.$,g.f]},f=new WeakMap,d=({hook:e,args:t})=>{e.apply(null,t)};function p(e){this.value!==e&&(this.value=e,f.get(this).forEach(d))}function g({hook:e}){return e===this.hook}const m=new WeakMap,y=r(m),v=()=>{},k=e=>(t,n)=>{const o=l.i++,{hook:r,after:a,stack:u,length:c}=l;if(o<c){const s=u[o],{update:r,values:l,stop:c}=s;if(!n||n.some(S,l)){s.values=n,e&&c(e);const{clean:o}=s;o&&(s.clean=null,o());const l=()=>{s.clean=t()};e?r(l):a.push(l)}}else{const o=e?s():v,c={clean:null,update:o,values:n,stop:v};l.length=u.push(c),(y.get(r)||y.set(r,[])).push(c);const i=()=>{c.clean=t()};e?c.stop=o(i):a.push(i)}},b=m.has.bind(m),w=k(!0),A=k(!1),M=(e,t)=>{const n=l.i++,{stack:o,length:s}=l;return n===s?l.length=o.push({$:e(),_:t}):t&&!t.some(S,o[n]._)||(o[n]={$:e(),_:t}),o[n].$};function S(e,t){return e!==this[t]}var $="function"==typeof Promise?Promise:function(e){let t=[],n=0;return e(()=>{n=1,t.splice(0).forEach(o)}),{then:o};function o(e){return n?setTimeout(e):t.push(e),this}};const q=e=>"querySelectorAll"in e,{filter:E}=[];const{create:O,keys:C}=Object,_=new WeakMap,W=new Set,L=[],x={},F={},N=(e,t)=>{for(let n=_.get(t),o=0,{length:s}=e;o<s;o++){const{target:t,attributeName:s,oldValue:r}=e[o],l=t.getAttribute(s);n.attributeChanged(s,r,l)}},{drop:R,flush:T,parse:P}=(e=>{const t=new WeakMap,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:s}=t;e<s;e++)o(E.call(t[e].addedNodes,q),!0,n),o(E.call(t[e].removedNodes,q),!1,n)},o=(n,r,l,a=new Set)=>{for(let u,c,i=0,{length:h}=n;i<h;i++)if(!a.has(c=n[i])){if(a.add(c),r)for(let n,o=s(c),a=0,{length:i}=l;a<i;a++)o.call(c,n=l[a])&&(t.has(c)||t.set(c,new Set),u=t.get(c),u.has(n)||(u.add(n),e.handle(c,r,n)));else t.has(c)&&(u=t.get(c),t.delete(c),u.forEach(t=>{e.handle(c,r,t)}));o(c.querySelectorAll(l),r,l,a)}},s=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,r=(t,n=!0)=>{o(t,n,e.query)},l=new MutationObserver(n),a=e.root||document,{query:u}=e;return l.observe(a,{childList:!0,subtree:!0}),u.length&&r(a.querySelectorAll(u)),{drop:e=>{for(let n=0,{length:o}=e;n<o;n++)t.delete(e[n])},flush:()=>{n(l.takeRecords())},observer:l,parse:r}})({query:L,handle(e,t,n){const{m:o,l:s,o:r}=x[n],l=o.get(e)||((e,t,n,o)=>{const s=O(o,{element:{enumerable:!0,value:e}});for(let t=0,{length:o}=n;t<o;t++)e.addEventListener(n[t].t,s,n[t].o);t.set(e,s),s.init&&s.init();const{observedAttributes:r}=o;if(r){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:r.map(t=>(e.hasAttribute(t)&&s.attributeChanged(t,null,e.getAttribute(t)),t))}),_.set(t,s)}return s})(e,o,s,r),a=t?"connected":"disconnected";a in l&&l[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);T();const n=[],o=O(null);for(let e=C(t),s=0,{length:r}=e;s<r;s++){const r=e[s];if(/^on/.test(r)&&!/Options$/.test(r)){const e=t[r+"Options"]||!1,s=r.toLowerCase();let l=s.slice(2);n.push({t:l,o:e}),o[l]=r,s!==r&&(l=r.slice(2,3).toLowerCase()+r.slice(3),o[l]=r,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[o[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),j(e),W.has(e)||F[e]._()},j=e=>{if(!(e in F)){let t,n=new $(e=>{t=e});F[e]={_:t,$:n}}return F[e].$};function D(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:D,render:t}:(t.init||(t.init=D),t))},B=e=>{const{disconnected:t,element:n,render:o}=e,s=(e=>{const t=[];return function n(){const o=l,s=[];l={hook:n,args:arguments,stack:t,i:0,length:t.length,after:s};try{return e.apply(null,arguments)}finally{l=o;for(let e=0,{length:t}=s;e<t;e++)s[e]()}}})(o.bind(e,n));return e.disconnected=()=>{b(s)&&(e=>{(m.get(e)||[]).forEach(e=>{const{clean:t,stop:n}=e;n(),t&&(e.clean=null,t())})})(s),t&&t.call(e)},(e.render=s)()};return e.createContext=e=>{const t={value:e,provide:p};return f.set(t,[]),t},e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{W.add(e),V(e,{init(){W.has(e)&&(W.delete(e),t().then(({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)}))}})})(e,t,z)},e.get=e=>(x[e]||_).o,e.render=B,e.upgrade=e=>{L.length&&(T(),P([e]))},e.useCallback=(e,t)=>M(()=>e,t),e.useContext=e=>{const{hook:t,args:n}=l,o=f.get(e),s={hook:t,args:n};return o.some(g,s)||o.push(s),e.value},e.useEffect=w,e.useLayoutEffect=A,e.useMemo=M,e.useReducer=h,e.useRef=e=>{const t=l.i++,{stack:n,length:o}=l;return t===o&&(l.length=n.push({current:e})),n[t]},e.useState=(e,t)=>h(i,e,void 0,t),e.whenDefined=j,e}({});
+var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=new WeakMap,l=e=>{const{$:t,r:n,h:s}=e;d(n)&&(a.get(s).delete(e),n()),d(e.r=t())&&a.get(s).add(e)},o=()=>{const e=s;s=new Set,e.forEach(({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)})},a=new WeakMap,c=[],i=[];function u(e,t){return e!==this[t]}const h=()=>r.get(n),d=e=>"function"==typeof e,f=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return r.set(s,t),s;function s(){const r=n;n=s,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=r,c.length&&p.then(c.forEach.bind(c.splice(0),l)),i.length&&i.splice(0).forEach(l)}}},p=new t(e=>e());function g(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach(({h:e,c:t,a:n})=>{e.apply(t,n)}))}const b=(e,t)=>{const n=h(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(u,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},w=e=>(t,n)=>{const s=h(),{i:r,s:l,h:o}=s,c=r===l.length;s.i++,c&&(a.has(o)||a.set(o,new Set),l[r]={$:t,_:n,r:null,h:o}),(c||!n||n.some(u,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},y=w(c),m=w(i),v=(e,t)=>d(t)?t(e):t,S=(e,t,n)=>{const r=h(),{i:l,s:a}=r;l===a.length&&a.push({$:d(n)?n(t):v(void 0,t),set:t=>{a[l].$=e(a[l].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),p.then(o))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:E,MutationObserver:$,Set:_,WeakMap:k}=self,M=e=>"querySelectorAll"in e,{filter:A}=[];const{create:q,keys:O}=Object,C=new WeakMap,L=new Set,W=[],x={},N={},R=(e,t)=>{for(let n=C.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:V,flush:j,parse:D}=(e=>{const t=new k,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(A.call(t[e].addedNodes,M),!0,n),s(A.call(t[e].removedNodes,M),!1,n)},s=(n,l,a,c=new _)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new _),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach(t=>{e.handle(u,l,t)}));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new $(n),c=e.root||E,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:W,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=q(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(R);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map(t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t))}),C.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),F=(e,t)=>{if(-1<W.indexOf(e))throw new Error("duplicated: "+e);j();const n=[],s=q(null);for(let e=O(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),W.push(e),x[e]={m:new WeakMap,l:n,o:t},D(document.querySelectorAll(e)),P(e),L.has(e)||N[e]._()},P=e=>{if(!(e in N)){let n,s=new t(e=>{n=e});N[e]={_:n,$:s}}return N[e].$};function z(){G(this)}const B=(e,t)=>{F(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=e=>{const{disconnected:t,element:n,render:s}=e,r=f(s.bind(e,n));return e.disconnected=()=>{(e=>a.has(e))(r)&&(e=>{const t=a.get(e);t&&p.then(()=>{t.forEach(e=>{e.r(),e.r=null}),t.clear()})})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:g,value:e}),e.define=B,e.defineAsync=(e,t)=>{((e,t,n)=>{L.add(e),F(e,{init(){L.has(e)&&(L.delete(e),t().then(({default:t})=>{W.splice(W.indexOf(e),1),V(document.querySelectorAll(e)),(n||F)(e,t)}))}})})(e,t,B)},e.get=e=>(x[e]||C).o,e.render=G,e.upgrade=e=>{W.length&&(j(),D([e]))},e.useCallback=(e,t)=>b(()=>e,t),e.useContext=({_:e,value:t})=>(e.add(h()),t),e.useEffect=y,e.useLayoutEffect=m,e.useMemo=b,e.useReducer=S,e.useRef=e=>{const t=h(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>S(v,e),e.whenDefined=P,e}({});
diff --git a/package.json b/package.json
index 2b77ea8..ab5e1f4 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
   "module": "./esm/index.js",
   "unpkg": "min.js",
   "dependencies": {
-    "augmentor": "^2.2.0",
+    "uhooks": "^0.1.19",
     "wicked-elements": "^3.1.1"
   },
   "repository": {
diff --git a/rollup/new.config.js b/rollup/new.config.js
index 023ab1f..6adfdff 100644
--- a/rollup/new.config.js
+++ b/rollup/new.config.js
@@ -8,7 +8,8 @@ export default {
     includePaths({
       include: {
         '@ungap/element-matches': 'node_modules/@ungap/degap/element-matches.js',
-        '@ungap/node-contains': 'node_modules/@ungap/degap/node-contains.js'
+        '@ungap/node-contains': 'node_modules/@ungap/degap/node-contains.js',
+        '@webreflection/lie': 'node_modules/uhooks/esm/promise.js'
       },
     }),
     resolve({module: true}),

From 624d73b65e415e2717f77ece90d4632d1b2cc7cf Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Thu, 24 Dec 2020 16:28:29 +0100
Subject: [PATCH 09/16] 2.2.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ab5e1f4..25061d0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {

From 0f6b18a9b96f03feae24dbe0d323bc61aa65b003 Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Thu, 24 Dec 2020 16:37:08 +0100
Subject: [PATCH 10/16] Update README.md

---
 README.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 2db0c02..81ffbf2 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Please ask questions in the [dedicated forum](https://webreflection.boards.net/)
 
 ---
 
-This module integrates [augmentor](https://github.com/WebReflection/augmentor#readme) in [wickedElements](https://github.com/WebReflection/wicked-elements#readme) for a ~2.4K all-inclusive package and zero polyfills needed whatsoever.
+This module integrates [µhooks](https://github.com/WebReflection/uhooks#readme) in [wickedElements](https://github.com/WebReflection/wicked-elements#readme) for a *~2K* all-inclusive package and zero polyfills needed whatsoever.
 
 The compatibility is the same as _wickedElements_, meaning IE11+ and other Desktop/Mobile browsers.
 
@@ -30,7 +30,7 @@ The callback is used as `render` method and automatically augmented and invoked
 
 ### In A Nutshell
 
-All [augmentor hooks](https://github.com/WebReflection/augmentor#available-hooks) are available, and `useEffect` is granted to run *before* `disconnected`, if it returns a callback to drop the effect.
+All [hooks](https://github.com/WebReflection/augmentor#available-hooks) are available, and `useEffect` is granted to run *before* `disconnected`, if it returns a callback to drop the effect.
 
 **[Live Demo](https://codepen.io/WebReflection/pen/mdJVERz)**
 
@@ -78,22 +78,22 @@ define('button.counter', {
   </summary>
   <div>
 
-  Sure thing! Following a <a href="https://github.com/WebReflection/lighterhtml#readme">lighterhtml</a> integration example, also <a href="https://codepen.io/WebReflection/pen/qBdOzWj?editors=0010">live in CodePen</a>:
+  Sure thing! Following a <a href="https://github.com/WebReflection/uhtml#readme">µhtml</a> integration example, also <a href="https://codepen.io/WebReflection/pen/qBdOzWj?editors=0010">live in CodePen</a>:
 
 **[Live Demo](https://codepen.io/WebReflection/pen/poJyjGy)**
 
 ```js
-import {render, html, svg} from 'lighterhtml';
+import {render, html, svg} from 'uhtml';
 import {define, useState} from 'hooked-elements';
 
 // as mixin
-const LighterHTML = {
+const MicroHTML = {
   html() { return render(this.element, html.apply(null, arguments)); },
   svg() { return render(this.element, svg.apply(null, arguments)); }
 };
 
 define('button.counter', {
-  ...LighterHTML,
+  ...MicroHTML,
   render(element) {
     const [count, update] = useState(1);
     element.onclick = () => update(count + 1);

From fee69e5b63a9bb5fe9aa7134c903817b5117af9c Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Wed, 6 Jan 2021 13:44:16 +0100
Subject: [PATCH 11/16] updated dependencies

---
 index.js     | 40 +++++++++++-----------------------------
 min.js       |  2 +-
 new.js       |  2 +-
 package.json | 20 ++++++++++----------
 4 files changed, 23 insertions(+), 41 deletions(-)

diff --git a/index.js b/index.js
index ea214f2..f2c6a5c 100644
--- a/index.js
+++ b/index.js
@@ -19,9 +19,8 @@ var hookedElements = (function (exports) {
     }
   };
 
-  var h = null,
+  var info = null,
       schedule = new Set();
-  var hooks = new WeakMap();
 
   var invoke = function invoke(effect) {
     var $ = effect.$,
@@ -67,7 +66,7 @@ var hookedElements = (function (exports) {
     });
   };
   var getInfo = function getInfo() {
-    return hooks.get(h);
+    return info;
   };
   var hasEffect = function hasEffect(hook) {
     return fx.has(hook);
@@ -76,7 +75,7 @@ var hookedElements = (function (exports) {
     return typeof f === 'function';
   };
   var hooked = function hooked(callback) {
-    var info = {
+    var current = {
       h: hook,
       c: null,
       a: null,
@@ -84,18 +83,17 @@ var hookedElements = (function (exports) {
       i: 0,
       s: []
     };
-    hooks.set(hook, info);
     return hook;
 
     function hook() {
-      var p = h;
-      h = hook;
-      info.e = info.i = 0;
+      var prev = info;
+      info = current;
+      current.e = current.i = 0;
 
       try {
-        return callback.apply(info.c = this, info.a = arguments);
+        return callback.apply(current.c = this, current.a = arguments);
       } finally {
-        h = p;
+        info = prev;
         if (effects.length) wait.then(effects.forEach.bind(effects.splice(0), invoke));
         if (layoutEffects.length) layoutEffects.splice(0).forEach(invoke);
       }
@@ -223,24 +221,6 @@ var hookedElements = (function (exports) {
     return s[info.i++];
   };
 
-  var Lie$1 = typeof Promise === 'function' ? Promise : function (fn) {
-    var queue = [],
-        resolved = 0,
-        value;
-    fn(function ($) {
-      value = $;
-      resolved = 1;
-      queue.splice(0).forEach(then);
-    });
-    return {
-      then: then
-    };
-
-    function then(fn) {
-      return resolved ? setTimeout(fn, 0, value) : queue.push(fn), this;
-    }
-  };
-
   var _self = self,
       document$1 = _self.document,
       MutationObserver$1 = _self.MutationObserver,
@@ -490,7 +470,7 @@ var hookedElements = (function (exports) {
   var whenDefined = function whenDefined(selector) {
     if (!(selector in defined)) {
       var _,
-          $ = new Lie$1(function ($) {
+          $ = new Lie(function ($) {
         _ = $;
       });
 
@@ -546,6 +526,8 @@ var hookedElements = (function (exports) {
   exports.useState = useState;
   exports.whenDefined = whenDefined;
 
+  
+
   return exports;
 
 }({}));
diff --git a/min.js b/min.js
index 59cf0c0..7bb1009 100644
--- a/min.js
+++ b/min.js
@@ -1 +1 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},n=null,r=new Set,u=new WeakMap,i=function(e){var t=e.$,n=e.r,r=e.h;h(n)&&(a.get(r).delete(e),n()),h(e.r=t())&&a.get(r).add(e)},o=function(){var e=r;r=new Set,e.forEach((function(e){var t=e.h,n=e.c,r=e.a;e.e&&t.apply(n,r)}))},a=new WeakMap,c=[],f=[];function l(e,t){return e!==this[t]}var s=function(){return u.get(n)},h=function(e){return"function"==typeof e},d=new t((function(e){return e()}));function v(e){var t=this._;this.value!==e&&(this._=new Set,this.value=e,t.forEach((function(e){var t=e.h,n=e.c,r=e.a;t.apply(n,r)})))}var p=function(e,t){var n=s(),r=n.i,u=n.s;return r!==u.length&&t&&!t.some(l,u[r]._)||(u[r]={$:e(),_:t}),u[n.i++].$},g=function(e){return function(t,n){var r=s(),u=r.i,i=r.s,o=r.h,c=u===i.length;r.i++,c&&(a.has(o)||a.set(o,new Set),i[u]={$:t,_:n,r:null,h:o}),(c||!n||n.some(l,i[u]._))&&e.push(i[u]),i[u].$=t,i[u]._=n}},b=g(c),m=g(f),w=function(e,t){return h(t)?t(e):t},y=function(e,t,n){var u=s(),i=u.i,a=u.s;i===a.length&&a.push({$:h(n)?n(t):w(void 0,t),set:function(t){a[i].$=e(a[i].$,t),function(e){r.has(e)||(e.e=1,r.add(e),d.then(o))}(u)}});var c=a[u.i++];return[c.$,c.set]},E="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},S=self,$=S.document,_=S.MutationObserver,k=S.Set,M=S.WeakMap,A=function(e){return"querySelectorAll"in e},O=[].filter,q=Object.create,C=Object.keys,L=new WeakMap,W=new Set,x=[],P={},N={},R=function(e,t){for(var n=L.get(t),r=0,u=e.length;r<u;r++){var i=e[r],o=i.target,a=i.attributeName,c=i.oldValue,f=o.getAttribute(a);n.attributeChanged(a,c,f)}},j=function(e){var t=new M,n=function(t){var n=e.query;if(n.length)for(var u=0,i=t.length;u<i;u++)r(O.call(t[u].addedNodes,A),!0,n),r(O.call(t[u].removedNodes,A),!1,n)},r=function n(r,i,a){for(var c,f,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new k,s=function(s,h,d,v){if(!l.has(h=r[d])){if(l.add(h),i)for(var p,g=u(h),b=0,m=a.length;b<m;b++)g.call(h,p=a[b])&&(t.has(h)||t.set(h,new k),(s=t.get(h)).has(p)||(s.add(p),e.handle(h,i,p)));else t.has(h)&&(s=t.get(h),t.delete(h),s.forEach((function(t){e.handle(h,i,t)})));n(o(h),i,a,l)}c=s,f=h},h=0,d=r.length;h<d;h++)s(c,f,h)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},i=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},o=function(e){return f.length?e.querySelectorAll(f):f},a=new _(n),c=e.root||$,f=e.query;return a.observe(c,{childList:!0,subtree:!0}),i(o(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:i}}({query:x,handle:function(e,t,n){var r=P[n],u=r.m,i=r.l,o=r.o,a=u.get(e)||function(e,t,n,r){for(var u=q(r,{element:{enumerable:!0,value:e}}),i=0,o=n.length;i<o;i++)e.addEventListener(n[i].t,u,n[i].o);t.set(e,u),u.init&&u.init();var a=r.observedAttributes;if(a){var c=new MutationObserver(R);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:a.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),L.set(c,u)}return u}(e,u,i,o),c=t?"connected":"disconnected";c in a&&a[c]()}}),T=j.drop,V=j.flush,D=j.parse,F=function(e,t){if(-1<x.indexOf(e))throw new Error("duplicated: "+e);V();for(var n=[],r=q(null),u=C(t),i=0,o=u.length;i<o;i++){var a=u[i];if(/^on/.test(a)&&!/Options$/.test(a)){var c=t[a+"Options"]||!1,f=a.toLowerCase(),l=f.slice(2);n.push({t:l,o:c}),r[l]=a,f!==a&&(l=a.slice(2,3).toLowerCase()+a.slice(3),r[l]=a,n.push({t:l,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),x.push(e),P[e]={m:new WeakMap,l:n,o:t},D(document.querySelectorAll(e)),z(e),W.has(e)||N[e]._()},z=function(e){if(!(e in N)){var t,n=new E((function(e){t=e}));N[e]={_:t,$:n}}return N[e].$};function B(){H(this)}var G=function(e,t){F(e,"function"==typeof t?{init:B,render:t}:(t.init||(t.init=B),t))},H=function(e){var t=e.disconnected,r=e.element,o=e.render,l=function(e){var t={h:r,c:null,a:null,e:0,i:0,s:[]};return u.set(r,t),r;function r(){var u=n;n=r,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=u,c.length&&d.then(c.forEach.bind(c.splice(0),i)),f.length&&f.splice(0).forEach(i)}}}(o.bind(e,r));return e.disconnected=function(){(function(e){return a.has(e)})(l)&&function(e){var t=a.get(e);t&&d.then((function(){t.forEach((function(e){e.r(),e.r=null})),t.clear()}))}(l),t&&t.call(e)},(e.render=l)()};return e.createContext=function(e){return{_:new Set,provide:v,value:e}},e.define=G,e.defineAsync=function(e,t){!function(e,t,n){W.add(e),F(e,{init:function(){W.has(e)&&(W.delete(e),t().then((function(t){var r=t.default;x.splice(x.indexOf(e),1),T(document.querySelectorAll(e)),(n||F)(e,r)})))}})}(e,t,G)},e.get=function(e){return(P[e]||L).o},e.render=H,e.upgrade=function(e){x.length&&(V(),D([e]))},e.useCallback=function(e,t){return p((function(){return e}),t)},e.useContext=function(e){var t=e._,n=e.value;return t.add(s()),n},e.useEffect=b,e.useLayoutEffect=m,e.useMemo=p,e.useReducer=y,e.useRef=function(e){var t=s(),n=t.i,r=t.s;return n===r.length&&r.push({current:e}),r[t.i++]},e.useState=function(e){return y(w,e)},e.whenDefined=z,e}({});
\ No newline at end of file
+var hookedElements=function(e){"use strict";var t="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},n=null,r=new Set,u=function(e){var t=e.$,n=e.r,r=e.h;s(n)&&(o.get(r).delete(e),n()),s(e.r=t())&&o.get(r).add(e)},i=function(){var e=r;r=new Set,e.forEach((function(e){var t=e.h,n=e.c,r=e.a;e.e&&t.apply(n,r)}))},o=new WeakMap,a=[],c=[];function f(e,t){return e!==this[t]}var l=function(){return n},s=function(e){return"function"==typeof e},h=new t((function(e){return e()}));function d(e){var t=this._;this.value!==e&&(this._=new Set,this.value=e,t.forEach((function(e){var t=e.h,n=e.c,r=e.a;t.apply(n,r)})))}var v=function(e,t){var n=l(),r=n.i,u=n.s;return r!==u.length&&t&&!t.some(f,u[r]._)||(u[r]={$:e(),_:t}),u[n.i++].$},p=function(e){return function(t,n){var r=l(),u=r.i,i=r.s,a=r.h,c=u===i.length;r.i++,c&&(o.has(a)||o.set(a,new Set),i[u]={$:t,_:n,r:null,h:a}),(c||!n||n.some(f,i[u]._))&&e.push(i[u]),i[u].$=t,i[u]._=n}},g=p(a),b=p(c),w=function(e,t){return s(t)?t(e):t},m=function(e,t,n){var u=l(),o=u.i,a=u.s;o===a.length&&a.push({$:s(n)?n(t):w(void 0,t),set:function(t){a[o].$=e(a[o].$,t),function(e){r.has(e)||(e.e=1,r.add(e),h.then(i))}(u)}});var c=a[u.i++];return[c.$,c.set]},y=self,S=y.document,E=y.MutationObserver,$=y.Set,_=y.WeakMap,k=function(e){return"querySelectorAll"in e},A=[].filter,M=Object.create,O=Object.keys,q=new WeakMap,C=new Set,L=[],x={},W={},N=function(e,t){for(var n=q.get(t),r=0,u=e.length;r<u;r++){var i=e[r],o=i.target,a=i.attributeName,c=i.oldValue,f=o.getAttribute(a);n.attributeChanged(a,c,f)}},R=function(e){var t=new _,n=function(t){var n=e.query;if(n.length)for(var u=0,i=t.length;u<i;u++)r(A.call(t[u].addedNodes,k),!0,n),r(A.call(t[u].removedNodes,k),!1,n)},r=function n(r,i,a){for(var c,f,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new $,s=function(s,h,d,v){if(!l.has(h=r[d])){if(l.add(h),i)for(var p,g=u(h),b=0,w=a.length;b<w;b++)g.call(h,p=a[b])&&(t.has(h)||t.set(h,new $),(s=t.get(h)).has(p)||(s.add(p),e.handle(h,i,p)));else t.has(h)&&(s=t.get(h),t.delete(h),s.forEach((function(t){e.handle(h,i,t)})));n(o(h),i,a,l)}c=s,f=h},h=0,d=r.length;h<d;h++)s(c,f,h)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},i=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},o=function(e){return f.length?e.querySelectorAll(f):f},a=new E(n),c=e.root||S,f=e.query;return a.observe(c,{childList:!0,subtree:!0}),i(o(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:i}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,i=r.l,o=r.o,a=u.get(e)||function(e,t,n,r){for(var u=M(r,{element:{enumerable:!0,value:e}}),i=0,o=n.length;i<o;i++)e.addEventListener(n[i].t,u,n[i].o);t.set(e,u),u.init&&u.init();var a=r.observedAttributes;if(a){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:a.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),q.set(c,u)}return u}(e,u,i,o),c=t?"connected":"disconnected";c in a&&a[c]()}}),j=R.drop,P=R.flush,V=R.parse,D=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);P();for(var n=[],r=M(null),u=O(t),i=0,o=u.length;i<o;i++){var a=u[i];if(/^on/.test(a)&&!/Options$/.test(a)){var c=t[a+"Options"]||!1,f=a.toLowerCase(),l=f.slice(2);n.push({t:l,o:c}),r[l]=a,f!==a&&(l=a.slice(2,3).toLowerCase()+a.slice(3),r[l]=a,n.push({t:l,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},V(document.querySelectorAll(e)),F(e),C.has(e)||W[e]._()},F=function(e){if(!(e in W)){var n,r=new t((function(e){n=e}));W[e]={_:n,$:r}}return W[e].$};function T(){B(this)}var z=function(e,t){D(e,"function"==typeof t?{init:T,render:t}:(t.init||(t.init=T),t))},B=function(e){var t=e.disconnected,r=e.element,i=e.render,f=function(e){var t={h:r,c:null,a:null,e:0,i:0,s:[]};return r;function r(){var r=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=r,a.length&&h.then(a.forEach.bind(a.splice(0),u)),c.length&&c.splice(0).forEach(u)}}}(i.bind(e,r));return e.disconnected=function(){(function(e){return o.has(e)})(f)&&function(e){var t=o.get(e);t&&h.then((function(){t.forEach((function(e){e.r(),e.r=null})),t.clear()}))}(f),t&&t.call(e)},(e.render=f)()};return e.createContext=function(e){return{_:new Set,provide:d,value:e}},e.define=z,e.defineAsync=function(e,t){!function(e,t,n){C.add(e),D(e,{init:function(){C.has(e)&&(C.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),j(document.querySelectorAll(e)),(n||D)(e,r)})))}})}(e,t,z)},e.get=function(e){return(x[e]||q).o},e.render=B,e.upgrade=function(e){L.length&&(P(),V([e]))},e.useCallback=function(e,t){return v((function(){return e}),t)},e.useContext=function(e){var t=e._,n=e.value;return t.add(l()),n},e.useEffect=g,e.useLayoutEffect=b,e.useMemo=v,e.useReducer=m,e.useRef=function(e){var t=l(),n=t.i,r=t.s;return n===r.length&&r.push({current:e}),r[t.i++]},e.useState=function(e){return m(w,e)},e.whenDefined=F,e}({});
\ No newline at end of file
diff --git a/new.js b/new.js
index c8f95af..c57d234 100644
--- a/new.js
+++ b/new.js
@@ -1 +1 @@
-var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=new WeakMap,l=e=>{const{$:t,r:n,h:s}=e;d(n)&&(a.get(s).delete(e),n()),d(e.r=t())&&a.get(s).add(e)},o=()=>{const e=s;s=new Set,e.forEach(({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)})},a=new WeakMap,c=[],i=[];function u(e,t){return e!==this[t]}const h=()=>r.get(n),d=e=>"function"==typeof e,f=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return r.set(s,t),s;function s(){const r=n;n=s,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=r,c.length&&p.then(c.forEach.bind(c.splice(0),l)),i.length&&i.splice(0).forEach(l)}}},p=new t(e=>e());function g(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach(({h:e,c:t,a:n})=>{e.apply(t,n)}))}const b=(e,t)=>{const n=h(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(u,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},w=e=>(t,n)=>{const s=h(),{i:r,s:l,h:o}=s,c=r===l.length;s.i++,c&&(a.has(o)||a.set(o,new Set),l[r]={$:t,_:n,r:null,h:o}),(c||!n||n.some(u,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},y=w(c),m=w(i),v=(e,t)=>d(t)?t(e):t,S=(e,t,n)=>{const r=h(),{i:l,s:a}=r;l===a.length&&a.push({$:d(n)?n(t):v(void 0,t),set:t=>{a[l].$=e(a[l].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),p.then(o))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:E,MutationObserver:$,Set:_,WeakMap:k}=self,M=e=>"querySelectorAll"in e,{filter:A}=[];const{create:q,keys:O}=Object,C=new WeakMap,L=new Set,W=[],x={},N={},R=(e,t)=>{for(let n=C.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:V,flush:j,parse:D}=(e=>{const t=new k,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(A.call(t[e].addedNodes,M),!0,n),s(A.call(t[e].removedNodes,M),!1,n)},s=(n,l,a,c=new _)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new _),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach(t=>{e.handle(u,l,t)}));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new $(n),c=e.root||E,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:W,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=q(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(R);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map(t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t))}),C.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),F=(e,t)=>{if(-1<W.indexOf(e))throw new Error("duplicated: "+e);j();const n=[],s=q(null);for(let e=O(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),W.push(e),x[e]={m:new WeakMap,l:n,o:t},D(document.querySelectorAll(e)),P(e),L.has(e)||N[e]._()},P=e=>{if(!(e in N)){let n,s=new t(e=>{n=e});N[e]={_:n,$:s}}return N[e].$};function z(){G(this)}const B=(e,t)=>{F(e,"function"==typeof t?{init:z,render:t}:(t.init||(t.init=z),t))},G=e=>{const{disconnected:t,element:n,render:s}=e,r=f(s.bind(e,n));return e.disconnected=()=>{(e=>a.has(e))(r)&&(e=>{const t=a.get(e);t&&p.then(()=>{t.forEach(e=>{e.r(),e.r=null}),t.clear()})})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:g,value:e}),e.define=B,e.defineAsync=(e,t)=>{((e,t,n)=>{L.add(e),F(e,{init(){L.has(e)&&(L.delete(e),t().then(({default:t})=>{W.splice(W.indexOf(e),1),V(document.querySelectorAll(e)),(n||F)(e,t)}))}})})(e,t,B)},e.get=e=>(x[e]||C).o,e.render=G,e.upgrade=e=>{W.length&&(j(),D([e]))},e.useCallback=(e,t)=>b(()=>e,t),e.useContext=({_:e,value:t})=>(e.add(h()),t),e.useEffect=y,e.useLayoutEffect=m,e.useMemo=b,e.useReducer=S,e.useRef=e=>{const t=h(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>S(v,e),e.whenDefined=P,e}({});
+var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=e=>{const{$:t,r:n,h:s}=e;h(n)&&(o.get(s).delete(e),n()),h(e.r=t())&&o.get(s).add(e)},l=()=>{const e=s;s=new Set,e.forEach((({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)}))},o=new WeakMap,a=[],c=[];function i(e,t){return e!==this[t]}const u=()=>n,h=e=>"function"==typeof e,d=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return s;function s(){const s=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=s,a.length&&f.then(a.forEach.bind(a.splice(0),r)),c.length&&c.splice(0).forEach(r)}}},f=new t((e=>e()));function p(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach((({h:e,c:t,a:n})=>{e.apply(t,n)})))}const g=(e,t)=>{const n=u(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(i,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},b=e=>(t,n)=>{const s=u(),{i:r,s:l,h:a}=s,c=r===l.length;s.i++,c&&(o.has(a)||o.set(a,new Set),l[r]={$:t,_:n,r:null,h:a}),(c||!n||n.some(i,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},w=b(a),y=b(c),v=(e,t)=>h(t)?t(e):t,m=(e,t,n)=>{const r=u(),{i:o,s:a}=r;o===a.length&&a.push({$:h(n)?n(t):v(void 0,t),set:t=>{a[o].$=e(a[o].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),f.then(l))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:S,MutationObserver:_,Set:E,WeakMap:$}=self,M=e=>"querySelectorAll"in e,{filter:k}=[];const{create:A,keys:O}=Object,q=new WeakMap,C=new Set,L=[],x={},W={},N=(e,t)=>{for(let n=q.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:R,flush:j,parse:P}=(e=>{const t=new $,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(k.call(t[e].addedNodes,M),!0,n),s(k.call(t[e].removedNodes,M),!1,n)},s=(n,l,a,c=new E)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new E),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach((t=>{e.handle(u,l,t)})));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new _(n),c=e.root||S,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:L,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=A(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map((t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t)))}),q.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();const n=[],s=A(null);for(let e=O(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),C.has(e)||W[e]._()},D=e=>{if(!(e in W)){let n,s=new t((e=>{n=e}));W[e]={_:n,$:s}}return W[e].$};function F(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:F,render:t}:(t.init||(t.init=F),t))},B=e=>{const{disconnected:t,element:n,render:s}=e,r=d(s.bind(e,n));return e.disconnected=()=>{(e=>o.has(e))(r)&&(e=>{const t=o.get(e);t&&f.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:p,value:e}),e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{C.add(e),V(e,{init(){C.has(e)&&(C.delete(e),t().then((({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)})))}})})(e,t,z)},e.get=e=>(x[e]||q).o,e.render=B,e.upgrade=e=>{L.length&&(j(),P([e]))},e.useCallback=(e,t)=>g((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(u()),t),e.useEffect=w,e.useLayoutEffect=y,e.useMemo=g,e.useReducer=m,e.useRef=e=>{const t=u(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>m(v,e),e.whenDefined=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
diff --git a/package.json b/package.json
index 25061d0..50bbb29 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "build": "npm run cjs && npm run rollup:new && npm run rollup:babel && npm run min && npm run size && npm run test",
     "cjs": "ascjs esm cjs",
     "rollup:new": "rollup --config rollup/new.config.js",
-    "rollup:babel": "rollup --config rollup/babel.config.js",
+    "rollup:babel": "rollup --config rollup/babel.config.js && sed -i 's/Object.defineProperty.*//' index.js",
     "min": "terser index.js --comments=/^!/ -c -m -o min.js",
     "size": "cat min.js | gzip -9 | wc -c && cat min.js | brotli | wc -c && cat new.js | gzip -9 | wc -c && cat new.js | brotli | wc -c",
     "test": "echo \"$(tput smso)$(tput bold) Please check the test folder $(tput sgr0)\" && http-server ."
@@ -21,22 +21,22 @@
   "author": "Andrea Giammarchi",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.11.0",
-    "@babel/preset-env": "^7.11.0",
-    "@ungap/degap": "^0.2.0",
-    "ascjs": "^4.0.1",
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@ungap/degap": "^0.2.1",
+    "ascjs": "^4.0.3",
     "http-server": "^0.12.3",
-    "rollup": "^2.23.0",
+    "rollup": "^2.36.0",
     "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-includepaths": "^0.2.3",
+    "rollup-plugin-includepaths": "^0.2.4",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-terser": "^6.1.0",
-    "terser": "^5.0.0"
+    "rollup-plugin-terser": "^7.0.2",
+    "terser": "^5.5.1"
   },
   "module": "./esm/index.js",
   "unpkg": "min.js",
   "dependencies": {
-    "uhooks": "^0.1.19",
+    "uhooks": "^0.2.2",
     "wicked-elements": "^3.1.1"
   },
   "repository": {

From 4b8df6cd5863de911b473f00ba1b761ed1e4c02f Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Wed, 6 Jan 2021 13:44:18 +0100
Subject: [PATCH 12/16] 2.2.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 50bbb29..5533944 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {

From 0e2b0559a632f26b1b0e7585afeccc6d66615f66 Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Fri, 8 Jan 2021 11:02:20 +0100
Subject: [PATCH 13/16] updated rollup

---
 index.js               | 2 --
 new.js                 | 2 +-
 package.json           | 2 +-
 rollup/babel.config.js | 1 +
 rollup/new.config.js   | 1 +
 5 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index f2c6a5c..b83350a 100644
--- a/index.js
+++ b/index.js
@@ -526,8 +526,6 @@ var hookedElements = (function (exports) {
   exports.useState = useState;
   exports.whenDefined = whenDefined;
 
-  
-
   return exports;
 
 }({}));
diff --git a/new.js b/new.js
index c57d234..6b3b7f9 100644
--- a/new.js
+++ b/new.js
@@ -1 +1 @@
-var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=e=>{const{$:t,r:n,h:s}=e;h(n)&&(o.get(s).delete(e),n()),h(e.r=t())&&o.get(s).add(e)},l=()=>{const e=s;s=new Set,e.forEach((({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)}))},o=new WeakMap,a=[],c=[];function i(e,t){return e!==this[t]}const u=()=>n,h=e=>"function"==typeof e,d=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return s;function s(){const s=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=s,a.length&&f.then(a.forEach.bind(a.splice(0),r)),c.length&&c.splice(0).forEach(r)}}},f=new t((e=>e()));function p(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach((({h:e,c:t,a:n})=>{e.apply(t,n)})))}const g=(e,t)=>{const n=u(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(i,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},b=e=>(t,n)=>{const s=u(),{i:r,s:l,h:a}=s,c=r===l.length;s.i++,c&&(o.has(a)||o.set(a,new Set),l[r]={$:t,_:n,r:null,h:a}),(c||!n||n.some(i,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},w=b(a),y=b(c),v=(e,t)=>h(t)?t(e):t,m=(e,t,n)=>{const r=u(),{i:o,s:a}=r;o===a.length&&a.push({$:h(n)?n(t):v(void 0,t),set:t=>{a[o].$=e(a[o].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),f.then(l))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:S,MutationObserver:_,Set:E,WeakMap:$}=self,M=e=>"querySelectorAll"in e,{filter:k}=[];const{create:A,keys:O}=Object,q=new WeakMap,C=new Set,L=[],x={},W={},N=(e,t)=>{for(let n=q.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:R,flush:j,parse:P}=(e=>{const t=new $,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(k.call(t[e].addedNodes,M),!0,n),s(k.call(t[e].removedNodes,M),!1,n)},s=(n,l,a,c=new E)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new E),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach((t=>{e.handle(u,l,t)})));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new _(n),c=e.root||S,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:L,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=A(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map((t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t)))}),q.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),V=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);j();const n=[],s=A(null);for(let e=O(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},P(document.querySelectorAll(e)),D(e),C.has(e)||W[e]._()},D=e=>{if(!(e in W)){let n,s=new t((e=>{n=e}));W[e]={_:n,$:s}}return W[e].$};function F(){B(this)}const z=(e,t)=>{V(e,"function"==typeof t?{init:F,render:t}:(t.init||(t.init=F),t))},B=e=>{const{disconnected:t,element:n,render:s}=e,r=d(s.bind(e,n));return e.disconnected=()=>{(e=>o.has(e))(r)&&(e=>{const t=o.get(e);t&&f.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:p,value:e}),e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{C.add(e),V(e,{init(){C.has(e)&&(C.delete(e),t().then((({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||V)(e,t)})))}})})(e,t,z)},e.get=e=>(x[e]||q).o,e.render=B,e.upgrade=e=>{L.length&&(j(),P([e]))},e.useCallback=(e,t)=>g((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(u()),t),e.useEffect=w,e.useLayoutEffect=y,e.useMemo=g,e.useReducer=m,e.useRef=e=>{const t=u(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>m(v,e),e.whenDefined=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=e=>{const{$:t,r:n,h:s}=e;h(n)&&(o.get(s).delete(e),n()),h(e.r=t())&&o.get(s).add(e)},l=()=>{const e=s;s=new Set,e.forEach((({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)}))},o=new WeakMap,a=[],c=[];function i(e,t){return e!==this[t]}const u=()=>n,h=e=>"function"==typeof e,d=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return s;function s(){const s=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=s,a.length&&f.then(a.forEach.bind(a.splice(0),r)),c.length&&c.splice(0).forEach(r)}}},f=new t((e=>e()));function p(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach((({h:e,c:t,a:n})=>{e.apply(t,n)})))}const g=(e,t)=>{const n=u(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(i,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},b=e=>(t,n)=>{const s=u(),{i:r,s:l,h:a}=s,c=r===l.length;s.i++,c&&(o.has(a)||o.set(a,new Set),l[r]={$:t,_:n,r:null,h:a}),(c||!n||n.some(i,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},w=b(a),y=b(c),m=(e,t)=>h(t)?t(e):t,v=(e,t,n)=>{const r=u(),{i:o,s:a}=r;o===a.length&&a.push({$:h(n)?n(t):m(void 0,t),set:t=>{a[o].$=e(a[o].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),f.then(l))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:S,MutationObserver:E,Set:$,WeakMap:_}=self,k=e=>"querySelectorAll"in e,{filter:A}=[];const{create:M,keys:q}=Object,O=new WeakMap,C=new Set,L=[],x={},W={},N=(e,t)=>{for(let n=O.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:R,flush:V,parse:j}=(e=>{const t=new _,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(A.call(t[e].addedNodes,k),!0,n),s(A.call(t[e].removedNodes,k),!1,n)},s=(n,l,a,c=new $)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new $),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach((t=>{e.handle(u,l,t)})));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new E(n),c=e.root||S,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:L,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=M(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map((t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t)))}),O.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),D=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);V();const n=[],s=M(null);for(let e=q(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},j(document.querySelectorAll(e)),F(e),C.has(e)||W[e]._()},F=e=>{if(!(e in W)){let n,s=new t((e=>{n=e}));W[e]={_:n,$:s}}return W[e].$};function P(){B(this)}const z=(e,t)=>{D(e,"function"==typeof t?{init:P,render:t}:(t.init||(t.init=P),t))},B=e=>{const{disconnected:t,element:n,render:s}=e,r=d(s.bind(e,n));return e.disconnected=()=>{(e=>o.has(e))(r)&&(e=>{const t=o.get(e);t&&f.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:p,value:e}),e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{C.add(e),D(e,{init(){C.has(e)&&(C.delete(e),t().then((({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||D)(e,t)})))}})})(e,t,z)},e.get=e=>(x[e]||O).o,e.render=B,e.upgrade=e=>{L.length&&(V(),j([e]))},e.useCallback=(e,t)=>g((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(u()),t),e.useEffect=w,e.useLayoutEffect=y,e.useMemo=g,e.useReducer=v,e.useRef=e=>{const t=u(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>v(m,e),e.whenDefined=F,e}({});
diff --git a/package.json b/package.json
index 5533944..79357ba 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "build": "npm run cjs && npm run rollup:new && npm run rollup:babel && npm run min && npm run size && npm run test",
     "cjs": "ascjs esm cjs",
     "rollup:new": "rollup --config rollup/new.config.js",
-    "rollup:babel": "rollup --config rollup/babel.config.js && sed -i 's/Object.defineProperty.*//' index.js",
+    "rollup:babel": "rollup --config rollup/babel.config.js",
     "min": "terser index.js --comments=/^!/ -c -m -o min.js",
     "size": "cat min.js | gzip -9 | wc -c && cat min.js | brotli | wc -c && cat new.js | gzip -9 | wc -c && cat new.js | brotli | wc -c",
     "test": "echo \"$(tput smso)$(tput bold) Please check the test folder $(tput sgr0)\" && http-server ."
diff --git a/rollup/babel.config.js b/rollup/babel.config.js
index 02974e8..db109e4 100644
--- a/rollup/babel.config.js
+++ b/rollup/babel.config.js
@@ -10,6 +10,7 @@ export default {
   ],
   
   output: {
+    esModule: false,
     exports: 'named',
     file: './index.js',
     format: 'iife',
diff --git a/rollup/new.config.js b/rollup/new.config.js
index 6adfdff..919fe26 100644
--- a/rollup/new.config.js
+++ b/rollup/new.config.js
@@ -17,6 +17,7 @@ export default {
   ],
   
   output: {
+    esModule: false,
     exports: 'named',
     file: './new.js',
     format: 'iife',

From 962a015ba89ffd6d0302552bde294ebe312f76ac Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Sat, 16 Jan 2021 09:12:10 +0100
Subject: [PATCH 14/16] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 81ffbf2..9832b4e 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 
 ### 📣 Community Announcement
 
-Please ask questions in the [dedicated forum](https://webreflection.boards.net/) to help the community around this project grow ♥
+Please ask questions in the [dedicated discussions repository](https://github.com/WebReflection/discussions), to help the community around this project grow ♥
 
 ---
 

From 4e9e0ba7733351fa1325a7f28b602726a4aae27b Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Wed, 5 May 2021 10:50:45 +0200
Subject: [PATCH 15/16] updated dependencies

---
 index.js             | 180 +++++++++++++++++++++++++------------------
 min.js               |   2 +-
 new.js               |   2 +-
 package.json         |  16 ++--
 rollup/new.config.js |   2 +-
 5 files changed, 118 insertions(+), 84 deletions(-)

diff --git a/index.js b/index.js
index b83350a..be4504f 100644
--- a/index.js
+++ b/index.js
@@ -221,31 +221,78 @@ var hookedElements = (function (exports) {
     return s[info.i++];
   };
 
+  var TRUE = true,
+      FALSE = false;
+  var QSA$1 = 'querySelectorAll';
+
+  function add(node) {
+    this.observe(node, {
+      subtree: TRUE,
+      childList: TRUE
+    });
+  }
+  /**
+   * Start observing a generic document or root element.
+   * @param {Function} callback triggered per each dis/connected node
+   * @param {Element?} root by default, the global document to observe
+   * @param {Function?} MO by default, the global MutationObserver
+   * @returns {MutationObserver}
+   */
+
+
+  var notify = function notify(callback, root, MO) {
+    var loop = function loop(nodes, added, removed, connected, pass) {
+      for (var i = 0, length = nodes.length; i < length; i++) {
+        var node = nodes[i];
+
+        if (pass || QSA$1 in node) {
+          if (connected) {
+            if (!added.has(node)) {
+              added.add(node);
+              removed["delete"](node);
+              callback(node, connected);
+            }
+          } else if (!removed.has(node)) {
+            removed.add(node);
+            added["delete"](node);
+            callback(node, connected);
+          }
+
+          if (!pass) loop(node[QSA$1]('*'), added, removed, connected, TRUE);
+        }
+      }
+    };
+
+    var observer = new (MO || MutationObserver)(function (records) {
+      for (var added = new Set(), removed = new Set(), i = 0, length = records.length; i < length; i++) {
+        var _records$i = records[i],
+            addedNodes = _records$i.addedNodes,
+            removedNodes = _records$i.removedNodes;
+        loop(removedNodes, added, removed, FALSE, FALSE);
+        loop(addedNodes, added, removed, TRUE, FALSE);
+      }
+    });
+    observer.add = add;
+    observer.add(root || document);
+    return observer;
+  };
+
+  var QSA = 'querySelectorAll';
   var _self = self,
       document$1 = _self.document,
+      Element = _self.Element,
       MutationObserver$1 = _self.MutationObserver,
       Set$1 = _self.Set,
       WeakMap$1 = _self.WeakMap;
 
   var elements = function elements(element) {
-    return 'querySelectorAll' in element;
+    return QSA in element;
   };
 
   var filter = [].filter;
   var QSAO = (function (options) {
     var live = new WeakMap$1();
 
-    var callback = function callback(records) {
-      var query = options.query;
-
-      if (query.length) {
-        for (var i = 0, length = records.length; i < length; i++) {
-          loop(filter.call(records[i].addedNodes, elements), true, query);
-          loop(filter.call(records[i].removedNodes, elements), false, query);
-        }
-      }
-    };
-
     var drop = function drop(elements) {
       for (var i = 0, length = elements.length; i < length; i++) {
         live["delete"](elements[i]);
@@ -253,73 +300,60 @@ var hookedElements = (function (exports) {
     };
 
     var flush = function flush() {
-      callback(observer.takeRecords());
-    };
+      var records = observer.takeRecords();
 
-    var loop = function loop(elements, connected, query) {
-      var set = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set$1();
+      for (var i = 0, length = records.length; i < length; i++) {
+        parse(filter.call(records[i].removedNodes, elements), false);
+        parse(filter.call(records[i].addedNodes, elements), true);
+      }
+    };
 
-      var _loop = function _loop(_selectors, _element, i, length) {
-        // guard against repeated elements within nested querySelectorAll results
-        if (!set.has(_element = elements[i])) {
-          set.add(_element);
+    var matches = function matches(element) {
+      return element.matches || element.webkitMatchesSelector || element.msMatchesSelector;
+    };
 
-          if (connected) {
-            for (var q, m = matches(_element), _i = 0, _length = query.length; _i < _length; _i++) {
-              if (m.call(_element, q = query[_i])) {
-                if (!live.has(_element)) live.set(_element, new Set$1());
-                _selectors = live.get(_element); // guard against selectors that were handled already
+    var notifier = function notifier(element, connected) {
+      var selectors;
 
-                if (!_selectors.has(q)) {
-                  _selectors.add(q);
+      if (connected) {
+        for (var q, m = matches(element), i = 0, length = query.length; i < length; i++) {
+          if (m.call(element, q = query[i])) {
+            if (!live.has(element)) live.set(element, new Set$1());
+            selectors = live.get(element);
 
-                  options.handle(_element, connected, q);
-                }
-              }
-            }
-          } // guard against elements that never became live
-          else if (live.has(_element)) {
-              _selectors = live.get(_element);
-              live["delete"](_element);
-
-              _selectors.forEach(function (q) {
-                options.handle(_element, connected, q);
-              });
+            if (!selectors.has(q)) {
+              selectors.add(q);
+              options.handle(element, connected, q);
             }
-
-          loop(querySelectorAll(_element), connected, query, set);
+          }
         }
-
-        selectors = _selectors;
-        element = _element;
-      };
-
-      for (var selectors, element, i = 0, length = elements.length; i < length; i++) {
-        _loop(selectors, element, i);
+      } else if (live.has(element)) {
+        selectors = live.get(element);
+        live["delete"](element);
+        selectors.forEach(function (q) {
+          options.handle(element, connected, q);
+        });
       }
     };
 
-    var matches = function matches(element) {
-      return element.matches || element.webkitMatchesSelector || element.msMatchesSelector;
-    };
-
     var parse = function parse(elements) {
       var connected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      loop(elements, connected, options.query);
-    };
 
-    var querySelectorAll = function querySelectorAll(root) {
-      return query.length ? root.querySelectorAll(query) : query;
+      for (var i = 0, length = elements.length; i < length; i++) {
+        notifier(elements[i], connected);
+      }
     };
 
-    var observer = new MutationObserver$1(callback);
-    var root = options.root || document$1;
     var query = options.query;
-    observer.observe(root, {
-      childList: true,
-      subtree: true
-    });
-    parse(querySelectorAll(root));
+    var root = options.root || document$1;
+    var observer = notify(notifier, root, MutationObserver$1);
+    var attachShadow = Element.prototype.attachShadow;
+    if (attachShadow) Element.prototype.attachShadow = function (init) {
+      var shadowRoot = attachShadow.call(this, init);
+      observer.add(shadowRoot);
+      return shadowRoot;
+    };
+    if (query.length) parse(root[QSA](query));
     return {
       drop: drop,
       flush: flush,
@@ -398,7 +432,7 @@ var hookedElements = (function (exports) {
   var get = function get(selector) {
     return (config[selector] || attributes).o;
   };
-  var define = function define(selector, definition) {
+  var define$1 = function define(selector, definition) {
     if (-1 < query.indexOf(selector)) throw new Error('duplicated: ' + selector);
     flush();
     var listeners = [];
@@ -444,9 +478,9 @@ var hookedElements = (function (exports) {
     whenDefined(selector);
     if (!lazy.has(selector)) defined[selector]._();
   };
-  var defineAsync = function defineAsync(selector, callback, _) {
+  var defineAsync$1 = function defineAsync(selector, callback, _) {
     lazy.add(selector);
-    define(selector, {
+    define$1(selector, {
       init: function init() {
         if (lazy.has(selector)) {
           lazy["delete"](selector);
@@ -455,7 +489,7 @@ var hookedElements = (function (exports) {
             query.splice(query.indexOf(selector), 1);
             drop(document.querySelectorAll(selector));
 
-            (_ || define)(selector, definition);
+            (_ || define$1)(selector, definition);
           });
         }
       }
@@ -487,14 +521,14 @@ var hookedElements = (function (exports) {
     render(this);
   }
 
-  var define$1 = function define$1(selector, definition) {
-    define(selector, typeof definition === 'function' ? {
+  var define = function define(selector, definition) {
+    define$1(selector, typeof definition === 'function' ? {
       init: init,
       render: definition
     } : (definition.init || (definition.init = init), definition));
   };
-  var defineAsync$1 = function defineAsync$1(selector, callback) {
-    defineAsync(selector, callback, define$1);
+  var defineAsync = function defineAsync(selector, callback) {
+    defineAsync$1(selector, callback, define);
   };
   var render = function render(wicked) {
     var disconnected = wicked.disconnected,
@@ -511,8 +545,8 @@ var hookedElements = (function (exports) {
   };
 
   exports.createContext = createContext;
-  exports.define = define$1;
-  exports.defineAsync = defineAsync$1;
+  exports.define = define;
+  exports.defineAsync = defineAsync;
   exports.get = get;
   exports.render = render;
   exports.upgrade = upgrade;
diff --git a/min.js b/min.js
index 7bb1009..0a373a5 100644
--- a/min.js
+++ b/min.js
@@ -1 +1 @@
-var hookedElements=function(e){"use strict";var t="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},n=null,r=new Set,u=function(e){var t=e.$,n=e.r,r=e.h;s(n)&&(o.get(r).delete(e),n()),s(e.r=t())&&o.get(r).add(e)},i=function(){var e=r;r=new Set,e.forEach((function(e){var t=e.h,n=e.c,r=e.a;e.e&&t.apply(n,r)}))},o=new WeakMap,a=[],c=[];function f(e,t){return e!==this[t]}var l=function(){return n},s=function(e){return"function"==typeof e},h=new t((function(e){return e()}));function d(e){var t=this._;this.value!==e&&(this._=new Set,this.value=e,t.forEach((function(e){var t=e.h,n=e.c,r=e.a;t.apply(n,r)})))}var v=function(e,t){var n=l(),r=n.i,u=n.s;return r!==u.length&&t&&!t.some(f,u[r]._)||(u[r]={$:e(),_:t}),u[n.i++].$},p=function(e){return function(t,n){var r=l(),u=r.i,i=r.s,a=r.h,c=u===i.length;r.i++,c&&(o.has(a)||o.set(a,new Set),i[u]={$:t,_:n,r:null,h:a}),(c||!n||n.some(f,i[u]._))&&e.push(i[u]),i[u].$=t,i[u]._=n}},g=p(a),b=p(c),w=function(e,t){return s(t)?t(e):t},m=function(e,t,n){var u=l(),o=u.i,a=u.s;o===a.length&&a.push({$:s(n)?n(t):w(void 0,t),set:function(t){a[o].$=e(a[o].$,t),function(e){r.has(e)||(e.e=1,r.add(e),h.then(i))}(u)}});var c=a[u.i++];return[c.$,c.set]},y=self,S=y.document,E=y.MutationObserver,$=y.Set,_=y.WeakMap,k=function(e){return"querySelectorAll"in e},A=[].filter,M=Object.create,O=Object.keys,q=new WeakMap,C=new Set,L=[],x={},W={},N=function(e,t){for(var n=q.get(t),r=0,u=e.length;r<u;r++){var i=e[r],o=i.target,a=i.attributeName,c=i.oldValue,f=o.getAttribute(a);n.attributeChanged(a,c,f)}},R=function(e){var t=new _,n=function(t){var n=e.query;if(n.length)for(var u=0,i=t.length;u<i;u++)r(A.call(t[u].addedNodes,k),!0,n),r(A.call(t[u].removedNodes,k),!1,n)},r=function n(r,i,a){for(var c,f,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:new $,s=function(s,h,d,v){if(!l.has(h=r[d])){if(l.add(h),i)for(var p,g=u(h),b=0,w=a.length;b<w;b++)g.call(h,p=a[b])&&(t.has(h)||t.set(h,new $),(s=t.get(h)).has(p)||(s.add(p),e.handle(h,i,p)));else t.has(h)&&(s=t.get(h),t.delete(h),s.forEach((function(t){e.handle(h,i,t)})));n(o(h),i,a,l)}c=s,f=h},h=0,d=r.length;h<d;h++)s(c,f,h)},u=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector},i=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r(t,n,e.query)},o=function(e){return f.length?e.querySelectorAll(f):f},a=new E(n),c=e.root||S,f=e.query;return a.observe(c,{childList:!0,subtree:!0}),i(o(c)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){n(a.takeRecords())},observer:a,parse:i}}({query:L,handle:function(e,t,n){var r=x[n],u=r.m,i=r.l,o=r.o,a=u.get(e)||function(e,t,n,r){for(var u=M(r,{element:{enumerable:!0,value:e}}),i=0,o=n.length;i<o;i++)e.addEventListener(n[i].t,u,n[i].o);t.set(e,u),u.init&&u.init();var a=r.observedAttributes;if(a){var c=new MutationObserver(N);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:a.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),q.set(c,u)}return u}(e,u,i,o),c=t?"connected":"disconnected";c in a&&a[c]()}}),j=R.drop,P=R.flush,V=R.parse,D=function(e,t){if(-1<L.indexOf(e))throw new Error("duplicated: "+e);P();for(var n=[],r=M(null),u=O(t),i=0,o=u.length;i<o;i++){var a=u[i];if(/^on/.test(a)&&!/Options$/.test(a)){var c=t[a+"Options"]||!1,f=a.toLowerCase(),l=f.slice(2);n.push({t:l,o:c}),r[l]=a,f!==a&&(l=a.slice(2,3).toLowerCase()+a.slice(3),r[l]=a,n.push({t:l,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},V(document.querySelectorAll(e)),F(e),C.has(e)||W[e]._()},F=function(e){if(!(e in W)){var n,r=new t((function(e){n=e}));W[e]={_:n,$:r}}return W[e].$};function T(){B(this)}var z=function(e,t){D(e,"function"==typeof t?{init:T,render:t}:(t.init||(t.init=T),t))},B=function(e){var t=e.disconnected,r=e.element,i=e.render,f=function(e){var t={h:r,c:null,a:null,e:0,i:0,s:[]};return r;function r(){var r=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=r,a.length&&h.then(a.forEach.bind(a.splice(0),u)),c.length&&c.splice(0).forEach(u)}}}(i.bind(e,r));return e.disconnected=function(){(function(e){return o.has(e)})(f)&&function(e){var t=o.get(e);t&&h.then((function(){t.forEach((function(e){e.r(),e.r=null})),t.clear()}))}(f),t&&t.call(e)},(e.render=f)()};return e.createContext=function(e){return{_:new Set,provide:d,value:e}},e.define=z,e.defineAsync=function(e,t){!function(e,t,n){C.add(e),D(e,{init:function(){C.has(e)&&(C.delete(e),t().then((function(t){var r=t.default;L.splice(L.indexOf(e),1),j(document.querySelectorAll(e)),(n||D)(e,r)})))}})}(e,t,z)},e.get=function(e){return(x[e]||q).o},e.render=B,e.upgrade=function(e){L.length&&(P(),V([e]))},e.useCallback=function(e,t){return v((function(){return e}),t)},e.useContext=function(e){var t=e._,n=e.value;return t.add(l()),n},e.useEffect=g,e.useLayoutEffect=b,e.useMemo=v,e.useReducer=m,e.useRef=function(e){var t=l(),n=t.i,r=t.s;return n===r.length&&r.push({current:e}),r[t.i++]},e.useState=function(e){return m(w,e)},e.whenDefined=F,e}({});
\ No newline at end of file
+var hookedElements=function(e){"use strict";var t="function"==typeof Promise?Promise:function(e){var t,n=[],r=0;return e((function(e){t=e,r=1,n.splice(0).forEach(u)})),{then:u};function u(e){return r?setTimeout(e,0,t):n.push(e),this}},n=null,r=new Set,u=function(e){var t=e.$,n=e.r,r=e.h;s(n)&&(o.get(r).delete(e),n()),s(e.r=t())&&o.get(r).add(e)},i=function(){var e=r;r=new Set,e.forEach((function(e){var t=e.h,n=e.c,r=e.a;e.e&&t.apply(n,r)}))},o=new WeakMap,a=[],c=[];function l(e,t){return e!==this[t]}var f=function(){return n},s=function(e){return"function"==typeof e},d=new t((function(e){return e()}));function h(e){var t=this._;this.value!==e&&(this._=new Set,this.value=e,t.forEach((function(e){var t=e.h,n=e.c,r=e.a;t.apply(n,r)})))}var v=function(e,t){var n=f(),r=n.i,u=n.s;return r!==u.length&&t&&!t.some(l,u[r]._)||(u[r]={$:e(),_:t}),u[n.i++].$},p=function(e){return function(t,n){var r=f(),u=r.i,i=r.s,a=r.h,c=u===i.length;r.i++,c&&(o.has(a)||o.set(a,new Set),i[u]={$:t,_:n,r:null,h:a}),(c||!n||n.some(l,i[u]._))&&e.push(i[u]),i[u].$=t,i[u]._=n}},g=p(a),b=p(c),w=function(e,t){return s(t)?t(e):t},m=function(e,t,n){var u=f(),o=u.i,a=u.s;o===a.length&&a.push({$:s(n)?n(t):w(void 0,t),set:function(t){a[o].$=e(a[o].$,t),function(e){r.has(e)||(e.e=1,r.add(e),d.then(i))}(u)}});var c=a[u.i++];return[c.$,c.set]},y=!0,S=!1,E="querySelectorAll";function $(e){this.observe(e,{subtree:y,childList:y})}var _="querySelectorAll",M=self,O=M.document,k=M.Element,A=M.MutationObserver,C=M.Set,q=M.WeakMap,L=function(e){return _ in e},N=[].filter,x=Object.create,W=Object.keys,R=new WeakMap,j=new Set,P=[],V={},D={},F=function(e,t){for(var n=R.get(t),r=0,u=e.length;r<u;r++){var i=e[r],o=i.target,a=i.attributeName,c=i.oldValue,l=o.getAttribute(a);n.attributeChanged(a,c,l)}},T=function(e){var t=new q,n=function(n,r){var i;if(r)for(var o,a=function(e){return e.matches||e.webkitMatchesSelector||e.msMatchesSelector}(n),c=0,l=u.length;c<l;c++)a.call(n,o=u[c])&&(t.has(n)||t.set(n,new C),(i=t.get(n)).has(o)||(i.add(o),e.handle(n,r,o)));else t.has(n)&&(i=t.get(n),t.delete(n),i.forEach((function(t){e.handle(n,r,t)})))},r=function(e){for(var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=0,u=e.length;r<u;r++)n(e[r],t)},u=e.query,i=e.root||O,o=function(e,t,n){var r=function t(n,r,u,i,o){for(var a=0,c=n.length;a<c;a++){var l=n[a];(o||E in l)&&(i?r.has(l)||(r.add(l),u.delete(l),e(l,i)):u.has(l)||(u.add(l),r.delete(l),e(l,i)),o||t(l[E]("*"),r,u,i,y))}},u=new(n||MutationObserver)((function(e){for(var t=new Set,n=new Set,u=0,i=e.length;u<i;u++){var o=e[u],a=o.addedNodes,c=o.removedNodes;r(c,t,n,S,S),r(a,t,n,y,S)}}));return u.add=$,u.add(t||document),u}(n,i,A),a=k.prototype.attachShadow;return a&&(k.prototype.attachShadow=function(e){var t=a.call(this,e);return o.add(t),t}),u.length&&r(i[_](u)),{drop:function(e){for(var n=0,r=e.length;n<r;n++)t.delete(e[n])},flush:function(){for(var e=o.takeRecords(),t=0,n=e.length;t<n;t++)r(N.call(e[t].removedNodes,L),!1),r(N.call(e[t].addedNodes,L),!0)},observer:o,parse:r}}({query:P,handle:function(e,t,n){var r=V[n],u=r.m,i=r.l,o=r.o,a=u.get(e)||function(e,t,n,r){for(var u=x(r,{element:{enumerable:!0,value:e}}),i=0,o=n.length;i<o;i++)e.addEventListener(n[i].t,u,n[i].o);t.set(e,u),u.init&&u.init();var a=r.observedAttributes;if(a){var c=new MutationObserver(F);c.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:a.map((function(t){return e.hasAttribute(t)&&u.attributeChanged(t,null,e.getAttribute(t)),t}))}),R.set(c,u)}return u}(e,u,i,o),c=t?"connected":"disconnected";c in a&&a[c]()}}),z=T.drop,B=T.flush,G=T.parse,H=function(e,t){if(-1<P.indexOf(e))throw new Error("duplicated: "+e);B();for(var n=[],r=x(null),u=W(t),i=0,o=u.length;i<o;i++){var a=u[i];if(/^on/.test(a)&&!/Options$/.test(a)){var c=t[a+"Options"]||!1,l=a.toLowerCase(),f=l.slice(2);n.push({t:f,o:c}),r[f]=a,l!==a&&(f=a.slice(2,3).toLowerCase()+a.slice(3),r[f]=a,n.push({t:f,o:c}))}}n.length&&(t.handleEvent=function(e){this[r[e.type]](e)}),P.push(e),V[e]={m:new WeakMap,l:n,o:t},G(document.querySelectorAll(e)),I(e),j.has(e)||D[e]._()},I=function(e){if(!(e in D)){var n,r=new t((function(e){n=e}));D[e]={_:n,$:r}}return D[e].$};function J(){Q(this)}var K=function(e,t){H(e,"function"==typeof t?{init:J,render:t}:(t.init||(t.init=J),t))},Q=function(e){var t=e.disconnected,r=e.element,i=e.render,l=function(e){var t={h:r,c:null,a:null,e:0,i:0,s:[]};return r;function r(){var r=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=r,a.length&&d.then(a.forEach.bind(a.splice(0),u)),c.length&&c.splice(0).forEach(u)}}}(i.bind(e,r));return e.disconnected=function(){(function(e){return o.has(e)})(l)&&function(e){var t=o.get(e);t&&d.then((function(){t.forEach((function(e){e.r(),e.r=null})),t.clear()}))}(l),t&&t.call(e)},(e.render=l)()};return e.createContext=function(e){return{_:new Set,provide:h,value:e}},e.define=K,e.defineAsync=function(e,t){!function(e,t,n){j.add(e),H(e,{init:function(){j.has(e)&&(j.delete(e),t().then((function(t){var r=t.default;P.splice(P.indexOf(e),1),z(document.querySelectorAll(e)),(n||H)(e,r)})))}})}(e,t,K)},e.get=function(e){return(V[e]||R).o},e.render=Q,e.upgrade=function(e){P.length&&(B(),G([e]))},e.useCallback=function(e,t){return v((function(){return e}),t)},e.useContext=function(e){var t=e._,n=e.value;return t.add(f()),n},e.useEffect=g,e.useLayoutEffect=b,e.useMemo=v,e.useReducer=m,e.useRef=function(e){var t=f(),n=t.i,r=t.s;return n===r.length&&r.push({current:e}),r[t.i++]},e.useState=function(e){return m(w,e)},e.whenDefined=I,e}({});
\ No newline at end of file
diff --git a/new.js b/new.js
index 6b3b7f9..93cf3ee 100644
--- a/new.js
+++ b/new.js
@@ -1 +1 @@
-var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const r=e=>{const{$:t,r:n,h:s}=e;h(n)&&(o.get(s).delete(e),n()),h(e.r=t())&&o.get(s).add(e)},l=()=>{const e=s;s=new Set,e.forEach((({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)}))},o=new WeakMap,a=[],c=[];function i(e,t){return e!==this[t]}const u=()=>n,h=e=>"function"==typeof e,d=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return s;function s(){const s=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=s,a.length&&f.then(a.forEach.bind(a.splice(0),r)),c.length&&c.splice(0).forEach(r)}}},f=new t((e=>e()));function p(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach((({h:e,c:t,a:n})=>{e.apply(t,n)})))}const g=(e,t)=>{const n=u(),{i:s,s:r}=n;return s!==r.length&&t&&!t.some(i,r[s]._)||(r[s]={$:e(),_:t}),r[n.i++].$},b=e=>(t,n)=>{const s=u(),{i:r,s:l,h:a}=s,c=r===l.length;s.i++,c&&(o.has(a)||o.set(a,new Set),l[r]={$:t,_:n,r:null,h:a}),(c||!n||n.some(i,l[r]._))&&e.push(l[r]),l[r].$=t,l[r]._=n},w=b(a),y=b(c),m=(e,t)=>h(t)?t(e):t,v=(e,t,n)=>{const r=u(),{i:o,s:a}=r;o===a.length&&a.push({$:h(n)?n(t):m(void 0,t),set:t=>{a[o].$=e(a[o].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),f.then(l))})(r)}});const{$:c,set:i}=a[r.i++];return[c,i]},{document:S,MutationObserver:E,Set:$,WeakMap:_}=self,k=e=>"querySelectorAll"in e,{filter:A}=[];const{create:M,keys:q}=Object,O=new WeakMap,C=new Set,L=[],x={},W={},N=(e,t)=>{for(let n=O.get(t),s=0,{length:r}=e;s<r;s++){const{target:t,attributeName:r,oldValue:l}=e[s],o=t.getAttribute(r);n.attributeChanged(r,l,o)}},{drop:R,flush:V,parse:j}=(e=>{const t=new _,n=t=>{const{query:n}=e;if(n.length)for(let e=0,{length:r}=t;e<r;e++)s(A.call(t[e].addedNodes,k),!0,n),s(A.call(t[e].removedNodes,k),!1,n)},s=(n,l,a,c=new $)=>{for(let i,u,h=0,{length:d}=n;h<d;h++)if(!c.has(u=n[h])){if(c.add(u),l)for(let n,s=r(u),o=0,{length:c}=a;o<c;o++)s.call(u,n=a[o])&&(t.has(u)||t.set(u,new $),i=t.get(u),i.has(n)||(i.add(n),e.handle(u,l,n)));else t.has(u)&&(i=t.get(u),t.delete(u),i.forEach((t=>{e.handle(u,l,t)})));s(o(u),l,a,c)}},r=e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector,l=(t,n=!0)=>{s(t,n,e.query)},o=e=>i.length?e.querySelectorAll(i):i,a=new E(n),c=e.root||S,{query:i}=e;return a.observe(c,{childList:!0,subtree:!0}),l(o(c)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{n(a.takeRecords())},observer:a,parse:l}})({query:L,handle(e,t,n){const{m:s,l:r,o:l}=x[n],o=s.get(e)||((e,t,n,s)=>{const r=M(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,r,n[t].o);t.set(e,r),r.init&&r.init();const{observedAttributes:l}=s;if(l){const t=new MutationObserver(N);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:l.map((t=>(e.hasAttribute(t)&&r.attributeChanged(t,null,e.getAttribute(t)),t)))}),O.set(t,r)}return r})(e,s,r,l),a=t?"connected":"disconnected";a in o&&o[a]()}}),D=(e,t)=>{if(-1<L.indexOf(e))throw new Error("duplicated: "+e);V();const n=[],s=M(null);for(let e=q(t),r=0,{length:l}=e;r<l;r++){const l=e[r];if(/^on/.test(l)&&!/Options$/.test(l)){const e=t[l+"Options"]||!1,r=l.toLowerCase();let o=r.slice(2);n.push({t:o,o:e}),s[o]=l,r!==l&&(o=l.slice(2,3).toLowerCase()+l.slice(3),s[o]=l,n.push({t:o,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),L.push(e),x[e]={m:new WeakMap,l:n,o:t},j(document.querySelectorAll(e)),F(e),C.has(e)||W[e]._()},F=e=>{if(!(e in W)){let n,s=new t((e=>{n=e}));W[e]={_:n,$:s}}return W[e].$};function P(){B(this)}const z=(e,t)=>{D(e,"function"==typeof t?{init:P,render:t}:(t.init||(t.init=P),t))},B=e=>{const{disconnected:t,element:n,render:s}=e,r=d(s.bind(e,n));return e.disconnected=()=>{(e=>o.has(e))(r)&&(e=>{const t=o.get(e);t&&f.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))})(r),t&&t.call(e)},(e.render=r)()};return e.createContext=e=>({_:new Set,provide:p,value:e}),e.define=z,e.defineAsync=(e,t)=>{((e,t,n)=>{C.add(e),D(e,{init(){C.has(e)&&(C.delete(e),t().then((({default:t})=>{L.splice(L.indexOf(e),1),R(document.querySelectorAll(e)),(n||D)(e,t)})))}})})(e,t,z)},e.get=e=>(x[e]||O).o,e.render=B,e.upgrade=e=>{L.length&&(V(),j([e]))},e.useCallback=(e,t)=>g((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(u()),t),e.useEffect=w,e.useLayoutEffect=y,e.useMemo=g,e.useReducer=v,e.useRef=e=>{const t=u(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>v(m,e),e.whenDefined=F,e}({});
+var hookedElements=function(e){"use strict";var t=Promise;let n=null,s=new Set;const o=e=>{const{$:t,r:n,h:s}=e;u(n)&&(l.get(s).delete(e),n()),u(e.r=t())&&l.get(s).add(e)},r=()=>{const e=s;s=new Set,e.forEach((({h:e,c:t,a:n,e:s})=>{s&&e.apply(t,n)}))},l=new WeakMap,a=[],c=[];function i(e,t){return e!==this[t]}const d=()=>n,u=e=>"function"==typeof e,h=e=>{const t={h:s,c:null,a:null,e:0,i:0,s:[]};return s;function s(){const s=n;n=t,t.e=t.i=0;try{return e.apply(t.c=this,t.a=arguments)}finally{n=s,a.length&&f.then(a.forEach.bind(a.splice(0),o)),c.length&&c.splice(0).forEach(o)}}},f=new t((e=>e()));function p(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach((({h:e,c:t,a:n})=>{e.apply(t,n)})))}const g=(e,t)=>{const n=d(),{i:s,s:o}=n;return s!==o.length&&t&&!t.some(i,o[s]._)||(o[s]={$:e(),_:t}),o[n.i++].$},w=e=>(t,n)=>{const s=d(),{i:o,s:r,h:a}=s,c=o===r.length;s.i++,c&&(l.has(a)||l.set(a,new Set),r[o]={$:t,_:n,r:null,h:a}),(c||!n||n.some(i,r[o]._))&&e.push(r[o]),r[o].$=t,r[o]._=n},b=w(a),m=w(c),v=(e,t)=>u(t)?t(e):t,y=(e,t,n)=>{const o=d(),{i:l,s:a}=o;l===a.length&&a.push({$:u(n)?n(t):v(void 0,t),set:t=>{a[l].$=e(a[l].$,t),(e=>{s.has(e)||(e.e=1,s.add(e),f.then(r))})(o)}});const{$:c,set:i}=a[o.i++];return[c,i]},S=!0,E=!1,$="querySelectorAll";function _(e){this.observe(e,{subtree:S,childList:S})}const M="querySelectorAll",{document:k,Element:A,MutationObserver:O,Set:C,WeakMap:q}=self,L=e=>M in e,{filter:N}=[];const{create:x,keys:W}=Object,R=new WeakMap,V=new Set,j=[],D={},F={},P=(e,t)=>{for(let n=R.get(t),s=0,{length:o}=e;s<o;s++){const{target:t,attributeName:o,oldValue:r}=e[s],l=t.getAttribute(o);n.attributeChanged(o,r,l)}},{drop:z,flush:B,parse:G}=(e=>{const t=new q,n=(n,s)=>{let r;if(s)for(let l,a=(e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector)(n),c=0,{length:i}=o;c<i;c++)a.call(n,l=o[c])&&(t.has(n)||t.set(n,new C),r=t.get(n),r.has(l)||(r.add(l),e.handle(n,s,l)));else t.has(n)&&(r=t.get(n),t.delete(n),r.forEach((t=>{e.handle(n,s,t)})))},s=(e,t=!0)=>{for(let s=0,{length:o}=e;s<o;s++)n(e[s],t)},{query:o}=e,r=e.root||k,l=((e,t,n)=>{const s=(t,n,o,r,l)=>{for(let a=0,{length:c}=t;a<c;a++){const c=t[a];(l||$ in c)&&(r?n.has(c)||(n.add(c),o.delete(c),e(c,r)):o.has(c)||(o.add(c),n.delete(c),e(c,r)),l||s(c[$]("*"),n,o,r,S))}},o=new(n||MutationObserver)((e=>{for(let t=new Set,n=new Set,o=0,{length:r}=e;o<r;o++){const{addedNodes:r,removedNodes:l}=e[o];s(l,t,n,E,E),s(r,t,n,S,E)}}));return o.add=_,o.add(t||document),o})(n,r,O),{attachShadow:a}=A.prototype;return a&&(A.prototype.attachShadow=function(e){const t=a.call(this,e);return l.add(t),t}),o.length&&s(r[M](o)),{drop:e=>{for(let n=0,{length:s}=e;n<s;n++)t.delete(e[n])},flush:()=>{const e=l.takeRecords();for(let t=0,{length:n}=e;t<n;t++)s(N.call(e[t].removedNodes,L),!1),s(N.call(e[t].addedNodes,L),!0)},observer:l,parse:s}})({query:j,handle(e,t,n){const{m:s,l:o,o:r}=D[n],l=s.get(e)||((e,t,n,s)=>{const o=x(s,{element:{enumerable:!0,value:e}});for(let t=0,{length:s}=n;t<s;t++)e.addEventListener(n[t].t,o,n[t].o);t.set(e,o),o.init&&o.init();const{observedAttributes:r}=s;if(r){const t=new MutationObserver(P);t.observe(e,{attributes:!0,attributeOldValue:!0,attributeFilter:r.map((t=>(e.hasAttribute(t)&&o.attributeChanged(t,null,e.getAttribute(t)),t)))}),R.set(t,o)}return o})(e,s,o,r),a=t?"connected":"disconnected";a in l&&l[a]()}}),H=(e,t)=>{if(-1<j.indexOf(e))throw new Error("duplicated: "+e);B();const n=[],s=x(null);for(let e=W(t),o=0,{length:r}=e;o<r;o++){const r=e[o];if(/^on/.test(r)&&!/Options$/.test(r)){const e=t[r+"Options"]||!1,o=r.toLowerCase();let l=o.slice(2);n.push({t:l,o:e}),s[l]=r,o!==r&&(l=r.slice(2,3).toLowerCase()+r.slice(3),s[l]=r,n.push({t:l,o:e}))}}n.length&&(t.handleEvent=function(e){this[s[e.type]](e)}),j.push(e),D[e]={m:new WeakMap,l:n,o:t},G(document.querySelectorAll(e)),I(e),V.has(e)||F[e]._()},I=e=>{if(!(e in F)){let n,s=new t((e=>{n=e}));F[e]={_:n,$:s}}return F[e].$};function J(){Q(this)}const K=(e,t)=>{H(e,"function"==typeof t?{init:J,render:t}:(t.init||(t.init=J),t))},Q=e=>{const{disconnected:t,element:n,render:s}=e,o=h(s.bind(e,n));return e.disconnected=()=>{(e=>l.has(e))(o)&&(e=>{const t=l.get(e);t&&f.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))})(o),t&&t.call(e)},(e.render=o)()};return e.createContext=e=>({_:new Set,provide:p,value:e}),e.define=K,e.defineAsync=(e,t)=>{((e,t,n)=>{V.add(e),H(e,{init(){V.has(e)&&(V.delete(e),t().then((({default:t})=>{j.splice(j.indexOf(e),1),z(document.querySelectorAll(e)),(n||H)(e,t)})))}})})(e,t,K)},e.get=e=>(D[e]||R).o,e.render=Q,e.upgrade=e=>{j.length&&(B(),G([e]))},e.useCallback=(e,t)=>g((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(d()),t),e.useEffect=b,e.useLayoutEffect=m,e.useMemo=g,e.useReducer=y,e.useRef=e=>{const t=d(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>y(v,e),e.whenDefined=I,e}({});
diff --git a/package.json b/package.json
index 79357ba..2ef5467 100644
--- a/package.json
+++ b/package.json
@@ -21,23 +21,23 @@
   "author": "Andrea Giammarchi",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@ungap/degap": "^0.2.1",
-    "ascjs": "^4.0.3",
+    "@babel/core": "^7.14.0",
+    "@babel/preset-env": "^7.14.1",
+    "@ungap/degap": "^0.2.6",
+    "ascjs": "^5.0.1",
     "http-server": "^0.12.3",
-    "rollup": "^2.36.0",
+    "rollup": "^2.47.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-includepaths": "^0.2.4",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-terser": "^7.0.2",
-    "terser": "^5.5.1"
+    "terser": "^5.7.0"
   },
   "module": "./esm/index.js",
   "unpkg": "min.js",
   "dependencies": {
-    "uhooks": "^0.2.2",
-    "wicked-elements": "^3.1.1"
+    "uhooks": "^0.2.8",
+    "wicked-elements": "^3.1.2"
   },
   "repository": {
     "type": "git",
diff --git a/rollup/new.config.js b/rollup/new.config.js
index 919fe26..74f9b6f 100644
--- a/rollup/new.config.js
+++ b/rollup/new.config.js
@@ -9,7 +9,7 @@ export default {
       include: {
         '@ungap/element-matches': 'node_modules/@ungap/degap/element-matches.js',
         '@ungap/node-contains': 'node_modules/@ungap/degap/node-contains.js',
-        '@webreflection/lie': 'node_modules/uhooks/esm/promise.js'
+        '@webreflection/lie': 'node_modules/@ungap/degap/promise.js'
       },
     }),
     resolve({module: true}),

From 4643bb3dfaf78aefd1c01817d64723e30da77a0f Mon Sep 17 00:00:00 2001
From: Andrea Giammarchi <andrea.giammarchi@gmail.com>
Date: Wed, 5 May 2021 10:50:47 +0200
Subject: [PATCH 16/16] 2.2.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2ef5467..8626aaa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hooked-elements",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "wickedElements 🧙 with render hooks",
   "main": "./cjs/index.js",
   "scripts": {