[dev] template perf on insert and remove

vifjs · Mar 28, 2024 · 099aa84 · 099aa84
1 parent e4eb02c
commit 099aa84
Show file tree

Hide file tree

Showing 13 changed files with 99 additions and 82 deletions.
diff --git a/dist/cjs/vif.cjs b/dist/cjs/vif.cjs
@@ -1 +1 @@
-"use strict";const t=(t,n,s,o)=>{const r=n.handler||(n.handler=new e);r[o]=s(t.t),n.addEventListener(o,r)};class e{handleEvent(t){this[t.type](t)}}let n={},s=null;const o=t=>{n[t]&&(n[t](),n[t]=!1)},r=document,c=t=>r.createElement(t),l=(t,e)=>t.cloneNode(e),i=t=>t.children,f=t=>t.o||t.children,u=(t,e)=>t.name.substring(e),a=t=>0===t.name.indexOf("x-"),p=t=>0===t.tagName.indexOf("X-"),x=t=>!!t.content,h=t=>!!_[t.tagName]||x(t),d={l(t){let e=this;e.t||(e.t=t||{}),e.i||(e.i=new Set)},u(){this.p()},h(t,e,n){let o=this,r=e.length-1,c=n;for(;r>=0;){const l=e[r],i=t[l.m];if(l.v&&(i.$=l.S,(n||o.i).add(i),s&&s(i.tagName)),!n)for(const[t,e]of l.j){const n=e.k(o,i,e.C,t);n&&o.i.add(n)}if(l.S){(!l.v||(c=!h(i)&&(i.i=new Set)))&&o.h(f(i),l.S,c)}r--}},p(){for(const t of this.i)t.u&&t.u();this.i.clear()}};function m(t){this.l(t)}m.prototype=d;let w=null;const y=t=>{const e=t=>{if(void 0!==t){e.value=t;for(const t of e.L)t()}else w&&(e.L.add(w),w.M.add(e.L));return e.value};return e.value=t,e.O=!0,e.L=new Set,e},g=t=>{const e=w;return w=t,w.M=new Set,w.u=(t=>()=>{for(const e of t.M)e.delete(t)})(w),t(),w=e,t};let v=r.createComment(""),E=c("template"),b=r.createDocumentFragment();const $=()=>{},S=(t,...e)=>t.reduce(((n,s,o)=>n+(s+(o===t.length-1?"":e[o]))),""),j=c("style"),k="css-x";let C=1;const L=(t,e)=>"$"+(e||C)+t,M=(t,...e)=>{if("string"==typeof t)return`${k}="${L(t,C)}"`;{const n=S(t,e);j.textContent+=n,j.parentElement||r.head.appendChild(j)}},O=(t,e,n)=>{const s=n,o=t.R;e.setAttribute(k,L(s,o))},R=(t,e,n)=>{const s=n,o=t.useRef(s);let r=!0;return g((()=>{const t=o();if(r){for(const n of t)n(e);r=!1}else t[t.length-1](e)}))},V=(t,e,n)=>{const s=e.style.display;return g((()=>{n(t.t)?s?e.style.display=s:e.style.removeProperty("display"):e.style.display="none"}))},H=(t,e,n)=>g((()=>e.textContent=n(t.t))),U=(t,e,n,s)=>g((()=>e.setAttribute(s,n(t.t)))),X=t=>"x-text"===t?H:"x-show"===t?V:"x-ref"===t?R:"x-css"===t?O:U,T=(t,e,n,s)=>{e.t||(e.t={});let o=null;const r={V:(t,e)=>o={H:t,U:e}},c=g((()=>{const o=e.t[s],c=n(t.t);o&&o.O?r.V(o,c):e.t[s]=c}));return o&&o.H(o.U),r.V=(t,e)=>t(e),c},q={},z=t=>{if(q[t])return q[t];let e=Object.getPrototypeOf((function(){})).constructor,n=/^[\n\s]*if.*\(.*\)/.test(t.trim())||/^(let|const)\s/.test(t.trim())?`(()=>{ ${t} })()`:t;let s=(()=>{try{let s=new e(["scope"],`with(scope){return ${n}};`);return Object.defineProperty(s,"name",{value:`VifExp "${t}"`}),s}catch(e){return console.error("VifExp error : "+t,e),!1}})();return q[t]=s,s},A=(t,e,n)=>{W(e);let s=[];const o="item",r=e.getAttribute(o)||o;return g((()=>{const o=n(t.t);((t,e,n,s,o)=>{let r=0;const c=n.length,l=s.length;let i=l-c;for(;r<c&&r<l;)n[r]!==s[r]&&P(e,r,s[r]),r++;for(;i>0;)N(e,t,r,o,s[r]),i--,r++;for(;i<0;)Q(e,r),i++,r++})(t.t,e,s,o,r),s=o.slice()}))},B=(t,e,n)=>{W(e);let s=!1;return g((()=>{const o=!!n(t.t);o!==s&&(s=o,o?N(e,t.t,0):Q(e,0))}))};let D=location;const F=()=>D.pathname+D.search,G=y(F());addEventListener("popstate",(()=>{D=location,G(F())}));const I=t=>{if("string"==typeof t){const e=new URL(t,D);if(D.href!==e.href)return D=e,history.pushState({},"",D),G(F())}else{t.preventDefault();const e=t.currentTarget.href;if(e)return I(e)}};I.route=G;const J=(t,e,n)=>{W(e);const s=new RegExp(n||"."),o="params",r=e.getAttribute(o)||o;let c=null;return g((()=>{const n=G().match(s)||null;n!==c&&(n&&c?P(e,0,n):n?N(e,t.t,0,r,n):Q(e,0)),c=n}))},K=()=>l(v),N=(t,e,n,s,o)=>{const r=t.X;let c=r[n+1];const f=l(t.content,!0);c?c.H&&c.H(o):c=r[n+1]=((t,e,n,s)=>{const o=K(),r=n&&y(s);return r&&(r.index=e),{T:o,q:new m(n?{...t,[n]:r}:t),H:r}})(e,n,s,o),t.$&&c.q.h(i(f),t.$),r[n].T.replaceWith(r[n].T,f,c.T)},P=(t,e,n)=>{t.X[e+1].H(n)},Q=(t,e)=>{const n=t.X;let s=n[e].T.nextSibling;const o=n[e+1].T;for(n[e+1].q.u();s!==o;){const t=s;s=s.nextSibling,t.remove()}},W=t=>{t.X=[{T:K()}],t.u=()=>{for(let e=1;e<t.X.length;e++)t.X[e].q.u()},t.replaceWith(t.X[0].T)},Y=e=>{const n=[];for(let o=0;o<e.length;o++){let r=e[o];const c=x(r),l=!c&&p(r),i={m:o,S:!1,v:c||l,j:new Map};let h=r.attributes.length;for(;h--;){const e=r.attributes[h];if(a(e)){const n=0===e.name.indexOf("x-on:"),o=u(e,n?5:2),f={C:"ref"===o||"css"===o||"route"===o?e.value:z(e.value||""),k:l?T:c?"x-for"===(s=e.name)?A:"x-if"===s?B:"x-route"===s?J:void 0:n?t:X(e.name)};i.j.set(o,f),!l&&r.removeAttribute(e.name)}}const d=f(r=r.content||r);d.length&&(i.S=Y(d)),(i.j.size||i.S||l)&&n.push(i)}var s;return n.length>0&&n};class Z extends HTMLElement{constructor(){super(),this.l(),this.A={}}onMount(){}connectedCallback(){let t=this,e=t.t;for(const n of t.attributes)if(a(n)){const t=u(n,2);e[t]=y(e[t])}else e[n.name]=n.value||!0;t.onMount({props:e}),t.B()}onUnmount(){}u(){let t=this;t.onUnmount({props:t.t}),t.p()}B(){let t=this;const e=t.D;let n=e.F,s=e.S,o=e.R;const r=n?$:S,c=o?$:M,f=e.G,u={html:r,css:c,props:t.t},a=f.call(t,u);if("string"==typeof a?(n=e.F=(t=>{let e=l(E);return e.innerHTML=t,e.content})(a),s=e.S=Y(i(n))):n||(n=a&&a!==t?(t=>{let e=l(b);return e.append(...t),e})(a):t,s=t.$||Y(t.o||i(n))),t.R=e.R=o||C++,e.F&&(n=l(n,!0)),s&&t.h(t.o||i(n),s),n!==t){const e=t.parentNode;e.o||(e.o=[].slice.call(i(e))),t.replaceWith(n)}}useEffect(t){this.i.add(g(t))}useRef(t,e,n){const s=this.A,o=s[t]||(s[t]=y([]));if(!e)return o;{const t=o.value;n?t[(t.length||1)-1]=e:t.push(e),o(t)}}}Object.assign(Z.prototype,d);const _={},tt=y(localStorage.getItem("locale")||navigator.language),et=(t,e)=>t[e]||t[t.default],nt=t=>{const e=y();let n=[];return e.onload=t=>{e()?t():n.push(t)},g((()=>{const[s,o]=tt().split("-"),r=et(et(t,s),o);r&&r().then((t=>{e(t.default),n&&(n=n.forEach((t=>t())))}))})),e};nt.locale=tt,exports.useDefine=(t,e)=>{const n="X-"+t.toUpperCase();return _[n]=class extends Z{constructor(){super()}},_[n].G=e,_[n].prototype.D=_[n],customElements.define(`x-${t}`,_[n]),_[n]},exports.useEffect=g,exports.useI18n=nt,exports.useNavigate=I,exports.useObserve=t=>{n={...t,...n},s=o},exports.useSignal=y;
+"use strict";const t=(t,n,s,o)=>{const r=n.handler||(n.handler=new e);r[o]=s(t.t),n.addEventListener(o,r)};class e{handleEvent(t){this[t.type](t)}}let n={},s=null;const o=t=>{n[t]&&(n[t](),n[t]=!1)},r=document,c=t=>r.createElement(t),l=(t,e)=>t.cloneNode(e),i=t=>t.children,f=t=>t.content,u=t=>t.o||t.children,a=(t,e)=>t.name.substring(e),p=t=>0===t.name.indexOf("x-"),x=t=>0===t.tagName.indexOf("X-"),h=t=>!!t.content,d=t=>!!tt[t.tagName]||h(t),m={l(t){let e=this;e.t||(e.t=t||{}),e.i||(e.i=new Set)},u(){this.p()},h(t,e,n){let o=this,r=e.length-1,c=n;for(;r>=0;){const l=e[r],i=t[l.m];if(l.v&&(i.$=l.S,(n||o.i).add(i),s&&s(i.tagName)),!n)for(const[t,e]of l.j){const n=e.k(o,i,e.C,t);n&&o.i.add(n)}if(l.S){(!l.v||(c=!d(i)&&(i.i=new Set)))&&o.h(u(i),l.S,c)}r--}},p(){for(const t of this.i)t.u&&t.u();this.i.clear()}};function w(t){this.l(t)}w.prototype=m;let y=null;const v=t=>{const e=t=>{if(void 0!==t){e.value=t;for(const t of e.L)t()}else y&&(e.L.add(y),y.M.add(e.L));return e.value};return e.value=t,e.O=!0,e.L=new Set,e},E=t=>{const e=y;return y=t,y.M=new Set,y.u=(t=>()=>{for(const e of t.M)e.delete(t)})(y),t(),y=e,t};let b=r.createComment(""),g=c("template"),$=r.createDocumentFragment();const S=t=>{let e=f(t).firstChild;for(;e;){const t=e.nextSibling;1!==e.nodeType&&e.remove(),e=t}},j=()=>{},k=(t,...e)=>t.reduce(((n,s,o)=>n+(s+(o===t.length-1?"":e[o]))),""),C=c("style"),L="css-x";let M=1;const O=(t,e)=>"$"+(e||M)+t,R=(t,...e)=>{if("string"==typeof t)return`${L}="${O(t,M)}"`;{const n=k(t,e);C.textContent+=n,C.parentElement||r.head.appendChild(C)}},V=(t,e,n)=>{const s=n,o=t.R;e.setAttribute(L,O(s,o))},H=(t,e,n)=>{const s=n,o=t.useRef(s);let r=!0;return E((()=>{const t=o();if(r){for(const n of t)n(e);r=!1}else t[t.length-1](e)}))},U=(t,e,n)=>{const s=e.style.display;return E((()=>{n(t.t)?s?e.style.display=s:e.style.removeProperty("display"):e.style.display="none"}))},X=(t,e,n)=>E((()=>e.textContent=n(t.t))),T=(t,e,n,s)=>E((()=>e.setAttribute(s,n(t.t)))),q=t=>"x-text"===t?X:"x-show"===t?U:"x-ref"===t?H:"x-css"===t?V:T,z=(t,e,n,s)=>{e.t||(e.t={});let o=null;const r={V:(t,e)=>o={H:t,U:e}},c=E((()=>{const o=e.t[s],c=n(t.t);o&&o.O?r.V(o,c):e.t[s]=c}));return o&&o.H(o.U),r.V=(t,e)=>t(e),c},A={},B=t=>{if(A[t])return A[t];let e=Object.getPrototypeOf((function(){})).constructor,n=/^[\n\s]*if.*\(.*\)/.test(t.trim())||/^(let|const)\s/.test(t.trim())?`(()=>{ ${t} })()`:t;let s=(()=>{try{let s=new e(["scope"],`with(scope){return ${n}};`);return Object.defineProperty(s,"name",{value:`VifExp "${t}"`}),s}catch(e){return console.error("VifExp error : "+t,e),!1}})();return A[t]=s,s},D=(t,e,n)=>{Y(e);let s=[];const o="item",r=e.getAttribute(o)||o;return E((()=>{const o=n(t.t);((t,e,n,s,o)=>{let r=0;const c=n.length,l=s.length;let i=l-c;for(;r<c&&r<l;)n[r]!==s[r]&&Q(e,r,s[r]),r++;for(;i>0;)P(e,t,r,o,s[r]),i--,r++;i<0&&W(e,r)})(t.t,e,s,o,r),s=o.slice()}))},F=(t,e,n)=>{Y(e);let s=!1;return E((()=>{const o=!!n(t.t);o!==s&&(s=o,o?P(e,t.t,0):W(e,0))}))};let G=location;const I=()=>G.pathname+G.search,J=v(I());addEventListener("popstate",(()=>{G=location,J(I())}));const K=t=>{if("string"==typeof t){const e=new URL(t,G);if(G.href!==e.href)return G=e,history.pushState({},"",G),J(I())}else{t.preventDefault();const e=t.currentTarget.href;if(e)return K(e)}};K.route=J;const N=(t,e,n)=>{Y(e);const s=new RegExp(n||"."),o="params",r=e.getAttribute(o)||o;let c=null;return E((()=>{const n=J().match(s)||null;n!==c&&(n&&c?Q(e,0,n):n?P(e,t.t,0,r,n):W(e,0)),c=n}))},P=(t,e,n,s,o)=>{const r=t.X;let c=r[n+1];const u=l(f(t),!0);c?c.H&&c.H(o):c=r[n+1]=((t,e,n,s)=>{const o=n&&v(s);return o&&(o.index=e),{T:new w(n?{...t,[n]:o}:t),H:o}})(e,n,s,o),c.q=u.lastChild,t.$&&c.T.h(i(u),t.$);const a=r[n].q;a.parentNode.insertBefore(u,a.nextSibling)},Q=(t,e,n)=>{t.X[e+1].H(n)},W=(t,e)=>{const n=t.X,s=n[e].q;for(;e++<n.length-1;){let t=s.nextSibling;const o=n[e].q;for(;t!==o;){const e=t.nextSibling;t.remove(),t=e}t.remove(),n[e].T.u()}},Y=t=>{S(t);const e=t.X=[{q:l(b)}];f(t).append(l(b)),t.u=()=>{for(let t=1;t<e.length;t++)e[t].T.u()},t.replaceWith(e[0].q)},Z=e=>{const n=[];for(let o=0;o<e.length;o++){let r=e[o];const c=h(r),l=!c&&x(r),i={m:o,S:!1,v:c||l,j:new Map};let d=r.attributes.length;for(;d--;){const e=r.attributes[d];if(p(e)){const n=0===e.name.indexOf("x-on:"),o=a(e,n?5:2),f={C:"ref"===o||"css"===o||"route"===o?e.value:B(e.value||""),k:l?z:c?"x-for"===(s=e.name)?D:"x-if"===s?F:"x-route"===s?N:void 0:n?t:q(e.name)};i.j.set(o,f),!l&&r.removeAttribute(e.name)}}const m=u(r=f(r)||r);m.length&&(i.S=Z(m)),(i.j.size||i.S||l)&&n.push(i)}var s;return n.length>0&&n};class _ extends HTMLElement{constructor(){super(),this.l(),this.A={}}onMount(){}connectedCallback(){let t=this,e=t.t;for(const n of t.attributes)if(p(n)){const t=a(n,2);e[t]=v(e[t])}else e[n.name]=n.value||!0;t.onMount({props:e}),t.B()}onUnmount(){}u(){let t=this;t.onUnmount({props:t.t}),t.p()}B(){let t=this;const e=t.D;let n=e.F,s=e.S,o=e.R;const r=n?j:k,c=o?j:R,u=e.G,a={html:r,css:c,props:t.t},p=u.call(t,a);if("string"==typeof p?(n=e.F=(t=>{let e=l(g);return e.innerHTML=t,S(e),f(e)})(p),s=e.S=Z(i(n))):n||(n=p&&p!==t?(t=>{let e=l($);return e.append(...t),e})(p):t,s=t.$||Z(t.o||i(n))),t.R=e.R=o||M++,e.F&&(n=l(n,!0)),s&&t.h(t.o||i(n),s),n!==t){const e=t.parentNode;e.o||(e.o=[].slice.call(i(e))),t.replaceWith(n)}}useEffect(t){this.i.add(E(t))}useRef(t,e,n){const s=this.A,o=s[t]||(s[t]=v([]));if(!e)return o;{const t=o.value;n?t[(t.length||1)-1]=e:t.push(e),o(t)}}}Object.assign(_.prototype,m);const tt={},et=v(localStorage.getItem("locale")||navigator.language),nt=(t,e)=>t[e]||t[t.default],st=t=>{const e=v();let n=[];return e.onload=t=>{e()?t():n.push(t)},E((()=>{const[s,o]=et().split("-"),r=nt(nt(t,s),o);r&&r().then((t=>{e(t.default),n&&(n=n.forEach((t=>t())))}))})),e};st.locale=et,exports.useDefine=(t,e)=>{const n="X-"+t.toUpperCase();return tt[n]=class extends _{constructor(){super()}},tt[n].G=e,tt[n].prototype.D=tt[n],customElements.define(`x-${t}`,tt[n]),tt[n]},exports.useEffect=E,exports.useI18n=st,exports.useNavigate=K,exports.useObserve=t=>{n={...t,...n},s=o},exports.useSignal=v;
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		"use strict";const t=(t,n,s,o)=>{const r=n.handler\|\|(n.handler=new e);r[o]=s(t.t),n.addEventListener(o,r)};class e{handleEvent(t){this[t.type](t)}}let n={},s=null;const o=t=>{n[t]&&(n[t](),n[t]=!1)},r=document,c=t=>r.createElement(t),l=(t,e)=>t.cloneNode(e),i=t=>t.children,f=t=>t.o\|\|t.children,u=(t,e)=>t.name.substring(e),a=t=>0===t.name.indexOf("x-"),p=t=>0===t.tagName.indexOf("X-"),x=t=>!!t.content,h=t=>!!_[t.tagName]\|\|x(t),d={l(t){let e=this;e.t\|\|(e.t=t\|\|{}),e.i\|\|(e.i=new Set)},u(){this.p()},h(t,e,n){let o=this,r=e.length-1,c=n;for(;r>=0;){const l=e[r],i=t[l.m];if(l.v&&(i.$=l.S,(n\|\|o.i).add(i),s&&s(i.tagName)),!n)for(const[t,e]of l.j){const n=e.k(o,i,e.C,t);n&&o.i.add(n)}if(l.S){(!l.v\|\|(c=!h(i)&&(i.i=new Set)))&&o.h(f(i),l.S,c)}r--}},p(){for(const t of this.i)t.u&&t.u();this.i.clear()}};function m(t){this.l(t)}m.prototype=d;let w=null;const y=t=>{const e=t=>{if(void 0!==t){e.value=t;for(const t of e.L)t()}else w&&(e.L.add(w),w.M.add(e.L));return e.value};return e.value=t,e.O=!0,e.L=new Set,e},g=t=>{const e=w;return w=t,w.M=new Set,w.u=(t=>()=>{for(const e of t.M)e.delete(t)})(w),t(),w=e,t};let v=r.createComment(""),E=c("template"),b=r.createDocumentFragment();const $=()=>{},S=(t,...e)=>t.reduce(((n,s,o)=>n+(s+(o===t.length-1?"":e[o]))),""),j=c("style"),k="css-x";let C=1;const L=(t,e)=>"$"+(e\|\|C)+t,M=(t,...e)=>{if("string"==typeof t)return`${k}="${L(t,C)}"`;{const n=S(t,e);j.textContent+=n,j.parentElement\|\|r.head.appendChild(j)}},O=(t,e,n)=>{const s=n,o=t.R;e.setAttribute(k,L(s,o))},R=(t,e,n)=>{const s=n,o=t.useRef(s);let r=!0;return g((()=>{const t=o();if(r){for(const n of t)n(e);r=!1}else t[t.length-1](e)}))},V=(t,e,n)=>{const s=e.style.display;return g((()=>{n(t.t)?s?e.style.display=s:e.style.removeProperty("display"):e.style.display="none"}))},H=(t,e,n)=>g((()=>e.textContent=n(t.t))),U=(t,e,n,s)=>g((()=>e.setAttribute(s,n(t.t)))),X=t=>"x-text"===t?H:"x-show"===t?V:"x-ref"===t?R:"x-css"===t?O:U,T=(t,e,n,s)=>{e.t\|\|(e.t={});let o=null;const r={V:(t,e)=>o={H:t,U:e}},c=g((()=>{const o=e.t[s],c=n(t.t);o&&o.O?r.V(o,c):e.t[s]=c}));return o&&o.H(o.U),r.V=(t,e)=>t(e),c},q={},z=t=>{if(q[t])return q[t];let e=Object.getPrototypeOf((function(){})).constructor,n=/^[\n\s]if.\(.*\)/.test(t.trim())\|\|/^(let\|const)\s/.test(t.trim())?`(()=>{ ${t} })()`:t;let s=(()=>{try{let s=new e(["scope"],`with(scope){return ${n}};`);return Object.defineProperty(s,"name",{value:`VifExp "${t}"`}),s}catch(e){return console.error("VifExp error : "+t,e),!1}})();return q[t]=s,s},A=(t,e,n)=>{W(e);let s=[];const o="item",r=e.getAttribute(o)\|\|o;return g((()=>{const o=n(t.t);((t,e,n,s,o)=>{let r=0;const c=n.length,l=s.length;let i=l-c;for(;r<c&&r<l;)n[r]!==s[r]&&P(e,r,s[r]),r++;for(;i>0;)N(e,t,r,o,s[r]),i--,r++;for(;i<0;)Q(e,r),i++,r++})(t.t,e,s,o,r),s=o.slice()}))},B=(t,e,n)=>{W(e);let s=!1;return g((()=>{const o=!!n(t.t);o!==s&&(s=o,o?N(e,t.t,0):Q(e,0))}))};let D=location;const F=()=>D.pathname+D.search,G=y(F());addEventListener("popstate",(()=>{D=location,G(F())}));const I=t=>{if("string"==typeof t){const e=new URL(t,D);if(D.href!==e.href)return D=e,history.pushState({},"",D),G(F())}else{t.preventDefault();const e=t.currentTarget.href;if(e)return I(e)}};I.route=G;const J=(t,e,n)=>{W(e);const s=new RegExp(n\|\|"."),o="params",r=e.getAttribute(o)\|\|o;let c=null;return g((()=>{const n=G().match(s)\|\|null;n!==c&&(n&&c?P(e,0,n):n?N(e,t.t,0,r,n):Q(e,0)),c=n}))},K=()=>l(v),N=(t,e,n,s,o)=>{const r=t.X;let c=r[n+1];const f=l(t.content,!0);c?c.H&&c.H(o):c=r[n+1]=((t,e,n,s)=>{const o=K(),r=n&&y(s);return r&&(r.index=e),{T:o,q:new m(n?{...t,[n]:r}:t),H:r}})(e,n,s,o),t.$&&c.q.h(i(f),t.$),r[n].T.replaceWith(r[n].T,f,c.T)},P=(t,e,n)=>{t.X[e+1].H(n)},Q=(t,e)=>{const n=t.X;let s=n[e].T.nextSibling;const o=n[e+1].T;for(n[e+1].q.u();s!==o;){const t=s;s=s.nextSibling,t.remove()}},W=t=>{t.X=[{T:K()}],t.u=()=>{for(let e=1;e<t.X.length;e++)t.X[e].q.u()},t.replaceWith(t.X[0].T)},Y=e=>{const n=[];for(let o=0;o<e.length;o++){let r=e[o];const c=x(r),l=!c&&p(r),i={m:o,S:!1,v:c\|\|l,j:new Map};let h=r.attributes.length;for(;h--;){const e=r.attributes[h];if(a(e)){const n=0===e.name.indexOf("x-on:"),o=u(e,n?5:2),f={C:"ref"===o\|\|"css"===o\|\|"route"===o?e.value:z(e.value\|\|""),k:l?T:c?"x-for"===(s=e.name)?A:"x-if"===s?B:"x-route"===s?J:void 0:n?t:X(e.name)};i.j.set(o,f),!l&&r.removeAttribute(e.name)}}const d=f(r=r.content\|\|r);d.length&&(i.S=Y(d)),(i.j.size\|\|i.S\|\|l)&&n.push(i)}var s;return n.length>0&&n};class Z extends HTMLElement{constructor(){super(),this.l(),this.A={}}onMount(){}connectedCallback(){let t=this,e=t.t;for(const n of t.attributes)if(a(n)){const t=u(n,2);e[t]=y(e[t])}else e[n.name]=n.value\|\|!0;t.onMount({props:e}),t.B()}onUnmount(){}u(){let t=this;t.onUnmount({props:t.t}),t.p()}B(){let t=this;const e=t.D;let n=e.F,s=e.S,o=e.R;const r=n?$:S,c=o?$:M,f=e.G,u={html:r,css:c,props:t.t},a=f.call(t,u);if("string"==typeof a?(n=e.F=(t=>{let e=l(E);return e.innerHTML=t,e.content})(a),s=e.S=Y(i(n))):n\|\|(n=a&&a!==t?(t=>{let e=l(b);return e.append(...t),e})(a):t,s=t.$\|\|Y(t.o\|\|i(n))),t.R=e.R=o\|\|C++,e.F&&(n=l(n,!0)),s&&t.h(t.o\|\|i(n),s),n!==t){const e=t.parentNode;e.o\|\|(e.o=[].slice.call(i(e))),t.replaceWith(n)}}useEffect(t){this.i.add(g(t))}useRef(t,e,n){const s=this.A,o=s[t]\|\|(s[t]=y([]));if(!e)return o;{const t=o.value;n?t[(t.length\|\|1)-1]=e:t.push(e),o(t)}}}Object.assign(Z.prototype,d);const _={},tt=y(localStorage.getItem("locale")\|\|navigator.language),et=(t,e)=>t[e]\|\|t[t.default],nt=t=>{const e=y();let n=[];return e.onload=t=>{e()?t():n.push(t)},g((()=>{const[s,o]=tt().split("-"),r=et(et(t,s),o);r&&r().then((t=>{e(t.default),n&&(n=n.forEach((t=>t())))}))})),e};nt.locale=tt,exports.useDefine=(t,e)=>{const n="X-"+t.toUpperCase();return _[n]=class extends Z{constructor(){super()}},_[n].G=e,_[n].prototype.D=_[n],customElements.define(`x-${t}`,_[n]),_[n]},exports.useEffect=g,exports.useI18n=nt,exports.useNavigate=I,exports.useObserve=t=>{n={...t,...n},s=o},exports.useSignal=y;
		"use strict";const t=(t,n,s,o)=>{const r=n.handler\|\|(n.handler=new e);r[o]=s(t.t),n.addEventListener(o,r)};class e{handleEvent(t){this[t.type](t)}}let n={},s=null;const o=t=>{n[t]&&(n[t](),n[t]=!1)},r=document,c=t=>r.createElement(t),l=(t,e)=>t.cloneNode(e),i=t=>t.children,f=t=>t.content,u=t=>t.o\|\|t.children,a=(t,e)=>t.name.substring(e),p=t=>0===t.name.indexOf("x-"),x=t=>0===t.tagName.indexOf("X-"),h=t=>!!t.content,d=t=>!!tt[t.tagName]\|\|h(t),m={l(t){let e=this;e.t\|\|(e.t=t\|\|{}),e.i\|\|(e.i=new Set)},u(){this.p()},h(t,e,n){let o=this,r=e.length-1,c=n;for(;r>=0;){const l=e[r],i=t[l.m];if(l.v&&(i.$=l.S,(n\|\|o.i).add(i),s&&s(i.tagName)),!n)for(const[t,e]of l.j){const n=e.k(o,i,e.C,t);n&&o.i.add(n)}if(l.S){(!l.v\|\|(c=!d(i)&&(i.i=new Set)))&&o.h(u(i),l.S,c)}r--}},p(){for(const t of this.i)t.u&&t.u();this.i.clear()}};function w(t){this.l(t)}w.prototype=m;let y=null;const v=t=>{const e=t=>{if(void 0!==t){e.value=t;for(const t of e.L)t()}else y&&(e.L.add(y),y.M.add(e.L));return e.value};return e.value=t,e.O=!0,e.L=new Set,e},E=t=>{const e=y;return y=t,y.M=new Set,y.u=(t=>()=>{for(const e of t.M)e.delete(t)})(y),t(),y=e,t};let b=r.createComment(""),g=c("template"),$=r.createDocumentFragment();const S=t=>{let e=f(t).firstChild;for(;e;){const t=e.nextSibling;1!==e.nodeType&&e.remove(),e=t}},j=()=>{},k=(t,...e)=>t.reduce(((n,s,o)=>n+(s+(o===t.length-1?"":e[o]))),""),C=c("style"),L="css-x";let M=1;const O=(t,e)=>"$"+(e\|\|M)+t,R=(t,...e)=>{if("string"==typeof t)return`${L}="${O(t,M)}"`;{const n=k(t,e);C.textContent+=n,C.parentElement\|\|r.head.appendChild(C)}},V=(t,e,n)=>{const s=n,o=t.R;e.setAttribute(L,O(s,o))},H=(t,e,n)=>{const s=n,o=t.useRef(s);let r=!0;return E((()=>{const t=o();if(r){for(const n of t)n(e);r=!1}else t[t.length-1](e)}))},U=(t,e,n)=>{const s=e.style.display;return E((()=>{n(t.t)?s?e.style.display=s:e.style.removeProperty("display"):e.style.display="none"}))},X=(t,e,n)=>E((()=>e.textContent=n(t.t))),T=(t,e,n,s)=>E((()=>e.setAttribute(s,n(t.t)))),q=t=>"x-text"===t?X:"x-show"===t?U:"x-ref"===t?H:"x-css"===t?V:T,z=(t,e,n,s)=>{e.t\|\|(e.t={});let o=null;const r={V:(t,e)=>o={H:t,U:e}},c=E((()=>{const o=e.t[s],c=n(t.t);o&&o.O?r.V(o,c):e.t[s]=c}));return o&&o.H(o.U),r.V=(t,e)=>t(e),c},A={},B=t=>{if(A[t])return A[t];let e=Object.getPrototypeOf((function(){})).constructor,n=/^[\n\s]if.\(.*\)/.test(t.trim())\|\|/^(let\|const)\s/.test(t.trim())?`(()=>{ ${t} })()`:t;let s=(()=>{try{let s=new e(["scope"],`with(scope){return ${n}};`);return Object.defineProperty(s,"name",{value:`VifExp "${t}"`}),s}catch(e){return console.error("VifExp error : "+t,e),!1}})();return A[t]=s,s},D=(t,e,n)=>{Y(e);let s=[];const o="item",r=e.getAttribute(o)\|\|o;return E((()=>{const o=n(t.t);((t,e,n,s,o)=>{let r=0;const c=n.length,l=s.length;let i=l-c;for(;r<c&&r<l;)n[r]!==s[r]&&Q(e,r,s[r]),r++;for(;i>0;)P(e,t,r,o,s[r]),i--,r++;i<0&&W(e,r)})(t.t,e,s,o,r),s=o.slice()}))},F=(t,e,n)=>{Y(e);let s=!1;return E((()=>{const o=!!n(t.t);o!==s&&(s=o,o?P(e,t.t,0):W(e,0))}))};let G=location;const I=()=>G.pathname+G.search,J=v(I());addEventListener("popstate",(()=>{G=location,J(I())}));const K=t=>{if("string"==typeof t){const e=new URL(t,G);if(G.href!==e.href)return G=e,history.pushState({},"",G),J(I())}else{t.preventDefault();const e=t.currentTarget.href;if(e)return K(e)}};K.route=J;const N=(t,e,n)=>{Y(e);const s=new RegExp(n\|\|"."),o="params",r=e.getAttribute(o)\|\|o;let c=null;return E((()=>{const n=J().match(s)\|\|null;n!==c&&(n&&c?Q(e,0,n):n?P(e,t.t,0,r,n):W(e,0)),c=n}))},P=(t,e,n,s,o)=>{const r=t.X;let c=r[n+1];const u=l(f(t),!0);c?c.H&&c.H(o):c=r[n+1]=((t,e,n,s)=>{const o=n&&v(s);return o&&(o.index=e),{T:new w(n?{...t,[n]:o}:t),H:o}})(e,n,s,o),c.q=u.lastChild,t.$&&c.T.h(i(u),t.$);const a=r[n].q;a.parentNode.insertBefore(u,a.nextSibling)},Q=(t,e,n)=>{t.X[e+1].H(n)},W=(t,e)=>{const n=t.X,s=n[e].q;for(;e++<n.length-1;){let t=s.nextSibling;const o=n[e].q;for(;t!==o;){const e=t.nextSibling;t.remove(),t=e}t.remove(),n[e].T.u()}},Y=t=>{S(t);const e=t.X=[{q:l(b)}];f(t).append(l(b)),t.u=()=>{for(let t=1;t<e.length;t++)e[t].T.u()},t.replaceWith(e[0].q)},Z=e=>{const n=[];for(let o=0;o<e.length;o++){let r=e[o];const c=h(r),l=!c&&x(r),i={m:o,S:!1,v:c\|\|l,j:new Map};let d=r.attributes.length;for(;d--;){const e=r.attributes[d];if(p(e)){const n=0===e.name.indexOf("x-on:"),o=a(e,n?5:2),f={C:"ref"===o\|\|"css"===o\|\|"route"===o?e.value:B(e.value\|\|""),k:l?z:c?"x-for"===(s=e.name)?D:"x-if"===s?F:"x-route"===s?N:void 0:n?t:q(e.name)};i.j.set(o,f),!l&&r.removeAttribute(e.name)}}const m=u(r=f(r)\|\|r);m.length&&(i.S=Z(m)),(i.j.size\|\|i.S\|\|l)&&n.push(i)}var s;return n.length>0&&n};class _ extends HTMLElement{constructor(){super(),this.l(),this.A={}}onMount(){}connectedCallback(){let t=this,e=t.t;for(const n of t.attributes)if(p(n)){const t=a(n,2);e[t]=v(e[t])}else e[n.name]=n.value\|\|!0;t.onMount({props:e}),t.B()}onUnmount(){}u(){let t=this;t.onUnmount({props:t.t}),t.p()}B(){let t=this;const e=t.D;let n=e.F,s=e.S,o=e.R;const r=n?j:k,c=o?j:R,u=e.G,a={html:r,css:c,props:t.t},p=u.call(t,a);if("string"==typeof p?(n=e.F=(t=>{let e=l(g);return e.innerHTML=t,S(e),f(e)})(p),s=e.S=Z(i(n))):n\|\|(n=p&&p!==t?(t=>{let e=l($);return e.append(...t),e})(p):t,s=t.$\|\|Z(t.o\|\|i(n))),t.R=e.R=o\|\|M++,e.F&&(n=l(n,!0)),s&&t.h(t.o\|\|i(n),s),n!==t){const e=t.parentNode;e.o\|\|(e.o=[].slice.call(i(e))),t.replaceWith(n)}}useEffect(t){this.i.add(E(t))}useRef(t,e,n){const s=this.A,o=s[t]\|\|(s[t]=v([]));if(!e)return o;{const t=o.value;n?t[(t.length\|\|1)-1]=e:t.push(e),o(t)}}}Object.assign(_.prototype,m);const tt={},et=v(localStorage.getItem("locale")\|\|navigator.language),nt=(t,e)=>t[e]\|\|t[t.default],st=t=>{const e=v();let n=[];return e.onload=t=>{e()?t():n.push(t)},E((()=>{const[s,o]=et().split("-"),r=nt(nt(t,s),o);r&&r().then((t=>{e(t.default),n&&(n=n.forEach((t=>t())))}))})),e};st.locale=et,exports.useDefine=(t,e)=>{const n="X-"+t.toUpperCase();return tt[n]=class extends _{constructor(){super()}},tt[n].G=e,tt[n].prototype.D=tt[n],customElements.define(`x-${t}`,tt[n]),tt[n]},exports.useEffect=E,exports.useI18n=st,exports.useNavigate=K,exports.useObserve=t=>{n={...t,...n},s=o},exports.useSignal=v;