essor 0.0.11 → 0.0.12-beta.1

package/dist/essor.cjs.js

@@ -1,55 +1,1421 @@
 'use strict';
 
 /**
-* essor v0.0.11
+* essor v0.0.12-beta.1
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
-var nt="0.0.11";var rt=t=>t!==null&&typeof t=="object";var D=Array.isArray;function K(t){return typeof t=="string"}function st(t){return t==null}var d=t=>typeof t=="function";function B(t){return t===!1||t===null||t===void 0}function q(t){return Array.isArray(t)?t.flat():[t]}function g(t,e){return K(t)?t.indexOf(e)===0:!1}var ot=t=>t.replaceAll(/[A-Z]+/g,(e,n)=>`${n>0?"-":""}${e.toLocaleLowerCase()}`);var it=t=>t.charAt(0).toUpperCase()+t.slice(1);var Tt=Object.defineProperty,ct=Object.getOwnPropertySymbols,Ot=Object.prototype.hasOwnProperty,At=Object.prototype.propertyIsEnumerable,at=(t,e,n)=>e in t?Tt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,A=(t,e)=>{for(var n in e||(e={}))Ot.call(e,n)&&at(t,n,e[n]);if(ct)for(var n of ct(e))At.call(e,n)&&at(t,n,e[n]);return t},j=t=>t!==null&&typeof t=="object",pt=Array.isArray;function jt(t){return typeof t=="string"}function xt(t){return t===null}function Pt(t){return $.call(t)==="[object Set]"}function $t(t){return $.call(t)==="[object WeakMap]"}function Lt(t){return $.call(t)==="[object WeakSet]"}function Rt(t){return $.call(t)==="[object Map]"}var J=t=>typeof t=="function",ut=t=>["string","number","boolean","symbol","undefined"].includes(typeof t)||xt(t);function lt(t){return t?t&&typeof t=="object"&&t.nodeType===1&&typeof t.nodeName=="string":!1}var $=Object.prototype.toString,Wt=Object.prototype.hasOwnProperty,Ht=(t,e)=>Wt.call(t,e),L=(t,e)=>t!==e&&(t===t||e===e),Ft=Function.prototype;function It(t,e){return jt(t)?t.indexOf(e)===0:!1}function x(t,e){return Array.isArray(e)?e.includes(t):J(e)?e(t):!1}function ft(t,...e){console.warn.apply(console,[`[Essor warn]: ${t}`].concat(e));}var b=null,_=null,U=new WeakMap,G=new WeakMap,Z=new Set,z=new WeakMap,Dt=["push","pop","shift","unshift","splice","sort","reverse"];function R(t,e){if(!b&&!_)return;let n=G.get(t);n||(n=new Map,G.set(t,n));let r=n.get(e);r||(r=new Set,n.set(e,r)),b&&r.add(b);let o=U.get(t);o||(o=new Map,U.set(t,o));let s=o.get(e);s||(s=new Set,o.set(e,s)),_&&s.add(_);}function E(t,e){let n=G.get(t);if(!n)return;let r=n.get(e);r&&r.forEach(s=>Z.has(s)&&s());let o=U.get(t);if(o){let s=o.get(e);s&&s.forEach(c=>c.run());}}var X=class{constructor(t,e=!1){this._value=t,this._shallow=e;}get value(){return R(this,"_sv"),this.__triggerObject(),this._value}__triggerObject(){!ut(this._value)&&!lt(this._value)&&!this._shallow&&k(this._value);}set value(t){h(t)&&(console.warn("Signal cannot be set to another signal, use .peek() instead"),t=t.peek()),L(t,this._value)&&(this._value=t,!ut(this._value)&&!lt(this._value)&&this.__triggerObject(),E(this,"_sv"));}peek(){return this._value}};function W(t){return h(t)?t:new X(t)}function le(t){return new X(t,!0)}function h(t){return t instanceof X}var dt=class{constructor(t){this.fn=t;let e=_;_=this,this._value=this.fn(),_=e;}peek(){return this._value}run(){let t=this.fn();L(t,this._value)&&(this._value=t,E(this,"_cv"));}get value(){return R(this,"_cv"),this._value}};function Kt(t){return new dt(t)}function ht(t){return t instanceof dt}function M(t){function e(){let n=b;b=e,t(),b=n;}return Z.add(e),e(),()=>{Z.delete(e),b=null;}}function mt(t,e){return Object.entries(t).reduce((r,[o,s])=>(r[o]=x(o,e)||h(s)?s:W(s),r),{})}function Bt(t,e){return t?h(t)?t.peek():pt(t)?t.map(n=>Bt(n,e)):j(t)?Object.entries(t).reduce((n,[r,o])=>(x(r,e)?n[r]=o:n[r]=h(o)?o.peek():w(o)?gt(o):o,n),{}):t:{}}var vt=Symbol("useReactive");function w(t){return t&&t[vt]===!0}function qt(t){Dt.forEach(e=>{let n=Array.prototype[e];R(t,"length"),Object.defineProperty(t,e,{value(...r){let o=n.apply(this,r);return ["push","pop","shift","unshift","splice","sort","reverse"].includes(e)&&E(t,"length"),o},enumerable:!1,writable:!0,configurable:!0});});}function k(t,e){return bt(t,e,!1)}function fe(t,e){return bt(t,e,!0)}function gt(t){if(!j(t)||!w(t))return t;let e=Array.isArray(t)?[]:{};for(let n in t)if(Ht(t,n)){let r=t[n];w(r)?e[n]=gt(r):h(r)?e[n]=r.peek():e[n]=r;}return e}function bt(t,e,n=!1){if(!j(t)||w(t))return t;if(z.has(t))return z.get(t);if(Array.isArray(t)&&qt(t),Pt(t)||Rt(t)||Lt(t)||$t(t))return t;let r={get(s,c,i){if(c===vt||It(c,"_"))return !0;let a=Reflect.get(s,c,i),l=h(a)?a.value:a;return x(c,e)?l:(R(s,c),j(l)&&!n?k(l):l)},set(s,c,i,a){if(x(c,e))return Reflect.set(s,c,i,a),!0;let l=Reflect.get(s,c,a);h(l)&&(l=l.value),h(i)&&(i=i.value);let u=Reflect.set(s,c,i,a);return L(i,l)&&E(s,c),u},deleteProperty(s,c){let i=Reflect.get(s,c),a=Reflect.deleteProperty(s,c);return i!==void 0&&E(s,c),a}},o=new Proxy(t,r);return z.set(t,o),o}function zt(t,e,n){return Jt(t,e,n)}function Jt(t,e,n){let r;h(t)||ht(t)?r=()=>t.value:w(t)?r=()=>A({},t):pt(t)?r=()=>t.map(i=>h(i)||ht(i)?i.value:w(i)?A({},i):J(i)?i():ft("Invalid source",i)):J(t)?r=t:(ft("Invalid source type",t),r=Ft);let o,s=()=>{let i=r();(n!=null&&n.deep||L(i,o))&&(e&&e(i,o),o=i);},c=M(s);return n!=null&&n.immediate&&s(),c}var P=0,Q=new Map;function Ut(t){let{state:e,getters:n,actions:r}=t,o=A({},e!=null?e:{}),s=k(e!=null?e:{}),c=[],i=[],l=A({state:s},{patch$(u){Object.assign(s,u),c.forEach(f=>f(s)),i.forEach(f=>f(s));},subscribe$(u){c.push(u);},unsubscribe$(u){let f=c.indexOf(u);f!==-1&&c.splice(f,1);},onAction$(u){i.push(u);},reset$(){Object.assign(s,o);}});for(let u in n){let f=n[u];f&&zt(Kt(f.bind(s,s)),p=>{l[u]=p;});}for(let u in r){let f=r[u];f&&(l[u]=f.bind(s));}return Q.set(P,l),++P,l}function he(t){return function(){return Q.has(P)?Q.get(P):Ut(t)}}var Y=class S{constructor(e,n){this.template=e,this.props=n,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=mt(n,r=>g(r,"on")||g(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 r;(r=this.hooks[e])==null||r.add(n);}getContext(e){return S.context[e]}setContext(e,n){S.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);}mount(e,n){var r,o,s,c;if(!d(this.template))throw new Error("Template must be a function");if(this.isConnected)return (o=(r=this.rootNode)==null?void 0:r.mount(e,n))!=null?o:[];S.ref=this,this.rootNode=this.template(k(this.proxyProps,["children"])),S.ref=null,this.mounted=!0;let i=(c=(s=this.rootNode)==null?void 0:s.mount(e,n))!=null?c:[];return this.hooks.mounted.forEach(a=>a()),this.patchProps(this.props),i}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());}getNodeTrack(e,n){let r=this.trackMap.get(e);return r||(r={cleanup:()=>{}},this.trackMap.set(e,r)),n||r.cleanup(),r}patchProps(e){var n,r,o,s,c;for(let[i,a]of Object.entries(e))if(g(i,"on")&&((n=this.rootNode)!=null&&n.nodes)){let l=i.slice(2).toLowerCase(),u=a,f=m(this.rootNode.nodes[0],l,u);this.emitter.add(f);}else if(i==="ref")h(a)?e[i].value=(r=this.rootNode)==null?void 0:r.nodes[0]:d(a)&&e[i]((o=this.rootNode)==null?void 0:o.nodes[0]);else if(g(i,"update"))e[i]=h(a)?a.value:a;else if(i!=="children"){let l=(c=(s=this.proxyProps)[i])!=null?c:s[i]=W(a),u=this.getNodeTrack(i);u.cleanup=M(()=>{l.value=d(a)?a():a;});}this.props=e;}};Y.ref=null;Y.context={};var N=Y;function ye(t,e){return K(t)&&(Yt(t)&&(t=Vt(t),e={1:e}),t===""&&(e={0:e}),t=Gt(t)),d(t)?new N(t,e):new kt(t,e)}function v(t){return t instanceof N||t instanceof kt}function Gt(t){t=Xt(t);let e=document.createElement("template");return e.innerHTML=t,e}function Ne(t){return t.children}var Ct="area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr",Zt="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 yt(t){if(v(t)||t instanceof Node)return t;let e=B(t)?"":String(t);return document.createTextNode(e)}function y(t,e,n=null){let r=v(n)?n.firstChild:n;v(e)?e.mount(t,r):r?r.before(e):t.append(e);}function T(t){v(t)?t.unmount():t.parentNode&&t.remove();}function Et(t,e,n){y(t,e,n),T(n);}function Nt(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((r,[o,s])=>r+(s?` ${o}`:""),"").trim());return}if(e==="style"){if(typeof n=="string")t.style.cssText=n;else if(n&&typeof n=="object"){let r=n;Object.keys(r).forEach(o=>{t.style.setProperty(ot(o),String(r[o]));});}return}B(n)?t.removeAttribute(e):n===!0?t.setAttribute(e,""):t instanceof HTMLInputElement?t.value=String(n):t.setAttribute(e,String(n));}function Qt(t,e){if(t instanceof HTMLInputElement)switch(t.type){case"checkbox":return m(t,"change",()=>{e(!!t.checked);});case"date":return m(t,"change",()=>{e(t.value?t.value:"");});case"file":return m(t,"change",()=>{t.files&&e(t.files);});case"number":return m(t,"input",()=>{let n=Number.parseFloat(t.value);e(Number.isNaN(n)?"":String(n));});case"radio":return m(t,"change",()=>{e(t.checked?t.value:"");});case"text":return m(t,"input",()=>{e(t.value);})}if(t instanceof HTMLSelectElement)return m(t,"change",()=>{e(t.value);});if(t instanceof HTMLTextAreaElement)return m(t,"input",()=>{e(t.value);})}var _t=Promise.resolve();function _e(t){return t?_t.then(t):_t}function m(t,e,n){return t.addEventListener(e,n),()=>t.removeEventListener(e,n)}function Xt(t){let e=Ct.split(","),n=[],r=[],o=/<\/?([\da-z-]+)([^>]*)>/gi,s=0;for(;;){let c=o.exec(t);if(!c)break;let[i,a]=c,l=i[1]==="/";if(r.push(t.slice(s,c.index)),s=c.index+i.length,l){for(;n.length>0&&n[n.length-1]!==a;){let u=n.pop();u&&r.push(`</${u}>`);}n.length>0&&n.pop();}else e.includes(a)||n.push(a);r.push(i);}for(r.push(t.slice(s));n.length>0;){let c=n.pop();c&&r.push(`</${c}>`);}return r.join("")}function Yt(t){return Zt.split(",").includes(t)}function Vt(t){return Ct.split(",").includes(t)?`<${t}/>`:`<${t}></${t}>`}function te(){let t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",e="",n=t.length;for(let r=0;r<8;r++)e+=t.charAt(Math.floor(Math.random()*n));return e}function ee(t,e,n,r){let o=new Map,s=Array.from(e.values()),c=s.length;if(e.size>0&&n.length===0){if(t.childNodes.length===c+(r?1:0))t.innerHTML="",r&&y(t,r);else {let u=document.createRange(),f=s[0],p=v(f)?f.firstChild:f;u.setStartBefore(p),r?u.setEndBefore(r):u.setEndAfter(t),u.deleteContents();}return s.forEach(u=>{v(u)&&u.unmount();}),o}let i=[],a=re(n),l=0;for(let[u,f]of n.entries()){let p=s[l],C=H(p,u);for(;p&&!a.has(C);)T(p),e.delete(C),p=s[++l],C=H(p,u);let tt=H(f,u),I=e.get(tt);if(I&&(f=ne(t,I,f)),p)if(p===I)l++;else {let et=document.createComment("");y(t,et,p),i.push([et,f]);}else y(t,f,r);o.set(tt,f);}return i.forEach(([u,f])=>Et(t,f,u)),e.forEach((u,f)=>{u.isConnected&&!o.has(f)&&T(u);}),o}function ne(t,e,n){return e===n?e:v(e)&&v(n)&&e.template===n.template?(n.inheritNode(e),n):e instanceof Text&&n instanceof Text?(e.textContent!==n.textContent&&(e.textContent=n.textContent),e):(Et(t,n,e),n)}function re(t){let e=new Map;for(let[n,r]of t.entries()){let o=H(r,n);e.set(o,r);}return e}function H(t,e){if(v(t)){let n=t.key;if(n!=null)return String(n)}return `_$${e}$`}var kt=class St{constructor(e,n,r){this.template=e,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 e;return (e=this.nodes[0])!=null?e:null}get isConnected(){return this.mounted}addEventListener(){}removeEventListener(){}mount(e,n){var r;if(this.parent=e,this.isConnected)return this.nodes.forEach(c=>y(e,c,n)),this.nodes;this.key=this.key||te();let o=this.template.content.cloneNode(!0),s=o.firstChild;return (r=s==null?void 0:s.hasAttribute)!=null&&r.call(s,"_svg_")&&(s.remove(),s==null||s.childNodes.forEach(c=>{o.append(c);})),this.nodes=Array.from(o.childNodes),this.mapNodeTree(e,o),y(e,o,n),this.patchNodes(this.props),this.mounted=!0,this.nodes}unmount(){this.trackMap.forEach(e=>{var n,r;(n=e.cleanup)==null||n.call(e),(r=e.lastNodes)==null||r.forEach(o=>{e.isRoot?T(o):o instanceof St&&o.unmount();});}),this.trackMap.clear(),this.treeMap.clear(),this.nodes.forEach(e=>T(e)),this.nodes=[],this.mounted=!1;}mapNodeTree(e,n){let r=1;this.treeMap.set(0,e);let o=s=>{s.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&this.treeMap.set(r++,s);let c=s.firstChild;for(;c;)o(c),c=c.nextSibling;};o(n);}patchNodes(e){for(let n in e){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=e;}getNodeTrack(e,n,r){var o;let s=this.trackMap.get(e);return s||(s={cleanup:()=>{}},n&&(s.lastNodes=new Map),r&&(s.isRoot=!0),this.trackMap.set(e,s)),(o=s.cleanup)==null||o.call(s),s}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,r,o){for(let s in r)if(s==="children"&&r.children)if(D(r.children))r.children.filter(Boolean).forEach((c,i)=>{var a;let[l,u]=D(c)?c:[c,null],f=st(u)?null:(a=this.treeMap.get(u))!=null?a:null,p=`${e}:${s}:${i}`,C=this.getNodeTrack(p,!0,o);Mt(C,n,l,f);});else {let c=`${e}:${s}:0`,i=this.getNodeTrack(c,!0,o);Mt(i,n,r.children,null);}else if(s==="ref")h(r[s])?r[s].value=n:d(r[s])&&r[s](n);else if(g(s,"on")){let c=s.slice(2).toLocaleLowerCase(),i=this.getNodeTrack(`${e}:${s}`),a=r[s];i.cleanup=m(n,c,a);}else if(!g(s,"update")){let c=this.getNodeTrack(`${e}:${s}`),i=r[s],a=h(i)?i:W(i);wt(c,n,s,a.value);let l=M(()=>{a.value=h(i)?i.value:i,wt(c,n,s,a.value);}),u,f=`update${it(s)}`;r[f]&&(u=Qt(n,p=>{r[f](p);})),c.cleanup=()=>{l&&l(),u&&u();};}}};function wt(t,e,n,r){let o=e;o.setAttribute&&(d(r)?t.cleanup=M(()=>{Nt(o,n,r());}):Nt(o,n,r));}function Mt(t,e,n,r){d(n)?t.cleanup=M(()=>{let o=q(n()).map(yt);t.lastNodes=ee(e,t.lastNodes,o,r);}):q(n).forEach((o,s)=>{let c=yt(o);t.lastNodes.set(String(s),c),y(e,c,r);});}function we(t){var e;F("onMounted"),(e=N.ref)==null||e.addHook("mounted",t);}function Me(t){var e;F("onDestroy"),(e=N.ref)==null||e.addHook("destroy",t);}function F(t){N.ref||console.error(`"${t}" can only be called within the component function body
-      and cannot be used in asynchronous or deferred calls.`);}function Ce(t,e){var n;F("useProvide"),(n=N.ref)==null||n.setContext(t,e);}function Ee(t,e){var n;return F("useInject"),((n=N.ref)==null?void 0:n.getContext(t))||e}function se(t){return Object.entries(t).map(([e,n])=>`${e}=${JSON.stringify(escape(String(n)))}`).join(" ")}function V(t,e){if(d(t))return t(e);let n=Array.isArray(t)?t.reduce((s,c,i)=>(s[i+1]={template:c},s),{}):t,r={},o={};if(rt(n))for(let[s,c]of Object.entries(n)){let i=e[s];if(i){for(let a in i)g(a,"on")&&d(i[a])&&delete i[a];if(i.children){for(let[a,l]of i.children)r[l]||(r[l]=[]),r[l].push(a);delete i.children;}}o[s]={template:c.template,props:i};}return Object.entries(o).map(([s,{template:c,props:i}])=>{let a=c;return i&&(a+=` ${se(i)}`),r[s]&&(a+=r[s].map(l=>V(l,i)).join("")),a}).join("")}function ke(t,e){return V(t,e)}function Se(t,e,n={}){e.innerHTML=V(t,n);}globalThis&&(globalThis.__essor_version__=nt);/**
-* @estjs/shared v0.0.11
+
+// src/version.ts
+var essor_version = "0.0.12-beta.1";
+
+// ../shared/dist/shared.js
+var isObject = (val) => val !== null && typeof val === "object";
+var isArray = Array.isArray;
+function isString(val) {
+  return typeof val === "string";
+}
+function isSymbol(val) {
+  return typeof val === "symbol";
+}
+function isNil(x) {
+  return x === null || x === void 0;
+}
+var isFunction = (val) => typeof val === "function";
+function isFalsy(x) {
+  return x === false || x === null || x === void 0;
+}
+function coerceArray(data) {
+  return Array.isArray(data) ? data.flat() : [data];
+}
+function startsWith(str, searchString) {
+  if (!isString(str)) {
+    return false;
+  }
+  return str.indexOf(searchString) === 0;
+}
+function escape(str) {
+  return str.replaceAll(/["&'<>]/g, (char) => {
+    switch (char) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      case "'":
+        return "&#039;";
+      default:
+        return char;
+    }
+  });
+}
+var kebabCase = (string) => {
+  return string.replaceAll(/[A-Z]+/g, (match, offset) => {
+    return `${offset > 0 ? "-" : ""}${match.toLocaleLowerCase()}`;
+  });
+};
+var capitalizeFirstLetter = (inputString) => {
+  return inputString.charAt(0).toUpperCase() + inputString.slice(1);
+};
+
+// ../signal/dist/signal.dev.esm.js
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var isObject2 = (val) => val !== null && typeof val === "object";
+var isArray2 = Array.isArray;
+function isString2(val) {
+  return typeof val === "string";
+}
+function isNull(val) {
+  return val === null;
+}
+function isSet(val) {
+  return _toString.call(val) === "[object Set]";
+}
+function isWeakMap(val) {
+  return _toString.call(val) === "[object WeakMap]";
+}
+function isWeakSet(val) {
+  return _toString.call(val) === "[object WeakSet]";
+}
+function isMap(val) {
+  return _toString.call(val) === "[object Map]";
+}
+var isFunction2 = (val) => typeof val === "function";
+var isPrimitive = (val) => ["string", "number", "boolean", "symbol", "undefined"].includes(typeof val) || isNull(val);
+function isHTMLElement(obj) {
+  if (!obj) return false;
+  return obj && typeof obj === "object" && obj.nodeType === 1 && typeof obj.nodeName === "string";
+}
+var _toString = Object.prototype.toString;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var hasOwn = (val, key) => hasOwnProperty.call(val, key);
+var hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
+var noop2 = Function.prototype;
+function startsWith2(str, searchString) {
+  if (!isString2(str)) {
+    return false;
+  }
+  return str.indexOf(searchString) === 0;
+}
+function isExclude(key, exclude) {
+  return Array.isArray(exclude) ? exclude.includes(key) : isFunction2(exclude) ? exclude(key) : false;
+}
+function warn(msg, ...args) {
+  console.warn.apply(console, [`[Essor warn]: ${msg}`].concat(args));
+}
+var queue = [];
+var activePreFlushCbs = [];
+var p = Promise.resolve();
+var isFlushPending = false;
+function nextTick(fn) {
+  return fn ? p.then(fn) : p;
+}
+function queueJob(job) {
+  if (!queue.includes(job)) {
+    queue.push(job);
+    queueFlush();
+  }
+}
+function queueFlush() {
+  if (isFlushPending) {
+    return;
+  }
+  isFlushPending = true;
+  nextTick(flushJobs);
+}
+function queuePreFlushCb(cb) {
+  queueCb(cb, activePreFlushCbs);
+}
+function queueCb(cb, activeQueue) {
+  if (!activeQueue.includes(cb)) {
+    activeQueue.push(cb);
+    queueFlush();
+  }
+}
+function flushJobs() {
+  isFlushPending = false;
+  flushPreFlushCbs();
+  let job;
+  while (job = queue.shift()) {
+    if (job) {
+      job();
+    }
+  }
+}
+function flushPreFlushCbs() {
+  while (activePreFlushCbs.length > 0) {
+    const cb = activePreFlushCbs.shift();
+    if (cb) {
+      cb();
+    }
+  }
+}
+var activeEffect = null;
+var activeComputed = null;
+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) {
+  if (!activeEffect && !activeComputed) return;
+  let depsMap = signalMap.get(target);
+  if (!depsMap) {
+    depsMap = /* @__PURE__ */ new Map();
+    signalMap.set(target, depsMap);
+  }
+  let dep = depsMap.get(key);
+  if (!dep) {
+    dep = /* @__PURE__ */ new Set();
+    depsMap.set(key, dep);
+  }
+  if (activeEffect) dep.add(activeEffect);
+  let computedDepsMap = computedMap.get(target);
+  if (!computedDepsMap) {
+    computedDepsMap = /* @__PURE__ */ new Map();
+    computedMap.set(target, computedDepsMap);
+  }
+  let computedDeps = computedDepsMap.get(key);
+  if (!computedDeps) {
+    computedDeps = /* @__PURE__ */ new Set();
+    computedDepsMap.set(key, computedDeps);
+  }
+  if (activeComputed) {
+    computedDeps.add(activeComputed);
+  }
+}
+function trigger(target, key) {
+  const depsMap = signalMap.get(target);
+  if (!depsMap) return;
+  const dep = depsMap.get(key);
+  if (dep) {
+    dep.forEach((effect) => effectDeps.has(effect) && effect());
+  }
+  const computedDepsMap = computedMap.get(target);
+  if (computedDepsMap) {
+    const computeds = computedDepsMap.get(key);
+    if (computeds) {
+      computeds.forEach((computed) => computed.run());
+    }
+  }
+}
+var Signal = class {
+  constructor(value, shallow = false) {
+    this._value = value;
+    this._shallow = shallow;
+  }
+  /**
+   * Get the current value of the Signal and track its usage.
+   */
+  get value() {
+    track(this, "_sv");
+    this.__triggerObject();
+    return this._value;
+  }
+  /**
+   * Trigger reactivity for non-primitive and non-HTMLElement values.
+   * Recursively applies reactivity to nested objects.
+   */
+  __triggerObject() {
+    if (!isPrimitive(this._value) && !isHTMLElement(this._value) && !this._shallow) {
+      useReactive(this._value);
+    }
+  }
+  /**
+   * Set a new value to the Signal and trigger updates if the value has changed.
+   */
+  set value(newValue) {
+    if (isSignal(newValue)) {
+      {
+        console.warn(
+          "Do not set the signal as a signal, the original value of the signal will be used!"
+        );
+      }
+      newValue = newValue.peek();
+    }
+    if (hasChanged(newValue, this._value)) {
+      this._value = newValue;
+      if (!isPrimitive(this._value) && !isHTMLElement(this._value)) {
+        this.__triggerObject();
+      }
+      trigger(this, "_sv");
+    }
+  }
+  /**
+   * Peek at the current value of the Signal without tracking it.
+   */
+  peek() {
+    return this._value;
+  }
+};
+function useSignal(value) {
+  if (isSignal(value)) {
+    return value;
+  }
+  return new Signal(value);
+}
+function shallowSignal(value) {
+  return new Signal(value, true);
+}
+function isSignal(value) {
+  return value instanceof Signal;
+}
+var Computed = class {
+  constructor(fn) {
+    this.fn = fn;
+    const prev = activeComputed;
+    activeComputed = this;
+    this._value = this.fn();
+    activeComputed = prev;
+  }
+  /**
+   * Get the current computed value without tracking it.
+   */
+  peek() {
+    return this._value;
+  }
+  /**
+   * Run the computed function and update the value if it has changed.
+   */
+  run() {
+    const newValue = this.fn();
+    if (hasChanged(newValue, this._value)) {
+      this._value = newValue;
+      trigger(this, "_cv");
+    }
+  }
+  /**
+   * Get the current computed value and track its usage.
+   */
+  get value() {
+    track(this, "_cv");
+    return this._value;
+  }
+};
+function useComputed(fn) {
+  return new Computed(fn);
+}
+function isComputed(value) {
+  return value instanceof Computed;
+}
+function useEffect(fn, options = {}) {
+  const { flush = "pre", onTrack, onTrigger } = options;
+  function effectFn() {
+    const prev = activeEffect;
+    activeEffect = effectFn.init ? effectFn : effectFn.effect;
+    fn();
+    onTrigger && onTrigger();
+    activeEffect = prev;
+  }
+  const scheduler = flush === "sync" ? () => {
+    queueJob(effectFn);
+  } : flush === "pre" ? () => {
+    queuePreFlushCb(effectFn);
+  } : () => {
+    nextTick(() => {
+      queueJob(effectFn);
+    });
+  };
+  effectFn.effect = scheduler;
+  effectFn.init = true;
+  onTrack && onTrack();
+  effectFn();
+  effectDeps.add(effectFn);
+  return () => {
+    effectDeps.delete(effectFn);
+    activeEffect = null;
+  };
+}
+function signalObject(initialValues, exclude) {
+  if (!initialValues || !isObject2(initialValues)) {
+    {
+      warn("initialValues must be an object,will return initial value!", initialValues);
+    }
+    return initialValues;
+  }
+  const signals = Object.entries(initialValues).reduce((acc, [key, value]) => {
+    acc[key] = isExclude(key, exclude) || isSignal(value) ? value : useSignal(value);
+    return acc;
+  }, {});
+  return signals;
+}
+function unSignal(signal, exclude) {
+  if (!signal) return {};
+  if (isSignal(signal)) {
+    return signal.peek();
+  }
+  if (isArray2(signal)) {
+    return signal.map((value) => unSignal(value, exclude));
+  }
+  if (isObject2(signal)) {
+    return Object.entries(signal).reduce((acc, [key, value]) => {
+      if (isExclude(key, exclude)) {
+        acc[key] = value;
+      } else {
+        acc[key] = isSignal(value) ? value.peek() : isReactive(value) ? unReactive(value) : value;
+      }
+      return acc;
+    }, {});
+  }
+  return signal;
+}
+var REACTIVE_MARKER = Symbol("useReactive");
+function isReactive(obj) {
+  return obj && obj[REACTIVE_MARKER] === true;
+}
+function createArrayProxy(initialValue) {
+  arrayMethods.forEach((method) => {
+    const originalMethod = Array.prototype[method];
+    track(initialValue, "length");
+    Object.defineProperty(initialValue, method, {
+      value(...args) {
+        const result = originalMethod.apply(this, args);
+        if (["push", "pop", "shift", "unshift", "splice", "sort", "reverse"].includes(method)) {
+          trigger(initialValue, "length");
+        }
+        return result;
+      },
+      enumerable: false,
+      writable: true,
+      configurable: true
+    });
+  });
+}
+function useReactive(initialValue, exclude) {
+  return reactive(initialValue, exclude, false);
+}
+function shallowReactive(initialValue, exclude) {
+  return reactive(initialValue, exclude, true);
+}
+function unReactive(target) {
+  if (!isObject2(target)) {
+    return target;
+  }
+  if (!isReactive(target)) {
+    return target;
+  }
+  const unReactiveObj = Array.isArray(target) ? [] : {};
+  for (const key in target) {
+    if (hasOwn(target, key)) {
+      const value = target[key];
+      if (isReactive(value)) {
+        unReactiveObj[key] = unReactive(value);
+      } else if (isSignal(value)) {
+        unReactiveObj[key] = value.peek();
+      } else {
+        unReactiveObj[key] = value;
+      }
+    }
+  }
+  return unReactiveObj;
+}
+function reactive(initialValue, exclude, shallow = false) {
+  if (!isObject2(initialValue)) {
+    return initialValue;
+  }
+  if (isReactive(initialValue)) {
+    return initialValue;
+  }
+  if (reactiveMap.has(initialValue)) {
+    return reactiveMap.get(initialValue);
+  }
+  if (Array.isArray(initialValue)) {
+    createArrayProxy(initialValue);
+  }
+  if (isSet(initialValue) || isMap(initialValue) || isWeakSet(initialValue) || isWeakMap(initialValue)) {
+    return initialValue;
+  }
+  const handler = {
+    get(target, key, receiver) {
+      if (key === REACTIVE_MARKER || startsWith2(key, "_")) return true;
+      const getValue = Reflect.get(target, key, receiver);
+      const value = isSignal(getValue) ? getValue.value : getValue;
+      if (isExclude(key, exclude)) {
+        return value;
+      }
+      track(target, key);
+      if (isObject2(value) && !shallow) {
+        return useReactive(value);
+      }
+      return value;
+    },
+    set(target, key, value, receiver) {
+      if (isExclude(key, exclude)) {
+        Reflect.set(target, key, value, receiver);
+        return true;
+      }
+      let oldValue = Reflect.get(target, key, receiver);
+      if (isSignal(oldValue)) {
+        oldValue = oldValue.value;
+      }
+      if (isSignal(value)) {
+        value = value.value;
+      }
+      const obj = Reflect.set(target, key, value, receiver);
+      if (hasChanged(value, oldValue)) {
+        trigger(target, key);
+      }
+      return obj;
+    },
+    deleteProperty(target, key) {
+      const oldValue = Reflect.get(target, key);
+      const result = Reflect.deleteProperty(target, key);
+      if (oldValue !== void 0) {
+        trigger(target, key);
+      }
+      return result;
+    }
+  };
+  const proxy = new Proxy(initialValue, handler);
+  reactiveMap.set(initialValue, proxy);
+  return proxy;
+}
+function useWatch(source, cb, options) {
+  return doWatch(source, cb, options);
+}
+function doWatch(source, cb, options) {
+  let getter;
+  if (isSignal(source) || isComputed(source)) {
+    getter = () => source.value;
+  } else if (isReactive(source)) {
+    getter = () => __spreadValues({}, source);
+  } else if (isArray2(source)) {
+    getter = () => source.map((s) => {
+      if (isSignal(s) || isComputed(s)) return s.value;
+      if (isReactive(s)) return __spreadValues({}, s);
+      if (isFunction2(s)) return s();
+      return warn("Invalid source", s);
+    });
+  } else if (isFunction2(source)) {
+    getter = source;
+  } else {
+    warn("Invalid source type", source);
+    getter = noop2;
+  }
+  let oldValue;
+  const effectFn = () => {
+    const newValue = getter();
+    if ((options == null ? void 0 : options.deep) || hasChanged(newValue, oldValue)) {
+      cb && cb(newValue, oldValue);
+      oldValue = newValue;
+    }
+  };
+  const stop = useEffect(effectFn);
+  if (options == null ? void 0 : options.immediate) {
+    effectFn();
+  }
+  return stop;
+}
+var _id = 0;
+var StoreMap = /* @__PURE__ */ new Map();
+function createOptionsStore(options) {
+  const { state, getters, actions } = options;
+  const initState = __spreadValues({}, state != null ? state : {});
+  const reactiveState = useReactive(state != null ? state : {});
+  const subscriptions = [];
+  const actionCallbacks = [];
+  const default_actions = {
+    patch$(payload) {
+      Object.assign(reactiveState, payload);
+      subscriptions.forEach((callback) => callback(reactiveState));
+      actionCallbacks.forEach((callback) => callback(reactiveState));
+    },
+    subscribe$(callback) {
+      subscriptions.push(callback);
+    },
+    unsubscribe$(callback) {
+      const index = subscriptions.indexOf(callback);
+      if (index !== -1) {
+        subscriptions.splice(index, 1);
+      }
+    },
+    onAction$(callback) {
+      actionCallbacks.push(callback);
+    },
+    reset$() {
+      Object.assign(reactiveState, initState);
+    }
+  };
+  const store = __spreadValues({
+    state: reactiveState
+  }, default_actions);
+  for (const key in getters) {
+    const getter = getters[key];
+    if (getter) {
+      useWatch(useComputed(getter.bind(reactiveState, reactiveState)), (value) => {
+        store[key] = value;
+      });
+    }
+  }
+  for (const key in actions) {
+    const action = actions[key];
+    if (action) {
+      store[key] = action.bind(reactiveState);
+    }
+  }
+  StoreMap.set(_id, store);
+  ++_id;
+  return store;
+}
+function createStore(options) {
+  return function() {
+    if (StoreMap.has(_id)) {
+      return StoreMap.get(_id);
+    }
+    return createOptionsStore(options);
+  };
+}
+
+// ../template/dist/template.dev.esm.js
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
+var _Hooks = class _Hooks2 {
+  constructor() {
+    this.hooks = {
+      mounted: /* @__PURE__ */ new Set(),
+      destroy: /* @__PURE__ */ new Set()
+    };
+  }
+  addEventListener() {
+  }
+  removeEventListener() {
+  }
+  addHook(hook, cb) {
+    var _a;
+    (_a = this.hooks[hook]) == null ? void 0 : _a.add(cb);
+  }
+  getContext(context) {
+    return _Hooks2.context[context];
+  }
+  setContext(context, value) {
+    _Hooks2.context[context] = value;
+  }
+  initRef() {
+    _Hooks2.ref = this;
+  }
+  removeRef() {
+    _Hooks2.ref = null;
+  }
+};
+_Hooks.ref = null;
+_Hooks.context = {};
+var Hooks = _Hooks;
+var ComponentNode = class extends Hooks {
+  constructor(template2, props, key) {
+    super();
+    this.template = template2;
+    this.props = props;
+    this.key = key;
+    this.proxyProps = {};
+    this.emitter = /* @__PURE__ */ new Set();
+    this.mounted = false;
+    this.rootNode = null;
+    this.context = {};
+    this.trackMap = /* @__PURE__ */ new Map();
+    this.proxyProps = signalObject(
+      props,
+      (key2) => startsWith(key2, "on") || startsWith(key2, "update")
+    );
+    this.key = this.key || props.key;
+  }
+  get firstChild() {
+    var _a, _b;
+    return (_b = (_a = this.rootNode) == null ? void 0 : _a.firstChild) != null ? _b : null;
+  }
+  get isConnected() {
+    var _a, _b;
+    return (_b = (_a = this.rootNode) == null ? void 0 : _a.isConnected) != null ? _b : false;
+  }
+  inheritNode(node) {
+    this.context = node.context;
+    this.hooks = node.hooks;
+    Object.assign(this.proxyProps, node.proxyProps);
+    this.rootNode = node.rootNode;
+    this.trackMap = node.trackMap;
+    const props = this.props;
+    this.props = node.props;
+    this.patchProps(props);
+  }
+  mount(parent, before) {
+    var _a, _b, _c, _d;
+    if (!isFunction(this.template)) {
+      throw new Error("Template must be a function");
+    }
+    if (this.isConnected) {
+      return (_b = (_a = this.rootNode) == null ? void 0 : _a.mount(parent, before)) != null ? _b : [];
+    }
+    this.initRef();
+    this.rootNode = this.template(useReactive(this.proxyProps, ["children"]));
+    this.removeRef();
+    this.mounted = true;
+    const mountedNode = (_d = (_c = this.rootNode) == null ? void 0 : _c.mount(parent, before)) != null ? _d : [];
+    this.hooks.mounted.forEach((handler) => handler());
+    this.patchProps(this.props);
+    return mountedNode;
+  }
+  unmount() {
+    var _a;
+    this.hooks.destroy.forEach((handler) => handler());
+    Object.values(this.hooks).forEach((set) => set.clear());
+    (_a = this.rootNode) == null ? void 0 : _a.unmount();
+    this.rootNode = null;
+    this.proxyProps = {};
+    this.mounted = false;
+    this.emitter.forEach((emitter) => emitter());
+  }
+  getNodeTrack(trackKey, suppressCleanupCall) {
+    let track2 = this.trackMap.get(trackKey);
+    if (!track2) {
+      track2 = { cleanup: () => {
+      } };
+      this.trackMap.set(trackKey, track2);
+    }
+    if (!suppressCleanupCall) {
+      track2.cleanup();
+    }
+    return track2;
+  }
+  patchProps(props) {
+    var _a, _b, _c, _d;
+    for (const [key, prop] of Object.entries(props)) {
+      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 === "ref") {
+        props[key].value = (_b = this.rootNode) == null ? void 0 : _b.nodes[0];
+      } else if (startsWith(key, "update")) {
+        props[key] = isSignal(prop) ? prop.value : prop;
+      } else if (key !== "children") {
+        const newValue = (_d = (_c = this.proxyProps)[key]) != null ? _d : _c[key] = useSignal(prop);
+        const track2 = this.getNodeTrack(key);
+        track2.cleanup = useEffect(() => {
+          newValue.value = isFunction(prop) ? prop() : prop;
+        });
+      }
+    }
+    this.props = props;
+  }
+};
+function h(_template, props, key) {
+  if (isString(_template)) {
+    if (isHtmlTagName(_template)) {
+      _template = convertToHtmlTag(_template);
+      props = {
+        1: props
+      };
+    }
+    if (_template === "") {
+      props = {
+        0: props
+      };
+    }
+    _template = template(_template);
+  }
+  return isFunction(_template) ? new ComponentNode(_template, props, key) : new TemplateNode(_template, props, key);
+}
+function isComponent(node) {
+  return node instanceof ComponentNode;
+}
+function isJsxElement(node) {
+  return node instanceof ComponentNode || node instanceof TemplateNode;
+}
+function template(html) {
+  const template2 = document.createElement("template");
+  template2.innerHTML = closeHtmlTags(html);
+  return template2;
+}
+function Fragment(props) {
+  return props.children;
+}
+var selfClosingTags = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
+var htmlTags = "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 coerceNode(data) {
+  if (isJsxElement(data) || data instanceof Node) {
+    return data;
+  }
+  const text = isFalsy(data) ? "" : String(data);
+  return document.createTextNode(text);
+}
+function insertChild(parent, child, before = null) {
+  const beforeNode = isJsxElement(before) ? before.firstChild : before;
+  if (isJsxElement(child)) {
+    child.mount(parent, beforeNode);
+  } else if (beforeNode) {
+    beforeNode.before(child);
+  } else {
+    parent.append(child);
+  }
+}
+function removeChild(child) {
+  if (isJsxElement(child)) {
+    child.unmount();
+  } else {
+    const parent = child.parentNode;
+    if (parent) {
+      child.remove();
+    }
+  }
+}
+function replaceChild(parent, node, child) {
+  insertChild(parent, node, child);
+  removeChild(child);
+}
+function setAttribute(element, attr, value) {
+  if (attr === "class") {
+    if (typeof value === "string") {
+      element.className = value;
+    } else if (Array.isArray(value)) {
+      element.className = value.join(" ");
+    } else if (value && typeof value === "object") {
+      element.className = Object.entries(value).reduce((acc, [key, value2]) => acc + (value2 ? ` ${key}` : ""), "").trim();
+    }
+    return;
+  }
+  if (attr === "style") {
+    if (typeof value === "string") {
+      element.style.cssText = value;
+    } else if (value && typeof value === "object") {
+      const obj = value;
+      Object.keys(obj).forEach((key) => {
+        element.style.setProperty(kebabCase(key), String(obj[key]));
+      });
+    }
+    return;
+  }
+  if (isFalsy(value)) {
+    element.removeAttribute(attr);
+  } else if (value === true) {
+    element.setAttribute(attr, "");
+  } else {
+    if (element instanceof HTMLInputElement) {
+      element.value = String(value);
+    } else {
+      element.setAttribute(attr, String(value));
+    }
+  }
+}
+function binNode(node, setter) {
+  if (node instanceof HTMLInputElement) {
+    switch (node.type) {
+      case "checkbox":
+        return addEventListener(node, "change", () => {
+          setter(Boolean(node.checked));
+        });
+      case "date":
+        return addEventListener(node, "change", () => {
+          setter(node.value ? node.value : "");
+        });
+      case "file":
+        return addEventListener(node, "change", () => {
+          if (node.files) {
+            setter(node.files);
+          }
+        });
+      case "number":
+        return addEventListener(node, "input", () => {
+          const value = Number.parseFloat(node.value);
+          setter(Number.isNaN(value) ? "" : String(value));
+        });
+      case "radio":
+        return addEventListener(node, "change", () => {
+          setter(node.checked ? node.value : "");
+        });
+      case "text":
+        return addEventListener(node, "input", () => {
+          setter(node.value);
+        });
+    }
+  }
+  if (node instanceof HTMLSelectElement) {
+    return addEventListener(node, "change", () => {
+      setter(node.value);
+    });
+  }
+  if (node instanceof HTMLTextAreaElement) {
+    return addEventListener(node, "input", () => {
+      setter(node.value);
+    });
+  }
+}
+var p2 = Promise.resolve();
+function nextTick2(fn) {
+  return fn ? p2.then(fn) : p2;
+}
+function addEventListener(node, eventName, handler) {
+  node.addEventListener(eventName, handler);
+  return () => node.removeEventListener(eventName, handler);
+}
+function closeHtmlTags(input) {
+  const selfClosingTagList = selfClosingTags.split(",");
+  const tagStack = [];
+  const output = [];
+  const tagPattern = /<\/?([\da-z-]+)([^>]*)>/gi;
+  let lastIndex = 0;
+  while (true) {
+    const match = tagPattern.exec(input);
+    if (!match) break;
+    const [fullMatch, tagName] = match;
+    const isEndTag = fullMatch[1] === "/";
+    output.push(input.slice(lastIndex, match.index));
+    lastIndex = match.index + fullMatch.length;
+    if (isEndTag) {
+      while (tagStack.length > 0 && tagStack[tagStack.length - 1] !== tagName) {
+        const unclosedTag = tagStack.pop();
+        if (unclosedTag) {
+          output.push(`</${unclosedTag}>`);
+        }
+      }
+      if (tagStack.length > 0) {
+        tagStack.pop();
+      }
+    } else if (!selfClosingTagList.includes(tagName)) {
+      tagStack.push(tagName);
+    }
+    output.push(fullMatch);
+  }
+  output.push(input.slice(lastIndex));
+  while (tagStack.length > 0) {
+    const unclosedTag = tagStack.pop();
+    if (unclosedTag) {
+      output.push(`</${unclosedTag}>`);
+    }
+  }
+  return output.join("");
+}
+function isHtmlTagName(tagName) {
+  const htmlTagsList = htmlTags.split(",");
+  return htmlTagsList.includes(tagName);
+}
+function convertToHtmlTag(tagName) {
+  const selfClosingTagList = selfClosingTags.split(",");
+  if (selfClosingTagList.includes(tagName)) {
+    return `<${tagName}/>`;
+  } else {
+    return `<${tagName}></${tagName}>`;
+  }
+}
+function patchChildren(parent, childrenMap, nextChildren, before) {
+  const result = /* @__PURE__ */ new Map();
+  const children = Array.from(childrenMap.values());
+  const childrenLength = children.length;
+  if (childrenMap.size > 0 && nextChildren.length === 0) {
+    if (parent.childNodes.length === childrenLength + (before ? 1 : 0)) {
+      parent.innerHTML = "";
+      if (before) {
+        insertChild(parent, before);
+      }
+    } else {
+      const range = document.createRange();
+      const child = children[0];
+      const start = isJsxElement(child) ? child.firstChild : child;
+      range.setStartBefore(start);
+      if (before) {
+        range.setEndBefore(before);
+      } else {
+        range.setEndAfter(parent);
+      }
+      range.deleteContents();
+    }
+    children.forEach((node) => {
+      if (isJsxElement(node)) {
+        node.unmount();
+      }
+    });
+    return result;
+  }
+  const replaces = [];
+  const nextChildrenMap = mapKeys(nextChildren);
+  let childIndex = 0;
+  for (let [i, child] of nextChildren.entries()) {
+    let currChild = children[childIndex];
+    let currKey = getKey(currChild, i);
+    while (currChild && !nextChildrenMap.has(currKey)) {
+      removeChild(currChild);
+      childrenMap.delete(currKey);
+      currChild = children[++childIndex];
+      currKey = getKey(currChild, i);
+    }
+    const key = getKey(child, i);
+    const origChild = childrenMap.get(key);
+    if (origChild) {
+      child = patch(parent, origChild, child);
+    }
+    if (currChild) {
+      if (currChild === origChild) {
+        childIndex++;
+      } else {
+        const placeholder = document.createComment("");
+        insertChild(parent, placeholder, currChild);
+        replaces.push([placeholder, child]);
+      }
+    } else {
+      insertChild(parent, child, before);
+    }
+    result.set(key, child);
+  }
+  replaces.forEach(([placeholder, child]) => replaceChild(parent, child, placeholder));
+  childrenMap.forEach((child, key) => {
+    if (child.isConnected && !result.has(key)) {
+      removeChild(child);
+    }
+  });
+  return result;
+}
+function patch(parent, node, next) {
+  if (node === next) {
+    return node;
+  }
+  if (isJsxElement(node) && isJsxElement(next) && node.template === next.template) {
+    next.inheritNode(node);
+    return next;
+  }
+  if (node instanceof Text && next instanceof Text) {
+    if (node.textContent !== next.textContent) {
+      node.textContent = next.textContent;
+    }
+    return node;
+  }
+  replaceChild(parent, next, node);
+  return next;
+}
+function mapKeys(children) {
+  const result = /* @__PURE__ */ new Map();
+  for (const [i, child] of children.entries()) {
+    const key = getKey(child, i);
+    result.set(key, child);
+  }
+  return result;
+}
+function getKey(node, index) {
+  if (isJsxElement(node)) {
+    const jsxKey = node.key;
+    if (jsxKey !== void 0 && jsxKey !== null) {
+      return String(jsxKey);
+    }
+  }
+  return `_$${index}$`;
+}
+var TemplateNode = class _TemplateNode {
+  constructor(template2, props, key) {
+    this.template = template2;
+    this.props = props;
+    this.key = key;
+    this.treeMap = /* @__PURE__ */ new Map();
+    this.mounted = false;
+    this.nodes = [];
+    this.provides = {};
+    this.trackMap = /* @__PURE__ */ new Map();
+    this.parent = null;
+    this.key = this.key || props.key;
+  }
+  get firstChild() {
+    var _a;
+    return (_a = this.nodes[0]) != null ? _a : null;
+  }
+  get isConnected() {
+    return this.mounted;
+  }
+  addEventListener() {
+  }
+  removeEventListener() {
+  }
+  mount(parent, before) {
+    var _a;
+    this.parent = parent;
+    if (this.isConnected) {
+      this.nodes.forEach((node) => insertChild(parent, node, before));
+      return this.nodes;
+    }
+    const cloneNode = this.template.content.cloneNode(true);
+    const firstChild = cloneNode.firstChild;
+    if ((_a = firstChild == null ? void 0 : firstChild.hasAttribute) == null ? void 0 : _a.call(firstChild, "_svg_")) {
+      firstChild.remove();
+      firstChild == null ? void 0 : firstChild.childNodes.forEach((node) => {
+        cloneNode.append(node);
+      });
+    }
+    this.nodes = Array.from(cloneNode.childNodes);
+    this.mapNodeTree(parent, cloneNode);
+    insertChild(parent, cloneNode, before);
+    this.patchNodes(this.props);
+    this.mounted = true;
+    return this.nodes;
+  }
+  unmount() {
+    this.trackMap.forEach((track2) => {
+      var _a, _b;
+      (_a = track2.cleanup) == null ? void 0 : _a.call(track2);
+      (_b = track2.lastNodes) == null ? void 0 : _b.forEach((node) => {
+        if (track2.isRoot) {
+          removeChild(node);
+        } else if (node instanceof _TemplateNode) {
+          node.unmount();
+        }
+      });
+    });
+    this.trackMap.clear();
+    this.treeMap.clear();
+    this.nodes.forEach((node) => removeChild(node));
+    this.nodes = [];
+    this.mounted = false;
+  }
+  mapNodeTree(parent, tree) {
+    let index = 1;
+    this.treeMap.set(0, parent);
+    const walk = (node) => {
+      if (node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
+        this.treeMap.set(index++, node);
+      }
+      let child = node.firstChild;
+      while (child) {
+        walk(child);
+        child = child.nextSibling;
+      }
+    };
+    walk(tree);
+  }
+  patchNodes(props) {
+    for (const key in props) {
+      const index = Number(key);
+      const node = this.treeMap.get(index);
+      if (node) {
+        const value = this.props[key];
+        this.patchNode(key, node, value, index === 0);
+      }
+    }
+    this.props = props;
+  }
+  getNodeTrack(trackKey, trackLastNodes, isRoot) {
+    var _a;
+    let track2 = this.trackMap.get(trackKey);
+    if (!track2) {
+      track2 = { cleanup: () => {
+      } };
+      if (trackLastNodes) {
+        track2.lastNodes = /* @__PURE__ */ new Map();
+      }
+      if (isRoot) {
+        track2.isRoot = true;
+      }
+      this.trackMap.set(trackKey, track2);
+    }
+    (_a = track2.cleanup) == null ? void 0 : _a.call(track2);
+    return track2;
+  }
+  inheritNode(node) {
+    this.mounted = node.mounted;
+    this.nodes = node.nodes;
+    this.trackMap = node.trackMap;
+    this.treeMap = node.treeMap;
+    const props = this.props;
+    this.props = node.props;
+    this.patchNodes(props);
+  }
+  patchNode(key, node, props, isRoot) {
+    for (const attr in props) {
+      if (attr === "children" && props.children) {
+        if (!isArray(props.children)) {
+          const trackKey = `${key}:${attr}:${0}`;
+          const track2 = this.getNodeTrack(trackKey, true, isRoot);
+          patchChild(track2, node, props.children, null);
+        } else {
+          props.children.filter(Boolean).forEach((item, index) => {
+            var _a;
+            const [child, path] = isArray(item) ? item : [item, null];
+            const before = isNil(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);
+          });
+        }
+      } else if (attr === "ref") {
+        props[attr].value = node;
+      } 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 (!startsWith(attr, "update")) {
+        const track2 = this.getNodeTrack(`${key}:${attr}`);
+        const val = props[attr];
+        const triggerValue = isSignal(val) ? val : useSignal(val);
+        patchAttribute(track2, node, attr, triggerValue.value);
+        const cleanup = useEffect(() => {
+          triggerValue.value = isSignal(val) ? val.value : val;
+          patchAttribute(track2, node, attr, triggerValue.value);
+        });
+        let cleanupBind;
+        const updateKey = `update${capitalizeFirstLetter(attr)}`;
+        if (props[updateKey]) {
+          cleanupBind = binNode(node, (value) => {
+            props[updateKey](value);
+          });
+        }
+        track2.cleanup = () => {
+          cleanup && cleanup();
+          cleanupBind && cleanupBind();
+        };
+      }
+    }
+  }
+};
+function patchAttribute(track2, node, attr, data) {
+  const element = node;
+  if (!element.setAttribute) {
+    return;
+  }
+  if (isFunction(data)) {
+    track2.cleanup = useEffect(() => {
+      setAttribute(element, attr, data());
+    });
+  } else {
+    setAttribute(element, attr, data);
+  }
+}
+function patchChild(track2, parent, child, before) {
+  if (isFunction(child)) {
+    track2.cleanup = useEffect(() => {
+      const nextNodes = coerceArray(child()).map(coerceNode);
+      track2.lastNodes = patchChildren(parent, track2.lastNodes, nextNodes, before);
+    });
+  } else {
+    coerceArray(child).forEach((node, i) => {
+      const newNode = coerceNode(node);
+      track2.lastNodes.set(String(i), newNode);
+      insertChild(parent, newNode, before);
+    });
+  }
+}
+function onMount(cb) {
+  var _a;
+  throwIfOutsideComponent("onMounted");
+  (_a = Hooks.ref) == null ? void 0 : _a.addHook("mounted", cb);
+}
+function onDestroy(cb) {
+  var _a;
+  throwIfOutsideComponent("onDestroy");
+  (_a = Hooks.ref) == null ? void 0 : _a.addHook("destroy", cb);
+}
+function throwIfOutsideComponent(hook, key) {
+  if (!Hooks.ref) {
+    console.error(
+      `"${hook}"(key: ${isSymbol(key) ? key.toString() : key}) can only be called within the component function body
+      and cannot be used in asynchronous or deferred calls.`
+    );
+  }
+}
+function useProvide(key, value) {
+  var _a;
+  throwIfOutsideComponent("useProvide", key);
+  (_a = Hooks.ref) == null ? void 0 : _a.setContext(key, value);
+}
+function useInject(key, defaultValue) {
+  var _a;
+  throwIfOutsideComponent("useInject", key);
+  return ((_a = Hooks.ref) == null ? void 0 : _a.getContext(key)) || defaultValue;
+}
+function useRef() {
+  const ref = shallowSignal(null);
+  return ref;
+}
+function generateAttributes(props) {
+  return Object.entries(props).map(([key, value]) => {
+    if (key === "children" || isFunction(value)) return "";
+    return `${key}="${escape(String(value))}"`;
+  }).filter(Boolean).join(" ");
+}
+function normalizeProps(props) {
+  Object.keys(props).forEach((propKey) => {
+    if (isFunction(props[propKey])) {
+      delete props[propKey];
+    }
+    if (isSignal(props[propKey])) {
+      props[propKey] = props[propKey].value;
+    }
+  });
+}
+function handleChildResult(result, prop, key, tmpl, childNodesMap, path) {
+  if (isSignal(result)) {
+    tmpl.template += result.value;
+  } else if (result instanceof ServerNode) {
+    const mapKey = path ? String(path) : `${key}`;
+    if (!childNodesMap[mapKey]) childNodesMap[mapKey] = [];
+    const childResult = result.mount();
+    childNodesMap[mapKey].push(
+      isFunction(childResult) ? childResult(prop) : isSignal(childResult) ? childResult.value : childResult
+    );
+  } else {
+    tmpl.template += isFunction(result) ? result(prop) : String(result);
+  }
+}
+var ServerNode = class _ServerNode extends Hooks {
+  constructor(template2, props = {}, key) {
+    super();
+    this.template = template2;
+    this.props = props;
+    this.key = key;
+    this.childNodesMap = {};
+    this.processedTemplates = {};
+  }
+  /**
+   * Mount and render the component
+   */
+  mount() {
+    this.initRef();
+    const output = this.render();
+    this.removeRef();
+    return output;
+  }
+  /**
+   * Initialize template entries and props
+   */
+  initTemplates() {
+    const templateCollection = Array.isArray(this.template) ? this.template.reduce((acc, tmpl, index) => {
+      acc[index + 1] = { template: tmpl };
+      return acc;
+    }, {}) : this.template;
+    if (isObject(templateCollection)) {
+      Object.entries(templateCollection).forEach(([key, tmpl]) => {
+        const prop = __spreadValues2({}, this.props[key]);
+        normalizeProps(prop);
+        if (prop.children) {
+          prop.children.forEach((item) => {
+            const [child, path] = isArray(item) ? item : [item, null];
+            if (isFunction(child)) {
+              const result = child(prop);
+              handleChildResult(result, prop, key, tmpl, this.childNodesMap, path);
+            } else {
+              tmpl.template += isSignal(child) ? child.value : String(child);
+            }
+          });
+        }
+        this.processedTemplates[key] = {
+          template: tmpl.template,
+          props: prop
+        };
+      });
+    }
+  }
+  /**
+   * Render component and its children into a string
+   */
+  render() {
+    if (isFunction(this.template)) {
+      const root = this.template(this.props);
+      return root instanceof _ServerNode ? root.mount() : String(root);
+    }
+    if (this.template instanceof _ServerNode) {
+      return this.template.mount();
+    }
+    this.initTemplates();
+    return Object.entries(this.processedTemplates).map(([key, { template: template2, props }]) => {
+      let content = template2;
+      if (props && Object.keys(props).length > 0) {
+        content += ` ${generateAttributes(props)}`;
+      }
+      if (this.childNodesMap[key]) {
+        content = content.replace("<!>", this.renderChildren(this.childNodesMap[key]));
+      }
+      return content;
+    }).join("");
+  }
+  /**
+   * Render child nodes into a string
+   */
+  renderChildren(children) {
+    return coerceArray(children).map(String).join("");
+  }
+};
+function ssg(component, props) {
+  return new ServerNode(component, props);
+}
+function renderToString(component, props) {
+  return ssg(component, props).mount();
+}
+
+// src/index.ts
+if (globalThis) {
+  globalThis.__essor_version__ = essor_version;
+}
+/**
+* @estjs/shared v0.0.12-beta.1
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 /**
-* @estjs/signal v0.0.11
+* @estjs/signal v0.0.12-beta.1
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 /**
-* @estjs/template v0.0.11
+* @estjs/template v0.0.12-beta.1
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 
-exports.ComponentNode = N;
-exports.Fragment = Ne;
-exports.TemplateNode = kt;
-exports.createStore = he;
-exports.essor_version = nt;
-exports.h = ye;
-exports.isComputed = ht;
-exports.isJsxElement = v;
-exports.isReactive = w;
-exports.isSignal = h;
-exports.nextTick = _e;
-exports.onDestroy = Me;
-exports.onMount = we;
-exports.renderSSG = Se;
-exports.renderTemplate = V;
-exports.renderToString = ke;
-exports.shallowReactive = fe;
-exports.shallowSignal = le;
-exports.signalObject = mt;
-exports.template = Gt;
-exports.unReactive = gt;
-exports.unSignal = Bt;
-exports.useComputed = Kt;
-exports.useEffect = M;
-exports.useInject = Ee;
-exports.useProvide = Ce;
-exports.useReactive = k;
-exports.useSignal = W;
-exports.useWatch = zt;
+exports.ComponentNode = ComponentNode;
+exports.Fragment = Fragment;
+exports.TemplateNode = TemplateNode;
+exports.createStore = createStore;
+exports.essor_version = essor_version;
+exports.h = h;
+exports.isComponent = isComponent;
+exports.isComputed = isComputed;
+exports.isJsxElement = isJsxElement;
+exports.isReactive = isReactive;
+exports.isSignal = isSignal;
+exports.nextTick = nextTick2;
+exports.onDestroy = onDestroy;
+exports.onMount = onMount;
+exports.renderToString = renderToString;
+exports.shallowReactive = shallowReactive;
+exports.shallowSignal = shallowSignal;
+exports.signalObject = signalObject;
+exports.ssg = ssg;
+exports.template = template;
+exports.unReactive = unReactive;
+exports.unSignal = unSignal;
+exports.useComputed = useComputed;
+exports.useEffect = useEffect;
+exports.useInject = useInject;
+exports.useProvide = useProvide;
+exports.useReactive = useReactive;
+exports.useRef = useRef;
+exports.useSignal = useSignal;
+exports.useWatch = useWatch;
 //# sourceMappingURL=essor.cjs.js.map
 //# sourceMappingURL=essor.cjs.js.map