ajo 0.0.22 → 0.0.24

package/index.cjs

@@ -48,14 +48,14 @@ const Fragment = ({ children }) => children, h = (nodeName, props, ...children)
       node ? node.data != h2 && (node.data = h2) : node = document.createTextNode(h2);
     } else {
       const { xmlns = ns, nodeName, key, ref, memo, children, [FN]: fn, ...props } = h2;
-      while (node && !(node.localName == nodeName && (node.$key ??= key) == key))
+      while (node && !(node.localName == nodeName && is(node.$key ??= key, key)))
         node = node.nextSibling;
       node ??= create(xmlns, nodeName, key);
       if (isObject(ref)) {
         ref.current = node;
         node.$ref = ref;
       }
-      if (memo == null || some(node.$memo, node.$memo = memo)) {
+      if (memo == null || some(node.$deps, node.$deps = memo)) {
         update(props, node);
         isFunction(fn) ? fn(node) : render(children, node, xmlns);
       }
@@ -64,7 +64,8 @@ const Fragment = ({ children }) => children, h = (nodeName, props, ...children)
   }
   while (child) {
     const next = child.nextSibling;
-    dispose(host.removeChild(child));
+    dispose(child);
+    host.removeChild(child);
     child = next;
   }
 }, component = (fn) => ({ nodeName, as, props, key, ref, memo, ...args }) => h(as ?? fn?.as ?? "c-host", {
@@ -105,8 +106,8 @@ const Fragment = ({ children }) => children, h = (nodeName, props, ...children)
   };
   return [value, () => setValue()];
 }, useHost = () => current, useState = (init) => useReducer(null, init), useRef = (current2) => useMemo(() => ({ current: current2 }), []), useCallback = (fn, deps) => useMemo(() => fn, deps), useLayout = (fn, deps) => useFx(fn, deps, "$layout"), useEffect = (fn, deps) => useFx(fn, deps, "$effect");
-const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis.requestAnimationFrame ?? microtask, { isArray, from } = Array, { is } = Object, noop = () => {
-}, FN = Symbol(), isObject = (v) => v && typeof v == "object", isFunction = (v) => typeof v == "function", some = (a, b) => isArray(a) && isArray(b) ? a.some((v, i) => !is(v, b[i])) : !is(a, b), reduce = (v) => from(v).reduce(assign, {}), assign = (v, { name, value }) => (v[name] = value, v), create = (ns, name, key) => {
+const { isArray, from } = Array, { is } = Object, noop = () => {
+}, FN = Symbol(), isObject = (v) => v && typeof v == "object", isFunction = (v) => typeof v == "function", some = (a, b) => isArray(a) && isArray(b) ? a.some((v, i) => !is(v, b[i])) : !is(a, b), reduce = (v) => from(v).reduce(assign, {}), assign = (v, { name, value }) => (v[name] = value, v), microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis.requestAnimationFrame ?? microtask, create = (ns, name, key) => {
   const node = ns ? document.createElementNS(ns, name) : document.createElement(name);
   return node.$key = key, node;
 }, normalize = function* (h2, buffer = { data: "" }, root = true) {
@@ -157,9 +158,16 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
   if (host.$idle)
     return;
   if (globalThis.navigator?.scheduling?.isInputPending()) {
-    host.$idle = requestIdleCallback(() => {
-      host.$idle = null;
-      schedule(host);
+    idleQueue.add(host);
+    host.$idle = true;
+    idleId ??= requestIdleCallback(() => {
+      idleId = null;
+      const queue = from(idleQueue);
+      for (const host2 of queue) {
+        idleQueue.delete(host2);
+        host2.$idle = false;
+        schedule(host2);
+      }
     });
     return;
   }
@@ -174,8 +182,8 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
   });
 }, runComponent = (host) => {
   if (host.$idle) {
-    cancelIdleCallback(host.$idle);
-    host.$idle = null;
+    idleQueue.delete(host);
+    host.$idle = false;
   }
   current = host;
   if (current.$hooks)
@@ -186,13 +194,15 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
     propagate(value, host.parentNode);
   } finally {
     current = null;
-    layoutsQueue.add(host);
-    layoutsId ??= task(runLayouts);
+    layoutQueue.add(host);
+    host.$layoutQueued = true;
+    layoutId ??= task(runLayouts);
   }
 }, runLayouts = () => {
-  layoutsId = null;
-  for (const host of layoutsQueue) {
-    layoutsQueue.delete(host);
+  layoutId = null;
+  for (const host of layoutQueue) {
+    layoutQueue.delete(host);
+    host.$layoutQueued = false;
     try {
       render(host.$h, host);
       host.$h = null;
@@ -200,14 +210,16 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
       propagate(value, host);
     } finally {
       runFx(host, "$layout");
-      effectsQueue.add(host);
-      effectsId ??= task(runEffects);
+      effectQueue.add(host);
+      host.$effectQueued = true;
+      effectId ??= task(runEffects);
     }
   }
 }, runEffects = () => {
-  effectsId = null;
-  for (const host of effectsQueue) {
-    effectsQueue.delete(host);
+  effectId = null;
+  for (const host of effectQueue) {
+    effectQueue.delete(host);
+    host.$effectQueued = false;
     runFx(host, "$effect");
   }
 }, runFx = (host, key) => {
@@ -234,16 +246,33 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
     dispose(child);
   if (host.$ref)
     host.$ref.current = null;
-  layoutsQueue.delete(host);
-  effectsQueue.delete(host);
+  if (!host.$fn)
+    return;
+  if (host.$idle) {
+    idleQueue.delete(host);
+    host.$idle = false;
+  }
+  if (host.$layoutQueued) {
+    layoutQueue.delete(host);
+    host.$layoutQueued = false;
+  }
+  if (host.$effectQueued) {
+    effectQueue.delete(host);
+    host.$effectQueued = false;
+  }
   for (const key of ["$layout", "$effect"])
     if (host[key]) {
-      for (const fx of host[key])
+      for (const fx of host[key]) {
+        host[key].delete(fx);
         try {
-          isFunction(fx[0]) && fx[0]();
-        } catch {
+          const [cleanup] = fx;
+          isFunction(cleanup) && cleanup();
+        } catch (value) {
+          propagate(value, host.parentNode);
+        } finally {
+          fx[0] = fx[1] = null;
         }
-      host[key].clear();
+      }
     }
 }, propagate = (value, host) => {
   for (let fn; host; host = host.parentNode)
@@ -251,4 +280,4 @@ const microtask = globalThis.queueMicrotask ?? ((fn) => fn()), task = globalThis
       return void fn(value);
   throw value;
 };
-let current = null, layoutsQueue = /* @__PURE__ */ new Set(), layoutsId = null, effectsQueue = /* @__PURE__ */ new Set(), effectsId = null;
+let current = null, layoutQueue = /* @__PURE__ */ new Set(), effectQueue = /* @__PURE__ */ new Set(), idleQueue = /* @__PURE__ */ new Set(), layoutId = null, effectId = null, idleId = null;

package/index.js

@@ -27,7 +27,7 @@ export const
 
 				const { xmlns = ns, nodeName, key, ref, memo, children, [FN]: fn, ...props } = h
 
-				while (node && !(node.localName == nodeName && (node.$key ??= key) == key)) node = node.nextSibling
+				while (node && !(node.localName == nodeName && is(node.$key ??= key, key))) node = node.nextSibling
 				node ??= create(xmlns, nodeName, key)
 
 				if (isObject(ref)) {
@@ -35,7 +35,7 @@ export const
 					node.$ref = ref
 				}
 
-				if (memo == null || some(node.$memo, node.$memo = memo)) {
+				if (memo == null || some(node.$deps, node.$deps = memo)) {
 					update(props, node)
 					isFunction(fn) ? fn(node) : render(children, node, xmlns)
 				}
@@ -46,7 +46,8 @@ export const
 
 		while (child) {
 			const next = child.nextSibling
-			dispose(host.removeChild(child))
+			dispose(child)
+			host.removeChild(child)
 			child = next
 		}
 	},
@@ -119,11 +120,7 @@ export const
 
 const
 
-	microtask = globalThis.queueMicrotask ?? (fn => fn()),
-
-	task = globalThis.requestAnimationFrame ?? microtask,
-
-	{ isArray, from } = Array, { is } = Object,  noop = () => { }, FN = Symbol(),
+	{ isArray, from } = Array, { is } = Object, noop = () => { }, FN = Symbol(),
 
 	isObject = v => v && typeof v == 'object', isFunction = v => typeof v == 'function',
 
@@ -131,6 +128,8 @@ const
 
 	reduce = v => from(v).reduce(assign, {}), assign = (v, { name, value }) => ((v[name] = value), v),
 
+	microtask = globalThis.queueMicrotask ?? (fn => fn()), task = globalThis.requestAnimationFrame ?? microtask,
+
 	create = (ns, name, key) => {
 		const node = ns ? document.createElementNS(ns, name) : document.createElement(name)
 		return node.$key = key, node
@@ -202,9 +201,17 @@ const
 
 		if (globalThis.navigator?.scheduling?.isInputPending()) {
 
-			host.$idle = requestIdleCallback(() => {
-				host.$idle = null
-				schedule(host)
+			idleQueue.add(host)
+			host.$idle = true
+
+			idleId ??= requestIdleCallback(() => {
+				idleId = null
+				const queue = from(idleQueue)
+				for (const host of queue) {
+					idleQueue.delete(host)
+					host.$idle = false
+					schedule(host)
+				}
 			})
 
 			return
@@ -227,8 +234,8 @@ const
 	runComponent = host => {
 
 		if (host.$idle) {
-			cancelIdleCallback(host.$idle)
-			host.$idle = null
+			idleQueue.delete(host)
+			host.$idle = false
 		}
 
 		current = host
@@ -241,18 +248,20 @@ const
 			propagate(value, host.parentNode)
 		} finally {
 			current = null
-			layoutsQueue.add(host)
-			layoutsId ??= task(runLayouts)
+			layoutQueue.add(host)
+			host.$layoutQueued = true
+			layoutId ??= task(runLayouts)
 		}
 	},
 
 	runLayouts = () => {
 
-		layoutsId = null
+		layoutId = null
 
-		for (const host of layoutsQueue) {
+		for (const host of layoutQueue) {
 
-			layoutsQueue.delete(host)
+			layoutQueue.delete(host)
+			host.$layoutQueued = false
 
 			try {
 				render(host.$h, host)
@@ -261,18 +270,20 @@ const
 				propagate(value, host)
 			} finally {
 				runFx(host, '$layout')
-				effectsQueue.add(host)
-				effectsId ??= task(runEffects)
+				effectQueue.add(host)
+				host.$effectQueued = true
+				effectId ??= task(runEffects)
 			}
 		}
 	},
 
 	runEffects = () => {
 
-		effectsId = null
+		effectId = null
 
-		for (const host of effectsQueue) {
-			effectsQueue.delete(host)
+		for (const host of effectQueue) {
+			effectQueue.delete(host)
+			host.$effectQueued = false
 			runFx(host, '$effect')
 		}
 	},
@@ -305,14 +316,38 @@ const
 
 		if (host.$ref) host.$ref.current = null
 
-		layoutsQueue.delete(host)
-		effectsQueue.delete(host)
+		if (!host.$fn) return
+
+		if (host.$idle) {
+			idleQueue.delete(host)
+			host.$idle = false
+		}
+
+		if (host.$layoutQueued) {
+			layoutQueue.delete(host)
+			host.$layoutQueued = false
+		}
+
+		if (host.$effectQueued) {
+			effectQueue.delete(host)
+			host.$effectQueued = false
+		}
 
 		for (const key of ['$layout', '$effect']) if (host[key]) {
 
-			for (const fx of host[key]) try { isFunction(fx[0]) && fx[0]() } catch { }
+			for (const fx of host[key]) {
 
-			host[key].clear()
+				host[key].delete(fx)
+
+				try {
+					const [cleanup] = fx
+					isFunction(cleanup) && cleanup()
+				} catch (value) {
+					propagate(value, host.parentNode)
+				} finally {
+					fx[0] = fx[1] = null
+				}
+			}
 		}
 	},
 
@@ -321,4 +356,11 @@ const
 		throw value
 	}
 
-let current = null, layoutsQueue = new Set, layoutsId = null, effectsQueue = new Set, effectsId = null
+let
+	current = null,
+	layoutQueue = new Set,
+	effectQueue = new Set,
+	idleQueue = new Set,
+	layoutId = null,
+	effectId = null,
+	idleId = null

package/index.min.js

@@ -1 +1 @@
-var ajo=(()=>{var g=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var V=(e,t)=>{for(var l in t)g(e,l,{get:t[l],enumerable:!0})},W=(e,t,l,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of z(t))!P.call(e,n)&&n!==l&&g(e,n,{get:()=>t[n],enumerable:!(r=R(t,n))||r.enumerable});return e};var D=e=>W(g({},"__esModule",{value:!0}),e);var fe={};V(fe,{Fragment:()=>G,component:()=>J,h:()=>v,render:()=>x,useCallback:()=>Y,useCatch:()=>K,useEffect:()=>_,useHost:()=>m,useLayout:()=>Z,useMemo:()=>N,useReducer:()=>b,useRef:()=>X,useState:()=>U});const G=({children:e})=>e,v=(e,t,...l)=>{const{length:r}=l;return l=r==0?null:r==1?l[0]:l,{children:l,...t,nodeName:e}},x=(e,t,l)=>{let r=t.firstChild;for(e of k(e)){let n=r;if(e instanceof Node)n=e;else if(typeof e=="string"){for(;n&&n.nodeType!=3;)n=n.nextSibling;n?n.data!=e&&(n.data=e):n=document.createTextNode(e)}else{const{xmlns:a=l,nodeName:i,key:o,ref:c,memo:C,children:O,[T]:q,...Q}=e;for(;n&&!(n.localName==i&&(n.$key??=o)==o);)n=n.nextSibling;n??=re(a,i,o),te(c)&&(c.current=n,n.$ref=c),(C==null||S(n.$memo,n.$memo=C))&&(ae(Q,n),u(q)?q(n):x(O,n,a))}n==r?r=r.nextSibling:ie(t,n,r)}for(;r;){const n=r.nextSibling;B(t.removeChild(r)),r=n}},J=e=>({nodeName:t,as:l,props:r,key:n,ref:a,memo:i,...o})=>v(l??e?.as??"c-host",{...e?.props,...r,key:n,ref:a,memo:i,[T]:c=>{c.$fn=u(e)?e:ee,c.$args={...e?.args,...o},I(c)}}),b=(e,t)=>{const l=m(),r=y(),[n,a]=r;return n==a.length&&(a[n]=[u(t)?t():t,i=>{const o=a[n][0],c=u(i)?i(o):i;p(o,a[n][0]=u(e)?e(o,c):c)||oe(l)}]),a[r[0]++]},N=(e,t)=>{const l=y(),[r,n]=l;return(r==n.length||t==null||S(t,n[r][1]))&&(n[r]=[e(),t]),n[l[0]++][0]},K=e=>{const t=m(),[l,r]=b(),n=y(),[a,i]=n;return i[n[0]++]=e,t.$catch??=o=>{u(i[a])&&i[a](o),r(o)},[l,()=>r()]},m=()=>f,U=e=>b(null,e),X=e=>N(()=>({current:e}),[]),Y=(e,t)=>N(()=>e,t),Z=(e,t)=>E(e,t,"$layout"),_=(e,t)=>E(e,t,"$effect"),A=globalThis.queueMicrotask??(e=>e()),F=globalThis.requestAnimationFrame??A,{isArray:s,from:h}=Array,{is:p}=Object,ee=()=>{},T=Symbol(),te=e=>e&&typeof e=="object",u=e=>typeof e=="function",S=(e,t)=>s(e)&&s(t)?e.some((l,r)=>!p(l,t[r])):!p(e,t),ne=e=>h(e).reduce(le,{}),le=(e,{name:t,value:l})=>(e[t]=l,e),re=(e,t,l)=>{const r=e?document.createElementNS(e,t):document.createElement(t);return r.$key=l,r},k=function*(e,t={data:""},l=!0){let r;for(e of s(e)?e:[e])e==null||typeof e=="boolean"||(typeof e.nodeName=="string"?((r=t.data)&&(t.data="",yield r),yield e):u(e.nodeName)?yield*k(e.nodeName(e),t,!1):s(e)?yield*k(e,t,!1):t.data+=e);l&&(r=t.data)&&(yield r)},ae=(e,t)=>{const l=t.$props??=t.hasAttributes()?ne(t.attributes):{};for(const r in{...l,...t.$props=e}){let n=e[r];n!==l[r]&&(r.startsWith("set:")?t[r.slice(4)]=n:n==null||n===!1?t.removeAttribute(r):t.setAttribute(r,n===!0?"":n))}},ie=(e,t,l)=>{if(t.contains?.(document.activeElement)){const r=t.nextSibling;for(;l&&l!=t;){const n=l.nextSibling;e.insertBefore(l,r),l=n}}else e.insertBefore(t,l)},y=()=>f.$hooks??=[0,[]],E=(e,t,l)=>{const r=m(),n=y(),[a,i]=n;a==i.length?(r[l]??=new Set).add(i[a]=[null,e,t]):(t==null||S(t,i[a][2]))&&(i[a][1]=e,i[a][2]=t),n[0]++},I=e=>{if(!e.$idle){if(globalThis.navigator?.scheduling?.isInputPending()){e.$idle=requestIdleCallback(()=>{e.$idle=null,I(e)});return}j(e)}},oe=e=>{e.$queued||(e.$queued=!0,A(()=>{e.$queued=!1,j(e)}))},j=e=>{e.$idle&&(cancelIdleCallback(e.$idle),e.$idle=null),f=e,f.$hooks&&(f.$hooks[0]=0);try{e.$h=e.$fn(e.$args)}catch(t){w(t,e.parentNode)}finally{f=null,d.add(e),H??=F(ue)}},ue=()=>{H=null;for(const e of d){d.delete(e);try{x(e.$h,e),e.$h=null}catch(t){w(t,e)}finally{M(e,"$layout"),$.add(e),L??=F(ce)}}},ce=()=>{L=null;for(const e of $)$.delete(e),M(e,"$effect")},M=(e,t)=>{if(e[t])for(const l of e[t]){const[r,n]=l;if(u(n))try{u(r)&&r(),l[0]=n()}catch(a){l[0]=null,w(a,e.parentNode)}finally{l[1]=null}}},B=e=>{if(e.nodeType==1){for(const t of e.children)B(t);e.$ref&&(e.$ref.current=null),d.delete(e),$.delete(e);for(const t of["$layout","$effect"])if(e[t]){for(const l of e[t])try{u(l[0])&&l[0]()}catch{}e[t].clear()}}},w=(e,t)=>{for(let l;t;t=t.parentNode)if(u(l=t.$catch))return void l(e);throw e};let f=null,d=new Set,H=null,$=new Set,L=null;return D(fe);})();
+var ajo=(()=>{var x=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var G=(e,t)=>{for(var n in t)x(e,n,{get:t[n],enumerable:!0})},J=(e,t,n,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of W(t))!D.call(e,l)&&l!==n&&x(e,l,{get:()=>t[l],enumerable:!(u=V(t,l))||u.enumerable});return e};var K=e=>J(x({},"__esModule",{value:!0}),e);var se={};G(se,{Fragment:()=>U,component:()=>X,h:()=>C,render:()=>N,useCallback:()=>h,useCatch:()=>Y,useEffect:()=>te,useHost:()=>p,useLayout:()=>ee,useMemo:()=>Q,useReducer:()=>S,useRef:()=>_,useState:()=>Z});const U=({children:e})=>e,C=(e,t,...n)=>{const{length:u}=n;return n=u==0?null:u==1?n[0]:n,{children:n,...t,nodeName:e}},N=(e,t,n)=>{let u=t.firstChild;for(e of b(e)){let l=u;if(e instanceof Node)l=e;else if(typeof e=="string"){for(;l&&l.nodeType!=3;)l=l.nextSibling;l?l.data!=e&&(l.data=e):l=document.createTextNode(e)}else{const{xmlns:a=n,nodeName:i,key:r,ref:o,memo:q,children:z,[T]:v,...P}=e;for(;l&&!(l.localName==i&&$(l.$key??=r,r));)l=l.nextSibling;l??=ie(a,i,r),ne(o)&&(o.current=l,l.$ref=o),(q==null||w(l.$deps,l.$deps=q))&&(re(P,l),f(v)?v(l):N(z,l,a))}l==u?u=u.nextSibling:fe(t,l,u)}for(;u;){const l=u.nextSibling;L(u),t.removeChild(u),u=l}},X=e=>({nodeName:t,as:n,props:u,key:l,ref:a,memo:i,...r})=>C(n??e?.as??"c-host",{...e?.props,...u,key:l,ref:a,memo:i,[T]:o=>{o.$fn=f(e)?e:le,o.$args={...e?.args,...r},M(o)}}),S=(e,t)=>{const n=p(),u=g(),[l,a]=u;return l==a.length&&(a[l]=[f(t)?t():t,i=>{const r=a[l][0],o=f(i)?i(r):i;$(r,a[l][0]=f(e)?e(r,o):o)||oe(n)}]),a[u[0]++]},Q=(e,t)=>{const n=g(),[u,l]=n;return(u==l.length||t==null||w(t,l[u][1]))&&(l[u]=[e(),t]),l[n[0]++][0]},Y=e=>{const t=p(),[n,u]=S(),l=g(),[a,i]=l;return i[l[0]++]=e,t.$catch??=r=>{f(i[a])&&i[a](r),u(r)},[n,()=>u()]},p=()=>c,Z=e=>S(null,e),_=e=>Q(()=>({current:e}),[]),h=(e,t)=>Q(()=>e,t),ee=(e,t)=>j(e,t,"$layout"),te=(e,t)=>j(e,t,"$effect"),{isArray:s,from:F}=Array,{is:$}=Object,le=()=>{},T=Symbol(),ne=e=>e&&typeof e=="object",f=e=>typeof e=="function",w=(e,t)=>s(e)&&s(t)?e.some((n,u)=>!$(n,t[u])):!$(e,t),ue=e=>F(e).reduce(ae,{}),ae=(e,{name:t,value:n})=>(e[t]=n,e),E=globalThis.queueMicrotask??(e=>e()),I=globalThis.requestAnimationFrame??E,ie=(e,t,n)=>{const u=e?document.createElementNS(e,t):document.createElement(t);return u.$key=n,u},b=function*(e,t={data:""},n=!0){let u;for(e of s(e)?e:[e])e==null||typeof e=="boolean"||(typeof e.nodeName=="string"?((u=t.data)&&(t.data="",yield u),yield e):f(e.nodeName)?yield*b(e.nodeName(e),t,!1):s(e)?yield*b(e,t,!1):t.data+=e);n&&(u=t.data)&&(yield u)},re=(e,t)=>{const n=t.$props??=t.hasAttributes()?ue(t.attributes):{};for(const u in{...n,...t.$props=e}){let l=e[u];l!==n[u]&&(u.startsWith("set:")?t[u.slice(4)]=l:l==null||l===!1?t.removeAttribute(u):t.setAttribute(u,l===!0?"":l))}},fe=(e,t,n)=>{if(t.contains?.(document.activeElement)){const u=t.nextSibling;for(;n&&n!=t;){const l=n.nextSibling;e.insertBefore(n,u),n=l}}else e.insertBefore(t,n)},g=()=>c.$hooks??=[0,[]],j=(e,t,n)=>{const u=p(),l=g(),[a,i]=l;a==i.length?(u[n]??=new Set).add(i[a]=[null,e,t]):(t==null||w(t,i[a][2]))&&(i[a][1]=e,i[a][2]=t),l[0]++},M=e=>{if(!e.$idle){if(globalThis.navigator?.scheduling?.isInputPending()){d.add(e),e.$idle=!0,A??=requestIdleCallback(()=>{A=null;const t=F(d);for(const n of t)d.delete(n),n.$idle=!1,M(n)});return}B(e)}},oe=e=>{e.$queued||(e.$queued=!0,E(()=>{e.$queued=!1,B(e)}))},B=e=>{e.$idle&&(d.delete(e),e.$idle=!1),c=e,c.$hooks&&(c.$hooks[0]=0);try{e.$h=e.$fn(e.$args)}catch(t){k(t,e.parentNode)}finally{c=null,y.add(e),e.$layoutQueued=!0,O??=I(ce)}},ce=()=>{O=null;for(const e of y){y.delete(e),e.$layoutQueued=!1;try{N(e.$h,e),e.$h=null}catch(t){k(t,e)}finally{H(e,"$layout"),m.add(e),e.$effectQueued=!0,R??=I(de)}}},de=()=>{R=null;for(const e of m)m.delete(e),e.$effectQueued=!1,H(e,"$effect")},H=(e,t)=>{if(e[t])for(const n of e[t]){const[u,l]=n;if(f(l))try{f(u)&&u(),n[0]=l()}catch(a){n[0]=null,k(a,e.parentNode)}finally{n[1]=null}}},L=e=>{if(e.nodeType==1){for(const t of e.children)L(t);if(e.$ref&&(e.$ref.current=null),!!e.$fn){e.$idle&&(d.delete(e),e.$idle=!1),e.$layoutQueued&&(y.delete(e),e.$layoutQueued=!1),e.$effectQueued&&(m.delete(e),e.$effectQueued=!1);for(const t of["$layout","$effect"])if(e[t])for(const n of e[t]){e[t].delete(n);try{const[u]=n;f(u)&&u()}catch(u){k(u,e.parentNode)}finally{n[0]=n[1]=null}}}}},k=(e,t)=>{for(let n;t;t=t.parentNode)if(f(n=t.$catch))return void n(e);throw e};let c=null,y=new Set,m=new Set,d=new Set,O=null,R=null,A=null;return K(se);})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ajo",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
   "module": "index.js",