@tempots/dom 10.0.8 → 10.0.10

package/dom/ssr.d.ts

@@ -1,5 +1,14 @@
 import { Child, Mountable } from '../types/domain';
+import { DOMContext } from './dom-context';
 
+export declare function maybeAddAttributeTracker(ctx: DOMContext, name: string): void;
+export declare function removeAttributeTrackers(doc: Document): void;
+export declare function maybeAddClassTracker(ctx: DOMContext): void;
+export declare function removeClassTrackers(doc: Document): void;
+export declare function addNodeTracker(element: Element): void;
+export declare function removeNodeTrackers(doc: Document): void;
+export declare function maybeAddTextTracker(ctx: DOMContext): void;
+export declare function removeTextTrackers(doc: Document): void;
 export declare function clearSSR(doc: Document): void;
 export declare const startSSR: (timeoutSeconds?: number) => Promise<void>;
 export declare const ssr: {

package/index.cjs

@@ -1 +1 @@
-"use strict";var dt=Object.defineProperty;var ht=(t,e,r)=>e in t?dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var l=(t,e,r)=>ht(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function Ee(t,e,r){return t+(e-t)*r}const he=97;function Te(t,e,r){const n=Math.max(t.length,e.length);let s="";for(let i=0;i<n;i++){let o=t.charCodeAt(i);isNaN(o)&&(o=he);let u=e.charCodeAt(i);isNaN(u)&&(u=he),s+=String.fromCharCode(o+(u-o)*r)}return s}function Ce(t,e,r){return new Date(t.getTime()+(e.getTime()-t.getTime())*r)}function De(t,e,r){return e}function _e(t){return typeof t=="number"?Ee:typeof t=="string"?Te:t instanceof Date?Ce:De}class Me{constructor(e,r){this.index=e,this.total=r}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const pe=Symbol("isSignal"),me=Symbol("isProp"),ge=Symbol("isComputed");var be;be=pe;const E=class E{constructor(e,r){l(this,be,!0);l(this,"_value");l(this,"_derivatives",[]);l(this,"_onValueListeners",[]);l(this,"_onDisposeListeners",[]);l(this,"get",()=>this._value);l(this,"hasListeners",()=>this._onValueListeners.length>0);l(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));l(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});l(this,"_disposed",!1);l(this,"isDisposed",()=>this._disposed);l(this,"onDispose",e=>{this._onDisposeListeners.push(e)});l(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});l(this,"map",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});l(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});l(this,"tap",e=>this.map(r=>(e(r),r)));l(this,"at",e=>this.map(r=>r[e]));l(this,"filter",(e,r)=>{let n=r??this.get();const s=new D(()=>{try{const i=this.get();return n=e(i)?i:n}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(s),s});l(this,"filterMap",(e,r,n=(s,i)=>s===i)=>{let s=r;const i=new D(()=>{try{const o=this.get(),u=e(o);return s=u??s}catch(o){throw console.error("Error in Signal.filterMap:",o),o}},n);return this.setDerivative(i),i});l(this,"mapAsync",(e,r,n,s=(i,o)=>i===o)=>{const i=v(r,s);let o=0;return i.onDispose(this.on(u=>{const a=++o;try{e(u).then(c=>{a===o&&i.set(c)}).catch(c=>{a===o&&(n!=null?i.set(n(c)):console.error("Unhandled promise rejection in Signal.mapAsync:",c))})}catch(c){throw console.error("Error in Signal.mapAsync:",c),c}})),i});l(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));l(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});l(this,"deriveProp",(e=!0)=>this.feedProp(v(this.get()),e));l(this,"count",()=>{let e=0;return this.map(()=>++e)});l(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}static ofPromise(e,r,n,s=(i,o)=>i===o){const i=new E(r,s);return e.then(o=>i._setAndNotify(o,!1)).catch(o=>{n!=null?i._setAndNotify(n(o),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",o)}),i}static is(e){return e!=null&&e[pe]===!0}static wrap(e,r=(n,s)=>n===s){return E.is(e)?e:new E(e,r)}static maybeWrap(e){return e==null?e:E.wrap(e)}static unwrap(e){return E.is(e)?e.get():e}static map(e,r){return E.is(e)?e.map(r):r(e)}get value(){return this._value}};let d=E;const pt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);var ve,ye;class D extends(ye=d,ve=ge,ye){constructor(r,n){super(void 0,n);l(this,ve,!0);l(this,"_isDirty",!1);l(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this.scheduleNotify())});l(this,"_scheduleCount",0);l(this,"scheduleNotify",()=>{const r=++this._scheduleCount;pt(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});l(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r[ge]===!0}get value(){return this.get()}}var Ae,Pe;class O extends(Pe=d,Ae=me,Pe){constructor(){super(...arguments);l(this,Ae,!0);l(this,"set",r=>{this._setAndNotify(r,!1)});l(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});l(this,"reducer",r=>n=>this.update(s=>r(s,n)));l(this,"iso",(r,n,s=(i,o)=>i===o)=>{const i=new O(r(this.get()),s);return i.onDispose(this.on(o=>i.set(r(o)))),i.on(o=>this._setAndNotify(n(o),!1)),i});l(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}static is(r){return r!=null&&r[me]===!0}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}}function Z(t,e,r=(n,s)=>n===s){const n=new D(t,r);return e.forEach(s=>s.setDerivative(n)),n}function mt(t,e){return Z(t,e).dispose}function v(t,e=(r,n)=>r===n){return new O(t,e)}function gt(t,e=(r,n)=>r===n){return new d(t,e)}class Q{constructor(){l(this,"_store",new Map);l(this,"getItem",e=>this._store.get(e)??null);l(this,"setItem",(e,r)=>{this._store.set(e,r)})}}function ee({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:i=(u,a)=>u===a,onLoad:o=u=>u}){const u=r.getItem(t),a=new O(u!=null?o(s(u)):typeof e=="function"?e():e,i);return a.on(c=>{r.setItem(t,n(c))}),a}function St(t){return ee({...t,store:(window==null?void 0:window.localStorage)??new Q})}function wt(t){return ee({...t,store:(window==null?void 0:window.sessionStorage)??new Q})}function Se(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}function Ne(t,e,r,n){const s=(n==null?void 0:n.duration)??300,i=(n==null?void 0:n.easing)??(A=>A),o=(n==null?void 0:n.equals)??((A,W)=>A===W);let u=n==null?void 0:n.interpolate,a=t,c=e(),p=performance.now(),m=null,h=!0;const C=new D(e,o),P=v(t,o);P.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),P.onDispose(C.dispose),r.forEach(A=>{A.setDerivative(C),A.onDispose(P.dispose)});const X=A=>{c=A,p=performance.now(),a=P.value,h&&(h=!1,m=Se(fe))},fe=()=>{const W=(performance.now()-p)/d.unwrap(s),ft=i(W);u==null&&(u=_e(a));let de=u(a,c,ft);W>=1?(h=!0,de=c):m=Se(fe),P.set(de)};return C.on(X),P}function bt(t,e){const{initialValue:r,...n}=e??{};return Ne(r??t.get(),t.get,[t],n)}function vt(t,e){const{signals:r,literals:n}=Object.entries(t).reduce(({signals:i,literals:o},[u,a])=>(d.is(a)?i.push([u,a]):o[u]=a,{signals:i,literals:o}),{signals:[],literals:{}}),s=r.map(([,i])=>i);return Z(()=>(r.forEach(([i,o])=>n[i]=o.value),e(n)),s)}function B(t){let e=t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);return e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"rgba"]:(e=t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/),e!=null?[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16),1,"hex"]:(e=t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/),e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"hsla"]:[0,0,0,1,"rgba"]))}function we(t){const e=/^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i,r=t.match(e);if(r==null)return{inset:!1,x:0,y:0,blur:0,spread:0,color:"rgba(0, 0, 0, 0)"};const[,n,s,,,i,,o,,u,,a]=r,c=o!=null?parseInt(o,10):0,p=u!=null?parseInt(u,10):0;return{inset:!!n,x:parseInt(s,10),y:parseInt(i,10),blur:c,spread:p,color:a}}function yt(t){const{inset:e,x:r,y:n,blur:s,spread:i,color:o}=t;return`${e?"inset ":""}${r}px ${n}px ${s}px ${i}px ${o}`}function Le(t){return t[4]==="rgba"?`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})`:t[4]==="hex"?`#${t[0].toString(16).padStart(2,"0")}${t[1].toString(16).padStart(2,"0")}${t[2].toString(16).padStart(2,"0")}`:t[4]==="hsla"?`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})`:""}function $e(t,e){const[r,n,s,i,o]=B(t),[u,a,c,p]=B(e);return m=>{const h=r+(u-r)*m,C=n+(a-n)*m,P=s+(c-s)*m,X=i+(p-i)*m;return Le([h,C,P,X,o])}}function At(t,e){const r=we(t),n=we(e);return s=>{const i=r.x+(n.x-r.x)*s,o=r.y+(n.y-r.y)*s,u=r.blur+(n.blur-r.blur)*s,a=r.spread+(n.spread-r.spread)*s,c=Re(r.color,n.color)(s);return yt({inset:r.inset,x:i,y:o,blur:u,spread:a,color:c})}}function Ie(t,e){var r,n,s,i,o,u,a,c;return e==="translateX"?new WebKitCSSMatrix(t.transform).m41:e==="translateY"?new WebKitCSSMatrix(t.transform).m42:e==="translateZ"?new WebKitCSSMatrix(t.transform).m43:e==="rotateX"?new WebKitCSSMatrix(t.transform).m12:e==="rotateY"?new WebKitCSSMatrix(t.transform).m21:e==="rotateZ"?new WebKitCSSMatrix(t.transform).m31:e==="scaleX"?new WebKitCSSMatrix(t.transform).m11:e==="scaleY"?new WebKitCSSMatrix(t.transform).m22:e==="scaleZ"?new WebKitCSSMatrix(t.transform).m33:e==="skewX"?new WebKitCSSMatrix(t.transform).m13:e==="skewY"?new WebKitCSSMatrix(t.transform).m23:Number(e==="grayScale"?(r=t.filter.match(/grayscale\((\d+)%\)/))==null?void 0:r[1]:e==="sepia"?(n=t.filter.match(/sepia\((\d+)%\)/))==null?void 0:n[1]:e==="saturate"?(s=t.filter.match(/saturate\((\d+)%\)/))==null?void 0:s[1]:e==="hueRotate"?(i=t.filter.match(/hue-rotate\((\d+)deg\)/))==null?void 0:i[1]:e==="invert"?(o=t.filter.match(/invert\((\d+)%\)/))==null?void 0:o[1]:e==="brightness"?(u=t.filter.match(/brightness\((\d+)%\)/))==null?void 0:u[1]:e==="contrast"?(a=t.filter.match(/contrast\((\d+)%\)/))==null?void 0:a[1]:e==="blur"?(c=t.filter.match(/blur\((\d+)px\)/))==null?void 0:c[1]:t.getPropertyValue(e))}function Pt(t,e){const r={},n=getComputedStyle(t);for(const[s,i]of Object.entries(e)){const o=s;i!=null&&(r[o]=Ie(n,o))}return r}function L(t,e,r){r!=null&&(e==="translateX"?t.style.transform+=` translateX(${r}px)`:e==="translateY"?t.style.transform+=` translateY(${r}px)`:e==="translateZ"?t.style.transform+=` translateZ(${r}px)`:e==="rotateX"?t.style.transform+=` rotateX(${r}deg)`:e==="rotateY"?t.style.transform+=` rotateY(${r}deg)`:e==="rotateZ"?t.style.transform+=` rotateZ(${r}deg)`:e==="scaleX"?t.style.transform+=` scaleX(${r})`:e==="scaleY"?t.style.transform+=` scaleY(${r})`:e==="scaleZ"?t.style.transform+=` scaleZ(${r})`:e==="skewX"?t.style.transform+=` skewX(${r}deg)`:e==="skewY"?t.style.transform+=` skewY(${r}deg)`:e==="grayScale"?t.style.filter+=` grayscale(${r}%)`:e==="sepia"?t.style.filter+=` sepia(${r}%)`:e==="saturate"?t.style.filter+=` saturate(${r}%)`:e==="hueRotate"?t.style.filter+=` hue-rotate(${r}deg)`:e==="invert"?t.style.filter+=` invert(${r}%)`:e==="brightness"?t.style.filter+=` brightness(${r}%)`:e==="contrast"?t.style.filter+=` contrast(${r}%)`:e==="blur"&&(t.style.filter+=` blur(${r}px)`),t.style.setProperty(e,String(r)))}const Y=new Map;function Oe(t,e,r){if(Y.has(r+":"+t+e))return Y.get(t+e);const n=$e(t,e);return Y.set(r+":"+t+e,n),n}function Re(t,e){return Oe(t,e,"c")}function Et(t,e){return Oe(t,e,"s")}function xe(t,e,r,n,s){if(r!=null&&n!=null){if(typeof r=="number"&&typeof n=="number"){const i=r+(n-r)*s;L(t,e,i)}else if(e==="boxShadow"||e==="textShadow"){const i=Et(r,n)(s);L(t,e,i)}else if(e==="color"||e==="backgroundColor"||e==="borderColor"||e==="outlineColor"){const i=Re(r,n)(s);L(t,e,i)}}}function Tt(t,e,r,n){t.style.transform="",t.style.filter="";for(const[s,i]of Object.entries(r)){const o=s;xe(t,o,e[o],i,n)}}function Ct(t,e){t.style.transform="",t.style.filter="";for(const[r,n]of Object.entries(e))n!=null&&L(t,r,n)}const We=new Set(["checked","disabled","hidden","selected"]),Fe=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),ke=new Set(["valueAsDate"]),ze=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),K=new Map;function N(t,e){if(K.has(t))return K.get(t);{const r=e(t);return K.set(t,r),r}}function Ve(t){return(e,r)=>{r==null?e[t]=null:e[t]=!!r}}function qe(t){return(e,r)=>{r==null?e[t]=null:e[t]=Number(r)}}function Ze(t){return(e,r)=>{r==null?e[t]=null:e[t]=r}}function je(t){return(e,r)=>{r==null?e[t]=null:e[t]=String(r)}}function He(t){return(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)}}function te(t){return We.has(t)?N(t,Ve):Fe.has(t)?N(t,qe):ke.has(t)?N(t,Ze):ze.has(t)?N(t,je):N(t,He)}function re(t){return e=>We.has(t)?!!e[t]:Fe.has(t)?Number(e[t]):ke.has(t)?e[t]:ze.has(t)?String(e[t]):e.getAttribute(t)}class b{constructor(e,r,n,s,i){l(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));l(this,"createText",e=>this.document.createTextNode(e));l(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});l(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});l(this,"withDocument",e=>new b(e,this.element,this.reference,this.providers,!0));l(this,"withElement",e=>new b(this.document,e,void 0,this.providers,!1));l(this,"withFirstLevel",()=>new b(this.document,this.element,this.reference,this.providers,!0));l(this,"withReference",e=>new b(this.document,this.element,e,this.providers,this.isFirstLevel));l(this,"withProvider",(e,r)=>new b(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));l(this,"withProviders",e=>new b(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));l(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Error(`Provider not found: ${e.description}`);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=i}static of(e,r){return new b(e.ownerDocument,e,r,{},!0)}}function w(t){const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)}function Ue(t){return ne(t)?t:t.parentElement}function ne(t){return t.nodeType===1}function Dt(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:i,search:o,hash:u}=s,a=i+o+u;if(s.getAttribute("href")!==a||e&&!/\/[^/.]*$/.test(i))return!0}return!1}const _t=(t,e={checkExtension:!0,checkExternalUrl:!0})=>r=>{const{checkExtension:n,checkExternalUrl:s}=e;Dt(r,n===!0,s===!0)||t()&&r.preventDefault()},$="data-tempo-attr",k="data-tempo-class",Xe="data-tempo-node",z="data-tempo-text";function Mt(t,e){const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute($)??"{}",s={...JSON.parse(n),name:r};t.setAttribute($,JSON.stringify(s))}}function Ye(t,e){console.log("maybeAddAttributeTracker",e,y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Mt(t.element,e)}function Nt(t){t.querySelectorAll(`[${$}]`).forEach(e=>{const r=JSON.parse(e.getAttribute($)??"{}");for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute($)})}function Lt(t){t.setAttribute(k,t.className)}function Ke(t){console.log("maybeAddClassTracker",y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Lt(t.element)}function $t(t){t.querySelectorAll(`[${k}]`).forEach(e=>{const r=e.getAttribute(k);r!==null&&(e.className=r,e.removeAttribute(k))})}function Be(t){t.setAttribute(Xe,"")}function It(t){t.querySelectorAll(`[${Xe}]`).forEach(e=>{w(e)})}function Ot(t){t.setAttribute(z,t.textContent??"")}function Ge(t){console.log("maybeAddTextTracker",y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Ot(t.element)}function Rt(t){t.querySelectorAll(`[${z}]`).forEach(e=>{e.textContent=e.getAttribute(z),e.removeAttribute(z)})}const se=t=>e=>{Ge(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&w(r)}},ie=t=>e=>{Ge(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&w(r)}};function xt(t){return d.is(t)?ie(t):se(t)}const g=(...t)=>e=>{const r=t.map(n=>f(n)(e));return n=>{r.forEach(s=>s(n))}},S=()=>()=>{},Wt=t=>e=>(Ke(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),Ft=t=>e=>{Ke(e);const r=e.element;let n=[];const s=t.on(i=>{n.forEach(o=>r.classList.remove(o)),n=(i??"").split(" ").filter(o=>o.length>0),r.classList.add(...n)});return i=>{s(),i&&n.forEach(o=>r.classList.remove(o)),n.length=0}},j=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return r(s.element,e),o=>{o&&r(s.element,i)}}},H=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return e.on(o=>r(s.element,o)),o=>{o&&r(s.element,i)}}},T=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?Ft(r):Wt((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?H(e,r):j(e,r)}),kt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(`aria-${e}`,r):j(`aria-${e}`,r)}),zt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)}),Vt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)});function f(t){return t==null?S:Array.isArray(t)?g(...t.map(f)):typeof t=="string"?se(t):d.is(t)?ie(t):t}function oe(t,...e){return r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&y.isSSR&&Be(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(i=>f(i)(r));return i=>{s.forEach(o=>o(!1)),i&&w(n)}}}function ae(t,e,...r){return n=>{const s=n.createElement(t,e);n.isFirstLevel&&y.isSSR&&Be(s),n.appendOrInsert(s),n=n.withElement(s);const i=r.map(o=>f(o)(n));return o=>{i.forEach(u=>u(!1)),o&&w(s)}}}const qt=new Proxy({},{get:(t,e)=>(...r)=>oe(e,r.flatMap(f))}),Zt=new Proxy({},{get:(t,e)=>(...r)=>oe("input",T.type(e),...r)}),jt="http://www.w3.org/2000/svg",Ht=new Proxy({},{get:(t,e)=>(...r)=>ae(e,jt,r.flatMap(f))}),Ut="http://www.w3.org/1998/Math/MathML",Xt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Ut,r.flatMap(f))});let V=!1;function Je(t){It(t),$t(t),Nt(t),Rt(t)}let G=0;const Yt=(t=30)=>(V=!0,new Promise((e,r)=>{let n;const s=setInterval(()=>{G<=0&&(clearInterval(s),clearTimeout(n),V=!1,e())},500);n=setTimeout(()=>{clearInterval(s),V=!1,r(new Error("SSR Timeout"))},t*1e3)})),y={useDone(t){return G++,f(t(()=>G--))},get isSSR(){return V}},Qe=(t,e)=>r=>{const n=Object.values(t).reduce((s,i)=>{const o=r.getProvider(i);if(o==null)throw new Error(`No provider found for mark: ${i.description}`);return s[i]=o,s},{});return f(e(n))(r)},Kt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((i,[o,u])=>(n.push(u(a=>(Reflect.set(i,o,a),null))(r)),i),{});return n.push(e(s)(r)),i=>{n.forEach(o=>o(i))}},et=(t,e)=>Qe([t],r=>f(e(r[t]))),Bt=(t,e)=>Qe(t,r=>f(e(r))),_=t=>e=>r=>t(r,e);function tt(t){return Symbol(t)}const rt=(t,e)=>r=>f(e)(r.withProviders(t)),Gt=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,nt=(t,e,r)=>rt({[t]:e},f(r)),Jt=(t,e)=>rt(t,f(e)),J=tt("Appearance"),Qt={provide:t=>{const e=window.matchMedia!=null&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=v(e?"dark":"light"),n=i=>{r.set(i.matches?"dark":"light")},s=window.matchMedia!=null?window.matchMedia("(prefers-color-scheme: dark)"):void 0;return s==null||s.addEventListener("change",n),g(nt(J,r,t),_(()=>s==null?void 0:s.removeEventListener("change",n)))},consume:t=>et(J,t)},le=(t,e)=>{if(typeof e=="function")return le(t,{then:e});const r=e.pending!=null?f(e.pending):S,n=e.then,s=e.error!=null?i=>f(e.error(i)):()=>S;return i=>{let o=!0;const u=t();i=i.makeRef();let a=f(r)(i);return u.then(c=>{o&&(a(!0),a=f(n(c))(i))},c=>{o&&(a(!0),a=f(s(c))(i))}),c=>{o=!1,a(c),c&&i.reference&&w(i.reference)}}},er=(t,e)=>le(()=>t,e),tr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.focus()},t);return n=>clearTimeout(r)},rr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.select()},t);return n=>{clearTimeout(r)}},st=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),it=t=>st("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),R=new Proxy({},{get:(t,e)=>r=>st(e,r)}),x={value:t=>e=>{const r=e.target;t(r.value)},valueAsNumber:t=>e=>{const r=e.target;t(r.valueAsNumber)},valueAsDate:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},valueAsDateTime:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),i=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),o=n[1].split(":");i.setHours(Number(o[0])),i.setMinutes(Number(o[1])),i.setSeconds(Number(o[2])),t(i)},checked:t=>e=>{const r=e.target;t(r.checked)},preventDefault:t=>e=>{e.preventDefault(),t()},stopPropagation:t=>e=>{e.stopPropagation(),t()},stopImmediatePropagation:t=>e=>{e.stopImmediatePropagation(),t()}};function nr(t,e="input"){return g(T.valueAsDate(t),R[e](x.valueAsDate(t.set)))}function sr(t,e="input"){return g(T.valueAsDate(t),R[e](x.valueAsDateTime(t.set)))}function ir(t,e="input"){return g(T.valueAsNumber(t),R[e](x.valueAsNumber(t.set)))}function or(t,e="input"){return g(T.value(t),R[e](x.value(t.set)))}function ar(t){return g(T.checked(t),it(t.set))}const lr={date:nr,dateTime:sr,number:ir,text:or,checked:ar},F=(t,e)=>r=>{r=r.makeRef();let n,s;const i=t.map(a=>Object.keys(a)[0]);let o;const u=i.on(a=>{if(a!==o){s==null||s.dispose(),n==null||n(!0),s=t.map(p=>p[a]);const c=e[a](s);n=f(c)(r),o=a}});return a=>{u(),a&&r.reference!=null&&w(r.reference),n==null||n(!0)}},M={bool:(t,e)=>F(t.map(r=>r?{true:!0}:{false:!0}),e),field:(t,e,r)=>F(t.map(n=>({[n[e]]:n})),r),kind:(t,e)=>M.field(t,"kind",e),tuple:(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return F(r,e)},type:(t,e)=>M.field(t,"type",e),value:(t,e)=>F(t.map(r=>({[r]:!0})),e)},ur=(t,e)=>r=>{const n=(e==null?void 0:e.firstSeparator)??S,s=(e==null?void 0:e.lastSeparator)??S;return M.value(r.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},cr=t=>e=>t(e)(e),fr=t=>e=>(e.appendOrInsert(t),r=>{r&&w(t)}),ot=(t,e,r)=>n=>{n=n.makeRef();let s=null,i=!1;const o=v(null),u=t.on(a=>{a==null?(s==null||s(!0),s=f((r==null?void 0:r())??S)(n),i=!1):(o.value=a,i||(s==null||s(!0),s=f(e(o))(n),i=!0))});return a=>{u(),s==null||s(a),a&&n.reference&&w(n.reference)}},ue=(t,e,r)=>r!=null?ue(t,n=>{const s=n.map(i=>i.isLast?"last":"other");return g(_(()=>s.dispose()),f(e(n)),M.value(s,{last:()=>S,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(a=>Array.from({length:a},(c,p)=>p).map(c=>new Me(c,a))),i=[],o=[],u=s.on(a=>{var p,m;const c=a.length;for(;c<i.length;)(p=i.pop())==null||p(!0),(m=o.pop())==null||m.dispose();for(let h=0;h<c;h++)if(o[h]==null){o[h]=v(a[h]);const C=f(e(o[h]));i[h]=C(n)}else o[h].value=a[h]});return a=>{u(),a&&n.reference&&w(n.reference)}},at=(t,e,r)=>r!=null?at(t,(n,s)=>{const i=s.map(o=>o.isLast?"last":"other");return g([_(()=>i.dispose()),f(e(n,s)),M.value(i,{last:()=>S,other:()=>r(s)})])}):n=>{const s=t.map(i=>i.length);return ue(s,i=>{const o=Z(()=>t.value[i.value.index],[i,t]);return g(_(()=>o.dispose()),f(e(o,i)))})(n)},dr=t=>{const e=t.element,r=e.style.getPropertyValue(":empty");return e.style.setProperty(":empty","display:none"),n=>{n&&e.style.setProperty(":empty",r)}};function ce(t,e){const r=t(e);return()=>r(!0)}function hr(t,e,{doc:r,clear:n}={}){const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Error(`Cannot find element by selector for render: ${e}`);n&&(r??s.ownerDocument)!=null&&Je(r??s.ownerDocument);const i=Ue(s),o=ne(s)?void 0:s,u=b.of(i,o);return ce(t,u)}const lt=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return ce(f(e),r.withElement(n).withFirstLevel())},pr=t=>lt("head title",T.innerText(t)),ut=t=>e=>t(e.element)??(()=>{}),U=(t,e,r)=>ot(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),mr=(t,e,r)=>U(t.map(n=>!n),e,r),gr={partial:{root:null,rootMargin:"0px",threshold:0},full:{root:null,rootMargin:"0px",threshold:1}},q={partial:new Map,full:new Map},I={partial:null,full:null};function Sr(t){return I[t]==null&&(I[t]=new IntersectionObserver(e=>{e.forEach(r=>{const n=q[t].get(r.target);n==null||n.set(r.isIntersecting)})},gr[t])),I[t]}function ct(t,e){const r=v(y.isSSR);return g(ut(n=>{const s=typeof IntersectionObserver<"u"?Sr(t):null;return q[t].set(n,r),s==null||s.observe(n),()=>{var i;s==null||s.unobserve(n),q[t].delete(n),q[t].size===0&&((i=I[t])==null||i.disconnect(),I[t]=null)}}),_(r.dispose),f(e(r)))}const wr=(t,e,r)=>ct(t,n=>U(n,e,r??S)),br=(t,e)=>r=>{r=r.makeRef();const n=t.map(o=>f(e(o)));let s=()=>{};const i=n.on(o=>{s(!0),s=o(r)});return o=>{i(),s(o)}};function vr(t,e,r=S){return U(t.map(n=>n.length>0),e,r)}const yr=t=>e=>{const r=e.element,n=v({width:r.clientWidth,height:r.clientHeight}),s=f(t(n))(e),i=()=>{n.set({width:r.clientWidth,height:r.clientHeight})};let o;return typeof ResizeObserver=="function"&&(o=new ResizeObserver(i),o.observe(r)),u=>{o==null||o.disconnect(),s(u)}},Ar=t=>e=>{const r=v({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0}),n=f(t(r))(e),s=()=>{r.set({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0})};return window==null||window.addEventListener("resize",s),i=>{window==null||window.removeEventListener("resize",s),n(i)}},Pr={element:yr,window:Ar},Er=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),i=>{i&&n.style.setProperty(t,s)}},Tr=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(i=>n.style.setProperty(t,i)),i=>{i&&n.style.setProperty(t,s)}},Cr=new Proxy({},{get:(t,e)=>r=>d.is(r)?Tr(e,r):Er(e,r)});exports.Async=er;exports.AutoFocus=tr;exports.AutoSelect=rr;exports.Computed=D;exports.Conjunction=ur;exports.Ctx=cr;exports.DOMContext=b;exports.DOMEl=fr;exports.El=oe;exports.ElNS=ae;exports.Empty=S;exports.Ensure=ot;exports.ForEach=at;exports.Fragment=g;exports.HTMLTitle=pr;exports.HiddenWhenEmpty=dr;exports.InViewport=ct;exports.MapSignal=br;exports.MemoryStore=Q;exports.NotEmpty=vr;exports.OnChecked=it;exports.OnDispose=_;exports.OnMount=ut;exports.Portal=lt;exports.Position=Me;exports.Prop=O;exports.Provide=Gt;exports.Repeat=ue;exports.Signal=d;exports.Task=le;exports.Text=xt;exports.Unless=mr;exports.Use=Kt;exports.UseProvider=et;exports.UseProviders=Bt;exports.When=U;exports.WhenInViewport=wr;exports.WithProvider=nt;exports.WithProviders=Jt;exports.animate=Ne;exports.animateOne=bt;exports.appearance=Qt;exports.appearanceMarker=J;exports.applyAnimatable=Ct;exports.applyAnimatableProp=L;exports.applyInterpolatedAnimatable=Tt;exports.applyInterpolatedAnimatableProp=xe;exports.aria=kt;exports.attr=T;exports.bind=lr;exports.childToMountable=f;exports.clearSSR=Je;exports.colorChannelsToString=Le;exports.computed=Z;exports.computedRecord=vt;exports.dateInterpolate=Ce;exports.effect=mt;exports.emit=x;exports.endInterpolate=De;exports.getComputedAnimatable=Pt;exports.getComputedAnimatableProp=Ie;exports.getSelfOrParentElement=Ue;exports.guessInterpolate=_e;exports.handleAnchorClick=_t;exports.html=qt;exports.input=Zt;exports.interpolateColor=$e;exports.interpolateShadow=At;exports.isElement=ne;exports.makeGetter=re;exports.makeProviderMark=tt;exports.makeSetter=te;exports.math=Xt;exports.mathAttr=Vt;exports.numberInterpolate=Ee;exports.on=R;exports.oneof=M;exports.parseColorChannels=B;exports.prop=v;exports.propOfLocalStorage=St;exports.propOfSessionStorage=wt;exports.propOfStorage=ee;exports.removeDOMNode=w;exports.render=hr;exports.renderWithContext=ce;exports.setAttribute=He;exports.setBooleanProperty=Ve;exports.setDateProperty=Ze;exports.setNumberProperty=qe;exports.setStringProperty=je;exports.signal=gt;exports.signalText=ie;exports.size=Pr;exports.ssr=y;exports.startSSR=Yt;exports.staticText=se;exports.stringInterpolate=Te;exports.style=Cr;exports.svg=Ht;exports.svgAttr=zt;
+"use strict";var gt=Object.defineProperty;var St=(t,e,r)=>e in t?gt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var l=(t,e,r)=>St(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _e(t,e,r){return t+(e-t)*r}const Se=97;function Me(t,e,r){const n=Math.max(t.length,e.length);let s="";for(let i=0;i<n;i++){let o=t.charCodeAt(i);isNaN(o)&&(o=Se);let u=e.charCodeAt(i);isNaN(u)&&(u=Se),s+=String.fromCharCode(o+(u-o)*r)}return s}function Ne(t,e,r){return new Date(t.getTime()+(e.getTime()-t.getTime())*r)}function Le(t,e,r){return e}function $e(t){return typeof t=="number"?_e:typeof t=="string"?Me:t instanceof Date?Ne:Le}class Ie{constructor(e,r){this.index=e,this.total=r}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const be=Symbol("isSignal"),we=Symbol("isProp"),ve=Symbol("isComputed");var Te;Te=be;const P=class P{constructor(e,r){l(this,Te,!0);l(this,"_value");l(this,"_derivatives",[]);l(this,"_onValueListeners",[]);l(this,"_onDisposeListeners",[]);l(this,"get",()=>this._value);l(this,"hasListeners",()=>this._onValueListeners.length>0);l(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));l(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});l(this,"_disposed",!1);l(this,"isDisposed",()=>this._disposed);l(this,"onDispose",e=>{this._onDisposeListeners.push(e)});l(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});l(this,"map",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});l(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});l(this,"tap",e=>this.map(r=>(e(r),r)));l(this,"at",e=>this.map(r=>r[e]));l(this,"filter",(e,r)=>{let n=r??this.get();const s=new D(()=>{try{const i=this.get();return n=e(i)?i:n}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(s),s});l(this,"filterMap",(e,r,n=(s,i)=>s===i)=>{let s=r;const i=new D(()=>{try{const o=this.get(),u=e(o);return s=u??s}catch(o){throw console.error("Error in Signal.filterMap:",o),o}},n);return this.setDerivative(i),i});l(this,"mapAsync",(e,r,n,s=(i,o)=>i===o)=>{const i=v(r,s);let o=0;return i.onDispose(this.on(u=>{const a=++o;try{e(u).then(c=>{a===o&&i.set(c)}).catch(c=>{a===o&&(n!=null?i.set(n(c)):console.error("Unhandled promise rejection in Signal.mapAsync:",c))})}catch(c){throw console.error("Error in Signal.mapAsync:",c),c}})),i});l(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));l(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});l(this,"deriveProp",(e=!0)=>this.feedProp(v(this.get()),e));l(this,"count",()=>{let e=0;return this.map(()=>++e)});l(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}static ofPromise(e,r,n,s=(i,o)=>i===o){const i=new P(r,s);return e.then(o=>i._setAndNotify(o,!1)).catch(o=>{n!=null?i._setAndNotify(n(o),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",o)}),i}static is(e){return e!=null&&e[be]===!0}static wrap(e,r=(n,s)=>n===s){return P.is(e)?e:new P(e,r)}static maybeWrap(e){return e==null?e:P.wrap(e)}static unwrap(e){return P.is(e)?e.get():e}static map(e,r){return P.is(e)?e.map(r):r(e)}get value(){return this._value}};let d=P;const bt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);var Pe,Ee;class D extends(Ee=d,Pe=ve,Ee){constructor(r,n){super(void 0,n);l(this,Pe,!0);l(this,"_isDirty",!1);l(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this.scheduleNotify())});l(this,"_scheduleCount",0);l(this,"scheduleNotify",()=>{const r=++this._scheduleCount;bt(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});l(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r[ve]===!0}get value(){return this.get()}}var Ce,De;class O extends(De=d,Ce=we,De){constructor(){super(...arguments);l(this,Ce,!0);l(this,"set",r=>{this._setAndNotify(r,!1)});l(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});l(this,"reducer",r=>n=>this.update(s=>r(s,n)));l(this,"iso",(r,n,s=(i,o)=>i===o)=>{const i=new O(r(this.get()),s);return i.onDispose(this.on(o=>i.set(r(o)))),i.on(o=>this._setAndNotify(n(o),!1)),i});l(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}static is(r){return r!=null&&r[we]===!0}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}}function Z(t,e,r=(n,s)=>n===s){const n=new D(t,r);return e.forEach(s=>s.setDerivative(n)),n}function wt(t,e){return Z(t,e).dispose}function v(t,e=(r,n)=>r===n){return new O(t,e)}function vt(t,e=(r,n)=>r===n){return new d(t,e)}class Q{constructor(){l(this,"_store",new Map);l(this,"getItem",e=>this._store.get(e)??null);l(this,"setItem",(e,r)=>{this._store.set(e,r)})}}function ee({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:i=(u,a)=>u===a,onLoad:o=u=>u}){const u=r.getItem(t),a=new O(u!=null?o(s(u)):typeof e=="function"?e():e,i);return a.on(c=>{r.setItem(t,n(c))}),a}function At(t){return ee({...t,store:(window==null?void 0:window.localStorage)??new Q})}function yt(t){return ee({...t,store:(window==null?void 0:window.sessionStorage)??new Q})}function Ae(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}function Oe(t,e,r,n){const s=(n==null?void 0:n.duration)??300,i=(n==null?void 0:n.easing)??(y=>y),o=(n==null?void 0:n.equals)??((y,W)=>y===W);let u=n==null?void 0:n.interpolate,a=t,c=e(),p=performance.now(),m=null,h=!0;const C=new D(e,o),T=v(t,o);T.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),T.onDispose(C.dispose),r.forEach(y=>{y.setDerivative(C),y.onDispose(T.dispose)});const X=y=>{c=y,p=performance.now(),a=T.value,h&&(h=!1,m=Ae(me))},me=()=>{const W=(performance.now()-p)/d.unwrap(s),mt=i(W);u==null&&(u=$e(a));let ge=u(a,c,mt);W>=1?(h=!0,ge=c):m=Ae(me),T.set(ge)};return C.on(X),T}function Tt(t,e){const{initialValue:r,...n}=e??{};return Oe(r??t.get(),t.get,[t],n)}function Pt(t,e){const{signals:r,literals:n}=Object.entries(t).reduce(({signals:i,literals:o},[u,a])=>(d.is(a)?i.push([u,a]):o[u]=a,{signals:i,literals:o}),{signals:[],literals:{}}),s=r.map(([,i])=>i);return Z(()=>(r.forEach(([i,o])=>n[i]=o.value),e(n)),s)}function B(t){let e=t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);return e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"rgba"]:(e=t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/),e!=null?[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16),1,"hex"]:(e=t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/),e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"hsla"]:[0,0,0,1,"rgba"]))}function ye(t){const e=/^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i,r=t.match(e);if(r==null)return{inset:!1,x:0,y:0,blur:0,spread:0,color:"rgba(0, 0, 0, 0)"};const[,n,s,,,i,,o,,u,,a]=r,c=o!=null?parseInt(o,10):0,p=u!=null?parseInt(u,10):0;return{inset:!!n,x:parseInt(s,10),y:parseInt(i,10),blur:c,spread:p,color:a}}function Et(t){const{inset:e,x:r,y:n,blur:s,spread:i,color:o}=t;return`${e?"inset ":""}${r}px ${n}px ${s}px ${i}px ${o}`}function Re(t){return t[4]==="rgba"?`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})`:t[4]==="hex"?`#${t[0].toString(16).padStart(2,"0")}${t[1].toString(16).padStart(2,"0")}${t[2].toString(16).padStart(2,"0")}`:t[4]==="hsla"?`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})`:""}function xe(t,e){const[r,n,s,i,o]=B(t),[u,a,c,p]=B(e);return m=>{const h=r+(u-r)*m,C=n+(a-n)*m,T=s+(c-s)*m,X=i+(p-i)*m;return Re([h,C,T,X,o])}}function Ct(t,e){const r=ye(t),n=ye(e);return s=>{const i=r.x+(n.x-r.x)*s,o=r.y+(n.y-r.y)*s,u=r.blur+(n.blur-r.blur)*s,a=r.spread+(n.spread-r.spread)*s,c=Fe(r.color,n.color)(s);return Et({inset:r.inset,x:i,y:o,blur:u,spread:a,color:c})}}function We(t,e){var r,n,s,i,o,u,a,c;return e==="translateX"?new WebKitCSSMatrix(t.transform).m41:e==="translateY"?new WebKitCSSMatrix(t.transform).m42:e==="translateZ"?new WebKitCSSMatrix(t.transform).m43:e==="rotateX"?new WebKitCSSMatrix(t.transform).m12:e==="rotateY"?new WebKitCSSMatrix(t.transform).m21:e==="rotateZ"?new WebKitCSSMatrix(t.transform).m31:e==="scaleX"?new WebKitCSSMatrix(t.transform).m11:e==="scaleY"?new WebKitCSSMatrix(t.transform).m22:e==="scaleZ"?new WebKitCSSMatrix(t.transform).m33:e==="skewX"?new WebKitCSSMatrix(t.transform).m13:e==="skewY"?new WebKitCSSMatrix(t.transform).m23:Number(e==="grayScale"?(r=t.filter.match(/grayscale\((\d+)%\)/))==null?void 0:r[1]:e==="sepia"?(n=t.filter.match(/sepia\((\d+)%\)/))==null?void 0:n[1]:e==="saturate"?(s=t.filter.match(/saturate\((\d+)%\)/))==null?void 0:s[1]:e==="hueRotate"?(i=t.filter.match(/hue-rotate\((\d+)deg\)/))==null?void 0:i[1]:e==="invert"?(o=t.filter.match(/invert\((\d+)%\)/))==null?void 0:o[1]:e==="brightness"?(u=t.filter.match(/brightness\((\d+)%\)/))==null?void 0:u[1]:e==="contrast"?(a=t.filter.match(/contrast\((\d+)%\)/))==null?void 0:a[1]:e==="blur"?(c=t.filter.match(/blur\((\d+)px\)/))==null?void 0:c[1]:t.getPropertyValue(e))}function Dt(t,e){const r={},n=getComputedStyle(t);for(const[s,i]of Object.entries(e)){const o=s;i!=null&&(r[o]=We(n,o))}return r}function L(t,e,r){r!=null&&(e==="translateX"?t.style.transform+=` translateX(${r}px)`:e==="translateY"?t.style.transform+=` translateY(${r}px)`:e==="translateZ"?t.style.transform+=` translateZ(${r}px)`:e==="rotateX"?t.style.transform+=` rotateX(${r}deg)`:e==="rotateY"?t.style.transform+=` rotateY(${r}deg)`:e==="rotateZ"?t.style.transform+=` rotateZ(${r}deg)`:e==="scaleX"?t.style.transform+=` scaleX(${r})`:e==="scaleY"?t.style.transform+=` scaleY(${r})`:e==="scaleZ"?t.style.transform+=` scaleZ(${r})`:e==="skewX"?t.style.transform+=` skewX(${r}deg)`:e==="skewY"?t.style.transform+=` skewY(${r}deg)`:e==="grayScale"?t.style.filter+=` grayscale(${r}%)`:e==="sepia"?t.style.filter+=` sepia(${r}%)`:e==="saturate"?t.style.filter+=` saturate(${r}%)`:e==="hueRotate"?t.style.filter+=` hue-rotate(${r}deg)`:e==="invert"?t.style.filter+=` invert(${r}%)`:e==="brightness"?t.style.filter+=` brightness(${r}%)`:e==="contrast"?t.style.filter+=` contrast(${r}%)`:e==="blur"&&(t.style.filter+=` blur(${r}px)`),t.style.setProperty(e,String(r)))}const Y=new Map;function ke(t,e,r){if(Y.has(r+":"+t+e))return Y.get(t+e);const n=xe(t,e);return Y.set(r+":"+t+e,n),n}function Fe(t,e){return ke(t,e,"c")}function _t(t,e){return ke(t,e,"s")}function ze(t,e,r,n,s){if(r!=null&&n!=null){if(typeof r=="number"&&typeof n=="number"){const i=r+(n-r)*s;L(t,e,i)}else if(e==="boxShadow"||e==="textShadow"){const i=_t(r,n)(s);L(t,e,i)}else if(e==="color"||e==="backgroundColor"||e==="borderColor"||e==="outlineColor"){const i=Fe(r,n)(s);L(t,e,i)}}}function Mt(t,e,r,n){t.style.transform="",t.style.filter="";for(const[s,i]of Object.entries(r)){const o=s;ze(t,o,e[o],i,n)}}function Nt(t,e){t.style.transform="",t.style.filter="";for(const[r,n]of Object.entries(e))n!=null&&L(t,r,n)}const Ve=new Set(["checked","disabled","hidden","selected"]),qe=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Ze=new Set(["valueAsDate"]),je=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),K=new Map;function N(t,e){if(K.has(t))return K.get(t);{const r=e(t);return K.set(t,r),r}}function He(t){return(e,r)=>{r==null?e[t]=null:e[t]=!!r}}function Ue(t){return(e,r)=>{r==null?e[t]=null:e[t]=Number(r)}}function Xe(t){return(e,r)=>{r==null?e[t]=null:e[t]=r}}function Ye(t){return(e,r)=>{r==null?e[t]=null:e[t]=String(r)}}function Ke(t){return(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)}}function te(t){return Ve.has(t)?N(t,He):qe.has(t)?N(t,Ue):Ze.has(t)?N(t,Xe):je.has(t)?N(t,Ye):N(t,Ke)}function re(t){return e=>Ve.has(t)?!!e[t]:qe.has(t)?Number(e[t]):Ze.has(t)?e[t]:je.has(t)?String(e[t]):e.getAttribute(t)}class w{constructor(e,r,n,s,i){l(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));l(this,"createText",e=>this.document.createTextNode(e));l(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});l(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});l(this,"withDocument",e=>new w(e,this.element,this.reference,this.providers,!0));l(this,"withElement",e=>new w(this.document,e,void 0,this.providers,!1));l(this,"withFirstLevel",()=>new w(this.document,this.element,this.reference,this.providers,!0));l(this,"withReference",e=>new w(this.document,this.element,e,this.providers,this.isFirstLevel));l(this,"withProvider",(e,r)=>new w(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));l(this,"withProviders",e=>new w(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));l(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Error(`Provider not found: ${e.description}`);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=i}static of(e,r){return new w(e.ownerDocument,e,r,{},!0)}}function b(t){const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)}function Be(t){return ne(t)?t:t.parentElement}function ne(t){return t.nodeType===1}function Lt(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:i,search:o,hash:u}=s,a=i+o+u;if(s.getAttribute("href")!==a||e&&!/\/[^/.]*$/.test(i))return!0}return!1}const $t=(t,e={checkExtension:!0,checkExternalUrl:!0})=>r=>{const{checkExtension:n,checkExternalUrl:s}=e;Lt(r,n===!0,s===!0)||t()&&r.preventDefault()},se=t=>e=>{fe(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&b(r)}},ie=t=>e=>{fe(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&b(r)}};function It(t){return d.is(t)?ie(t):se(t)}const g=(...t)=>e=>{const r=t.map(n=>f(n)(e));return n=>{r.forEach(s=>s(n))}},S=()=>()=>{},Ot=t=>e=>(ue(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),Rt=t=>e=>{ue(e);const r=e.element;let n=[];const s=t.on(i=>{n.forEach(o=>r.classList.remove(o)),n=(i??"").split(" ").filter(o=>o.length>0),r.classList.add(...n)});return i=>{s(),i&&n.forEach(o=>r.classList.remove(o)),n.length=0}},j=(t,e)=>{const r=te(t),n=re(t);return s=>{le(s,t);const i=n(s.element);return r(s.element,e),o=>{o&&r(s.element,i)}}},H=(t,e)=>{const r=te(t),n=re(t);return s=>{le(s,t);const i=n(s.element);return e.on(o=>r(s.element,o)),o=>{o&&r(s.element,i)}}},E=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?Rt(r):Ot((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?H(e,r):j(e,r)}),xt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(`aria-${e}`,r):j(`aria-${e}`,r)}),Wt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)}),kt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)});function f(t){return t==null?S:Array.isArray(t)?g(...t.map(f)):typeof t=="string"?se(t):d.is(t)?ie(t):t}function oe(t,...e){return r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&A.isSSR&&ce(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(i=>f(i)(r));return i=>{s.forEach(o=>o(!1)),i&&b(n)}}}function ae(t,e,...r){return n=>{const s=n.createElement(t,e);n.isFirstLevel&&A.isSSR&&ce(s),n.appendOrInsert(s),n=n.withElement(s);const i=r.map(o=>f(o)(n));return o=>{i.forEach(u=>u(!1)),o&&b(s)}}}const Ft=new Proxy({},{get:(t,e)=>(...r)=>oe(e,r.flatMap(f))}),zt=new Proxy({},{get:(t,e)=>(...r)=>oe("input",E.type(e),...r)}),Vt="http://www.w3.org/2000/svg",qt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Vt,r.flatMap(f))}),Zt="http://www.w3.org/1998/Math/MathML",jt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Zt,r.flatMap(f))});let F=!1;const $="data-tempo-attr",z="data-tempo-class",Ge="data-tempo-node",V="data-tempo-text";function Ht(t,e){const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute($)??"{}",s={...JSON.parse(n),name:r};t.setAttribute($,JSON.stringify(s))}}function le(t,e){console.log("maybeAddAttributeTracker",e,A.isSSR,t.isFirstLevel),A.isSSR&&t.isFirstLevel&&Ht(t.element,e)}function Je(t){t.querySelectorAll(`[${$}]`).forEach(e=>{const r=JSON.parse(e.getAttribute($)??"{}");for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute($)})}function Ut(t){t.setAttribute(z,t.className)}function ue(t){console.log("maybeAddClassTracker",A.isSSR,t.isFirstLevel),A.isSSR&&t.isFirstLevel&&Ut(t.element)}function Qe(t){t.querySelectorAll(`[${z}]`).forEach(e=>{const r=e.getAttribute(z);r!==null&&(e.className=r,e.removeAttribute(z))})}function ce(t){t.setAttribute(Ge,"")}function et(t){t.querySelectorAll(`[${Ge}]`).forEach(e=>{b(e)})}function Xt(t){t.setAttribute(V,t.textContent??"")}function fe(t){console.log("maybeAddTextTracker",A.isSSR,t.isFirstLevel),A.isSSR&&t.isFirstLevel&&Xt(t.element)}function tt(t){t.querySelectorAll(`[${V}]`).forEach(e=>{e.textContent=e.getAttribute(V),e.removeAttribute(V)})}function rt(t){et(t),Qe(t),Je(t),tt(t)}let G=0;const Yt=(t=30)=>(F=!0,new Promise((e,r)=>{let n;const s=setInterval(()=>{G<=0&&(clearInterval(s),clearTimeout(n),F=!1,e())},500);n=setTimeout(()=>{clearInterval(s),F=!1,r(new Error("SSR Timeout"))},t*1e3)})),A={useDone(t){return G++,f(t(()=>G--))},get isSSR(){return F}},nt=(t,e)=>r=>{const n=Object.values(t).reduce((s,i)=>{const o=r.getProvider(i);if(o==null)throw new Error(`No provider found for mark: ${i.description}`);return s[i]=o,s},{});return f(e(n))(r)},Kt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((i,[o,u])=>(n.push(u(a=>(Reflect.set(i,o,a),null))(r)),i),{});return n.push(e(s)(r)),i=>{n.forEach(o=>o(i))}},st=(t,e)=>nt([t],r=>f(e(r[t]))),Bt=(t,e)=>nt(t,r=>f(e(r))),_=t=>e=>r=>t(r,e);function it(t){return Symbol(t)}const ot=(t,e)=>r=>f(e)(r.withProviders(t)),Gt=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,at=(t,e,r)=>ot({[t]:e},f(r)),Jt=(t,e)=>ot(t,f(e)),J=it("Appearance"),Qt={provide:t=>{const e=window.matchMedia!=null&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=v(e?"dark":"light"),n=i=>{r.set(i.matches?"dark":"light")},s=window.matchMedia!=null?window.matchMedia("(prefers-color-scheme: dark)"):void 0;return s==null||s.addEventListener("change",n),g(at(J,r,t),_(()=>s==null?void 0:s.removeEventListener("change",n)))},consume:t=>st(J,t)},de=(t,e)=>{if(typeof e=="function")return de(t,{then:e});const r=e.pending!=null?f(e.pending):S,n=e.then,s=e.error!=null?i=>f(e.error(i)):()=>S;return i=>{let o=!0;const u=t();i=i.makeRef();let a=f(r)(i);return u.then(c=>{o&&(a(!0),a=f(n(c))(i))},c=>{o&&(a(!0),a=f(s(c))(i))}),c=>{o=!1,a(c),c&&i.reference&&b(i.reference)}}},er=(t,e)=>de(()=>t,e),tr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.focus()},t);return n=>clearTimeout(r)},rr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.select()},t);return n=>{clearTimeout(r)}},lt=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),ut=t=>lt("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),R=new Proxy({},{get:(t,e)=>r=>lt(e,r)}),x={value:t=>e=>{const r=e.target;t(r.value)},valueAsNumber:t=>e=>{const r=e.target;t(r.valueAsNumber)},valueAsDate:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},valueAsDateTime:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),i=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),o=n[1].split(":");i.setHours(Number(o[0])),i.setMinutes(Number(o[1])),i.setSeconds(Number(o[2])),t(i)},checked:t=>e=>{const r=e.target;t(r.checked)},preventDefault:t=>e=>{e.preventDefault(),t()},stopPropagation:t=>e=>{e.stopPropagation(),t()},stopImmediatePropagation:t=>e=>{e.stopImmediatePropagation(),t()}};function nr(t,e="input"){return g(E.valueAsDate(t),R[e](x.valueAsDate(t.set)))}function sr(t,e="input"){return g(E.valueAsDate(t),R[e](x.valueAsDateTime(t.set)))}function ir(t,e="input"){return g(E.valueAsNumber(t),R[e](x.valueAsNumber(t.set)))}function or(t,e="input"){return g(E.value(t),R[e](x.value(t.set)))}function ar(t){return g(E.checked(t),ut(t.set))}const lr={date:nr,dateTime:sr,number:ir,text:or,checked:ar},k=(t,e)=>r=>{r=r.makeRef();let n,s;const i=t.map(a=>Object.keys(a)[0]);let o;const u=i.on(a=>{if(a!==o){s==null||s.dispose(),n==null||n(!0),s=t.map(p=>p[a]);const c=e[a](s);n=f(c)(r),o=a}});return a=>{u(),a&&r.reference!=null&&b(r.reference),n==null||n(!0)}},M={bool:(t,e)=>k(t.map(r=>r?{true:!0}:{false:!0}),e),field:(t,e,r)=>k(t.map(n=>({[n[e]]:n})),r),kind:(t,e)=>M.field(t,"kind",e),tuple:(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return k(r,e)},type:(t,e)=>M.field(t,"type",e),value:(t,e)=>k(t.map(r=>({[r]:!0})),e)},ur=(t,e)=>r=>{const n=(e==null?void 0:e.firstSeparator)??S,s=(e==null?void 0:e.lastSeparator)??S;return M.value(r.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},cr=t=>e=>t(e)(e),fr=t=>e=>(e.appendOrInsert(t),r=>{r&&b(t)}),ct=(t,e,r)=>n=>{n=n.makeRef();let s=null,i=!1;const o=v(null),u=t.on(a=>{a==null?(s==null||s(!0),s=f((r==null?void 0:r())??S)(n),i=!1):(o.value=a,i||(s==null||s(!0),s=f(e(o))(n),i=!0))});return a=>{u(),s==null||s(a),a&&n.reference&&b(n.reference)}},he=(t,e,r)=>r!=null?he(t,n=>{const s=n.map(i=>i.isLast?"last":"other");return g(_(()=>s.dispose()),f(e(n)),M.value(s,{last:()=>S,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(a=>Array.from({length:a},(c,p)=>p).map(c=>new Ie(c,a))),i=[],o=[],u=s.on(a=>{var p,m;const c=a.length;for(;c<i.length;)(p=i.pop())==null||p(!0),(m=o.pop())==null||m.dispose();for(let h=0;h<c;h++)if(o[h]==null){o[h]=v(a[h]);const C=f(e(o[h]));i[h]=C(n)}else o[h].value=a[h]});return a=>{u(),a&&n.reference&&b(n.reference)}},ft=(t,e,r)=>r!=null?ft(t,(n,s)=>{const i=s.map(o=>o.isLast?"last":"other");return g([_(()=>i.dispose()),f(e(n,s)),M.value(i,{last:()=>S,other:()=>r(s)})])}):n=>{const s=t.map(i=>i.length);return he(s,i=>{const o=Z(()=>t.value[i.value.index],[i,t]);return g(_(()=>o.dispose()),f(e(o,i)))})(n)},dr=t=>{const e=t.element,r=e.style.getPropertyValue(":empty");return e.style.setProperty(":empty","display:none"),n=>{n&&e.style.setProperty(":empty",r)}};function pe(t,e){const r=t(e);return()=>r(!0)}function hr(t,e,{doc:r,clear:n}={}){const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Error(`Cannot find element by selector for render: ${e}`);n&&(r??s.ownerDocument)!=null&&rt(r??s.ownerDocument);const i=Be(s),o=ne(s)?void 0:s,u=w.of(i,o);return pe(t,u)}const dt=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return pe(f(e),r.withElement(n).withFirstLevel())},pr=t=>dt("head title",E.innerText(t)),ht=t=>e=>t(e.element)??(()=>{}),U=(t,e,r)=>ct(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),mr=(t,e,r)=>U(t.map(n=>!n),e,r),gr={partial:{root:null,rootMargin:"0px",threshold:0},full:{root:null,rootMargin:"0px",threshold:1}},q={partial:new Map,full:new Map},I={partial:null,full:null};function Sr(t){return I[t]==null&&(I[t]=new IntersectionObserver(e=>{e.forEach(r=>{const n=q[t].get(r.target);n==null||n.set(r.isIntersecting)})},gr[t])),I[t]}function pt(t,e){const r=v(A.isSSR);return g(ht(n=>{const s=typeof IntersectionObserver<"u"?Sr(t):null;return q[t].set(n,r),s==null||s.observe(n),()=>{var i;s==null||s.unobserve(n),q[t].delete(n),q[t].size===0&&((i=I[t])==null||i.disconnect(),I[t]=null)}}),_(r.dispose),f(e(r)))}const br=(t,e,r)=>pt(t,n=>U(n,e,r??S)),wr=(t,e)=>r=>{r=r.makeRef();const n=t.map(o=>f(e(o)));let s=()=>{};const i=n.on(o=>{s(!0),s=o(r)});return o=>{i(),s(o)}};function vr(t,e,r=S){return U(t.map(n=>n.length>0),e,r)}const Ar=t=>e=>{const r=e.element,n=v({width:r.clientWidth,height:r.clientHeight}),s=f(t(n))(e),i=()=>{n.set({width:r.clientWidth,height:r.clientHeight})};let o;return typeof ResizeObserver=="function"&&(o=new ResizeObserver(i),o.observe(r)),u=>{o==null||o.disconnect(),s(u)}},yr=t=>e=>{const r=v({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0}),n=f(t(r))(e),s=()=>{r.set({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0})};return window==null||window.addEventListener("resize",s),i=>{window==null||window.removeEventListener("resize",s),n(i)}},Tr={element:Ar,window:yr},Pr=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),i=>{i&&n.style.setProperty(t,s)}},Er=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(i=>n.style.setProperty(t,i)),i=>{i&&n.style.setProperty(t,s)}},Cr=new Proxy({},{get:(t,e)=>r=>d.is(r)?Er(e,r):Pr(e,r)});exports.Async=er;exports.AutoFocus=tr;exports.AutoSelect=rr;exports.Computed=D;exports.Conjunction=ur;exports.Ctx=cr;exports.DOMContext=w;exports.DOMEl=fr;exports.El=oe;exports.ElNS=ae;exports.Empty=S;exports.Ensure=ct;exports.ForEach=ft;exports.Fragment=g;exports.HTMLTitle=pr;exports.HiddenWhenEmpty=dr;exports.InViewport=pt;exports.MapSignal=wr;exports.MemoryStore=Q;exports.NotEmpty=vr;exports.OnChecked=ut;exports.OnDispose=_;exports.OnMount=ht;exports.Portal=dt;exports.Position=Ie;exports.Prop=O;exports.Provide=Gt;exports.Repeat=he;exports.Signal=d;exports.Task=de;exports.Text=It;exports.Unless=mr;exports.Use=Kt;exports.UseProvider=st;exports.UseProviders=Bt;exports.When=U;exports.WhenInViewport=br;exports.WithProvider=at;exports.WithProviders=Jt;exports.addNodeTracker=ce;exports.animate=Oe;exports.animateOne=Tt;exports.appearance=Qt;exports.appearanceMarker=J;exports.applyAnimatable=Nt;exports.applyAnimatableProp=L;exports.applyInterpolatedAnimatable=Mt;exports.applyInterpolatedAnimatableProp=ze;exports.aria=xt;exports.attr=E;exports.bind=lr;exports.childToMountable=f;exports.clearSSR=rt;exports.colorChannelsToString=Re;exports.computed=Z;exports.computedRecord=Pt;exports.dateInterpolate=Ne;exports.effect=wt;exports.emit=x;exports.endInterpolate=Le;exports.getComputedAnimatable=Dt;exports.getComputedAnimatableProp=We;exports.getSelfOrParentElement=Be;exports.guessInterpolate=$e;exports.handleAnchorClick=$t;exports.html=Ft;exports.input=zt;exports.interpolateColor=xe;exports.interpolateShadow=Ct;exports.isElement=ne;exports.makeGetter=re;exports.makeProviderMark=it;exports.makeSetter=te;exports.math=jt;exports.mathAttr=kt;exports.maybeAddAttributeTracker=le;exports.maybeAddClassTracker=ue;exports.maybeAddTextTracker=fe;exports.numberInterpolate=_e;exports.on=R;exports.oneof=M;exports.parseColorChannels=B;exports.prop=v;exports.propOfLocalStorage=At;exports.propOfSessionStorage=yt;exports.propOfStorage=ee;exports.removeAttributeTrackers=Je;exports.removeClassTrackers=Qe;exports.removeDOMNode=b;exports.removeNodeTrackers=et;exports.removeTextTrackers=tt;exports.render=hr;exports.renderWithContext=pe;exports.setAttribute=Ke;exports.setBooleanProperty=He;exports.setDateProperty=Xe;exports.setNumberProperty=Ue;exports.setStringProperty=Ye;exports.signal=vt;exports.signalText=ie;exports.size=Tr;exports.ssr=A;exports.startSSR=Yt;exports.staticText=se;exports.stringInterpolate=Me;exports.style=Cr;exports.svg=qt;exports.svgAttr=Wt;

package/index.js

@@ -676,64 +676,14 @@ const Jt = (t, e = {
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
-}, M = "data-tempo-attr", x = "data-tempo-class", Ee = "data-tempo-node", F = "data-tempo-text";
-function ut(t, e) {
-  const r = t.getAttribute(e);
-  if (r != null) {
-    const n = t.getAttribute(M) ?? "{}", s = { ...JSON.parse(n), name: r };
-    t.setAttribute(M, JSON.stringify(s));
-  }
-}
-function _e(t, e) {
-  console.log("maybeAddAttributeTracker", e, y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ut(t.element, e);
-}
-function lt(t) {
-  t.querySelectorAll(`[${M}]`).forEach((e) => {
-    const r = JSON.parse(e.getAttribute(M) ?? "{}");
-    for (const [n, s] of Object.entries(r))
-      e.setAttribute(n, s);
-    e.removeAttribute(M);
-  });
-}
-function ct(t) {
-  t.setAttribute(x, t.className);
-}
-function Te(t) {
-  console.log("maybeAddClassTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ct(t.element);
-}
-function ft(t) {
-  t.querySelectorAll(`[${x}]`).forEach((e) => {
-    const r = e.getAttribute(x);
-    r !== null && (e.className = r, e.removeAttribute(x));
-  });
-}
-function Pe(t) {
-  t.setAttribute(Ee, "");
-}
-function dt(t) {
-  t.querySelectorAll(`[${Ee}]`).forEach((e) => {
-    S(e);
-  });
-}
-function ht(t) {
-  t.setAttribute(F, t.textContent ?? "");
-}
-function De(t) {
-  console.log("maybeAddTextTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ht(t.element);
-}
-function pt(t) {
-  t.querySelectorAll(`[${F}]`).forEach((e) => {
-    e.textContent = e.getAttribute(F), e.removeAttribute(F);
-  });
-}
-const Ce = (t) => (e) => {
-  De(e);
+}, Ee = (t) => (e) => {
+  $e(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (n) => {
     n && S(r);
   };
-}, Me = (t) => (e) => {
-  De(e);
+}, _e = (t) => (e) => {
+  $e(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const n = t.on((s) => r.data = s);
@@ -742,7 +692,7 @@ const Ce = (t) => (e) => {
   };
 };
 function Gt(t) {
-  return h.is(t) ? Me(t) : Ce(t);
+  return h.is(t) ? _e(t) : Ee(t);
 }
 const g = (...t) => (e) => {
   const r = t.map((n) => f(n)(e));
@@ -750,10 +700,10 @@ const g = (...t) => (e) => {
     r.forEach((s) => s(n));
   };
 }, w = () => () => {
-}, mt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
+}, ut = (t) => (e) => (Me(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), gt = (t) => (e) => {
-  Te(e);
+}), lt = (t) => (e) => {
+  Me(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -765,7 +715,7 @@ const g = (...t) => (e) => {
 }, q = (t, e) => {
   const r = ve(t), n = Ae(t);
   return (s) => {
-    _e(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
@@ -774,7 +724,7 @@ const g = (...t) => (e) => {
 }, Z = (t, e) => {
   const r = ve(t), n = Ae(t);
   return (s) => {
-    _e(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
@@ -783,7 +733,7 @@ const g = (...t) => (e) => {
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? gt(r) : mt(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? lt(r) : ut(
       (r ?? "").split(" ").filter((n) => n.length > 0)
     ) : (r) => h.is(r) ? Z(
       e,
@@ -828,22 +778,22 @@ const g = (...t) => (e) => {
   }
 );
 function f(t) {
-  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ce(t) : h.is(t) ? Me(t) : t;
+  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : h.is(t) ? _e(t) : t;
 }
-function Ne(t, ...e) {
+function Te(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.isFirstLevel && y.isSSR && Pe(n), r.appendOrInsert(n), r = r.withElement(n);
+    r.isFirstLevel && y.isSSR && Ne(n), r.appendOrInsert(n), r = r.withElement(n);
     const s = e.map((i) => f(i)(r));
     return (i) => {
       s.forEach((o) => o(!1)), i && S(n);
     };
   };
 }
-function $e(t, e, ...r) {
+function Pe(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.isFirstLevel && y.isSSR && Pe(s), n.appendOrInsert(s), n = n.withElement(s);
+    n.isFirstLevel && y.isSSR && Ne(s), n.appendOrInsert(s), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
       i.forEach((l) => l(!1)), o && S(s);
@@ -853,43 +803,93 @@ function $e(t, e, ...r) {
 const rr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ne(e, r.flatMap(f))
+    get: (t, e) => (...r) => Te(e, r.flatMap(f))
   }
 ), nr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ne("input", P.type(e), ...r)
+    get: (t, e) => (...r) => Te("input", P.type(e), ...r)
   }
-), wt = "http://www.w3.org/2000/svg", sr = new Proxy(
+), ct = "http://www.w3.org/2000/svg", sr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, wt, r.flatMap(f))
+    get: (t, e) => (...r) => Pe(e, ct, r.flatMap(f))
   }
-), St = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
+), ft = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, St, r.flatMap(f))
+    get: (t, e) => (...r) => Pe(e, ft, r.flatMap(f))
   }
 );
-let W = !1;
+let x = !1;
+const M = "data-tempo-attr", F = "data-tempo-class", De = "data-tempo-node", W = "data-tempo-text";
+function dt(t, e) {
+  const r = t.getAttribute(e);
+  if (r != null) {
+    const n = t.getAttribute(M) ?? "{}", s = { ...JSON.parse(n), name: r };
+    t.setAttribute(M, JSON.stringify(s));
+  }
+}
+function Ce(t, e) {
+  console.log("maybeAddAttributeTracker", e, y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && dt(t.element, e);
+}
+function ht(t) {
+  t.querySelectorAll(`[${M}]`).forEach((e) => {
+    const r = JSON.parse(e.getAttribute(M) ?? "{}");
+    for (const [n, s] of Object.entries(r))
+      e.setAttribute(n, s);
+    e.removeAttribute(M);
+  });
+}
+function pt(t) {
+  t.setAttribute(F, t.className);
+}
+function Me(t) {
+  console.log("maybeAddClassTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && pt(t.element);
+}
+function mt(t) {
+  t.querySelectorAll(`[${F}]`).forEach((e) => {
+    const r = e.getAttribute(F);
+    r !== null && (e.className = r, e.removeAttribute(F));
+  });
+}
+function Ne(t) {
+  t.setAttribute(De, "");
+}
+function gt(t) {
+  t.querySelectorAll(`[${De}]`).forEach((e) => {
+    S(e);
+  });
+}
+function wt(t) {
+  t.setAttribute(W, t.textContent ?? "");
+}
+function $e(t) {
+  console.log("maybeAddTextTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && wt(t.element);
+}
+function St(t) {
+  t.querySelectorAll(`[${W}]`).forEach((e) => {
+    e.textContent = e.getAttribute(W), e.removeAttribute(W);
+  });
+}
 function bt(t) {
-  dt(t), ft(t), lt(t), pt(t);
+  gt(t), mt(t), ht(t), St(t);
 }
 let K = 0;
-const or = (t = 30) => (W = !0, new Promise((e, r) => {
+const or = (t = 30) => (x = !0, new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
-    K <= 0 && (clearInterval(s), clearTimeout(n), W = !1, e());
+    K <= 0 && (clearInterval(s), clearTimeout(n), x = !1, e());
   }, 500);
   n = setTimeout(() => {
-    clearInterval(s), W = !1, r(new Error("SSR Timeout"));
+    clearInterval(s), x = !1, r(new Error("SSR Timeout"));
   }, t * 1e3);
 })), y = {
   useDone(t) {
     return K++, f(t(() => K--));
   },
   get isSSR() {
-    return W;
+    return x;
   }
 }, Le = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
@@ -1318,8 +1318,8 @@ export {
   wr as Ctx,
   v as DOMContext,
   Sr as DOMEl,
-  Ne as El,
-  $e as ElNS,
+  Te as El,
+  Pe as ElNS,
   w as Empty,
   Mt as Ensure,
   Nt as ForEach,
@@ -1349,6 +1349,7 @@ export {
   Er as WhenInViewport,
   yt as WithProvider,
   cr as WithProviders,
+  Ne as addNodeTracker,
   Ke as animate,
   jt as animateOne,
   fr as appearance,
@@ -1384,6 +1385,9 @@ export {
   ve as makeSetter,
   ir as math,
   tr as mathAttr,
+  Ce as maybeAddAttributeTracker,
+  Me as maybeAddClassTracker,
+  $e as maybeAddTextTracker,
   qe as numberInterpolate,
   X as on,
   L as oneof,
@@ -1392,7 +1396,11 @@ export {
   Xt as propOfLocalStorage,
   Yt as propOfSessionStorage,
   he as propOfStorage,
+  ht as removeAttributeTrackers,
+  mt as removeClassTrackers,
   S as removeDOMNode,
+  gt as removeNodeTrackers,
+  St as removeTextTrackers,
   vr as render,
   Fe as renderWithContext,
   it as setAttribute,
@@ -1401,11 +1409,11 @@ export {
   rt as setNumberProperty,
   st as setStringProperty,
   Zt as signal,
-  Me as signalText,
+  _e as signalText,
   Pr as size,
   y as ssr,
   or as startSSR,
-  Ce as staticText,
+  Ee as staticText,
   Ze as stringInterpolate,
   Dr as style,
   sr as svg,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "10.0.8",
+  "version": "10.0.10",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/dom/ssr-tracker.d.ts

@@ -1,10 +0,0 @@
-import { DOMContext } from './dom-context';
-
-export declare function maybeAddAttributeTracker(ctx: DOMContext, name: string): void;
-export declare function removeAttributeTrackers(doc: Document): void;
-export declare function maybeAddClassTracker(ctx: DOMContext): void;
-export declare function removeClassTrackers(doc: Document): void;
-export declare function addNodeTracker(element: Element): void;
-export declare function removeNodeTrackers(doc: Document): void;
-export declare function maybeAddTextTracker(ctx: DOMContext): void;
-export declare function removeTextTrackers(doc: Document): void;