essor 0.0.6-beta.2 → 0.0.6-beta.3

package/dist/essor.dev.cjs.js

@@ -16,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var isFunction = (val) => typeof val === "function";
 
 // src/signal/signal.ts
 var activeEffect = null;
@@ -137,21 +138,28 @@ function useEffect(fn) {
     activeEffect = null;
   };
 }
-function signalObject(initialValues) {
+function shouldExclude(key, exclude) {
+  return Array.isArray(exclude) ? exclude.includes(key) : isFunction(exclude) ? exclude(key) : false;
+}
+function signalObject(initialValues, exclude) {
   const signals = Object.entries(initialValues).reduce((acc, [key, value]) => {
-    acc[key] = isSignal(value) ? value : useSignal(value);
+    acc[key] = shouldExclude(key, exclude) || isSignal(value) ? value : useSignal(value);
     return acc;
   }, {});
   return signals;
 }
-function signalToObject(signal) {
+function unSignal(signal, exclude) {
   if (!signal)
     return {};
   if (isSignal(signal)) {
     return signal.peek();
   }
   return Object.entries(signal).reduce((acc, [key, value]) => {
-    acc[key] = isSignal(value) ? value.peek() : value;
+    if (shouldExclude(key, exclude)) {
+      acc[key] = value;
+    } else {
+      acc[key] = isSignal(value) ? value.peek() : value;
+    }
     return acc;
   }, {});
 }
@@ -168,8 +176,8 @@ function createOptionsStore(options) {
   const default_actions = {
     patch$(payload) {
       Object.assign(signalState, signalObject(payload));
-      subscriptions.forEach((callback) => callback(signalToObject(signalState)));
-      actionCallbacks.forEach((callback) => callback(signalToObject(signalState)));
+      subscriptions.forEach((callback) => callback(unSignal(signalState)));
+      actionCallbacks.forEach((callback) => callback(unSignal(signalState)));
     },
     subscribe$(callback) {
       subscriptions.push(callback);
@@ -211,7 +219,7 @@ function createOptionsStore(options) {
     {
       get(_, key) {
         if (key === "state") {
-          return signalToObject(signalState);
+          return unSignal(signalState);
         }
         if (key in states) {
           return states[key];
@@ -237,13 +245,16 @@ function createStore(options) {
 function coerceArray(data) {
   return Array.isArray(data) ? data.flat() : [data];
 }
-var isObject = (val) => val !== null && typeof val === "object";
-var isArray = Array.isArray;
-function isNil(x) {
+function startsWith(str, searchString) {
+  return str.indexOf(searchString) === 0;
+}
+var isObject2 = (val) => val !== null && typeof val === "object";
+var isArray2 = Array.isArray;
+function isNil2(x) {
   return x === null || x === void 0;
 }
-var isFunction = (val) => typeof val === "function";
-function isFalsy(x) {
+var isFunction2 = (val) => typeof val === "function";
+function isFalsy2(x) {
   return x === false || x === null || x === void 0 || x === "";
 }
 var kebabCase = (string) => {
@@ -268,7 +279,10 @@ var _ComponentNode = class _ComponentNode {
       destroy: /* @__PURE__ */ new Set()
     };
     this.trackMap = /* @__PURE__ */ new Map();
-    this.proxyProps = signalObject(props);
+    this.proxyProps = signalObject(
+      props,
+      (key2) => startsWith(key2, "on") || startsWith(key2, "update:")
+    );
   }
   addEventListener() {
   }
@@ -315,7 +329,7 @@ var _ComponentNode = class _ComponentNode {
   }
   mount(parent, before) {
     var _a, _b, _c, _d;
-    if (!isFunction(this.template)) {
+    if (!isFunction2(this.template)) {
       throw new Error("Template must be a function");
     }
     if (this.isConnected) {
@@ -345,19 +359,19 @@ var _ComponentNode = class _ComponentNode {
   patchProps(props) {
     var _a, _b, _c, _d, _e;
     for (const [key, prop] of Object.entries(props)) {
-      if (key.indexOf("on") === 0 && ((_a = this.rootNode) == null ? void 0 : _a.nodes)) {
+      if (startsWith(key, "on") && ((_a = this.rootNode) == null ? void 0 : _a.nodes)) {
         const event = key.slice(2).toLowerCase();
         const listener = prop;
         const cleanup = addEventListener(this.rootNode.nodes[0], event, listener);
         this.emitter.add(cleanup);
-      } else if (key.indexOf("bind:") === 0) {
-        this.proxyProps[key] = useSignal(prop);
       } else if (key === "ref") {
         if (isSignal(prop)) {
           props[key].value = (_b = this.rootNode) == null ? void 0 : _b.nodes[0];
-        } else {
-          props[key] = (_c = this.rootNode) == null ? void 0 : _c.nodes[0];
+        } else if (isFunction2(prop)) {
+          props[key]((_c = this.rootNode) == null ? void 0 : _c.nodes[0]);
         }
+      } else if (startsWith(key, "update:")) {
+        props[key] = isSignal(prop) ? prop.value : prop;
       } else {
         const newValue = (_e = (_d = this.proxyProps)[key]) != null ? _e : _d[key] = useSignal(prop);
         const track2 = this.getNodeTrack(key);
@@ -375,7 +389,7 @@ var ComponentNode = _ComponentNode;
 
 // src/template/template.ts
 function h(template2, props, key) {
-  return isFunction(template2) ? new ComponentNode(template2, props, key) : new TemplateNode(template2, props, key);
+  return isFunction2(template2) ? new ComponentNode(template2, props, key) : new TemplateNode(template2, props, key);
 }
 function isJsxElement(node) {
   return node instanceof ComponentNode || node instanceof TemplateNode;
@@ -394,7 +408,7 @@ function coerceNode(data) {
   if (isJsxElement(data) || data instanceof Node) {
     return data;
   }
-  const text = isFalsy(data) ? "" : String(data);
+  const text = isFalsy2(data) ? "" : String(data);
   return document.createTextNode(text);
 }
 function insertChild(parent, child, before = null) {
@@ -443,7 +457,7 @@ function setAttribute(element, attr, value) {
     }
     return;
   }
-  if (isFalsy(value)) {
+  if (isFalsy2(value)) {
     element.removeAttribute(attr);
   } else if (value === true) {
     element.setAttribute(attr, "");
@@ -725,7 +739,7 @@ var TemplateNode = class _TemplateNode {
   patchNode(key, node, props, isRoot) {
     for (const attr in props) {
       if (attr === "children" && props.children) {
-        if (!isArray(props.children)) {
+        if (!isArray2(props.children)) {
           const trackKey = `${key}:${attr}:${0}`;
           const track2 = this.getNodeTrack(trackKey, true, isRoot);
           patchChild(track2, node, props.children, null);
@@ -735,8 +749,8 @@ var TemplateNode = class _TemplateNode {
             if (!item) {
               return;
             }
-            const [child, path] = isArray(item) ? item : [item, null];
-            const before = isNil(path) ? null : (_a = this.treeMap.get(path)) != null ? _a : null;
+            const [child, path] = isArray2(item) ? item : [item, null];
+            const before = isNil2(path) ? null : (_a = this.treeMap.get(path)) != null ? _a : null;
             const trackKey = `${key}:${attr}:${index}`;
             const track2 = this.getNodeTrack(trackKey, true, isRoot);
             patchChild(track2, node, child, before);
@@ -745,31 +759,15 @@ var TemplateNode = class _TemplateNode {
       } else if (attr === "ref") {
         if (isSignal(props[attr])) {
           props[attr].value = node;
-        } else {
-          props[attr] = node;
+        } else if (isFunction2(props[attr])) {
+          props[attr](node);
         }
-      } else if (attr.indexOf("on") === 0) {
+      } else if (startsWith(attr, "on")) {
         const eventName = attr.slice(2).toLocaleLowerCase();
         const track2 = this.getNodeTrack(`${key}:${attr}`);
         const listener = props[attr];
         track2.cleanup = addEventListener(node, eventName, listener);
-      } else if (attr.indexOf("bind:") === 0) {
-        const bindKey = attr.slice(5).toLocaleLowerCase();
-        const val = props[attr];
-        const track2 = this.getNodeTrack(`${key}:${attr}`);
-        const triggerValue = isSignal(val) ? val : useSignal(val);
-        const cleanup = useEffect(() => {
-          triggerValue.value = isSignal(val) ? val.value : val;
-          node[bindKey] = triggerValue.value;
-        });
-        const cleanupBind = binNode(node, (value) => {
-          props[`update:${bindKey}`](value);
-        });
-        track2.cleanup = () => {
-          cleanup == null ? void 0 : cleanup();
-          cleanupBind == null ? void 0 : cleanupBind();
-        };
-      } else if (attr.indexOf("update:") !== 0) {
+      } else if (!startsWith(attr, "update:")) {
         const track2 = this.getNodeTrack(`${key}:${attr}`);
         const val = props[attr];
         const triggerValue = isSignal(val) ? val : useSignal(val);
@@ -777,8 +775,16 @@ var TemplateNode = class _TemplateNode {
           triggerValue.value = isSignal(val) ? val.value : val;
           patchAttribute(track2, node, attr, triggerValue.value);
         });
+        let cleanupBind;
+        const updateKey = `update:${attr}`;
+        if (props[updateKey]) {
+          cleanupBind = binNode(node, (value) => {
+            props[updateKey](value);
+          });
+        }
         track2.cleanup = () => {
-          cleanup == null ? void 0 : cleanup();
+          cleanup && cleanup();
+          cleanupBind && cleanupBind();
         };
       }
     }
@@ -789,7 +795,7 @@ function patchAttribute(track2, node, attr, data) {
   if (!element.setAttribute) {
     return;
   }
-  if (isFunction(data)) {
+  if (isFunction2(data)) {
     track2.cleanup = useEffect(() => {
       setAttribute(element, attr, data());
     });
@@ -798,7 +804,7 @@ function patchAttribute(track2, node, attr, data) {
   }
 }
 function patchChild(track2, parent, child, before) {
-  if (isFunction(child)) {
+  if (isFunction2(child)) {
     track2.cleanup = useEffect(() => {
       const nextNodes = coerceArray(child()).map(coerceNode);
       track2.lastNodes = patchChildren(parent, track2.lastNodes, nextNodes, before);
@@ -862,7 +868,7 @@ function useRef() {
 }
 
 // src/version.ts
-var __essor_version = "0.0.6-beta.1";
+var __essor_version = "0.0.6-beta.2";
 
 // src/server/index.ts
 function ssrtmpl(templates = []) {
@@ -875,17 +881,17 @@ function jsonToAttrs(json) {
   return Object.entries(json).map(([key, value]) => `${key}=${JSON.stringify(value)}`).join(" ");
 }
 function ssr(template2, props) {
-  if (isFunction(template2)) {
+  if (isFunction2(template2)) {
     return template2(props);
   }
   const childrenMap = {};
   const newTemplate = {};
-  if (isObject(template2)) {
+  if (isObject2(template2)) {
     Object.entries(template2).forEach(([key, tmpl]) => {
       const prop = props[key];
       if (prop) {
         Object.keys(prop).forEach((propKey) => {
-          if (propKey.startsWith("on") && isFunction(prop[propKey])) {
+          if (startsWith(propKey, "on") && isFunction2(prop[propKey])) {
             delete prop[propKey];
           }
         });
@@ -936,6 +942,7 @@ exports.signalObject = signalObject;
 exports.ssr = ssr;
 exports.ssrtmpl = ssrtmpl;
 exports.template = template;
+exports.unSignal = unSignal;
 exports.useComputed = useComputed;
 exports.useEffect = useEffect;
 exports.useInject = useInject;

package/dist/essor.dev.esm.js

@@ -14,6 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var isFunction = (val) => typeof val === "function";
 
 // src/signal/signal.ts
 var activeEffect = null;
@@ -135,21 +136,28 @@ function useEffect(fn) {
     activeEffect = null;
   };
 }
-function signalObject(initialValues) {
+function shouldExclude(key, exclude) {
+  return Array.isArray(exclude) ? exclude.includes(key) : isFunction(exclude) ? exclude(key) : false;
+}
+function signalObject(initialValues, exclude) {
   const signals = Object.entries(initialValues).reduce((acc, [key, value]) => {
-    acc[key] = isSignal(value) ? value : useSignal(value);
+    acc[key] = shouldExclude(key, exclude) || isSignal(value) ? value : useSignal(value);
     return acc;
   }, {});
   return signals;
 }
-function signalToObject(signal) {
+function unSignal(signal, exclude) {
   if (!signal)
     return {};
   if (isSignal(signal)) {
     return signal.peek();
   }
   return Object.entries(signal).reduce((acc, [key, value]) => {
-    acc[key] = isSignal(value) ? value.peek() : value;
+    if (shouldExclude(key, exclude)) {
+      acc[key] = value;
+    } else {
+      acc[key] = isSignal(value) ? value.peek() : value;
+    }
     return acc;
   }, {});
 }
@@ -166,8 +174,8 @@ function createOptionsStore(options) {
   const default_actions = {
     patch$(payload) {
       Object.assign(signalState, signalObject(payload));
-      subscriptions.forEach((callback) => callback(signalToObject(signalState)));
-      actionCallbacks.forEach((callback) => callback(signalToObject(signalState)));
+      subscriptions.forEach((callback) => callback(unSignal(signalState)));
+      actionCallbacks.forEach((callback) => callback(unSignal(signalState)));
     },
     subscribe$(callback) {
       subscriptions.push(callback);
@@ -209,7 +217,7 @@ function createOptionsStore(options) {
     {
       get(_, key) {
         if (key === "state") {
-          return signalToObject(signalState);
+          return unSignal(signalState);
         }
         if (key in states) {
           return states[key];
@@ -235,13 +243,16 @@ function createStore(options) {
 function coerceArray(data) {
   return Array.isArray(data) ? data.flat() : [data];
 }
-var isObject = (val) => val !== null && typeof val === "object";
-var isArray = Array.isArray;
-function isNil(x) {
+function startsWith(str, searchString) {
+  return str.indexOf(searchString) === 0;
+}
+var isObject2 = (val) => val !== null && typeof val === "object";
+var isArray2 = Array.isArray;
+function isNil2(x) {
   return x === null || x === void 0;
 }
-var isFunction = (val) => typeof val === "function";
-function isFalsy(x) {
+var isFunction2 = (val) => typeof val === "function";
+function isFalsy2(x) {
   return x === false || x === null || x === void 0 || x === "";
 }
 var kebabCase = (string) => {
@@ -266,7 +277,10 @@ var _ComponentNode = class _ComponentNode {
       destroy: /* @__PURE__ */ new Set()
     };
     this.trackMap = /* @__PURE__ */ new Map();
-    this.proxyProps = signalObject(props);
+    this.proxyProps = signalObject(
+      props,
+      (key2) => startsWith(key2, "on") || startsWith(key2, "update:")
+    );
   }
   addEventListener() {
   }
@@ -313,7 +327,7 @@ var _ComponentNode = class _ComponentNode {
   }
   mount(parent, before) {
     var _a, _b, _c, _d;
-    if (!isFunction(this.template)) {
+    if (!isFunction2(this.template)) {
       throw new Error("Template must be a function");
     }
     if (this.isConnected) {
@@ -343,19 +357,19 @@ var _ComponentNode = class _ComponentNode {
   patchProps(props) {
     var _a, _b, _c, _d, _e;
     for (const [key, prop] of Object.entries(props)) {
-      if (key.indexOf("on") === 0 && ((_a = this.rootNode) == null ? void 0 : _a.nodes)) {
+      if (startsWith(key, "on") && ((_a = this.rootNode) == null ? void 0 : _a.nodes)) {
         const event = key.slice(2).toLowerCase();
         const listener = prop;
         const cleanup = addEventListener(this.rootNode.nodes[0], event, listener);
         this.emitter.add(cleanup);
-      } else if (key.indexOf("bind:") === 0) {
-        this.proxyProps[key] = useSignal(prop);
       } else if (key === "ref") {
         if (isSignal(prop)) {
           props[key].value = (_b = this.rootNode) == null ? void 0 : _b.nodes[0];
-        } else {
-          props[key] = (_c = this.rootNode) == null ? void 0 : _c.nodes[0];
+        } else if (isFunction2(prop)) {
+          props[key]((_c = this.rootNode) == null ? void 0 : _c.nodes[0]);
         }
+      } else if (startsWith(key, "update:")) {
+        props[key] = isSignal(prop) ? prop.value : prop;
       } else {
         const newValue = (_e = (_d = this.proxyProps)[key]) != null ? _e : _d[key] = useSignal(prop);
         const track2 = this.getNodeTrack(key);
@@ -373,7 +387,7 @@ var ComponentNode = _ComponentNode;
 
 // src/template/template.ts
 function h(template2, props, key) {
-  return isFunction(template2) ? new ComponentNode(template2, props, key) : new TemplateNode(template2, props, key);
+  return isFunction2(template2) ? new ComponentNode(template2, props, key) : new TemplateNode(template2, props, key);
 }
 function isJsxElement(node) {
   return node instanceof ComponentNode || node instanceof TemplateNode;
@@ -392,7 +406,7 @@ function coerceNode(data) {
   if (isJsxElement(data) || data instanceof Node) {
     return data;
   }
-  const text = isFalsy(data) ? "" : String(data);
+  const text = isFalsy2(data) ? "" : String(data);
   return document.createTextNode(text);
 }
 function insertChild(parent, child, before = null) {
@@ -441,7 +455,7 @@ function setAttribute(element, attr, value) {
     }
     return;
   }
-  if (isFalsy(value)) {
+  if (isFalsy2(value)) {
     element.removeAttribute(attr);
   } else if (value === true) {
     element.setAttribute(attr, "");
@@ -723,7 +737,7 @@ var TemplateNode = class _TemplateNode {
   patchNode(key, node, props, isRoot) {
     for (const attr in props) {
       if (attr === "children" && props.children) {
-        if (!isArray(props.children)) {
+        if (!isArray2(props.children)) {
           const trackKey = `${key}:${attr}:${0}`;
           const track2 = this.getNodeTrack(trackKey, true, isRoot);
           patchChild(track2, node, props.children, null);
@@ -733,8 +747,8 @@ var TemplateNode = class _TemplateNode {
             if (!item) {
               return;
             }
-            const [child, path] = isArray(item) ? item : [item, null];
-            const before = isNil(path) ? null : (_a = this.treeMap.get(path)) != null ? _a : null;
+            const [child, path] = isArray2(item) ? item : [item, null];
+            const before = isNil2(path) ? null : (_a = this.treeMap.get(path)) != null ? _a : null;
             const trackKey = `${key}:${attr}:${index}`;
             const track2 = this.getNodeTrack(trackKey, true, isRoot);
             patchChild(track2, node, child, before);
@@ -743,31 +757,15 @@ var TemplateNode = class _TemplateNode {
       } else if (attr === "ref") {
         if (isSignal(props[attr])) {
           props[attr].value = node;
-        } else {
-          props[attr] = node;
+        } else if (isFunction2(props[attr])) {
+          props[attr](node);
         }
-      } else if (attr.indexOf("on") === 0) {
+      } else if (startsWith(attr, "on")) {
         const eventName = attr.slice(2).toLocaleLowerCase();
         const track2 = this.getNodeTrack(`${key}:${attr}`);
         const listener = props[attr];
         track2.cleanup = addEventListener(node, eventName, listener);
-      } else if (attr.indexOf("bind:") === 0) {
-        const bindKey = attr.slice(5).toLocaleLowerCase();
-        const val = props[attr];
-        const track2 = this.getNodeTrack(`${key}:${attr}`);
-        const triggerValue = isSignal(val) ? val : useSignal(val);
-        const cleanup = useEffect(() => {
-          triggerValue.value = isSignal(val) ? val.value : val;
-          node[bindKey] = triggerValue.value;
-        });
-        const cleanupBind = binNode(node, (value) => {
-          props[`update:${bindKey}`](value);
-        });
-        track2.cleanup = () => {
-          cleanup == null ? void 0 : cleanup();
-          cleanupBind == null ? void 0 : cleanupBind();
-        };
-      } else if (attr.indexOf("update:") !== 0) {
+      } else if (!startsWith(attr, "update:")) {
         const track2 = this.getNodeTrack(`${key}:${attr}`);
         const val = props[attr];
         const triggerValue = isSignal(val) ? val : useSignal(val);
@@ -775,8 +773,16 @@ var TemplateNode = class _TemplateNode {
           triggerValue.value = isSignal(val) ? val.value : val;
           patchAttribute(track2, node, attr, triggerValue.value);
         });
+        let cleanupBind;
+        const updateKey = `update:${attr}`;
+        if (props[updateKey]) {
+          cleanupBind = binNode(node, (value) => {
+            props[updateKey](value);
+          });
+        }
         track2.cleanup = () => {
-          cleanup == null ? void 0 : cleanup();
+          cleanup && cleanup();
+          cleanupBind && cleanupBind();
         };
       }
     }
@@ -787,7 +793,7 @@ function patchAttribute(track2, node, attr, data) {
   if (!element.setAttribute) {
     return;
   }
-  if (isFunction(data)) {
+  if (isFunction2(data)) {
     track2.cleanup = useEffect(() => {
       setAttribute(element, attr, data());
     });
@@ -796,7 +802,7 @@ function patchAttribute(track2, node, attr, data) {
   }
 }
 function patchChild(track2, parent, child, before) {
-  if (isFunction(child)) {
+  if (isFunction2(child)) {
     track2.cleanup = useEffect(() => {
       const nextNodes = coerceArray(child()).map(coerceNode);
       track2.lastNodes = patchChildren(parent, track2.lastNodes, nextNodes, before);
@@ -860,7 +866,7 @@ function useRef() {
 }
 
 // src/version.ts
-var __essor_version = "0.0.6-beta.1";
+var __essor_version = "0.0.6-beta.2";
 
 // src/server/index.ts
 function ssrtmpl(templates = []) {
@@ -873,17 +879,17 @@ function jsonToAttrs(json) {
   return Object.entries(json).map(([key, value]) => `${key}=${JSON.stringify(value)}`).join(" ");
 }
 function ssr(template2, props) {
-  if (isFunction(template2)) {
+  if (isFunction2(template2)) {
     return template2(props);
   }
   const childrenMap = {};
   const newTemplate = {};
-  if (isObject(template2)) {
+  if (isObject2(template2)) {
     Object.entries(template2).forEach(([key, tmpl]) => {
       const prop = props[key];
       if (prop) {
         Object.keys(prop).forEach((propKey) => {
-          if (propKey.startsWith("on") && isFunction(prop[propKey])) {
+          if (startsWith(propKey, "on") && isFunction2(prop[propKey])) {
             delete prop[propKey];
           }
         });
@@ -916,4 +922,4 @@ function hydrate(component, root) {
   component.mount(root);
 }
 
-export { ComponentNode, Fragment, TemplateNode, __essor_version, createStore, h, hydrate, isComputed, isJsxElement, isSignal, nextTick, onDestroy, onMount, renderToString, signalObject, ssr, ssrtmpl, template, useComputed, useEffect, useInject, useProvide, useRef, useSignal };
+export { ComponentNode, Fragment, TemplateNode, __essor_version, createStore, h, hydrate, isComputed, isJsxElement, isSignal, nextTick, onDestroy, onMount, renderToString, signalObject, ssr, ssrtmpl, template, unSignal, useComputed, useEffect, useInject, useProvide, useRef, useSignal };

package/dist/essor.esm.js

@@ -1,6 +1,6 @@
-var ce=Object.defineProperty;var Z=Object.getOwnPropertySymbols;var ue=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable;var q=(t,e,n)=>e in t?ce(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,Q=(t,e)=>{for(var n in e||(e={}))ue.call(e,n)&&q(t,n,e[n]);if(Z)for(var n of Z(e))le.call(e,n)&&q(t,n,e[n]);return t};var C=null,j=null,F=new Set,K=new WeakMap,R=new Set;function A(t,e){let n=K.get(t);n||(n=new Map,K.set(t,n));let o=n.get(e);o||(o=new Set,n.set(e,o)),C&&o.add(C),j&&F.add(j);}function Y(t,e){F.size>0&&F.forEach(r=>r.run());let n=K.get(t);if(!n)return;let o=n.get(e);o&&o.forEach(r=>R.has(r)&&r());}var L=class{constructor(e){this._value=e;}valueOf(){return A(this,"value"),this._value}toString(){return A(this,"value"),String(this._value)}toJSON(){return this._value}get value(){return A(this,"value"),this._value}set value(e){this._value!==e&&(this._value=e,Y(this,"value"));}peek(){return this._value}update(){Y(this,"value");}};function N(t){return f(t)?t:new L(t)}function f(t){return t instanceof L}var $=class{constructor(e){this.fn=e;let n=j;j=this,A(this,"_value"),this._value=this.fn(),j=n;}peek(){return this._value}run(){let e=this.fn();e!==this._value&&(this._value=e);}get value(){return A(this,"_value"),this._value}};function J(t){return new $(t)}function pe(t){return t instanceof $}function x(t){function e(){let n=C;C=e,t(),C=n;}return R.add(e),e(),()=>{R.delete(e),C=null;}}function k(t){return Object.entries(t).reduce((n,[o,r])=>(n[o]=f(r)?r:N(r),n),{})}function P(t){return t?f(t)?t.peek():Object.entries(t).reduce((e,[n,o])=>(e[n]=f(o)?o.peek():o,e),{}):{}}var O=0,G=new Map;function fe(t){let{state:e,getters:n,actions:o}=t,r=Q({},e!=null?e:{}),i=k(e!=null?e:{}),s=[],a=[],p={patch$(c){Object.assign(i,k(c)),s.forEach(u=>u(P(i))),a.forEach(u=>u(P(i)));},subscribe$(c){s.push(c);},unsubscribe$(c){let u=s.indexOf(c);u!==-1&&s.splice(u,1);},onAction$(c){a.push(c);},reset$(){p.patch$(r);}},l={_id:`store_${O}`};for(let c in n){let u=n[c];u&&(l[c]=J(()=>u.call(i)));}for(let c in o){let u=o[c];u&&(l[c]=u.bind(i));}return G.set(O,N),++O,new Proxy({},{get(c,u){return u==="state"?P(i):u in l?l[u]:u in p?p[u]:i[u].value}})}function de(t){return function(){return G.has(O)?G.get(O):fe(t)}}function I(t){return Array.isArray(t)?t.flat():[t]}var ee=t=>t!==null&&typeof t=="object";var X=Array.isArray;function te(t){return t==null}var v=t=>typeof t=="function";function V(t){return t===!1||t===null||t===void 0||t===""}var ne=t=>t.replaceAll(/[A-Z]+/g,(e,n)=>`${n>0?"-":""}${e.toLocaleLowerCase()}`);var b=class b{constructor(e,n,o){this.template=e;this.props=n;this.key=o;this.proxyProps={};this.context={};this.emitter=new Set;this.mounted=!1;this.rootNode=null;this.hooks={mounted:new Set,destroy:new Set};this.trackMap=new Map;this.proxyProps=k(n);}addEventListener(){}removeEventListener(){}get firstChild(){var e,n;return (n=(e=this.rootNode)==null?void 0:e.firstChild)!=null?n:null}get isConnected(){var e,n;return (n=(e=this.rootNode)==null?void 0:e.isConnected)!=null?n:!1}addHook(e,n){var o;(o=this.hooks[e])==null||o.add(n);}getContext(e){return b.context[e]}setContext(e,n){b.context[e]=n;}inheritNode(e){this.context=e.context,this.hooks=e.hooks,Object.assign(this.proxyProps,e.proxyProps),this.rootNode=e.rootNode,this.trackMap=e.trackMap;let n=this.props;this.props=e.props,this.patchProps(n);}unmount(){var e;this.hooks.destroy.forEach(n=>n()),Object.values(this.hooks).forEach(n=>n.clear()),(e=this.rootNode)==null||e.unmount(),this.rootNode=null,this.proxyProps={},this.mounted=!1,this.emitter.forEach(n=>n()),b.context={};}mount(e,n){var r,i,s,a;if(!v(this.template))throw new Error("Template must be a function");if(this.isConnected)return (i=(r=this.rootNode)==null?void 0:r.mount(e,n))!=null?i:[];b.ref=this,this.rootNode=this.template(this.proxyProps),b.ref=null,this.mounted=!0;let o=(a=(s=this.rootNode)==null?void 0:s.mount(e,n))!=null?a:[];return this.hooks.mounted.forEach(p=>p()),this.patchProps(this.props),o}getNodeTrack(e,n){let o=this.trackMap.get(e);return o||(o={cleanup:()=>{}},this.trackMap.set(e,o)),n||o.cleanup(),o}patchProps(e){var n,o,r,i,s;for(let[a,p]of Object.entries(e))if(a.indexOf("on")===0&&((n=this.rootNode)!=null&&n.nodes)){let l=a.slice(2).toLowerCase(),c=p,u=g(this.rootNode.nodes[0],l,c);this.emitter.add(u);}else if(a.indexOf("bind:")===0)this.proxyProps[a]=N(p);else if(a==="ref")f(p)?e[a].value=(o=this.rootNode)==null?void 0:o.nodes[0]:e[a]=(r=this.rootNode)==null?void 0:r.nodes[0];else {let l=(s=(i=this.proxyProps)[a])!=null?s:i[a]=N(p),c=this.getNodeTrack(a);c.cleanup=x(()=>{l.value=p;});}this.props=e;}};b.ref=null,b.context={};var h=b;function me(t,e,n){return v(t)?new h(t,e,n):new M(t,e,n)}function y(t){return t instanceof h||t instanceof M}function he(t){let e=document.createElement("template");return e.innerHTML=t,e}function ge(t){return t.children}function D(t){if(y(t)||t instanceof Node)return t;let e=V(t)?"":String(t);return document.createTextNode(e)}function T(t,e,n=null){let o=y(n)?n.firstChild:n;y(e)?e.mount(t,o):o?o.before(e):t.append(e);}function S(t){y(t)?t.unmount():t.parentNode&&t.remove();}function z(t,e,n){T(t,e,n),S(n);}function B(t,e,n){if(e==="class"){typeof n=="string"?t.className=n:Array.isArray(n)?t.className=n.join(" "):n&&typeof n=="object"&&(t.className=Object.entries(n).reduce((o,[r,i])=>o+(i?` ${r}`:""),"").trim());return}if(e==="style"){if(typeof n=="string")t.style.cssText=n;else if(n&&typeof n=="object"){let o=n;Object.keys(o).forEach(r=>{t.style.setProperty(ne(r),String(o[r]));});}return}V(n)?t.removeAttribute(e):n===!0?t.setAttribute(e,""):t.setAttribute(e,String(n));}function re(t,e){if(t instanceof HTMLInputElement){if(t.type==="checkbox")return g(t,"change",()=>{e(!!t.checked);});if(t.type==="date")return g(t,"change",()=>{e(t.value?t.value:"");});if(t.type==="file")return g(t,"change",()=>{t.files&&e(t.files);});if(t.type==="number")return g(t,"input",()=>{let n=Number.parseFloat(t.value);e(Number.isNaN(n)?"":String(n));});if(t.type==="radio")return g(t,"change",()=>{e(t.checked?t.value:"");});if(t.type==="text")return g(t,"input",()=>{e(t.value);})}if(t instanceof HTMLSelectElement)return g(t,"change",()=>{e(t.value);});if(t instanceof HTMLTextAreaElement)return g(t,"input",()=>{e(t.value);})}var oe=Promise.resolve();function ye(t){return t?oe.then(t):oe}function g(t,e,n){return t.addEventListener(e,n),()=>t.removeEventListener(e,n)}function ie(t,e,n,o){let r=new Map,i=e.values(),s=t.childNodes.length;if(e.size>0&&n.length===0){if(s===e.size+(o?1:0)){let l=t;l.innerHTML="",o&&T(t,o);}else {let l=document.createRange(),c=i.next().value,u=y(c)?c.firstChild:c;l.setStartBefore(u),o?l.setEndBefore(o):l.setEndAfter(t),l.deleteContents();}return e.forEach(l=>{y(l)&&l.unmount();}),r}let a=[],p=ve(n);for(let[l,c]of n.entries()){let u=i.next().value,E=_(u,l);for(;u&&!p.has(E);)S(u),e.delete(E),u=i.next().value,E=_(u,l);let w=_(c,l),U=e.get(w);if(U&&(c=Ne(t,U,c)),u)if(u){let W=document.createComment("");T(t,W,u),a.push([W,c]);}else T(t,c,o);else T(t,c,o);r.set(w,c);}return a.forEach(([l,c])=>z(t,c,l)),e.forEach((l,c)=>{l.isConnected&&!r.has(c)&&S(l);}),r}function Ne(t,e,n){return e===n?e:y(e)&&y(n)&&e.template===n.template?(n.inheritNode(e),n):e instanceof Text&&n instanceof Text?(e.textContent!==n.textContent&&(e.textContent=n.textContent),e):(z(t,n,e),n)}function ve(t){let e=new Map;for(let[n,o]of t.entries()){let r=_(o,n);e.set(r,o);}return e}function _(t,e){let n=t instanceof Element?t.id:void 0,o=n===""?void 0:n;return o!=null?o:`_$${e}$`}var M=class t{constructor(e,n,o){this.template=e;this.props=n;this.key=o;this.treeMap=new Map;this.mounted=!1;this.nodes=[];this.provides={};this.trackMap=new Map;this.parent=null;}get firstChild(){var e;return (e=this.nodes[0])!=null?e:null}get isConnected(){return this.mounted}addEventListener(){}removeEventListener(){}unmount(){this.trackMap.forEach(e=>{var n,o;(n=e.cleanup)==null||n.call(e),(o=e.lastNodes)==null||o.forEach(r=>{e.isRoot?S(r):r instanceof t&&r.unmount();});}),this.trackMap.clear(),this.treeMap.clear(),this.nodes.forEach(e=>S(e)),this.nodes=[],this.mounted=!1;}mount(e,n){var i;if(this.parent=e,this.isConnected)return this.nodes.forEach(s=>T(e,s,n)),this.nodes;let o=this.template.content.cloneNode(!0),r=o.firstChild;return (i=r==null?void 0:r.hasAttribute)!=null&&i.call(r,"_svg_")&&(r.remove(),r==null||r.childNodes.forEach(s=>{o.append(s);})),this.nodes=Array.from(o.childNodes),this.mapNodeTree(e,o),T(e,o,n),this.patchNodes(this.props),this.mounted=!0,this.nodes}mapNodeTree(e,n){let o=1;this.treeMap.set(0,e);let r=i=>{i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&this.treeMap.set(o++,i);let s=i.firstChild;for(;s;)r(s),s=s.nextSibling;};r(n);}patchNodes(e){for(let n in e){let o=Number(n),r=this.treeMap.get(o);if(r){let i=this.props[n];this.patchNode(n,r,i,o===0);}}this.props=e;}getNodeTrack(e,n,o){var i;let r=this.trackMap.get(e);return r||(r={cleanup:()=>{}},n&&(r.lastNodes=new Map),o&&(r.isRoot=!0),this.trackMap.set(e,r)),(i=r.cleanup)==null||i.call(r),r}inheritNode(e){this.mounted=e.mounted,this.nodes=e.nodes,this.trackMap=e.trackMap,this.treeMap=e.treeMap;let n=this.props;this.props=e.props,this.patchNodes(n);}patchNode(e,n,o,r){for(let i in o)if(i==="children"&&o.children)if(X(o.children))o.children.forEach((s,a)=>{var w;if(!s)return;let[p,l]=X(s)?s:[s,null],c=te(l)?null:(w=this.treeMap.get(l))!=null?w:null,u=`${e}:${i}:${a}`,E=this.getNodeTrack(u,!0,r);se(E,n,p,c);});else {let s=`${e}:${i}:0`,a=this.getNodeTrack(s,!0,r);se(a,n,o.children,null);}else if(i==="ref")f(o[i])?o[i].value=n:o[i]=n;else if(i.indexOf("on")===0){let s=i.slice(2).toLocaleLowerCase(),a=this.getNodeTrack(`${e}:${i}`),p=o[i];a.cleanup=g(n,s,p);}else if(i.indexOf("bind:")===0){let s=i.slice(5).toLocaleLowerCase(),a=o[i],p=this.getNodeTrack(`${e}:${i}`),l=f(a)?a:N(a),c=x(()=>{l.value=f(a)?a.value:a,n[s]=l.value;}),u=re(n,E=>{o[`update:${s}`](E);});p.cleanup=()=>{c==null||c(),u==null||u();};}else if(i.indexOf("update:")!==0){let s=this.getNodeTrack(`${e}:${i}`),a=o[i],p=f(a)?a:N(a),l=x(()=>{p.value=f(a)?a.value:a,Te(s,n,i,p.value);});s.cleanup=()=>{l==null||l();};}}};function Te(t,e,n,o){let r=e;r.setAttribute&&(v(o)?t.cleanup=x(()=>{B(r,n,o());}):B(r,n,o));}function se(t,e,n,o){v(n)?t.cleanup=x(()=>{let r=I(n()).map(D);t.lastNodes=ie(e,t.lastNodes,r,o);}):I(n).forEach((r,i)=>{let s=D(r);t.lastNodes.set(String(i),s),T(e,s,o);});}function be(t){var e;H("onMounted"),(e=h.ref)==null||e.addHook("mounted",t);}function xe(t){var e;H("onDestroy"),(e=h.ref)==null||e.addHook("destroy",t);}function H(t){if(!h.ref)throw new Error(`"${t}" can only be called within the component function body
-      and cannot be used in asynchronous or deferred calls.`)}function Ee(t,e){var n;H("useProvide"),(n=h.ref)==null||n.setContext(t,e);}function Se(t,e){var n;return H("useInject"),((n=h.ref)==null?void 0:n.getContext(t))||e}function Ce(){let t=null;return new Proxy({},{get(e,n){return n==="__is_ref"?!0:t},set(e,n,o){return t=o,!0}})}var kt="0.0.6-beta.1";function At(t=[]){return t.reduce((e,n,o)=>(e[o+1]={template:n},e),{})}function ke(t){return Object.entries(t).map(([e,n])=>`${e}=${JSON.stringify(n)}`).join(" ")}function ae(t,e){if(v(t))return t(e);let n={},o={};return ee(t)&&Object.entries(t).forEach(([r,i])=>{let s=e[r];s&&(Object.keys(s).forEach(a=>{a.startsWith("on")&&v(s[a])&&delete s[a];}),s.children&&(s.children.forEach(([a,p])=>{n[p]=[...n[p]||[],a];}),delete s.children)),o[r]={template:i.template,prop:s};}),Object.entries(o).map(([r,{template:i,prop:s}])=>{let a=i;return s&&(a+=` ${ke(s)}`),n[r]&&(a+=n[r].map(p=>ae(p,s)).join("")),a}).join("")}function Ot(t,e){return ae(t,e)}function Lt(t,e){e.innerHTML="",t.mount(e);}
+var pe=Object.defineProperty;var Q=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var Y=(t,e,n)=>e in t?pe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,ee=(t,e)=>{for(var n in e||(e={}))fe.call(e,n)&&Y(t,n,e[n]);if(Q)for(var n of Q(e))de.call(e,n)&&Y(t,n,e[n]);return t};var R=t=>typeof t=="function";var C=null,j=null,K=new Set,J=new WeakMap,G=new Set;function O(t,e){let n=J.get(t);n||(n=new Map,J.set(t,n));let o=n.get(e);o||(o=new Set,n.set(e,o)),C&&o.add(C),j&&K.add(j);}function te(t,e){K.size>0&&K.forEach(r=>r.run());let n=J.get(t);if(!n)return;let o=n.get(e);o&&o.forEach(r=>G.has(r)&&r());}var _=class{constructor(e){this._value=e;}valueOf(){return O(this,"value"),this._value}toString(){return O(this,"value"),String(this._value)}toJSON(){return this._value}get value(){return O(this,"value"),this._value}set value(e){this._value!==e&&(this._value=e,te(this,"value"));}peek(){return this._value}update(){te(this,"value");}};function x(t){return m(t)?t:new _(t)}function m(t){return t instanceof _}var $=class{constructor(e){this.fn=e;let n=j;j=this,O(this,"_value"),this._value=this.fn(),j=n;}peek(){return this._value}run(){let e=this.fn();e!==this._value&&(this._value=e);}get value(){return O(this,"_value"),this._value}};function I(t){return new $(t)}function he(t){return t instanceof $}function E(t){function e(){let n=C;C=e,t(),C=n;}return G.add(e),e(),()=>{G.delete(e),C=null;}}function ne(t,e){return Array.isArray(e)?e.includes(t):R(e)?e(t):!1}function M(t,e){return Object.entries(t).reduce((o,[r,i])=>(o[r]=ne(r,e)||m(i)?i:x(i),o),{})}function L(t,e){return t?m(t)?t.peek():Object.entries(t).reduce((n,[o,r])=>(ne(o,e)?n[o]=r:n[o]=m(r)?r.peek():r,n),{}):{}}var P=0,X=new Map;function ge(t){let{state:e,getters:n,actions:o}=t,r=ee({},e!=null?e:{}),i=M(e!=null?e:{}),s=[],a=[],p={patch$(c){Object.assign(i,M(c)),s.forEach(u=>u(L(i))),a.forEach(u=>u(L(i)));},subscribe$(c){s.push(c);},unsubscribe$(c){let u=s.indexOf(c);u!==-1&&s.splice(u,1);},onAction$(c){a.push(c);},reset$(){p.patch$(r);}},l={_id:`store_${P}`};for(let c in n){let u=n[c];u&&(l[c]=I(()=>u.call(i)));}for(let c in o){let u=o[c];u&&(l[c]=u.bind(i));}return X.set(P,x),++P,new Proxy({},{get(c,u){return u==="state"?L(i):u in l?l[u]:u in p?p[u]:i[u].value}})}function ye(t){return function(){return X.has(P)?X.get(P):ge(t)}}function V(t){return Array.isArray(t)?t.flat():[t]}function v(t,e){return t.indexOf(e)===0}var oe=t=>t!==null&&typeof t=="object";var D=Array.isArray;function re(t){return t==null}var h=t=>typeof t=="function";function W(t){return t===!1||t===null||t===void 0||t===""}var ie=t=>t.replaceAll(/[A-Z]+/g,(e,n)=>`${n>0?"-":""}${e.toLocaleLowerCase()}`);var T=class T{constructor(e,n,o){this.template=e;this.props=n;this.key=o;this.proxyProps={};this.context={};this.emitter=new Set;this.mounted=!1;this.rootNode=null;this.hooks={mounted:new Set,destroy:new Set};this.trackMap=new Map;this.proxyProps=M(n,r=>v(r,"on")||v(r,"update:"));}addEventListener(){}removeEventListener(){}get firstChild(){var e,n;return (n=(e=this.rootNode)==null?void 0:e.firstChild)!=null?n:null}get isConnected(){var e,n;return (n=(e=this.rootNode)==null?void 0:e.isConnected)!=null?n:!1}addHook(e,n){var o;(o=this.hooks[e])==null||o.add(n);}getContext(e){return T.context[e]}setContext(e,n){T.context[e]=n;}inheritNode(e){this.context=e.context,this.hooks=e.hooks,Object.assign(this.proxyProps,e.proxyProps),this.rootNode=e.rootNode,this.trackMap=e.trackMap;let n=this.props;this.props=e.props,this.patchProps(n);}unmount(){var e;this.hooks.destroy.forEach(n=>n()),Object.values(this.hooks).forEach(n=>n.clear()),(e=this.rootNode)==null||e.unmount(),this.rootNode=null,this.proxyProps={},this.mounted=!1,this.emitter.forEach(n=>n()),T.context={};}mount(e,n){var r,i,s,a;if(!h(this.template))throw new Error("Template must be a function");if(this.isConnected)return (i=(r=this.rootNode)==null?void 0:r.mount(e,n))!=null?i:[];T.ref=this,this.rootNode=this.template(this.proxyProps),T.ref=null,this.mounted=!0;let o=(a=(s=this.rootNode)==null?void 0:s.mount(e,n))!=null?a:[];return this.hooks.mounted.forEach(p=>p()),this.patchProps(this.props),o}getNodeTrack(e,n){let o=this.trackMap.get(e);return o||(o={cleanup:()=>{}},this.trackMap.set(e,o)),n||o.cleanup(),o}patchProps(e){var n,o,r,i,s;for(let[a,p]of Object.entries(e))if(v(a,"on")&&((n=this.rootNode)!=null&&n.nodes)){let l=a.slice(2).toLowerCase(),c=p,u=y(this.rootNode.nodes[0],l,c);this.emitter.add(u);}else if(a==="ref")m(p)?e[a].value=(o=this.rootNode)==null?void 0:o.nodes[0]:h(p)&&e[a]((r=this.rootNode)==null?void 0:r.nodes[0]);else if(v(a,"update:"))e[a]=m(p)?p.value:p;else {let l=(s=(i=this.proxyProps)[a])!=null?s:i[a]=x(p),c=this.getNodeTrack(a);c.cleanup=E(()=>{l.value=p;});}this.props=e;}};T.ref=null,T.context={};var g=T;function Ne(t,e,n){return h(t)?new g(t,e,n):new w(t,e,n)}function N(t){return t instanceof g||t instanceof w}function ve(t){let e=document.createElement("template");return e.innerHTML=t,e}function be(t){return t.children}function z(t){if(N(t)||t instanceof Node)return t;let e=W(t)?"":String(t);return document.createTextNode(e)}function b(t,e,n=null){let o=N(n)?n.firstChild:n;N(e)?e.mount(t,o):o?o.before(e):t.append(e);}function k(t){N(t)?t.unmount():t.parentNode&&t.remove();}function B(t,e,n){b(t,e,n),k(n);}function U(t,e,n){if(e==="class"){typeof n=="string"?t.className=n:Array.isArray(n)?t.className=n.join(" "):n&&typeof n=="object"&&(t.className=Object.entries(n).reduce((o,[r,i])=>o+(i?` ${r}`:""),"").trim());return}if(e==="style"){if(typeof n=="string")t.style.cssText=n;else if(n&&typeof n=="object"){let o=n;Object.keys(o).forEach(r=>{t.style.setProperty(ie(r),String(o[r]));});}return}W(n)?t.removeAttribute(e):n===!0?t.setAttribute(e,""):t.setAttribute(e,String(n));}function ae(t,e){if(t instanceof HTMLInputElement){if(t.type==="checkbox")return y(t,"change",()=>{e(!!t.checked);});if(t.type==="date")return y(t,"change",()=>{e(t.value?t.value:"");});if(t.type==="file")return y(t,"change",()=>{t.files&&e(t.files);});if(t.type==="number")return y(t,"input",()=>{let n=Number.parseFloat(t.value);e(Number.isNaN(n)?"":String(n));});if(t.type==="radio")return y(t,"change",()=>{e(t.checked?t.value:"");});if(t.type==="text")return y(t,"input",()=>{e(t.value);})}if(t instanceof HTMLSelectElement)return y(t,"change",()=>{e(t.value);});if(t instanceof HTMLTextAreaElement)return y(t,"input",()=>{e(t.value);})}var se=Promise.resolve();function Te(t){return t?se.then(t):se}function y(t,e,n){return t.addEventListener(e,n),()=>t.removeEventListener(e,n)}function ce(t,e,n,o){let r=new Map,i=e.values(),s=t.childNodes.length;if(e.size>0&&n.length===0){if(s===e.size+(o?1:0)){let l=t;l.innerHTML="",o&&b(t,o);}else {let l=document.createRange(),c=i.next().value,u=N(c)?c.firstChild:c;l.setStartBefore(u),o?l.setEndBefore(o):l.setEndAfter(t),l.deleteContents();}return e.forEach(l=>{N(l)&&l.unmount();}),r}let a=[],p=Se(n);for(let[l,c]of n.entries()){let u=i.next().value,S=F(u,l);for(;u&&!p.has(S);)k(u),e.delete(S),u=i.next().value,S=F(u,l);let A=F(c,l),Z=e.get(A);if(Z&&(c=xe(t,Z,c)),u)if(u){let q=document.createComment("");b(t,q,u),a.push([q,c]);}else b(t,c,o);else b(t,c,o);r.set(A,c);}return a.forEach(([l,c])=>B(t,c,l)),e.forEach((l,c)=>{l.isConnected&&!r.has(c)&&k(l);}),r}function xe(t,e,n){return e===n?e:N(e)&&N(n)&&e.template===n.template?(n.inheritNode(e),n):e instanceof Text&&n instanceof Text?(e.textContent!==n.textContent&&(e.textContent=n.textContent),e):(B(t,n,e),n)}function Se(t){let e=new Map;for(let[n,o]of t.entries()){let r=F(o,n);e.set(r,o);}return e}function F(t,e){let n=t instanceof Element?t.id:void 0,o=n===""?void 0:n;return o!=null?o:`_$${e}$`}var w=class t{constructor(e,n,o){this.template=e;this.props=n;this.key=o;this.treeMap=new Map;this.mounted=!1;this.nodes=[];this.provides={};this.trackMap=new Map;this.parent=null;}get firstChild(){var e;return (e=this.nodes[0])!=null?e:null}get isConnected(){return this.mounted}addEventListener(){}removeEventListener(){}unmount(){this.trackMap.forEach(e=>{var n,o;(n=e.cleanup)==null||n.call(e),(o=e.lastNodes)==null||o.forEach(r=>{e.isRoot?k(r):r instanceof t&&r.unmount();});}),this.trackMap.clear(),this.treeMap.clear(),this.nodes.forEach(e=>k(e)),this.nodes=[],this.mounted=!1;}mount(e,n){var i;if(this.parent=e,this.isConnected)return this.nodes.forEach(s=>b(e,s,n)),this.nodes;let o=this.template.content.cloneNode(!0),r=o.firstChild;return (i=r==null?void 0:r.hasAttribute)!=null&&i.call(r,"_svg_")&&(r.remove(),r==null||r.childNodes.forEach(s=>{o.append(s);})),this.nodes=Array.from(o.childNodes),this.mapNodeTree(e,o),b(e,o,n),this.patchNodes(this.props),this.mounted=!0,this.nodes}mapNodeTree(e,n){let o=1;this.treeMap.set(0,e);let r=i=>{i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&this.treeMap.set(o++,i);let s=i.firstChild;for(;s;)r(s),s=s.nextSibling;};r(n);}patchNodes(e){for(let n in e){let o=Number(n),r=this.treeMap.get(o);if(r){let i=this.props[n];this.patchNode(n,r,i,o===0);}}this.props=e;}getNodeTrack(e,n,o){var i;let r=this.trackMap.get(e);return r||(r={cleanup:()=>{}},n&&(r.lastNodes=new Map),o&&(r.isRoot=!0),this.trackMap.set(e,r)),(i=r.cleanup)==null||i.call(r),r}inheritNode(e){this.mounted=e.mounted,this.nodes=e.nodes,this.trackMap=e.trackMap,this.treeMap=e.treeMap;let n=this.props;this.props=e.props,this.patchNodes(n);}patchNode(e,n,o,r){for(let i in o)if(i==="children"&&o.children)if(D(o.children))o.children.forEach((s,a)=>{var A;if(!s)return;let[p,l]=D(s)?s:[s,null],c=re(l)?null:(A=this.treeMap.get(l))!=null?A:null,u=`${e}:${i}:${a}`,S=this.getNodeTrack(u,!0,r);ue(S,n,p,c);});else {let s=`${e}:${i}:0`,a=this.getNodeTrack(s,!0,r);ue(a,n,o.children,null);}else if(i==="ref")m(o[i])?o[i].value=n:h(o[i])&&o[i](n);else if(v(i,"on")){let s=i.slice(2).toLocaleLowerCase(),a=this.getNodeTrack(`${e}:${i}`),p=o[i];a.cleanup=y(n,s,p);}else if(!v(i,"update:")){let s=this.getNodeTrack(`${e}:${i}`),a=o[i],p=m(a)?a:x(a),l=E(()=>{p.value=m(a)?a.value:a,Ee(s,n,i,p.value);}),c,u=`update:${i}`;o[u]&&(c=ae(n,S=>{o[u](S);})),s.cleanup=()=>{l&&l(),c&&c();};}}};function Ee(t,e,n,o){let r=e;r.setAttribute&&(h(o)?t.cleanup=E(()=>{U(r,n,o());}):U(r,n,o));}function ue(t,e,n,o){h(n)?t.cleanup=E(()=>{let r=V(n()).map(z);t.lastNodes=ce(e,t.lastNodes,r,o);}):V(n).forEach((r,i)=>{let s=z(r);t.lastNodes.set(String(i),s),b(e,s,o);});}function ke(t){var e;H("onMounted"),(e=g.ref)==null||e.addHook("mounted",t);}function Ce(t){var e;H("onDestroy"),(e=g.ref)==null||e.addHook("destroy",t);}function H(t){if(!g.ref)throw new Error(`"${t}" can only be called within the component function body
+      and cannot be used in asynchronous or deferred calls.`)}function Me(t,e){var n;H("useProvide"),(n=g.ref)==null||n.setContext(t,e);}function we(t,e){var n;return H("useInject"),((n=g.ref)==null?void 0:n.getContext(t))||e}function Ae(){let t=null;return new Proxy({},{get(e,n){return n==="__is_ref"?!0:t},set(e,n,o){return t=o,!0}})}var Vt="0.0.6-beta.2";function Bt(t=[]){return t.reduce((e,n,o)=>(e[o+1]={template:n},e),{})}function je(t){return Object.entries(t).map(([e,n])=>`${e}=${JSON.stringify(n)}`).join(" ")}function le(t,e){if(h(t))return t(e);let n={},o={};return oe(t)&&Object.entries(t).forEach(([r,i])=>{let s=e[r];s&&(Object.keys(s).forEach(a=>{v(a,"on")&&h(s[a])&&delete s[a];}),s.children&&(s.children.forEach(([a,p])=>{n[p]=[...n[p]||[],a];}),delete s.children)),o[r]={template:i.template,prop:s};}),Object.entries(o).map(([r,{template:i,prop:s}])=>{let a=i;return s&&(a+=` ${je(s)}`),n[r]&&(a+=n[r].map(p=>le(p,s)).join("")),a}).join("")}function Ut(t,e){return le(t,e)}function Zt(t,e){e.innerHTML="",t.mount(e);}
 
-export { h as ComponentNode, ge as Fragment, M as TemplateNode, kt as __essor_version, de as createStore, me as h, Lt as hydrate, pe as isComputed, y as isJsxElement, f as isSignal, ye as nextTick, xe as onDestroy, be as onMount, Ot as renderToString, k as signalObject, ae as ssr, At as ssrtmpl, he as template, J as useComputed, x as useEffect, Se as useInject, Ee as useProvide, Ce as useRef, N as useSignal };
+export { g as ComponentNode, be as Fragment, w as TemplateNode, Vt as __essor_version, ye as createStore, Ne as h, Zt as hydrate, he as isComputed, N as isJsxElement, m as isSignal, Te as nextTick, Ce as onDestroy, ke as onMount, Ut as renderToString, M as signalObject, le as ssr, Bt as ssrtmpl, ve as template, L as unSignal, I as useComputed, E as useEffect, we as useInject, Me as useProvide, Ae as useRef, x as useSignal };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=essor.esm.js.map