essor 0.0.6 → 0.0.7-beta.1

package/dist/essor.d.cts

@@ -1,7 +1,7 @@
 import { ExcludeType } from 'essor-shared';
 import * as csstype from 'csstype';
 
-declare const __essor_version = "0.0.6-beta.16";
+declare const __essor_version = "0.0.6";
 
 type EffectFn = () => void;
 /**
@@ -9,14 +9,12 @@ type EffectFn = () => void;
  */
 declare class Signal$1<T> {
     private _value;
-    private _reactive;
-    private __activeEffect;
     constructor(value: T);
     valueOf(): T;
     toString(): string;
     toJSON(): T;
     get value(): T;
-    __triggerObject(): void;
+    private __triggerObject;
     set value(newValue: T);
     peek(): T;
     update(): void;
@@ -36,7 +34,7 @@ declare function isSignal<T>(value: any): value is Signal$1<T>;
 /**
  * Computed class representing a computed reactive value.
  */
-declare class Computed<T> {
+declare class Computed<T = unknown> {
     private readonly fn;
     private _value;
     private _deps;

package/dist/essor.d.ts

@@ -1,7 +1,7 @@
 import { ExcludeType } from 'essor-shared';
 import * as csstype from 'csstype';
 
-declare const __essor_version = "0.0.6-beta.16";
+declare const __essor_version = "0.0.6";
 
 type EffectFn = () => void;
 /**
@@ -9,14 +9,12 @@ type EffectFn = () => void;
  */
 declare class Signal$1<T> {
     private _value;
-    private _reactive;
-    private __activeEffect;
     constructor(value: T);
     valueOf(): T;
     toString(): string;
     toJSON(): T;
     get value(): T;
-    __triggerObject(): void;
+    private __triggerObject;
     set value(newValue: T);
     peek(): T;
     update(): void;
@@ -36,7 +34,7 @@ declare function isSignal<T>(value: any): value is Signal$1<T>;
 /**
  * Computed class representing a computed reactive value.
  */
-declare class Computed<T> {
+declare class Computed<T = unknown> {
     private readonly fn;
     private _value;
     private _deps;

package/dist/essor.dev.cjs.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 
 // src/version.ts
-var __essor_version = "0.0.6-beta.16";
+var __essor_version = "0.0.6";
 
 // ../shared/dist/essor-shared.js
 var isObject = (val) => val !== null && typeof val === "object";
@@ -167,15 +167,17 @@ var capitalizeFirstLetter = (inputString) => {
 // src/signal/signal.ts
 var activeEffect = null;
 var activeComputed = null;
-var computedSet = /* @__PURE__ */ new Set();
-var targetMap = /* @__PURE__ */ new WeakMap();
-var EffectDeps = /* @__PURE__ */ new Set();
+var computedMap = /* @__PURE__ */ new WeakMap();
+var signalMap = /* @__PURE__ */ new WeakMap();
+var effectDeps = /* @__PURE__ */ new Set();
+var reactiveMap = /* @__PURE__ */ new WeakMap();
 var arrayMethods = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse"];
 function track(target, key) {
-  let depsMap = targetMap.get(target);
+  if (!activeEffect && !activeComputed) return;
+  let depsMap = signalMap.get(target);
   if (!depsMap) {
     depsMap = /* @__PURE__ */ new Map();
-    targetMap.set(target, depsMap);
+    signalMap.set(target, depsMap);
   }
   let dep = depsMap.get(key);
   if (!dep) {
@@ -183,27 +185,35 @@ function track(target, key) {
     depsMap.set(key, dep);
   }
   if (activeEffect) dep.add(activeEffect);
-  if (activeComputed) {
-    computedSet.add(activeComputed);
+  let depsMap2 = computedMap.get(target);
+  if (!depsMap2) {
+    depsMap2 = /* @__PURE__ */ new Map();
+    computedMap.set(target, depsMap2);
+  }
+  let dep2 = depsMap2.get(key);
+  if (!dep2) {
+    dep2 = /* @__PURE__ */ new Set();
+    depsMap2.set(key, dep2);
   }
+  if (activeComputed) dep2.add(activeComputed);
 }
 function trigger(target, key) {
-  if (computedSet.size > 0) {
-    computedSet.forEach((computedSignal) => computedSignal.run());
-  }
-  const depsMap = targetMap.get(target);
-  if (!depsMap) {
-    return;
-  }
+  const depsMap = signalMap.get(target);
+  if (!depsMap) return;
   const dep = depsMap.get(key);
   if (dep) {
-    dep.forEach((effect) => EffectDeps.has(effect) && effect());
+    dep.forEach((effect) => effectDeps.has(effect) && effect());
+  }
+  const computedDeps = computedMap.get(target);
+  if (computedDeps) {
+    const computeds = computedDeps.get(key);
+    if (computeds) {
+      computeds.forEach((computed) => computed.run());
+    }
   }
 }
 var Signal = class {
   constructor(value) {
-    // @ts-ignore
-    this.__activeEffect = null;
     this._value = value;
   }
   valueOf() {
@@ -224,12 +234,10 @@ var Signal = class {
     this.__triggerObject();
     return this._value;
   }
-  // if the value is not a primitive or an HTML element, create a reactive proxy
   __triggerObject() {
-    if (activeEffect) {
-      this.__activeEffect = activeEffect;
+    if (!isPrimitive(this._value) && !isHtmlElement(this._value)) {
+      useReactive(this._value);
     }
-    this._reactive = isPrimitive(this._value) || isHtmlElement(this._value) ? this._value : useReactive(this._value);
   }
   set value(newValue) {
     if (isSignal(newValue)) {
@@ -238,10 +246,8 @@ var Signal = class {
     }
     if (hasChanged(newValue, this._value)) {
       this._value = newValue;
-      if (!isPrimitive(this._value) && !isHtmlElement(this._value) && !activeEffect) {
-        activeEffect = this.__activeEffect;
+      if (!isPrimitive(this._value) && !isHtmlElement(this._value)) {
         this.__triggerObject();
-        activeEffect = null;
       }
       trigger(this, "value");
     }
@@ -302,10 +308,10 @@ function useEffect(fn) {
     fn();
     activeEffect = prev;
   }
-  EffectDeps.add(effectFn);
+  effectDeps.add(effectFn);
   effectFn();
   return () => {
-    EffectDeps.delete(effectFn);
+    effectDeps.delete(effectFn);
     activeEffect = null;
   };
 }
@@ -344,9 +350,8 @@ function unReactive(obj) {
   if (!isReactive(obj)) {
     return obj;
   }
-  return Object.assign({}, obj);
+  return __spreadValues({}, obj);
 }
-var reactiveMap = /* @__PURE__ */ new WeakMap();
 function useReactive(initialValue, exclude) {
   if (!isObject(initialValue)) {
     return initialValue;
@@ -984,18 +989,17 @@ function convertToHtmlTag(tag) {
 // src/template/patch.ts
 function patchChildren(parent, childrenMap, nextChildren, before) {
   const result = /* @__PURE__ */ new Map();
-  const children = childrenMap.values();
-  const parentChildNodesLength = parent.childNodes.length;
+  const children = Array.from(childrenMap.values());
+  const childrenLength = children.length;
   if (childrenMap.size > 0 && nextChildren.length === 0) {
-    if (parentChildNodesLength === childrenMap.size + (before ? 1 : 0)) {
-      const parentElement = parent;
-      parentElement.innerHTML = "";
+    if (parent.childNodes.length === childrenLength + (before ? 1 : 0)) {
+      parent.innerHTML = "";
       if (before) {
         insertChild(parent, before);
       }
     } else {
       const range = document.createRange();
-      const child = children.next().value;
+      const child = children[0];
       const start = isJsxElement(child) ? child.firstChild : child;
       range.setStartBefore(start);
       if (before) {
@@ -1005,7 +1009,7 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
       }
       range.deleteContents();
     }
-    childrenMap.forEach((node) => {
+    children.forEach((node) => {
       if (isJsxElement(node)) {
         node.unmount();
       }
@@ -1014,13 +1018,14 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
   }
   const replaces = [];
   const nextChildrenMap = mapKeys(nextChildren);
+  let childIndex = 0;
   for (let [i, child] of nextChildren.entries()) {
-    let currChild = children.next().value;
+    let currChild = children[childIndex];
     let currKey = getKey(currChild, i);
     while (currChild && !nextChildrenMap.has(currKey)) {
       removeChild(currChild);
       childrenMap.delete(currKey);
-      currChild = children.next().value;
+      currChild = children[++childIndex];
       currKey = getKey(currChild, i);
     }
     const key = getKey(child, i);
@@ -1029,7 +1034,9 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
       child = patch(parent, origChild, child);
     }
     if (currChild) {
-      if (currChild) {
+      if (currChild === origChild) {
+        childIndex++;
+      } else if (currChild) {
         const placeholder = document.createComment("");
         insertChild(parent, placeholder, currChild);
         replaces.push([placeholder, child]);

package/dist/essor.dev.esm.js

@@ -16,7 +16,7 @@ var __spreadValues = (a, b) => {
 };
 
 // src/version.ts
-var __essor_version = "0.0.6-beta.16";
+var __essor_version = "0.0.6";
 
 // ../shared/dist/essor-shared.js
 var isObject = (val) => val !== null && typeof val === "object";
@@ -165,15 +165,17 @@ var capitalizeFirstLetter = (inputString) => {
 // src/signal/signal.ts
 var activeEffect = null;
 var activeComputed = null;
-var computedSet = /* @__PURE__ */ new Set();
-var targetMap = /* @__PURE__ */ new WeakMap();
-var EffectDeps = /* @__PURE__ */ new Set();
+var computedMap = /* @__PURE__ */ new WeakMap();
+var signalMap = /* @__PURE__ */ new WeakMap();
+var effectDeps = /* @__PURE__ */ new Set();
+var reactiveMap = /* @__PURE__ */ new WeakMap();
 var arrayMethods = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse"];
 function track(target, key) {
-  let depsMap = targetMap.get(target);
+  if (!activeEffect && !activeComputed) return;
+  let depsMap = signalMap.get(target);
   if (!depsMap) {
     depsMap = /* @__PURE__ */ new Map();
-    targetMap.set(target, depsMap);
+    signalMap.set(target, depsMap);
   }
   let dep = depsMap.get(key);
   if (!dep) {
@@ -181,27 +183,35 @@ function track(target, key) {
     depsMap.set(key, dep);
   }
   if (activeEffect) dep.add(activeEffect);
-  if (activeComputed) {
-    computedSet.add(activeComputed);
+  let depsMap2 = computedMap.get(target);
+  if (!depsMap2) {
+    depsMap2 = /* @__PURE__ */ new Map();
+    computedMap.set(target, depsMap2);
+  }
+  let dep2 = depsMap2.get(key);
+  if (!dep2) {
+    dep2 = /* @__PURE__ */ new Set();
+    depsMap2.set(key, dep2);
   }
+  if (activeComputed) dep2.add(activeComputed);
 }
 function trigger(target, key) {
-  if (computedSet.size > 0) {
-    computedSet.forEach((computedSignal) => computedSignal.run());
-  }
-  const depsMap = targetMap.get(target);
-  if (!depsMap) {
-    return;
-  }
+  const depsMap = signalMap.get(target);
+  if (!depsMap) return;
   const dep = depsMap.get(key);
   if (dep) {
-    dep.forEach((effect) => EffectDeps.has(effect) && effect());
+    dep.forEach((effect) => effectDeps.has(effect) && effect());
+  }
+  const computedDeps = computedMap.get(target);
+  if (computedDeps) {
+    const computeds = computedDeps.get(key);
+    if (computeds) {
+      computeds.forEach((computed) => computed.run());
+    }
   }
 }
 var Signal = class {
   constructor(value) {
-    // @ts-ignore
-    this.__activeEffect = null;
     this._value = value;
   }
   valueOf() {
@@ -222,12 +232,10 @@ var Signal = class {
     this.__triggerObject();
     return this._value;
   }
-  // if the value is not a primitive or an HTML element, create a reactive proxy
   __triggerObject() {
-    if (activeEffect) {
-      this.__activeEffect = activeEffect;
+    if (!isPrimitive(this._value) && !isHtmlElement(this._value)) {
+      useReactive(this._value);
     }
-    this._reactive = isPrimitive(this._value) || isHtmlElement(this._value) ? this._value : useReactive(this._value);
   }
   set value(newValue) {
     if (isSignal(newValue)) {
@@ -236,10 +244,8 @@ var Signal = class {
     }
     if (hasChanged(newValue, this._value)) {
       this._value = newValue;
-      if (!isPrimitive(this._value) && !isHtmlElement(this._value) && !activeEffect) {
-        activeEffect = this.__activeEffect;
+      if (!isPrimitive(this._value) && !isHtmlElement(this._value)) {
         this.__triggerObject();
-        activeEffect = null;
       }
       trigger(this, "value");
     }
@@ -300,10 +306,10 @@ function useEffect(fn) {
     fn();
     activeEffect = prev;
   }
-  EffectDeps.add(effectFn);
+  effectDeps.add(effectFn);
   effectFn();
   return () => {
-    EffectDeps.delete(effectFn);
+    effectDeps.delete(effectFn);
     activeEffect = null;
   };
 }
@@ -342,9 +348,8 @@ function unReactive(obj) {
   if (!isReactive(obj)) {
     return obj;
   }
-  return Object.assign({}, obj);
+  return __spreadValues({}, obj);
 }
-var reactiveMap = /* @__PURE__ */ new WeakMap();
 function useReactive(initialValue, exclude) {
   if (!isObject(initialValue)) {
     return initialValue;
@@ -982,18 +987,17 @@ function convertToHtmlTag(tag) {
 // src/template/patch.ts
 function patchChildren(parent, childrenMap, nextChildren, before) {
   const result = /* @__PURE__ */ new Map();
-  const children = childrenMap.values();
-  const parentChildNodesLength = parent.childNodes.length;
+  const children = Array.from(childrenMap.values());
+  const childrenLength = children.length;
   if (childrenMap.size > 0 && nextChildren.length === 0) {
-    if (parentChildNodesLength === childrenMap.size + (before ? 1 : 0)) {
-      const parentElement = parent;
-      parentElement.innerHTML = "";
+    if (parent.childNodes.length === childrenLength + (before ? 1 : 0)) {
+      parent.innerHTML = "";
       if (before) {
         insertChild(parent, before);
       }
     } else {
       const range = document.createRange();
-      const child = children.next().value;
+      const child = children[0];
       const start = isJsxElement(child) ? child.firstChild : child;
       range.setStartBefore(start);
       if (before) {
@@ -1003,7 +1007,7 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
       }
       range.deleteContents();
     }
-    childrenMap.forEach((node) => {
+    children.forEach((node) => {
       if (isJsxElement(node)) {
         node.unmount();
       }
@@ -1012,13 +1016,14 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
   }
   const replaces = [];
   const nextChildrenMap = mapKeys(nextChildren);
+  let childIndex = 0;
   for (let [i, child] of nextChildren.entries()) {
-    let currChild = children.next().value;
+    let currChild = children[childIndex];
     let currKey = getKey(currChild, i);
     while (currChild && !nextChildrenMap.has(currKey)) {
       removeChild(currChild);
       childrenMap.delete(currKey);
-      currChild = children.next().value;
+      currChild = children[++childIndex];
       currKey = getKey(currChild, i);
     }
     const key = getKey(child, i);
@@ -1027,7 +1032,9 @@ function patchChildren(parent, childrenMap, nextChildren, before) {
       child = patch(parent, origChild, child);
     }
     if (currChild) {
-      if (currChild) {
+      if (currChild === origChild) {
+        childIndex++;
+      } else if (currChild) {
         const placeholder = document.createComment("");
         insertChild(parent, placeholder, currChild);
         replaces.push([placeholder, child]);

package/dist/essor.esm.js

@@ -1,6 +1,6 @@
-var Oe=Object.defineProperty;var de=Object.getOwnPropertySymbols;var je=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var me=(e,t,n)=>t in e?Oe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,j=(e,t)=>{for(var n in t||(t={}))je.call(t,n)&&me(e,n,t[n]);if(de)for(var n of de(t))_e.call(t,n)&&me(e,n,t[n]);return e};var he="0.0.6-beta.16";var S=e=>e!==null&&typeof e=="object";var k=Array.isArray;function q(e){return typeof e=="string"}function Re(e){return e===null}function ge(e){return e==null}var d=e=>typeof e=="function";function U(e){return e===!1||e===null||e===void 0||e===""}var M=e=>["string","number","boolean","symbol","undefined"].includes(typeof e)||Re(e),Z=e=>e instanceof HTMLElement||e instanceof SVGElement;function Q(e){return Array.isArray(e)?e.flat():[e]}var J=(e,t)=>e!==t&&(e===e||t===t),ye=Function.prototype;function y(e,t){return q(e)?e.indexOf(t)===0:!1}function w(e,t=new WeakMap){if(e===null||typeof e!="object")return e;if(t.has(e))return t.get(e);if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if(e instanceof Map){let o=new Map;return t.set(e,o),e.forEach((s,i)=>{o.set(w(i,t),w(s,t));}),o}if(e instanceof Set){let o=new Set;return t.set(e,o),e.forEach(s=>{o.add(w(s,t));}),o}let n=Array.isArray(e)?[]:{};t.set(e,n);let r=Object.keys(e);for(let o of r)n[o]=w(e[o],t);return n}function _(e,t,n=new WeakMap){if(M(e)&&M(t))return e===t;if(e===t)return !0;if(e==null||t==null||typeof e!="object"||typeof t!="object"||e.constructor!==t.constructor)return !1;if(n.has(e))return n.get(e)===t;if(n.set(e,t),Array.isArray(e)){if(e.length!==t.length)return !1;for(let[s,i]of e.entries())if(!_(i,t[s],n))return !1;return !0}if(e instanceof Map){if(e.size!==t.size)return !1;for(let[s,i]of e)if(!t.has(s)||!_(i,t.get(s),n))return !1;return !0}if(e instanceof Set){if(e.size!==t.size)return !1;let s=Array.from(e).sort(),i=Array.from(t).sort();for(let[a,c]of s.entries())if(!_(c,i[a],n))return !1;return !0}let r=Object.keys(e),o=new Set(Object.keys(t));if(r.length!==o.size)return !1;for(let s of r)if(!o.has(s)||!_(e[s],t[s],n))return !1;return !0}function K(e,t){return Array.isArray(t)?t.includes(e):d(t)?t(e):!1}var Te=e=>e.replaceAll(/[A-Z]+/g,(t,n)=>`${n>0?"-":""}${t.toLocaleLowerCase()}`);var ve=e=>e.charAt(0).toUpperCase()+e.slice(1);var g=null,F=null,ee=new Set,te=new WeakMap,ne=new Set,Le=["push","pop","shift","unshift","splice","sort","reverse"];function R(e,t){let n=te.get(e);n||(n=new Map,te.set(e,n));let r=n.get(t);r||(r=new Set,n.set(t,r)),g&&r.add(g),F&&ee.add(F);}function I(e,t){ee.size>0&&ee.forEach(o=>o.run());let n=te.get(e);if(!n)return;let r=n.get(t);r&&r.forEach(o=>ne.has(o)&&o());}var G=class{constructor(t){this.__activeEffect=null;this._value=t;}valueOf(){return R(this,"value"),this.__triggerObject(),this._value}toString(){return R(this,"value"),this.__triggerObject(),String(this._value)}toJSON(){return this._value}get value(){return R(this,"value"),this.__triggerObject(),this._value}__triggerObject(){g&&(this.__activeEffect=g),this._reactive=M(this._value)||Z(this._value)?this._value:A(this._value);}set value(t){p(t)&&(console.warn("Signal cannot be set to another signal, use .peek() instead"),t=t.peek()),J(t,this._value)&&(this._value=t,!M(this._value)&&!Z(this._value)&&!g&&(g=this.__activeEffect,this.__triggerObject(),g=null),I(this,"value"));}peek(){return this._value}update(){I(this,"value");}};function L(e){return p(e)?e:new G(e)}function p(e){return e instanceof G}var z=class{constructor(t){this.fn=t;this._deps=new Set;let n=F;F=this,this._value=this.fn(),F=n;}peek(){return this._value}run(){let t=this.fn();J(t,this._value)&&(this._value=t,this._deps.forEach(n=>n()));}get value(){return g&&this._deps.add(g),R(this,"_value"),this._value}};function re(e){return new z(e)}function X(e){return e instanceof z}function N(e){function t(){let n=g;g=t,e(),g=n;}return ne.add(t),t(),()=>{ne.delete(t),g=null;}}function oe(e,t){return Object.entries(e).reduce((r,[o,s])=>(r[o]=K(o,t)||p(s)?s:L(s),r),{})}function be(e,t){return e?p(e)?e.peek():k(e)?e.map(n=>be(n,t)):S(e)?Object.entries(e).reduce((n,[r,o])=>(K(r,t)?n[r]=o:n[r]=p(o)?o.peek():o,n),{}):e:{}}var xe=Symbol("useReactive");function W(e){return e&&e[xe]===!0}function We(e){return W(e)?Object.assign({},e):e}var Y=new WeakMap;function A(e,t){if(!S(e)||W(e))return e;if(Y.has(e))return Y.get(e);Array.isArray(e)&&Le.forEach(o=>{let s=e[o];R(e,"length"),Object.defineProperties(e,{[o]:{value(...i){let a=s.apply(this,i);return I(e,"length"),a},enumerable:!1,configurable:!0,writable:!0}});});let n={get(o,s,i){if(s===xe||y(s,"_"))return !0;let a=Reflect.get(o,s,i),c=p(a)?a.value:a;return K(s,t)?c:(R(o,s),S(c)?A(c):c)},set(o,s,i,a){if(K(s,t))return Reflect.set(o,s,i,a),!0;let c=Reflect.get(o,s,a);p(c)&&(c=c.value),p(i)&&(i=i.value);let u=Reflect.set(o,s,i,a);return J(i,c)&&I(o,s),u},deleteProperty(o,s){let i=Reflect.get(o,s),a=Reflect.deleteProperty(o,s);return i!==void 0&&I(o,s),a}},r=new Proxy(e,n);return Y.set(e,r),r}function se(e,...t){console.warn.apply(console,[`[Essor warn]: ${e}`].concat(t));}function Pe(e,t,n){return He(e,t,n)}function He(e,t,n){let r,o=n==null?void 0:n.deep;if(p(e)||X(e)?r=()=>e.value:W(e)?r=()=>j({},e):k(e)?r=()=>e.map(c=>p(c)||X(c)?c.value:W(c)?j({},c):d(c)?c():se("Invalid source",c)):d(e)?r=e:(se("Invalid source type",e),r=ye),t&&o){let c=r;r=()=>P(c());}let s,i=()=>{let c=w(r());_(c,s)||(t&&t(c,s),s=M(c)?c:w(c));},a=N(i);return n!=null&&n.immediate&&i(),a}function P(e,t=new Set){return !S(e)||t.has(e)||(t.add(e),k(e)?e.forEach(n=>P(n,t)):e instanceof Map?e.forEach((n,r)=>{P(r,t),P(n,t);}):e instanceof Set?e.forEach(n=>P(n,t)):Object.keys(e).forEach(n=>{P(e[n],t);})),e}var B=0,ie=new Map;function $e(e){let{state:t,getters:n,actions:r}=e,o=j({},t!=null?t:{}),s=A(t!=null?t:{}),i=[],a=[],u=j({state:s},{patch$(l){Object.assign(s,l),i.forEach(f=>f(s)),a.forEach(f=>f(s));},subscribe$(l){i.push(l);},unsubscribe$(l){let f=i.indexOf(l);f!==-1&&i.splice(f,1);},onAction$(l){a.push(l);},reset$(){Object.assign(s,o);}});for(let l in n){let f=n[l];f&&(u[l]=re(f.bind(s,s)));}for(let l in r){let f=r[l];f&&(u[l]=f.bind(s));}return ie.set(B,u),++B,u}function Ke(e){return function(){return ie.has(B)?ie.get(B):$e(e)}}var E=class E{constructor(t,n,r){this.template=t;this.props=n;this.key=r;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=oe(n,o=>y(o,"on")||y(o,"update"));}addEventListener(){}removeEventListener(){}get firstChild(){var t,n;return (n=(t=this.rootNode)==null?void 0:t.firstChild)!=null?n:null}get isConnected(){var t,n;return (n=(t=this.rootNode)==null?void 0:t.isConnected)!=null?n:!1}addHook(t,n){var r;(r=this.hooks[t])==null||r.add(n);}getContext(t){return E.context[t]}setContext(t,n){E.context[t]=n;}inheritNode(t){this.context=t.context,this.hooks=t.hooks,Object.assign(this.proxyProps,t.proxyProps),this.rootNode=t.rootNode,this.trackMap=t.trackMap;let n=this.props;this.props=t.props,this.patchProps(n);}unmount(){var t;this.hooks.destroy.forEach(n=>n()),Object.values(this.hooks).forEach(n=>n.clear()),(t=this.rootNode)==null||t.unmount(),this.rootNode=null,this.proxyProps={},this.mounted=!1,this.emitter.forEach(n=>n()),E.context={};}mount(t,n){var o,s,i,a;if(!d(this.template))throw new Error("Template must be a function");if(this.isConnected)return (s=(o=this.rootNode)==null?void 0:o.mount(t,n))!=null?s:[];E.ref=this,this.rootNode=this.template(A(this.proxyProps,["children"])),E.ref=null,this.mounted=!0;let r=(a=(i=this.rootNode)==null?void 0:i.mount(t,n))!=null?a:[];return this.hooks.mounted.forEach(c=>c()),this.patchProps(this.props),r}getNodeTrack(t,n){let r=this.trackMap.get(t);return r||(r={cleanup:()=>{}},this.trackMap.set(t,r)),n||r.cleanup(),r}patchProps(t){var n,r,o,s,i;for(let[a,c]of Object.entries(t))if(y(a,"on")&&((n=this.rootNode)!=null&&n.nodes)){let u=a.slice(2).toLowerCase(),l=c,f=v(this.rootNode.nodes[0],u,l);this.emitter.add(f);}else if(a==="ref")p(c)?t[a].value=(r=this.rootNode)==null?void 0:r.nodes[0]:d(c)&&t[a]((o=this.rootNode)==null?void 0:o.nodes[0]);else if(y(a,"update"))t[a]=p(c)?c.value:c;else {let u=(i=(s=this.proxyProps)[a])!=null?i:s[a]=L(c),l=this.getNodeTrack(a);l.cleanup=N(()=>{u.value=d(c)?c():c;});}this.props=t;}};E.ref=null,E.context={};var T=E;function Fe(e,t,n){return q(e)&&(Ee(e)&&(e=Se(e),t={1:t}),e=Ne(e)),d(e)?new T(e,t,n):new H(e,t,n)}function b(e){return e instanceof T||e instanceof H}function Ne(e){let t=document.createElement("template");return t.innerHTML=e,t}function Ie(e){return e.children}function ae(e){if(b(e)||e instanceof Node)return e;let t=U(e)?"":String(e);return document.createTextNode(t)}function x(e,t,n=null){let r=b(n)?n.firstChild:n;b(t)?t.mount(e,r):r?r.before(t):e.append(t);}function O(e){b(e)?e.unmount():e.parentNode&&e.remove();}function ce(e,t,n){x(e,t,n),O(n);}function ue(e,t,n){if(t==="class"){typeof n=="string"?e.className=n:Array.isArray(n)?e.className=n.join(" "):n&&typeof n=="object"&&(e.className=Object.entries(n).reduce((r,[o,s])=>r+(s?` ${o}`:""),"").trim());return}if(t==="style"){if(typeof n=="string")e.style.cssText=n;else if(n&&typeof n=="object"){let r=n;Object.keys(r).forEach(o=>{e.style.setProperty(Te(o),String(r[o]));});}return}U(n)?e.removeAttribute(t):n===!0?e.setAttribute(t,""):e.setAttribute(t,String(n));}function Ce(e,t){if(e instanceof HTMLInputElement){if(e.type==="checkbox")return v(e,"change",()=>{t(!!e.checked);});if(e.type==="date")return v(e,"change",()=>{t(e.value?e.value:"");});if(e.type==="file")return v(e,"change",()=>{e.files&&t(e.files);});if(e.type==="number")return v(e,"input",()=>{let n=Number.parseFloat(e.value);t(Number.isNaN(n)?"":String(n));});if(e.type==="radio")return v(e,"change",()=>{t(e.checked?e.value:"");});if(e.type==="text")return v(e,"input",()=>{t(e.value);})}if(e instanceof HTMLSelectElement)return v(e,"change",()=>{t(e.value);});if(e instanceof HTMLTextAreaElement)return v(e,"input",()=>{t(e.value);})}var ke=Promise.resolve();function Je(e){return e?ke.then(e):ke}function v(e,t,n){return e.addEventListener(t,n),()=>e.removeEventListener(t,n)}var Ge=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],ze=["a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","command","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","image","img","input","ins","kbd","keygen","label","legend","li","link","listing","main","map","mark","marquee","menu","menuitem","meta","meter","nav","nobr","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp"];function Ee(e){return ze.includes(e)}function Se(e){return Ge.includes(e)?`<${e}/>`:`<${e}></${e}>`}function we(e,t,n,r){let o=new Map,s=t.values(),i=e.childNodes.length;if(t.size>0&&n.length===0){if(i===t.size+(r?1:0)){let u=e;u.innerHTML="",r&&x(e,r);}else {let u=document.createRange(),l=s.next().value,f=b(l)?l.firstChild:l;u.setStartBefore(f),r?u.setEndBefore(r):u.setEndAfter(e),u.deleteContents();}return t.forEach(u=>{b(u)&&u.unmount();}),o}let a=[],c=Be(n);for(let[u,l]of n.entries()){let f=s.next().value,C=D(f,u);for(;f&&!c.has(C);)O(f),t.delete(C),f=s.next().value,C=D(f,u);let $=D(l,u),fe=t.get($);if(fe&&(l=Xe(e,fe,l)),f)if(f){let pe=document.createComment("");x(e,pe,f),a.push([pe,l]);}else x(e,l,r);else x(e,l,r);o.set($,l);}return a.forEach(([u,l])=>ce(e,l,u)),t.forEach((u,l)=>{u.isConnected&&!o.has(l)&&O(u);}),o}function Xe(e,t,n){return t===n?t:b(t)&&b(n)&&t.template===n.template?(n.inheritNode(t),n):t instanceof Text&&n instanceof Text?(t.textContent!==n.textContent&&(t.textContent=n.textContent),t):(ce(e,n,t),n)}function Be(e){let t=new Map;for(let[n,r]of e.entries()){let o=D(r,n);t.set(o,r);}return t}function D(e,t){let n=e instanceof Element?e.id:void 0,r=n===""?void 0:n;return r!=null?r:`_$${t}$`}var H=class e{constructor(t,n,r){this.template=t;this.props=n;this.key=r;this.treeMap=new Map;this.mounted=!1;this.nodes=[];this.provides={};this.trackMap=new Map;this.parent=null;}get firstChild(){var t;return (t=this.nodes[0])!=null?t:null}get isConnected(){return this.mounted}addEventListener(){}removeEventListener(){}unmount(){this.trackMap.forEach(t=>{var n,r;(n=t.cleanup)==null||n.call(t),(r=t.lastNodes)==null||r.forEach(o=>{t.isRoot?O(o):o instanceof e&&o.unmount();});}),this.trackMap.clear(),this.treeMap.clear(),this.nodes.forEach(t=>O(t)),this.nodes=[],this.mounted=!1;}mount(t,n){var s;if(this.parent=t,this.isConnected)return this.nodes.forEach(i=>x(t,i,n)),this.nodes;let r=this.template.content.cloneNode(!0),o=r.firstChild;return (s=o==null?void 0:o.hasAttribute)!=null&&s.call(o,"_svg_")&&(o.remove(),o==null||o.childNodes.forEach(i=>{r.append(i);})),this.nodes=Array.from(r.childNodes),this.mapNodeTree(t,r),x(t,r,n),this.patchNodes(this.props),this.mounted=!0,this.nodes}mapNodeTree(t,n){let r=1;this.treeMap.set(0,t);let o=s=>{s.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&this.treeMap.set(r++,s);let i=s.firstChild;for(;i;)o(i),i=i.nextSibling;};o(n);}patchNodes(t){for(let n in t){let r=Number(n),o=this.treeMap.get(r);if(o){let s=this.props[n];this.patchNode(n,o,s,r===0);}}this.props=t;}getNodeTrack(t,n,r){var s;let o=this.trackMap.get(t);return o||(o={cleanup:()=>{}},n&&(o.lastNodes=new Map),r&&(o.isRoot=!0),this.trackMap.set(t,o)),(s=o.cleanup)==null||s.call(o),o}inheritNode(t){this.mounted=t.mounted,this.nodes=t.nodes,this.trackMap=t.trackMap,this.treeMap=t.treeMap;let n=this.props;this.props=t.props,this.patchNodes(n);}patchNode(t,n,r,o){for(let s in r)if(s==="children"&&r.children)if(k(r.children))r.children.filter(Boolean).forEach((i,a)=>{var $;let[c,u]=k(i)?i:[i,null],l=ge(u)?null:($=this.treeMap.get(u))!=null?$:null,f=`${t}:${s}:${a}`,C=this.getNodeTrack(f,!0,o);Ae(C,n,c,l);});else {let i=`${t}:${s}:0`,a=this.getNodeTrack(i,!0,o);Ae(a,n,r.children,null);}else if(s==="ref")p(r[s])?r[s].value=n:d(r[s])&&r[s](n);else if(y(s,"on")){let i=s.slice(2).toLocaleLowerCase(),a=this.getNodeTrack(`${t}:${s}`),c=r[s];a.cleanup=v(n,i,c);}else if(!y(s,"update")){let i=this.getNodeTrack(`${t}:${s}`),a=r[s],c=p(a)?a:L(a);Me(i,n,s,c.value);let u=N(()=>{c.value=p(a)?a.value:a,Me(i,n,s,c.value);}),l,f=`update${ve(s)}`;r[f]&&(l=Ce(n,C=>{r[f](C);})),i.cleanup=()=>{u&&u(),l&&l();};}}};function Me(e,t,n,r){let o=t;o.setAttribute&&(d(r)?e.cleanup=N(()=>{ue(o,n,r());}):ue(o,n,r));}function Ae(e,t,n,r){d(n)?e.cleanup=N(()=>{let o=Q(n()).map(ae);e.lastNodes=we(t,e.lastNodes,o,r);}):Q(n).forEach((o,s)=>{let i=ae(o);e.lastNodes.set(String(s),i),x(t,i,r);});}function De(e){var t;V("onMounted"),(t=T.ref)==null||t.addHook("mounted",e);}function Ve(e){var t;V("onDestroy"),(t=T.ref)==null||t.addHook("destroy",e);}function V(e){T.ref||console.error(`"${e}" can only be called within the component function body
-      and cannot be used in asynchronous or deferred calls.`);}function qe(e,t){var n;V("useProvide"),(n=T.ref)==null||n.setContext(e,t);}function Ue(e,t){var n;return V("useInject"),((n=T.ref)==null?void 0:n.getContext(e))||t}function Ze(){let e=null;return new Proxy({},{get(t,n){return n==="__is_ref"?!0:e},set(t,n,r){return e=r,!0}})}function Qe(e){return Object.entries(e).map(([t,n])=>`${t}=${JSON.stringify(escape(String(n)))}`).join(" ")}function le(e,t){if(d(e))return e(t);let n=Array.isArray(e)?e.reduce((s,i,a)=>(s[a+1]={template:i},s),{}):e,r={},o={};if(S(n))for(let[s,i]of Object.entries(n)){let a=t[s];if(a){for(let c in a)y(c,"on")&&d(a[c])&&delete a[c];if(a.children){for(let[c,u]of a.children)r[u]||(r[u]=[]),r[u].push(c);delete a.children;}}o[s]={template:i.template,prop:a};}return Object.entries(o).map(([s,{template:i,prop:a}])=>{let c=i;return a&&(c+=` ${Qe(a)}`),r[s]&&(c+=r[s].map(u=>le(u,a)).join("")),c}).join("")}function pn(e,t){return le(e,t)}function dn(e,t,n={}){t.innerHTML=le(e,n);}globalThis&&(globalThis.__essor_version=he);
+var je=Object.defineProperty;var me=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var he=(e,t,n)=>t in e?je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,k=(e,t)=>{for(var n in t||(t={}))Re.call(t,n)&&he(e,n,t[n]);if(me)for(var n of me(t))_e.call(t,n)&&he(e,n,t[n]);return e};var ge="0.0.6";var C=e=>e!==null&&typeof e=="object";var M=Array.isArray;function U(e){return typeof e=="string"}function Le(e){return e===null}function ye(e){return e==null}var d=e=>typeof e=="function";function Z(e){return e===!1||e===null||e===void 0||e===""}var A=e=>["string","number","boolean","symbol","undefined"].includes(typeof e)||Le(e),Q=e=>e instanceof HTMLElement||e instanceof SVGElement;function Y(e){return Array.isArray(e)?e.flat():[e]}var J=(e,t)=>e!==t&&(e===e||t===t),Te=Function.prototype;function y(e,t){return U(e)?e.indexOf(t)===0:!1}function w(e,t=new WeakMap){if(e===null||typeof e!="object")return e;if(t.has(e))return t.get(e);if(e instanceof Date)return new Date(e);if(e instanceof RegExp)return new RegExp(e);if(e instanceof Map){let s=new Map;return t.set(e,s),e.forEach((o,i)=>{s.set(w(i,t),w(o,t));}),s}if(e instanceof Set){let s=new Set;return t.set(e,s),e.forEach(o=>{s.add(w(o,t));}),s}let n=Array.isArray(e)?[]:{};t.set(e,n);let r=Object.keys(e);for(let s of r)n[s]=w(e[s],t);return n}function _(e,t,n=new WeakMap){if(A(e)&&A(t))return e===t;if(e===t)return !0;if(e==null||t==null||typeof e!="object"||typeof t!="object"||e.constructor!==t.constructor)return !1;if(n.has(e))return n.get(e)===t;if(n.set(e,t),Array.isArray(e)){if(e.length!==t.length)return !1;for(let[o,i]of e.entries())if(!_(i,t[o],n))return !1;return !0}if(e instanceof Map){if(e.size!==t.size)return !1;for(let[o,i]of e)if(!t.has(o)||!_(i,t.get(o),n))return !1;return !0}if(e instanceof Set){if(e.size!==t.size)return !1;let o=Array.from(e).sort(),i=Array.from(t).sort();for(let[a,c]of o.entries())if(!_(c,i[a],n))return !1;return !0}let r=Object.keys(e),s=new Set(Object.keys(t));if(r.length!==s.size)return !1;for(let o of r)if(!s.has(o)||!_(e[o],t[o],n))return !1;return !0}function I(e,t){return Array.isArray(t)?t.includes(e):d(t)?t(e):!1}var be=e=>e.replaceAll(/[A-Z]+/g,(t,n)=>`${n>0?"-":""}${t.toLocaleLowerCase()}`);var ve=e=>e.charAt(0).toUpperCase()+e.slice(1);var N=null,L=null,te=new WeakMap,ne=new WeakMap,re=new Set,ee=new WeakMap,We=["push","pop","shift","unshift","splice","sort","reverse"];function W(e,t){if(!N&&!L)return;let n=ne.get(e);n||(n=new Map,ne.set(e,n));let r=n.get(t);r||(r=new Set,n.set(t,r)),N&&r.add(N);let s=te.get(e);s||(s=new Map,te.set(e,s));let o=s.get(t);o||(o=new Set,s.set(t,o)),L&&o.add(L);}function F(e,t){let n=ne.get(e);if(!n)return;let r=n.get(t);r&&r.forEach(o=>re.has(o)&&o());let s=te.get(e);if(s){let o=s.get(t);o&&o.forEach(i=>i.run());}}var G=class{constructor(t){this._value=t;}valueOf(){return W(this,"value"),this.__triggerObject(),this._value}toString(){return W(this,"value"),this.__triggerObject(),String(this._value)}toJSON(){return this._value}get value(){return W(this,"value"),this.__triggerObject(),this._value}__triggerObject(){!A(this._value)&&!Q(this._value)&&O(this._value);}set value(t){p(t)&&(console.warn("Signal cannot be set to another signal, use .peek() instead"),t=t.peek()),J(t,this._value)&&(this._value=t,!A(this._value)&&!Q(this._value)&&this.__triggerObject(),F(this,"value"));}peek(){return this._value}update(){F(this,"value");}};function P(e){return p(e)?e:new G(e)}function p(e){return e instanceof G}var X=class{constructor(t){this.fn=t;this._deps=new Set;let n=L;L=this,this._value=this.fn(),L=n;}peek(){return this._value}run(){let t=this.fn();J(t,this._value)&&(this._value=t,this._deps.forEach(n=>n()));}get value(){return N&&this._deps.add(N),W(this,"_value"),this._value}};function oe(e){return new X(e)}function z(e){return e instanceof X}function S(e){function t(){let n=N;N=t,e(),N=n;}return re.add(t),t(),()=>{re.delete(t),N=null;}}function se(e,t){return Object.entries(e).reduce((r,[s,o])=>(r[s]=I(s,t)||p(o)?o:P(o),r),{})}function xe(e,t){return e?p(e)?e.peek():M(e)?e.map(n=>xe(n,t)):C(e)?Object.entries(e).reduce((n,[r,s])=>(I(r,t)?n[r]=s:n[r]=p(s)?s.peek():s,n),{}):e:{}}var Ne=Symbol("useReactive");function H(e){return e&&e[Ne]===!0}function Pe(e){return H(e)?k({},e):e}function O(e,t){if(!C(e)||H(e))return e;if(ee.has(e))return ee.get(e);Array.isArray(e)&&We.forEach(s=>{let o=e[s];W(e,"length"),Object.defineProperties(e,{[s]:{value(...i){let a=o.apply(this,i);return F(e,"length"),a},enumerable:!1,configurable:!0,writable:!0}});});let n={get(s,o,i){if(o===Ne||y(o,"_"))return !0;let a=Reflect.get(s,o,i),c=p(a)?a.value:a;return I(o,t)?c:(W(s,o),C(c)?O(c):c)},set(s,o,i,a){if(I(o,t))return Reflect.set(s,o,i,a),!0;let c=Reflect.get(s,o,a);p(c)&&(c=c.value),p(i)&&(i=i.value);let f=Reflect.set(s,o,i,a);return J(i,c)&&F(s,o),f},deleteProperty(s,o){let i=Reflect.get(s,o),a=Reflect.deleteProperty(s,o);return i!==void 0&&F(s,o),a}},r=new Proxy(e,n);return ee.set(e,r),r}function ie(e,...t){console.warn.apply(console,[`[Essor warn]: ${e}`].concat(t));}function He(e,t,n){return $e(e,t,n)}function $e(e,t,n){let r,s=n==null?void 0:n.deep;if(p(e)||z(e)?r=()=>e.value:H(e)?r=()=>k({},e):M(e)?r=()=>e.map(c=>p(c)||z(c)?c.value:H(c)?k({},c):d(c)?c():ie("Invalid source",c)):d(e)?r=e:(ie("Invalid source type",e),r=Te),t&&s){let c=r;r=()=>$(c());}let o,i=()=>{let c=w(r());_(c,o)||(t&&t(c,o),o=A(c)?c:w(c));},a=S(i);return n!=null&&n.immediate&&i(),a}function $(e,t=new Set){return !C(e)||t.has(e)||(t.add(e),M(e)?e.forEach(n=>$(n,t)):e instanceof Map?e.forEach((n,r)=>{$(r,t),$(n,t);}):e instanceof Set?e.forEach(n=>$(n,t)):Object.keys(e).forEach(n=>{$(e[n],t);})),e}var B=0,ae=new Map;function Ke(e){let{state:t,getters:n,actions:r}=e,s=k({},t!=null?t:{}),o=O(t!=null?t:{}),i=[],a=[],f=k({state:o},{patch$(u){Object.assign(o,u),i.forEach(l=>l(o)),a.forEach(l=>l(o));},subscribe$(u){i.push(u);},unsubscribe$(u){let l=i.indexOf(u);l!==-1&&i.splice(l,1);},onAction$(u){a.push(u);},reset$(){Object.assign(o,s);}});for(let u in n){let l=n[u];l&&(f[u]=oe(l.bind(o,o)));}for(let u in r){let l=r[u];l&&(f[u]=l.bind(o));}return ae.set(B,f),++B,f}function Ie(e){return function(){return ae.has(B)?ae.get(B):Ke(e)}}var E=class E{constructor(t,n,r){this.template=t;this.props=n;this.key=r;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=se(n,s=>y(s,"on")||y(s,"update"));}addEventListener(){}removeEventListener(){}get firstChild(){var t,n;return (n=(t=this.rootNode)==null?void 0:t.firstChild)!=null?n:null}get isConnected(){var t,n;return (n=(t=this.rootNode)==null?void 0:t.isConnected)!=null?n:!1}addHook(t,n){var r;(r=this.hooks[t])==null||r.add(n);}getContext(t){return E.context[t]}setContext(t,n){E.context[t]=n;}inheritNode(t){this.context=t.context,this.hooks=t.hooks,Object.assign(this.proxyProps,t.proxyProps),this.rootNode=t.rootNode,this.trackMap=t.trackMap;let n=this.props;this.props=t.props,this.patchProps(n);}unmount(){var t;this.hooks.destroy.forEach(n=>n()),Object.values(this.hooks).forEach(n=>n.clear()),(t=this.rootNode)==null||t.unmount(),this.rootNode=null,this.proxyProps={},this.mounted=!1,this.emitter.forEach(n=>n()),E.context={};}mount(t,n){var s,o,i,a;if(!d(this.template))throw new Error("Template must be a function");if(this.isConnected)return (o=(s=this.rootNode)==null?void 0:s.mount(t,n))!=null?o:[];E.ref=this,this.rootNode=this.template(O(this.proxyProps,["children"])),E.ref=null,this.mounted=!0;let r=(a=(i=this.rootNode)==null?void 0:i.mount(t,n))!=null?a:[];return this.hooks.mounted.forEach(c=>c()),this.patchProps(this.props),r}getNodeTrack(t,n){let r=this.trackMap.get(t);return r||(r={cleanup:()=>{}},this.trackMap.set(t,r)),n||r.cleanup(),r}patchProps(t){var n,r,s,o,i;for(let[a,c]of Object.entries(t))if(y(a,"on")&&((n=this.rootNode)!=null&&n.nodes)){let f=a.slice(2).toLowerCase(),u=c,l=b(this.rootNode.nodes[0],f,u);this.emitter.add(l);}else if(a==="ref")p(c)?t[a].value=(r=this.rootNode)==null?void 0:r.nodes[0]:d(c)&&t[a]((s=this.rootNode)==null?void 0:s.nodes[0]);else if(y(a,"update"))t[a]=p(c)?c.value:c;else {let f=(i=(o=this.proxyProps)[a])!=null?i:o[a]=P(c),u=this.getNodeTrack(a);u.cleanup=S(()=>{f.value=d(c)?c():c;});}this.props=t;}};E.ref=null,E.context={};var T=E;function Fe(e,t,n){return U(e)&&(Ee(e)&&(e=ke(e),t={1:t}),e=Se(e)),d(e)?new T(e,t,n):new K(e,t,n)}function v(e){return e instanceof T||e instanceof K}function Se(e){let t=document.createElement("template");return t.innerHTML=e,t}function Je(e){return e.children}function ce(e){if(v(e)||e instanceof Node)return e;let t=Z(e)?"":String(e);return document.createTextNode(t)}function x(e,t,n=null){let r=v(n)?n.firstChild:n;v(t)?t.mount(e,r):r?r.before(t):e.append(t);}function j(e){v(e)?e.unmount():e.parentNode&&e.remove();}function ue(e,t,n){x(e,t,n),j(n);}function le(e,t,n){if(t==="class"){typeof n=="string"?e.className=n:Array.isArray(n)?e.className=n.join(" "):n&&typeof n=="object"&&(e.className=Object.entries(n).reduce((r,[s,o])=>r+(o?` ${s}`:""),"").trim());return}if(t==="style"){if(typeof n=="string")e.style.cssText=n;else if(n&&typeof n=="object"){let r=n;Object.keys(r).forEach(s=>{e.style.setProperty(be(s),String(r[s]));});}return}Z(n)?e.removeAttribute(t):n===!0?e.setAttribute(t,""):e.setAttribute(t,String(n));}function Me(e,t){if(e instanceof HTMLInputElement){if(e.type==="checkbox")return b(e,"change",()=>{t(!!e.checked);});if(e.type==="date")return b(e,"change",()=>{t(e.value?e.value:"");});if(e.type==="file")return b(e,"change",()=>{e.files&&t(e.files);});if(e.type==="number")return b(e,"input",()=>{let n=Number.parseFloat(e.value);t(Number.isNaN(n)?"":String(n));});if(e.type==="radio")return b(e,"change",()=>{t(e.checked?e.value:"");});if(e.type==="text")return b(e,"input",()=>{t(e.value);})}if(e instanceof HTMLSelectElement)return b(e,"change",()=>{t(e.value);});if(e instanceof HTMLTextAreaElement)return b(e,"input",()=>{t(e.value);})}var Ce=Promise.resolve();function Ge(e){return e?Ce.then(e):Ce}function b(e,t,n){return e.addEventListener(t,n),()=>e.removeEventListener(t,n)}var Xe=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],ze=["a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","command","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","image","img","input","ins","kbd","keygen","label","legend","li","link","listing","main","map","mark","marquee","menu","menuitem","meta","meter","nav","nobr","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp"];function Ee(e){return ze.includes(e)}function ke(e){return Xe.includes(e)?`<${e}/>`:`<${e}></${e}>`}function we(e,t,n,r){let s=new Map,o=Array.from(t.values()),i=o.length;if(t.size>0&&n.length===0){if(e.childNodes.length===i+(r?1:0))e.innerHTML="",r&&x(e,r);else {let u=document.createRange(),l=o[0],m=v(l)?l.firstChild:l;u.setStartBefore(m),r?u.setEndBefore(r):u.setEndAfter(e),u.deleteContents();}return o.forEach(u=>{v(u)&&u.unmount();}),s}let a=[],c=De(n),f=0;for(let[u,l]of n.entries()){let m=o[f],R=D(m,u);for(;m&&!c.has(R);)j(m),t.delete(R),m=o[++f],R=D(m,u);let pe=D(l,u),q=t.get(pe);if(q&&(l=Be(e,q,l)),m)if(m===q)f++;else if(m){let de=document.createComment("");x(e,de,m),a.push([de,l]);}else x(e,l,r);else x(e,l,r);s.set(pe,l);}return a.forEach(([u,l])=>ue(e,l,u)),t.forEach((u,l)=>{u.isConnected&&!s.has(l)&&j(u);}),s}function Be(e,t,n){return t===n?t:v(t)&&v(n)&&t.template===n.template?(n.inheritNode(t),n):t instanceof Text&&n instanceof Text?(t.textContent!==n.textContent&&(t.textContent=n.textContent),t):(ue(e,n,t),n)}function De(e){let t=new Map;for(let[n,r]of e.entries()){let s=D(r,n);t.set(s,r);}return t}function D(e,t){let n=e instanceof Element?e.id:void 0,r=n===""?void 0:n;return r!=null?r:`_$${t}$`}var K=class e{constructor(t,n,r){this.template=t;this.props=n;this.key=r;this.treeMap=new Map;this.mounted=!1;this.nodes=[];this.provides={};this.trackMap=new Map;this.parent=null;}get firstChild(){var t;return (t=this.nodes[0])!=null?t:null}get isConnected(){return this.mounted}addEventListener(){}removeEventListener(){}unmount(){this.trackMap.forEach(t=>{var n,r;(n=t.cleanup)==null||n.call(t),(r=t.lastNodes)==null||r.forEach(s=>{t.isRoot?j(s):s instanceof e&&s.unmount();});}),this.trackMap.clear(),this.treeMap.clear(),this.nodes.forEach(t=>j(t)),this.nodes=[],this.mounted=!1;}mount(t,n){var o;if(this.parent=t,this.isConnected)return this.nodes.forEach(i=>x(t,i,n)),this.nodes;let r=this.template.content.cloneNode(!0),s=r.firstChild;return (o=s==null?void 0:s.hasAttribute)!=null&&o.call(s,"_svg_")&&(s.remove(),s==null||s.childNodes.forEach(i=>{r.append(i);})),this.nodes=Array.from(r.childNodes),this.mapNodeTree(t,r),x(t,r,n),this.patchNodes(this.props),this.mounted=!0,this.nodes}mapNodeTree(t,n){let r=1;this.treeMap.set(0,t);let s=o=>{o.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&this.treeMap.set(r++,o);let i=o.firstChild;for(;i;)s(i),i=i.nextSibling;};s(n);}patchNodes(t){for(let n in t){let r=Number(n),s=this.treeMap.get(r);if(s){let o=this.props[n];this.patchNode(n,s,o,r===0);}}this.props=t;}getNodeTrack(t,n,r){var o;let s=this.trackMap.get(t);return s||(s={cleanup:()=>{}},n&&(s.lastNodes=new Map),r&&(s.isRoot=!0),this.trackMap.set(t,s)),(o=s.cleanup)==null||o.call(s),s}inheritNode(t){this.mounted=t.mounted,this.nodes=t.nodes,this.trackMap=t.trackMap,this.treeMap=t.treeMap;let n=this.props;this.props=t.props,this.patchNodes(n);}patchNode(t,n,r,s){for(let o in r)if(o==="children"&&r.children)if(M(r.children))r.children.filter(Boolean).forEach((i,a)=>{var R;let[c,f]=M(i)?i:[i,null],u=ye(f)?null:(R=this.treeMap.get(f))!=null?R:null,l=`${t}:${o}:${a}`,m=this.getNodeTrack(l,!0,s);Oe(m,n,c,u);});else {let i=`${t}:${o}:0`,a=this.getNodeTrack(i,!0,s);Oe(a,n,r.children,null);}else if(o==="ref")p(r[o])?r[o].value=n:d(r[o])&&r[o](n);else if(y(o,"on")){let i=o.slice(2).toLocaleLowerCase(),a=this.getNodeTrack(`${t}:${o}`),c=r[o];a.cleanup=b(n,i,c);}else if(!y(o,"update")){let i=this.getNodeTrack(`${t}:${o}`),a=r[o],c=p(a)?a:P(a);Ae(i,n,o,c.value);let f=S(()=>{c.value=p(a)?a.value:a,Ae(i,n,o,c.value);}),u,l=`update${ve(o)}`;r[l]&&(u=Me(n,m=>{r[l](m);})),i.cleanup=()=>{f&&f(),u&&u();};}}};function Ae(e,t,n,r){let s=t;s.setAttribute&&(d(r)?e.cleanup=S(()=>{le(s,n,r());}):le(s,n,r));}function Oe(e,t,n,r){d(n)?e.cleanup=S(()=>{let s=Y(n()).map(ce);e.lastNodes=we(t,e.lastNodes,s,r);}):Y(n).forEach((s,o)=>{let i=ce(s);e.lastNodes.set(String(o),i),x(t,i,r);});}function Ve(e){var t;V("onMounted"),(t=T.ref)==null||t.addHook("mounted",e);}function qe(e){var t;V("onDestroy"),(t=T.ref)==null||t.addHook("destroy",e);}function V(e){T.ref||console.error(`"${e}" can only be called within the component function body
+      and cannot be used in asynchronous or deferred calls.`);}function Ue(e,t){var n;V("useProvide"),(n=T.ref)==null||n.setContext(e,t);}function Ze(e,t){var n;return V("useInject"),((n=T.ref)==null?void 0:n.getContext(e))||t}function Qe(){let e=null;return new Proxy({},{get(t,n){return n==="__is_ref"?!0:e},set(t,n,r){return e=r,!0}})}function Ye(e){return Object.entries(e).map(([t,n])=>`${t}=${JSON.stringify(escape(String(n)))}`).join(" ")}function fe(e,t){if(d(e))return e(t);let n=Array.isArray(e)?e.reduce((o,i,a)=>(o[a+1]={template:i},o),{}):e,r={},s={};if(C(n))for(let[o,i]of Object.entries(n)){let a=t[o];if(a){for(let c in a)y(c,"on")&&d(a[c])&&delete a[c];if(a.children){for(let[c,f]of a.children)r[f]||(r[f]=[]),r[f].push(c);delete a.children;}}s[o]={template:i.template,prop:a};}return Object.entries(s).map(([o,{template:i,prop:a}])=>{let c=i;return a&&(c+=` ${Ye(a)}`),r[o]&&(c+=r[o].map(f=>fe(f,a)).join("")),c}).join("")}function mn(e,t){return fe(e,t)}function hn(e,t,n={}){t.innerHTML=fe(e,n);}globalThis&&(globalThis.__essor_version=ge);
 
-export { T as ComponentNode, Ie as Fragment, H as TemplateNode, he as __essor_version, Ke as createStore, Fe as h, X as isComputed, b as isJsxElement, W as isReactive, p as isSignal, Je as nextTick, Ve as onDestroy, De as onMount, le as renderTemplate, pn as renderToString, oe as signalObject, dn as ssgRender, Ne as template, We as unReactive, be as unSignal, re as useComputed, N as useEffect, Ue as useInject, qe as useProvide, A as useReactive, Ze as useRef, L as useSignal, Pe as useWatch };
+export { T as ComponentNode, Je as Fragment, K as TemplateNode, ge as __essor_version, Ie as createStore, Fe as h, z as isComputed, v as isJsxElement, H as isReactive, p as isSignal, Ge as nextTick, qe as onDestroy, Ve as onMount, fe as renderTemplate, mn as renderToString, se as signalObject, hn as ssgRender, Se as template, Pe as unReactive, xe as unSignal, oe as useComputed, S as useEffect, Ze as useInject, Ue as useProvide, O as useReactive, Qe as useRef, P as useSignal, He as useWatch };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=essor.esm.js.map