@tempots/dom 31.1.0 → 31.2.0

package/index.cjs

@@ -1 +1 @@
-"use strict";var ot=Object.defineProperty;var be=s=>{throw TypeError(s)};var lt=(s,e,t)=>e in s?ot(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>lt(s,typeof e!="symbol"?e+"":e,t),Ae=(s,e,t)=>e.has(s)||be("Cannot "+t);var F=(s,e,t)=>(Ae(s,e,"read from private field"),t?t.call(s):e.get(s)),Ee=(s,e,t)=>e.has(s)?be("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t),se=(s,e,t,r)=>(Ae(s,e,"write to private field"),r?r.call(s,t):e.set(s,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ce=(s,e,t)=>s+(e-s)*t,_e=97,we=(s,e,t)=>{const r=Math.max(s.length,e.length);let n="";for(let i=0;i<r;i++){let l=s.charCodeAt(i);isNaN(l)&&(l=_e);let c=e.charCodeAt(i);isNaN(c)&&(c=_e),n+=String.fromCharCode(l+(c-l)*t)}return n},Pe=(s,e,t)=>new Date(s.getTime()+(e.getTime()-s.getTime())*t),xe=(s,e)=>e,Oe=s=>typeof s=="number"?Ce:typeof s=="string"?we:s instanceof Date?Pe:xe;var C;class G{constructor(e,t){o(this,"counter");o(this,"isFirst");o(this,"isEven");o(this,"isOdd");Ee(this,C);o(this,"dispose",()=>{var e;(e=F(this,C))==null||e.dispose(),se(this,C,void 0)});this.index=e,this.total=t,this.counter=e+1,this.isFirst=e===0,this.isEven=e%2===1,this.isOdd=e%2===0}get isLast(){return F(this,C)==null&&se(this,C,this.total.map(e=>this.counter===e)),F(this,C)}}C=new WeakMap;const N=class N{constructor(e,t){o(this,"$__signal__",!0);o(this,"_value");o(this,"_derivatives",[]);o(this,"_onValueListeners",[]);o(this,"_onDisposeListeners",[]);o(this,"get",()=>this._value);o(this,"hasListeners",()=>this._onValueListeners.length>0);o(this,"on",(e,t={})=>{t.skipInitial||e(this.get(),void 0);const r=t.once?(i,l)=>{n(),e(i,l)}:e;this._onValueListeners.push(r);const n=()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(r),1),t.abortSignal!=null&&t.abortSignal.removeEventListener("abort",n)};return t.abortSignal!=null&&t.abortSignal.addEventListener("abort",n),n});o(this,"_setAndNotify",e=>{if(this._disposed)return;const t=this._value;this.equals(t,e)||(this._value=e,this._onValueListeners.forEach(n=>n(e,t)))});o(this,"_disposed",!1);o(this,"isDisposed",()=>this._disposed);o(this,"onDispose",e=>{this._onDisposeListeners.push(e)});o(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});o(this,"map",(e,t=(r,n)=>r===n)=>{const r=new x(()=>{try{return e(this.get())}catch(n){throw console.error("Error in Signal.map:",n),n}},t);return this.setDerivative(r),r});o(this,"flatMap",(e,t=(r,n)=>r===n)=>{const r=new x(()=>{try{return e(this.get()).get()}catch(n){throw console.error("Error in Signal.flatMap:",n),n}},t);return this.setDerivative(r),r});o(this,"tap",e=>this.map(t=>(e(t),t)));o(this,"at",e=>this.map(t=>t[e]));o(this,"_$");o(this,"filter",(e,t)=>{let r=t??this.get();const n=new x(()=>{try{const i=this.get();return r=e(i)?i:r}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(n),n});o(this,"filterMap",(e,t,r=(n,i)=>n===i)=>{let n=t;const i=new x(()=>{try{const l=this.get(),c=e(l);return n=c??n}catch(l){throw console.error("Error in Signal.filterMap:",l),l}},r);return this.setDerivative(i),i});o(this,"mapAsync",(e,t,r,n=(i,l)=>i===l)=>{const i=A(t,n);let l=0,c=new AbortController;return i.onDispose(this.on(async a=>{const u=++l;c.abort(),c=new AbortController;try{const h=await e(a,{abortSignal:c.signal});u===l&&i.set(h)}catch(h){if(u===l)if(r!=null)i.set(r(h));else throw h}})),i});o(this,"mapMaybe",(e,t)=>this.map(r=>e(r)??t));o(this,"feedProp",(e,t=!1)=>{const r=this.on(e.set);return e.onDispose(r),t?this.onDispose(e.dispose):this.onDispose(r),e});o(this,"deriveProp",({autoDisposeProp:e=!0,equals:t}={})=>this.feedProp(A(this.get(),t),e));o(this,"derive",()=>this.map(e=>e));o(this,"count",()=>{let e=0;return this.map(()=>++e)});o(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=t,this._value=e}get value(){return this._value}get $(){return this._$!==void 0?this._$:this._$=new Proxy(this,{get:(e,t)=>this.at(t)})}};o(N,"ofPromise",(e,t,r,n=(i,l)=>i===l)=>{const i=new N(t,n);return e.then(l=>i._setAndNotify(l)).catch(l=>{r!=null?i._setAndNotify(r(l)):console.error("Unhandled promise rejection in Signal.ofPromise:",l)}),i}),o(N,"is",e=>e!=null&&e.$__signal__===!0);let d=N;const ct=typeof queueMicrotask=="function"?queueMicrotask:s=>Promise.resolve().then(s);class x extends d{constructor(t,r){super(void 0,r);o(this,"$__computed__",!0);o(this,"_isDirty",!1);o(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(t=>t.setDirty()),this._scheduleNotify())});o(this,"_scheduleCount",0);o(this,"_scheduleNotify",()=>{const t=++this._scheduleCount;ct(()=>{this._scheduleCount!==t||this._disposed||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn()))})});o(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn())),this._value));this._fn=t,this.setDirty()}static is(t){return t!=null&&t.$__computed__===!0}get value(){return this.get()}}const Z=class Z extends d{constructor(){super(...arguments);o(this,"$__prop__",!0);o(this,"set",t=>{this._setAndNotify(t)});o(this,"update",t=>{this._setAndNotify(t(this.get()))});o(this,"reducer",(t,...r)=>{const n=this;return function i(l){const c=n.value;n.update(a=>t(a,l)),!n.equals(c,n.value)&&r.forEach(a=>a({previousState:c,state:n.value,action:l,dispatch:i}))}});o(this,"iso",(t,r,n=(i,l)=>i===l)=>{const i=new Z(t(this.get()),n);return i.onDispose(this.on(l=>i.set(t(l)))),i.on(l=>this._setAndNotify(r(l))),i});o(this,"atProp",t=>this.iso(r=>r[t],r=>({...this.value,[t]:r})))}get value(){return this.get()}set value(t){this._setAndNotify(t)}};o(Z,"is",t=>t!=null&&t.$__prop__===!0);let k=Z;const z=(s,e,t=(r,n)=>r===n)=>{const r=new x(s,t);return e.forEach(n=>n.setDerivative(r)),r},De=(s,e,t={})=>{let r=t.once?()=>{i(),s()}:s;if(t.skipInitial){let l=!1;const c=r;r=()=>{l?c():l=!0}}const n=z(r,e),i=()=>{n.dispose(),t.abortSignal!=null&&t.abortSignal.removeEventListener("abort",i)};return t.abortSignal!=null&&t.abortSignal.addEventListener("abort",i),i},A=(s,e=(t,r)=>t===r)=>new k(s,e),R=(s,e=(t,r)=>t===r)=>new d(s,e),re=()=>typeof window<"u"?window:void 0;function Le(s){return s!=null&&s!==!1&&s!==0&&s!==""}function at(s){return!Le(s)}function ut(s){return s==null}function ht(s){return s!=null}const y={map:(s,e)=>d.is(s)?s.map(e):e(s),toSignal:(s,e)=>d.is(s)?s:R(s,e),maybeToSignal:(s,e)=>{if(s!=null)return y.toSignal(s,e)},get:s=>d.is(s)?s.get():s,on:(s,e)=>d.is(s)?s.on(e):(e(s),()=>{}),dispose:s=>{d.is(s)&&s.dispose()},deriveProp:(s,{autoDisposeProp:e=!0,equals:t}={})=>d.is(s)?s.deriveProp({autoDisposeProp:e,equals:t}):A(s,t),truthy:s=>y.map(s,Le),falsy:s=>y.map(s,at),nil:s=>y.map(s,ut),defined:s=>y.map(s,ht)},K=(...s)=>(e,t)=>{if(s.length===1)return y.toSignal(s[0]).map(e);const r=s.filter(n=>d.is(n));return z(()=>e(...s.map(n=>y.get(n))),r,t)},ft=s=>{const e=Object.keys(s);return K(...Object.values(s))((...t)=>Object.fromEntries(e.map((r,n)=>[r,t[n]])))},dt=(...s)=>(e,t={})=>{const r=s.filter(n=>d.is(n));return De(()=>e(...s.map(y.get)),r,t)};class ne{constructor(){o(this,"_store",new Map);o(this,"getItem",e=>this._store.get(e)??null);o(this,"setItem",(e,t)=>{this._store.set(e,t)})}}const ie=({key:s,defaultValue:e,store:t,serialize:r=JSON.stringify,deserialize:n=JSON.parse,equals:i=(c,a)=>c===a,onLoad:l=c=>c})=>{const c=t.getItem(s),a=new k(c!=null?l(n(c)):typeof e=="function"?e():e,i);return a.on(u=>t.setItem(s,r(u))),a},pt=s=>{var e;return ie({...s,store:((e=re())==null?void 0:e.localStorage)??new ne})},mt=s=>{var e;return ie({...s,store:((e=re())==null?void 0:e.sessionStorage)??new ne})};function ve(s){return typeof requestAnimationFrame=="function"?requestAnimationFrame(s):setTimeout(s,0)}const Me=(s,e,t,r)=>{const n=(r==null?void 0:r.duration)??300,i=(r==null?void 0:r.easing)??(_=>_),l=(r==null?void 0:r.equals)??((_,W)=>_===W);let c=r==null?void 0:r.interpolate,a=s,u=e(),h=performance.now(),m=null,T=!0;const p=new x(e,l),g=A(s,l);g.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),g.onDispose(p.dispose),t.forEach(_=>{_.setDerivative(p),_.onDispose(g.dispose)});const P=_=>{u=_,h=performance.now(),a=g.value,T&&(T=!1,m=ve(Te))},Te=()=>{const W=(performance.now()-h)/y.get(n),it=i(W);c==null&&(c=Oe(a));let Se=c(a,u,it);W>=1?(T=!0,Se=u):m=ve(Te),g.set(Se)};return p.on(P),g},gt=(s,e)=>{const{initialValue:t,...r}=e??{};return Me(t??s.get(),s.get,[s],r)},He=(s,e)=>{const t=Object.values(s).filter(d.is),r=Object.keys(s);return z(()=>{const n={};for(const i of r)n[i]=y.get(s[i]);return e(n)},t)},yt=s=>He(s,e=>e),Tt=(s,e)=>{const t=A(s.get());let r=null;const n=s.on(i=>{r!=null&&clearTimeout(r),r=setTimeout(()=>{r=null,t.set(i)},typeof e=="function"?e(i):e)});return t.onDispose(()=>{n(),r!=null&&clearTimeout(r)}),t},St=s=>{let e;return s.map(t=>{const r=e;return e=t,r})},bt=({size:s=void 0,signal:e})=>{const t=[];return e.map(r=>(t.push(r),s!=null&&t.length>s&&t.shift(),t.slice()))},At=s=>(...e)=>K(s,...e)((t,...r)=>t(...r));function Et(...s){return K(...s)((...e)=>{for(const t of e)if(t!=null)return t})}const Ne=new Set(["checked","disabled","hidden"]),ke=new Set(["selected"]),Ie=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),$e=new Set(["valueAsDate"]),Re=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),Ve=(s,e)=>ke.has(s)?t=>{t==null||t!==!0?e.removeAttribute(s):e.setAttribute(s,"")}:Ne.has(s)?t=>{t==null?e[s]=null:e[s]=!!t}:Ie.has(s)?t=>{t==null?e[s]=null:e[s]=Number(t)}:$e.has(s)?t=>{t==null?e[s]=null:e[s]=t}:Re.has(s)?t=>{t==null?e[s]=null:e[s]=String(t)}:t=>{t==null?e.removeAttribute(s):e.setAttribute(s,t)},je=(s,e)=>ke.has(s)?()=>e.hasAttribute(s):Ne.has(s)?()=>!!e[s]:Ie.has(s)?()=>Number(e[s]):$e.has(s)?()=>e[s]:Re.has(s)?()=>String(e[s]):()=>e.getAttribute(s),I=s=>{const e=s;e&&e.onblur&&(e.onblur=null),!(!s||s.ownerDocument===void 0)&&s.parentElement&&s.parentElement.removeChild(s)},qe=s=>oe(s)?s:s.parentElement,oe=s=>s.nodeType===1;class le extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}class O{constructor(e,t,r,n){o(this,"createElement",(e,t)=>t!==void 0?this.document.createElementNS(t,e):this.document.createElement(e));o(this,"makeChildElement",(e,t)=>{const r=this.createElement(e,t);return this.appendOrInsert(r),this.withElement(r)});o(this,"createText",e=>this.document.createTextNode(e));o(this,"makeChildText",e=>{const t=this.createText(e);return this.appendOrInsert(t),this.withReference(t)});o(this,"setText",e=>{this.reference.nodeValue=e});o(this,"getText",()=>{var e;return((e=this.reference)==null?void 0:e.nodeValue)??this.element.textContent??""});o(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});o(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});o(this,"withElement",e=>new O(this.document,e,void 0,this.providers));o(this,"makePortal",e=>{const t=typeof e=="string"?this.document.querySelector(e):e;if(t==null)throw new Error(`Cannot find element by selector for portal: ${e}`);return this.withElement(t)});o(this,"withReference",e=>new O(this.document,this.element,e,this.providers));o(this,"setProvider",(e,t,r)=>new O(this.document,this.element,this.reference,{...this.providers,[e]:[t,r]}));o(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new le(e);const[t,r]=this.providers[e];return{value:t,onUse:r}});o(this,"clear",e=>{e&&(this.reference!==void 0?I(this.reference):I(this.element))});o(this,"addClasses",e=>{this.element.classList.add(...e)});o(this,"removeClasses",e=>{this.element.classList.remove(...e)});o(this,"getClasses",()=>Array.from(this.element.classList));o(this,"on",(e,t,r)=>{const n=i=>t(i,this);return this.element.addEventListener(e,n,r),i=>{i&&this.element.removeEventListener(e,n,r)}});o(this,"isBrowserDOM",()=>!0);o(this,"isBrowser",()=>!0);o(this,"isHeadlessDOM",()=>!1);o(this,"isHeadless",()=>!1);o(this,"setStyle",(e,t)=>{this.element.style[e]=t});o(this,"getStyle",e=>this.element.style[e]);o(this,"makeAccessors",e=>({get:je(e,this.element),set:Ve(e,this.element)}));o(this,"getWindow",()=>this.document.defaultView);this.document=e,this.element=t,this.reference=r,this.providers=n}static of(e,t,r){return new O(e.ownerDocument,e,t,r)}}const Be=s=>Symbol(s),ee=(s,e)=>{const t=s(e);return(r=!0)=>t(r)},_t=(s,e,{doc:t,clear:r,disposeWithParent:n=!0,providers:i={}}={})=>{const l=typeof e=="string"?(t??document).querySelector(e):e;if(l===null)throw new We(`Cannot find element by selector for render: ${e}`);r!==!1&&(t??l.ownerDocument)!=null&&l.nodeType===1&&(l.innerHTML="");const c=qe(l),a=oe(l)?void 0:l,u=O.of(c,a,i),h=ee(s,u);let m;return n&&(m=new MutationObserver(T=>{var p;(p=T[0])==null||p.removedNodes.forEach(g=>{g===l&&(m==null||m.disconnect(),h(l.nodeType!==1))})}),m.observe(l.parentElement,{childList:!0,subtree:!1,attributes:!1})),()=>{m==null||m.disconnect(),h(!0)}},vt=(s,{startUrl:e="https://example.com",selector:t,providers:r={}}={selector:"body"})=>{const n=y.toSignal(e).deriveProp(),i=new ae(t,void 0),l=new D(i,void 0,{currentURL:n},r);return{clear:ee(s(),l),root:i,currentURL:n}};class We extends Error{constructor(e){super(e)}}const ce="data-tts-node",$="data-tts-class",J="data-tts-style",X="data-tts-html",Y="data-tts-text",Q="data-tts-attrs";class Ct{constructor({select:e,getAttribute:t,setAttribute:r,getClass:n,setClass:i,getStyles:l,setStyles:c,appendHTML:a,getInnerHTML:u,setInnerHTML:h,getInnerText:m,setInnerText:T}){o(this,"select");o(this,"getAttribute");o(this,"setAttribute");o(this,"getClass");o(this,"setClass");o(this,"getStyles");o(this,"setStyles");o(this,"appendHTML");o(this,"getInnerHTML");o(this,"setInnerHTML");o(this,"getInnerText");o(this,"setInnerText");o(this,"setFromRoot",(e,t)=>{e.getPortals().forEach(n=>{const i=typeof n.selector=="string"?this.select(n.selector):[n.selector];for(const l of i){if(l==null)throw new Error(`Cannot find element by selector for render: ${n.selector}`);if(n.hasChildren()&&this.appendHTML(l,n.contentToHTML(t)),n.hasInnerHTML()){if(t){const c=this.getInnerHTML(l);c!=null&&this.setAttribute(l,X,c)}this.setInnerHTML(l,n.getInnerHTML())}if(n.hasInnerText()){if(t){const c=this.getInnerText(l);c!=null&&this.setAttribute(l,Y,c)}this.setInnerText(l,n.getInnerText())}if(n.hasClasses()){if(t){const c=this.getClass(l);c!=null&&this.setAttribute(l,$,c)}this.setClass(l,n.getClasses().join(" "))}if(n.hasStyles()){if(t){const c=this.getStyles(l);Object.keys(c).length>0&&this.setAttribute(l,J,JSON.stringify(c))}this.setStyles(l,n.getStyles())}if(n.hasAttributes()){const c=n.getAttributes();if(t){const a=[];c.forEach(([u])=>{const h=this.getAttribute(l,u);h!=null&&a.push([u,h])}),a.length>0&&this.setAttribute(l,Q,JSON.stringify(Object.fromEntries(a)))}c.forEach(([a,u])=>{this.setAttribute(l,a,u)})}}})});this.select=e,this.getAttribute=t,this.setAttribute=r,this.getClass=n,this.setClass=i,this.getStyles=l,this.setStyles=c,this.appendHTML=a,this.getInnerHTML=u,this.setInnerHTML=h,this.getInnerText=m,this.setInnerText=T}}const wt=()=>{document.querySelectorAll(`[${ce}]`).forEach(I)},Pt=s=>{const e=s.getAttribute($);s.removeAttribute($),e!=null&&s.setAttribute("class",e)},xt=()=>{document.querySelectorAll(`[${$}]`).forEach(e=>Pt(e))},Ot=s=>{const e=s.getAttribute(X);s.removeAttribute(X),e!=null&&(s.innerHTML=e)},Dt=()=>{document.querySelectorAll(`[${X}]`).forEach(e=>Ot(e))},Lt=s=>{const e=s.getAttribute(Y);s.removeAttribute(Y),e!=null&&(s.innerText=e)},Mt=()=>{document.querySelectorAll(`[${Y}]`).forEach(e=>Lt(e))},Fe=s=>JSON.parse(s.replace(/&quot;/g,'"')),Ht=s=>{const e=s.getAttribute(J);if(s.removeAttribute(J),e!=null){const t=Fe(e);Object.entries(t).forEach(([r,n])=>{s.style.setProperty(r,n)})}},Nt=()=>{document.querySelectorAll(`[${J}]`).forEach(e=>Ht(e))},kt=s=>{const e=s.getAttribute(Q);if(s.removeAttribute(Q),e!=null){const t=Fe(e);Object.entries(t).forEach(([r,n])=>{n==null?s.removeAttribute(r):s.setAttribute(r,n)})}},It=()=>{document.querySelectorAll(`[${Q}]`).forEach(e=>kt(e))},$t=()=>{wt(),xt(),Mt(),Dt(),Nt(),It()},b=Symbol("class"),v=Symbol("style"),M=Symbol("handler"),Ue=()=>Math.random().toString(36).substring(2,15),Rt=s=>s.replace(/<[^>]*>?/g,"");class Ge{constructor(e){o(this,"id",Ue());o(this,"properties",{});o(this,"children",[]);o(this,"isElement",()=>!0);o(this,"isText",()=>!1);o(this,"getText",()=>this.properties.innerText!=null?this.properties.innerText:this.properties.innerHTML!=null?Rt(this.properties.innerHTML):this.children.map(e=>e.getText()).join(""));o(this,"removeChild",e=>{const t=this.children.indexOf(e);t!==-1&&this.children.splice(t,1)});o(this,"remove",()=>{if(this.parent!=null)this.parent.removeChild(this);else throw new Error("Parent is undefined")});o(this,"getPortals",()=>{const e=this.elements().flatMap(t=>t.isPortal()?[t,...t.getPortals()]:t.getPortals());return this.isPortal()&&e.unshift(this),e});o(this,"elements",()=>this.children.filter(e=>e.isElement()));o(this,"hasInnerHTML",()=>this.properties.innerHTML!=null);o(this,"getInnerHTML",()=>this.properties.innerHTML??"");o(this,"getInnerText",()=>this.properties.innerText??"");o(this,"hasInnerText",()=>this.properties.innerText!=null);o(this,"hasChildren",()=>this.children.length>0);o(this,"hasClasses",()=>this.properties[b]!=null);o(this,"hasStyles",()=>this.properties[v]!=null);o(this,"hasAttributes",()=>Object.keys(this.properties).length>0);o(this,"hasHandlers",()=>this.properties[M]!=null);o(this,"hasRenderableProperties",()=>this.hasClasses()||this.hasAttributes()||this.hasStyles());o(this,"getById",e=>{if(this.properties.id===e)return this;for(const t of this.elements()){const r=t.getById(e);if(r!=null)return r}});o(this,"trigger",(e,t)=>{((this.properties[M]??{})[e]??[]).forEach(n=>n(t))});o(this,"click",()=>{this.trigger("click",{})});o(this,"on",(e,t,r,n)=>{var a;const i=(a=this.properties)[M]??(a[M]={}),l=n!=null&&n.once?u=>{c(),t(u,r)}:u=>t(u,r);i[e]=[...i[e]??[],l];const c=()=>{const u=i[e]??[],h=u.indexOf(l);h!==-1&&(u.splice(h,1),u.length===0?(delete i[e],Object.keys(i).length===0&&delete this.properties[M]):i[e]=u,(n==null?void 0:n.signal)!=null&&n.signal.removeEventListener("abort",c))};return(n==null?void 0:n.signal)!=null&&n.signal.addEventListener("abort",c),c});o(this,"addClasses",e=>{var r;if(e.length===0)return;const t=(r=this.properties)[b]??(r[b]=[]);e.forEach(n=>{t.includes(n)||t.push(n)})});o(this,"removeClasses",e=>{var r;if(e.length===0)return;const t=(r=this.properties)[b]??(r[b]=[]);e.forEach(n=>{const i=t.indexOf(n);i!==-1&&t.splice(i,1)}),t.length===0&&delete this.properties[b]});o(this,"getClasses",()=>this.properties[b]??[]);o(this,"getAttributes",()=>Object.entries(this.properties).filter(([e])=>!["innerText","innerHTML"].includes(e)));o(this,"getVisibleAttributes",()=>Reflect.ownKeys(this.properties).flatMap(e=>e===b?[["class",this.getClasses()]]:e===v?[["style",this.getStyles()]]:typeof e=="string"?[[e,String(this.properties[e])]]:[]));o(this,"setStyle",(e,t)=>{var n;const r=(n=this.properties)[v]??(n[v]={});r[e]=t,t===""&&(delete r[e],Object.keys(r).length===0&&delete this.properties[v])});o(this,"getStyle",e=>{var t;return((t=this.properties[v])==null?void 0:t[e])??""});o(this,"getStyles",()=>this.properties[v]??{});o(this,"makeAccessors",e=>{const t=this.properties;return{get:()=>t[e],set:r=>t[e]=r}});this.parent=e}}const Vt=s=>s.replace(/"/g,"&quot;"),jt=s=>s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");class Je extends Ge{constructor(t,r,n){super(n);o(this,"isPortal",()=>!1);o(this,"toHTML",(t=!1)=>{const r=this.children.map(a=>a.toHTML()).join(""),n=this.namespace?` xmlns="${this.namespace}"`:"";let i=null;const l=this.getVisibleAttributes().map(([a,u])=>a==="class"?` class="${u.join(" ")}"`:a==="style"?typeof u=="string"?` style="${u}"`:` style="${Object.entries(u).map(([h,m])=>`${h}: ${m};`).join(" ")}"`:qt.has(a)?` ${a}`:a==="innerHTML"?(i=u,""):a==="innerText"?(i=jt(u),""):` ${a}="${Vt(u)}"`).join(""),c=t?` ${ce}`:"";return Bt.has(this.tagName)&&r===""?`<${this.tagName}${n}${l}${c} />`:`<${this.tagName}${n}${l}${c}>${i??r}</${this.tagName}>`});this.tagName=t,this.namespace=r}}class ae extends Ge{constructor(t,r){super(r);o(this,"isPortal",()=>!0);o(this,"toHTML",()=>"");o(this,"contentToHTML",(t=!1)=>this.children.map(r=>r.toHTML(t)).join(""));this.selector=t}}class Xe{constructor(e){o(this,"id",Ue());o(this,"isElement",()=>!1);o(this,"isText",()=>!0);o(this,"getText",()=>this.text);o(this,"toHTML",()=>this.text);this.text=e}}class D{constructor(e,t,r,n){o(this,"appendOrInsert",e=>{if(this.reference!=null){const t=this.element.children.indexOf(this.reference);this.element.children.splice(t,0,e)}else this.element.children.push(e)});o(this,"makeChildElement",(e,t)=>{const r=new Je(e,t,this.element);return this.appendOrInsert(r),new D(r,void 0,this.container,this.providers)});o(this,"makeChildText",e=>{const t=new Xe(e);return this.appendOrInsert(t),new D(this.element,t,this.container,this.providers)});o(this,"setText",e=>{this.reference&&this.reference.isText()&&(this.reference.text=e)});o(this,"getText",()=>{var e;return((e=this.reference)==null?void 0:e.getText())??this.element.getText()});o(this,"makeRef",()=>this.makeChildText(""));o(this,"makePortal",e=>{const t=new ae(e,this.element);return this.appendOrInsert(t),new D(t,void 0,this.container,this.providers)});o(this,"setProvider",(e,t,r)=>new D(this.element,this.reference,this.container,{...this.providers,[e]:[t,r]}));o(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new le(e);const[t,r]=this.providers[e];return{value:t,onUse:r}});o(this,"clear",e=>{e&&(this.reference!==void 0?this.element.removeChild(this.reference):this.element.remove())});o(this,"on",(e,t)=>this.element.on(e,t,this));o(this,"addClasses",e=>this.element.addClasses(e));o(this,"removeClasses",e=>this.element.removeClasses(e));o(this,"getClasses",()=>this.element.getClasses());o(this,"isBrowserDOM",()=>!1);o(this,"isBrowser",()=>!1);o(this,"isHeadlessDOM",()=>!0);o(this,"isHeadless",()=>!0);o(this,"setStyle",(e,t)=>this.element.setStyle(e,t));o(this,"getStyle",e=>this.element.getStyle(e));o(this,"makeAccessors",e=>this.element.makeAccessors(e));this.element=e,this.reference=t,this.container=r,this.providers=n}}const qt=new Set(["checked","disabled","multiple","readonly","required","selected"]),Bt=new Set(["img","br","hr","input","link","meta"]),ue=s=>e=>e.makeChildText(s).clear,he=s=>e=>{const t=e.makeChildText(s.value),r=s.on(t.setText);return n=>{r(),t.clear(n)}},Wt=s=>d.is(s)?he(s):ue(s),S=(...s)=>e=>{const t=s.map(r=>f(r)(e));return r=>{t.forEach(n=>n(r))}},E=()=>()=>{},Ft=s=>e=>(e.addClasses(s),t=>{t&&e.removeClasses(s)}),Ut=s=>e=>{let t=[];const r=s.on(n=>{e.removeClasses(t),t=(n??"").split(" ").filter(i=>i.length>0),e.addClasses(t)});return n=>{r(),n&&e.removeClasses(t),t.length=0}},V=(s,e)=>t=>{const{get:r,set:n}=t.makeAccessors(s),i=r();return n(e),l=>{l&&n(i)}},j=(s,e)=>t=>{const{get:r,set:n}=t.makeAccessors(s),i=r(),l=e.on(n);return c=>{l(),c&&n(i)}},L=new Proxy({},{get:(s,e)=>e==="class"?t=>d.is(t)?Ut(t):Ft((t??"").split(" ").filter(r=>r.length>0)):t=>d.is(t)?j(e,t):V(e,t)}),Gt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(`data-${e}`,t):V(`data-${e}`,t)}),Jt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(`aria-${e}`,t):V(`aria-${e}`,t)}),Xt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(e,t):V(e,t)}),Yt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(e,t):V(e,t)}),f=s=>{if(s==null)return E;if(Array.isArray(s))return S(...s.map(f));if(typeof s=="string")return ue(s);if(d.is(s))return he(s);if(typeof s=="function")return s;throw new Error(`Unknown type: '${typeof s}' for child: ${s}`)},fe=(s,...e)=>t=>{const r=t.makeChildElement(s,void 0),n=e.map(i=>f(i)(r));return i=>{n.forEach(l=>l(!1)),r.clear(i)}},de=(s,e,...t)=>r=>{const n=r.makeChildElement(s,e),i=t.map(l=>f(l)(n));return l=>{i.forEach(c=>c(!1)),n.clear(l)}},Qt=new Proxy({},{get:(s,e)=>(...t)=>fe(e,t.flatMap(f))}),Zt=new Proxy({},{get:(s,e)=>(...t)=>fe("input",L.type(e),...t)}),zt="http://www.w3.org/2000/svg",Kt=new Proxy({},{get:(s,e)=>(...t)=>de(e,zt,t.flatMap(f))}),es="http://www.w3.org/1998/Math/MathML",ts=new Proxy({},{get:(s,e)=>(...t)=>de(e,es,t.flatMap(f))}),pe=(s,e)=>{if(typeof e=="function")return pe(s,{then:e});const t=e.pending!=null?f(e.pending()):E,r=e.then,n=e.error!=null?i=>f(e.error(i)):()=>E;return i=>{let l=!0;const c=s(),a=i.makeRef();let u=f(t)(a);return c.then(h=>{l&&(u(!0),u=f(r(h))(a))},h=>{l&&(u(!0),u=f(n(h))(a))}),h=>{l=!1,u(h),a.clear(h)}}},ss=(s,e)=>pe(()=>s,e),Ye=(s,e,t)=>r=>r.on(s,e,t),Qe=s=>Ye("click",(e,t)=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&s(!n,t)},0)}),q=new Proxy({},{get:(s,e)=>t=>Ye(e,t)}),Ze=(s,e)=>t=>{(e==null?void 0:e.preventDefault)===!0&&t.preventDefault(),(e==null?void 0:e.stopPropagation)===!0&&t.stopPropagation(),(e==null?void 0:e.stopImmediatePropagation)===!0&&t.stopImmediatePropagation(),s(t)},w=(s,e)=>Ze(t=>{const r=t.target;s(r,t)},e),ze=(s,e)=>w((t,r)=>s(t.value,r),e),Ke=(s,e)=>w((t,r)=>s(t.valueAsNumber,r),e),et=(s,e)=>w((t,r)=>{if(t.value==="")return;const n=t.value.split("-"),i=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));s(i,r)},e),rs=(s,e)=>w((t,r)=>{if(t.value===""){s(null,r);return}const n=t.value.split("-"),i=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));s(i,r)},e),tt=(s,e)=>w((t,r)=>{if(t.value==="")return;const n=t.value.split("T"),i=n[0].split("-"),l=new Date(Number(i[0]),Number(i[1])-1,Number(i[2])),c=n[1].split(":");l.setHours(Number(c[0])),l.setMinutes(Number(c[1])),l.setSeconds(Number(c[2])),s(l,r)},e),ns=(s,e)=>w((t,r)=>{if(t.value===""){s(null,r);return}const n=t.value.split("T");if(n.length!==2){s(null,r);return}const i=n[0].split("-"),l=new Date(Number(i[0]),Number(i[1])-1,Number(i[2])),c=n[1].split(":");l.setHours(Number(c[0]??0)),l.setMinutes(Number(c[1]??0)),l.setSeconds(Number(c[2]??0)),s(l,r)},e),is=(s,e)=>w((t,r)=>{s(t.checked,r)},e),os=(s,e="input")=>S(L.valueAsDate(s),q[e](et(s.set))),ls=(s,e="input")=>S(L.valueAsDate(s),q[e](tt(s.set))),cs=(s,e="input")=>S(L.valueAsNumber(s),q[e](Ke(s.set))),as=(s,e="input")=>S(L.value(s),q[e](ze(s.set))),us=s=>S(L.checked(s),Qe(s.set)),B=(s,e)=>{if(d.is(s))return r=>{const n=r.makeRef();let i,l;const c=s.map(h=>Object.keys(h)[0]);let a;const u=c.on(h=>{if(h!==a){a=h,l==null||l.dispose(),i==null||i(!0),l=s.map(T=>T[h]);const m=e[h](l);i=f(m)(n)}});return h=>{l==null||l.dispose(),u(),n.clear(h),i==null||i(h)}};const t=Object.keys(s)[0];return f(e[t](R(s[t])))},me=(s,e,t)=>B(y.map(s,r=>({[r[e]]:r})),t),hs=(s,e)=>me(s,"kind",e),fs=(s,e)=>{const t=y.map(s,([r,n])=>({[r]:n}));return B(t,e)},ds=(s,e)=>me(s,"type",e),st=(s,e)=>B(y.map(s,t=>({[t]:!0})),e),ps=(s,e={})=>t=>{const r=(e==null?void 0:e.firstSeparator)??s,n=(e==null?void 0:e.lastSeparator)??s;return st(t.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:r,last:n,other:s})},ms=s=>e=>(e.appendOrInsert(s),t=>{t&&I(s)}),gs=(s,e,t)=>{if(d.is(s)){const r=s;return n=>{const i=n.makeRef();let l=()=>{},c=!1,a=null;const u=r.on(h=>{h==null?(l(!0),l=f(t==null?void 0:t())(i),c=!1,a==null||a.dispose(),a=null):c?a.set(h):(a=A(h),l(!0),l=f(e(a))(i),c=!0)});return h=>{a==null||a.dispose(),u(),l==null||l(h),i.clear(h)}}}else{const r=s;if(r==null){const n=t==null?void 0:t();return n!=null?f(n):E}return f(e(R(r)))}},ys=(...s)=>(e,t)=>r=>{const n=r.makeRef();if(s.some(p=>!d.is(p)&&p==null))return(t!=null?f(t==null?void 0:t()):E)(n);const l=s.map(()=>null),c=s.map(p=>d.is(p)?p.value!=null:p!=null);let a=null;const u=A(c.every(p=>p)),h=(p,g)=>{if(p.value!=null){if(l[g]==null){const P=A(p.value);l[g]=P}else l[g].value=p.value;c[g]=!0}else c[g]=!1};let m=s.length-1;const T=s.map((p,g)=>{if(!d.is(p)){const P=A(p);return l[g]=P,()=>{}}return p.on(()=>{h(p,g),m===0?u.value=c.every(P=>P):m--})});return u.on(p=>{a==null||a(!0),a=null,p?a=f(e(...l))(n):a=f((t==null?void 0:t())??E)(n)}),p=>{l.forEach(g=>g==null?void 0:g.dispose()),u.dispose(),T.forEach(g=>g()),a==null||a(p),n.clear(p)}},H=(...s)=>e=>t=>s.forEach(r=>r(t,e)),ge=(s,e,t)=>{if(d.is(s)){const r=s;return n=>{const i=n.makeRef();let l=()=>{};const c=r.on(a=>{l(!0),a?l=f(e())(i):l=f(t==null?void 0:t())(i)});return a=>{l(a),c(),i.clear(a)}}}else{if(s){const n=e();return n!=null?f(n):E}return f(t==null?void 0:t())}},Ts=(s,e,t)=>ge(y.map(s,r=>!r),e,t),ye=(s,e,t)=>{if(t!=null)return ye(s,r=>{const n=new G(r.index,r.total.map(i=>i-1));return S(H(n.dispose),f(e(r)),ge(r.isLast,()=>E,()=>t(n)))});if(d.is(s))return r=>{const n=s.derive(),i=r.makeRef(),l=[];return n.on(c=>{const a=l.splice(c);for(const u of a)u(!0);for(let u=l.length;u<c;u++){const h=new G(u,n);l.push(S(H(h.dispose),f(e(h)))(i))}}),c=>{n.dispose();for(const a of l)a(c);l.length=0,i.clear(c)}};{const r=R(s);return S(...Array.from({length:s},(n,i)=>i).map(n=>{const i=new G(n,r);return S(H(i.dispose),f(e(i)))}))}},Ss=(s,e,t)=>{const r=y.map(s,i=>i.length),n=y.toSignal(s);return ye(r,i=>{const l=n.map(c=>c[i.index]);return S(H(l.dispose),f(e(l,i)))},t)},bs=(s,e)=>{if(d.is(s)){const t=s;return r=>{r=r.makeRef();const n=t.map(c=>f(e(c)));let i=()=>{};const l=n.on(c=>{i(!0),i=c(r)});return c=>{l(),i(c)}}}return f(e(s))},As=(s,e,t=()=>E)=>B(y.map(s,r=>r.length>0?{notEmpty:r}:{whenEmpty:null}),{notEmpty:r=>e(r),whenEmpty:()=>t()}),Es=(s,e)=>t=>{const r=t.makePortal(s),n=ee(f(e),r);return()=>n(!0)},U=new Map,rt=s=>({mark:Be(`Probe(${s.description})`),create:({callback:e=()=>{},timeout:t=10}={})=>{const r=c=>{clearTimeout(n),U.delete(s),e(c)};if(U.has(s))throw new Error(`Probe already exists: ${s.description}`);const n=setTimeout(()=>r("timeout"),t),i={counter:0,timeoutId:n};return U.set(s,i),{value:()=>{clearTimeout(n);const c=U.get(s);c!=null&&--c.counter===0&&r("resolved")},dispose:()=>r("disposed"),onUse:()=>i.counter++}}}),_s=rt(Symbol("GlobalProbe")),vs=(s,e)=>t=>{const r=t.getStyle(s);return t.setStyle(s,e),n=>{n&&t.setStyle(s,r)}},Cs=(s,e)=>t=>{const r=t.getStyle(s),n=e.on(i=>t.setStyle(s,i));return i=>{n(),i&&t.setStyle(s,r)}},ws=new Proxy({},{get:(s,e)=>t=>d.is(t)?Cs(e,t):vs(e,t)}),nt=s=>e=>{if(e.isBrowser()){const t=s(e);if(t!=null)return f(t)(e)}return()=>{}},Ps=s=>e=>{const t=s(e);return t==null?()=>{}:f(t)(e)},xs=s=>nt(e=>s(e.element)),Os=s=>e=>{if(e.isHeadlessDOM()){const t=s(e);if(t)return f(t)(e)}return()=>{}},te=s=>e=>{let t=e;function r(){return t}function n(c){t=c}const i=[],l=s({use:({mark:c})=>{const{value:a,onUse:u}=r().getProvider(c);return u==null||u(),a},set:({mark:c,create:a},u)=>{const{value:h,dispose:m,onUse:T}=a(u,r());i.push(m),n(r().setProvider(c,h,T))}});return l==null?()=>{}:S(f(l),H(()=>i.forEach(c=>c())))(r())},Ds=(s,e,t)=>te(({set:r})=>(r(s,e),t())),Ls=(s,e)=>te(({use:t})=>e(t(s))),Ms=(...s)=>e=>te(({use:t})=>{const r=s.map(t);return e(...r)});exports.Async=ss;exports.BindChecked=us;exports.BindDate=os;exports.BindDateTime=ls;exports.BindNumber=cs;exports.BindText=as;exports.BrowserContext=O;exports.CLASS_PLACEHOLDER_ATTR=$;exports.Computed=x;exports.Conjunction=ps;exports.DOMNode=ms;exports.El=fe;exports.ElNS=de;exports.ElementPosition=G;exports.Empty=E;exports.Ensure=gs;exports.EnsureAll=ys;exports.ForEach=Ss;exports.Fragment=S;exports.GlobalProbe=_s;exports.HeadlessAdapter=Ct;exports.HeadlessContext=D;exports.HeadlessElement=Je;exports.HeadlessPortal=ae;exports.HeadlessText=Xe;exports.MapSignal=bs;exports.MemoryStore=ne;exports.NotEmpty=As;exports.OnChecked=Qe;exports.OnDispose=H;exports.OneOf=B;exports.OneOfField=me;exports.OneOfKind=hs;exports.OneOfTuple=fs;exports.OneOfType=ds;exports.OneOfValue=st;exports.Portal=Es;exports.Prop=k;exports.Provide=Ds;exports.ProviderNotFoundError=le;exports.RenderingError=We;exports.Repeat=ye;exports.Signal=d;exports.Task=pe;exports.TextNode=Wt;exports.Unless=Ts;exports.Use=Ls;exports.UseMany=Ms;exports.Value=y;exports.When=ge;exports.WithBrowserCtx=nt;exports.WithCtx=Ps;exports.WithElement=xs;exports.WithHeadlessCtx=Os;exports.WithProvider=te;exports._NODE_PLACEHOLDER_ATTR=ce;exports._getSelfOrParentElement=qe;exports._isElement=oe;exports._makeGetter=je;exports._makeSetter=Ve;exports._removeDOMNode=I;exports._signalText=he;exports._staticText=ue;exports.animateSignal=gt;exports.animateSignals=Me;exports.aria=Jt;exports.attr=L;exports.bind=At;exports.coalesce=Et;exports.computed=z;exports.computedOf=K;exports.computedRecord=He;exports.dataAttr=Gt;exports.delaySignal=Tt;exports.effect=De;exports.effectOf=dt;exports.emit=Ze;exports.emitChecked=is;exports.emitTarget=w;exports.emitValue=ze;exports.emitValueAsDate=et;exports.emitValueAsDateTime=tt;exports.emitValueAsNullableDate=rs;exports.emitValueAsNullableDateTime=ns;exports.emitValueAsNumber=Ke;exports.endInterpolate=xe;exports.getWindow=re;exports.guessInterpolate=Oe;exports.html=Qt;exports.input=Zt;exports.interpolateDate=Pe;exports.interpolateNumber=Ce;exports.interpolateString=we;exports.joinSignals=ft;exports.localStorageProp=pt;exports.makeProbe=rt;exports.makeProviderMark=Be;exports.math=ts;exports.mathAttr=Yt;exports.merge=yt;exports.on=q;exports.previousSignal=St;exports.prop=A;exports.render=_t;exports.renderWithContext=ee;exports.renderableOfTNode=f;exports.restoreTempoPlaceholders=$t;exports.runHeadless=vt;exports.sessionStorageProp=mt;exports.signal=R;exports.slidingWindowSignal=bt;exports.storedProp=ie;exports.style=ws;exports.svg=Kt;exports.svgAttr=Xt;
+"use strict";var ct=Object.defineProperty;var Se=s=>{throw TypeError(s)};var at=(s,e,t)=>e in s?ct(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>at(s,typeof e!="symbol"?e+"":e,t),Ae=(s,e,t)=>e.has(s)||Se("Cannot "+t);var F=(s,e,t)=>(Ae(s,e,"read from private field"),t?t.call(s):e.get(s)),Ee=(s,e,t)=>e.has(s)?Se("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t),se=(s,e,t,r)=>(Ae(s,e,"write to private field"),r?r.call(s,t):e.set(s,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Pe=(s,e,t)=>s+(e-s)*t,_e=97,xe=(s,e,t)=>{const r=Math.max(s.length,e.length);let n="";for(let i=0;i<r;i++){let l=s.charCodeAt(i);isNaN(l)&&(l=_e);let c=e.charCodeAt(i);isNaN(c)&&(c=_e),n+=String.fromCharCode(l+(c-l)*t)}return n},Oe=(s,e,t)=>new Date(s.getTime()+(e.getTime()-s.getTime())*t),De=(s,e)=>e,Le=s=>typeof s=="number"?Pe:typeof s=="string"?xe:s instanceof Date?Oe:De;var C;class G{constructor(e,t){o(this,"counter");o(this,"isFirst");o(this,"isEven");o(this,"isOdd");Ee(this,C);o(this,"dispose",()=>{var e;(e=F(this,C))==null||e.dispose(),se(this,C,void 0)});this.index=e,this.total=t,this.counter=e+1,this.isFirst=e===0,this.isEven=e%2===1,this.isOdd=e%2===0}get isLast(){return F(this,C)==null&&se(this,C,this.total.map(e=>this.counter===e)),F(this,C)}}C=new WeakMap;const N=class N{constructor(e,t){o(this,"$__signal__",!0);o(this,"_value");o(this,"_derivatives",[]);o(this,"_onValueListeners",[]);o(this,"_onDisposeListeners",[]);o(this,"get",()=>this._value);o(this,"hasListeners",()=>this._onValueListeners.length>0);o(this,"on",(e,t={})=>{t.skipInitial||e(this.get(),void 0);const r=t.once?(i,l)=>{n(),e(i,l)}:e;this._onValueListeners.push(r);const n=()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(r),1),t.abortSignal!=null&&t.abortSignal.removeEventListener("abort",n)};return t.abortSignal!=null&&t.abortSignal.addEventListener("abort",n),n});o(this,"_setAndNotify",e=>{if(this._disposed)return;const t=this._value;this.equals(t,e)||(this._value=e,this._onValueListeners.forEach(n=>n(e,t)))});o(this,"_disposed",!1);o(this,"isDisposed",()=>this._disposed);o(this,"onDispose",e=>{this._onDisposeListeners.push(e)});o(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});o(this,"map",(e,t=(r,n)=>r===n)=>{const r=new x(()=>{try{return e(this.get())}catch(n){throw console.error("Error in Signal.map:",n),n}},t);return this.setDerivative(r),r});o(this,"flatMap",(e,t=(r,n)=>r===n)=>{const r=new x(()=>{try{return e(this.get()).get()}catch(n){throw console.error("Error in Signal.flatMap:",n),n}},t);return this.setDerivative(r),r});o(this,"tap",e=>this.map(t=>(e(t),t)));o(this,"at",e=>this.map(t=>t[e]));o(this,"_$");o(this,"filter",(e,t)=>{let r=t??this.get();const n=new x(()=>{try{const i=this.get();return r=e(i)?i:r}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(n),n});o(this,"filterMap",(e,t,r=(n,i)=>n===i)=>{let n=t;const i=new x(()=>{try{const l=this.get(),c=e(l);return n=c??n}catch(l){throw console.error("Error in Signal.filterMap:",l),l}},r);return this.setDerivative(i),i});o(this,"mapAsync",(e,t,r,n=(i,l)=>i===l)=>{const i=A(t,n);let l=0,c=new AbortController;return i.onDispose(this.on(async a=>{const u=++l;c.abort(),c=new AbortController;try{const h=await e(a,{abortSignal:c.signal});u===l&&i.set(h)}catch(h){if(u===l)if(r!=null)i.set(r(h));else throw h}})),i});o(this,"mapMaybe",(e,t)=>this.map(r=>e(r)??t));o(this,"feedProp",(e,t=!1)=>{const r=this.on(e.set);return e.onDispose(r),t?this.onDispose(e.dispose):this.onDispose(r),e});o(this,"deriveProp",({autoDisposeProp:e=!0,equals:t}={})=>this.feedProp(A(this.get(),t),e));o(this,"derive",()=>this.map(e=>e));o(this,"count",()=>{let e=0;return this.map(()=>++e)});o(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=t,this._value=e}get value(){return this._value}get $(){return this._$!==void 0?this._$:this._$=new Proxy(this,{get:(e,t)=>this.at(t)})}};o(N,"ofPromise",(e,t,r,n=(i,l)=>i===l)=>{const i=new N(t,n);return e.then(l=>i._setAndNotify(l)).catch(l=>{r!=null?i._setAndNotify(r(l)):console.error("Unhandled promise rejection in Signal.ofPromise:",l)}),i}),o(N,"is",e=>e!=null&&e.$__signal__===!0);let d=N;const ut=typeof queueMicrotask=="function"?queueMicrotask:s=>Promise.resolve().then(s);class x extends d{constructor(t,r){super(void 0,r);o(this,"$__computed__",!0);o(this,"_isDirty",!1);o(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(t=>t.setDirty()),this._scheduleNotify())});o(this,"_scheduleCount",0);o(this,"_scheduleNotify",()=>{const t=++this._scheduleCount;ut(()=>{this._scheduleCount!==t||this._disposed||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn()))})});o(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn())),this._value));this._fn=t,this.setDirty()}static is(t){return t!=null&&t.$__computed__===!0}get value(){return this.get()}}const Z=class Z extends d{constructor(){super(...arguments);o(this,"$__prop__",!0);o(this,"set",t=>{this._setAndNotify(t)});o(this,"update",t=>{this._setAndNotify(t(this.get()))});o(this,"reducer",(t,...r)=>{const n=this;return function i(l){const c=n.value;n.update(a=>t(a,l)),!n.equals(c,n.value)&&r.forEach(a=>a({previousState:c,state:n.value,action:l,dispatch:i}))}});o(this,"iso",(t,r,n=(i,l)=>i===l)=>{const i=new Z(t(this.get()),n);return i.onDispose(this.on(l=>i.set(t(l)))),i.on(l=>this._setAndNotify(r(l))),i});o(this,"atProp",t=>this.iso(r=>r[t],r=>({...this.value,[t]:r})))}get value(){return this.get()}set value(t){this._setAndNotify(t)}};o(Z,"is",t=>t!=null&&t.$__prop__===!0);let k=Z;const z=(s,e,t=(r,n)=>r===n)=>{const r=new x(s,t);return e.forEach(n=>n.setDerivative(r)),r},Me=(s,e,t={})=>{let r=t.once?()=>{i(),s()}:s;if(t.skipInitial){let l=!1;const c=r;r=()=>{l?c():l=!0}}const n=z(r,e),i=()=>{n.dispose(),t.abortSignal!=null&&t.abortSignal.removeEventListener("abort",i)};return t.abortSignal!=null&&t.abortSignal.addEventListener("abort",i),i},A=(s,e=(t,r)=>t===r)=>new k(s,e),R=(s,e=(t,r)=>t===r)=>new d(s,e),re=()=>typeof window<"u"?window:void 0;function He(s){return s!=null&&s!==!1&&s!==0&&s!==""}function ht(s){return!He(s)}function ft(s){return s==null}function dt(s){return s!=null}const y={map:(s,e)=>d.is(s)?s.map(e):e(s),toSignal:(s,e)=>d.is(s)?s:R(s,e),maybeToSignal:(s,e)=>{if(s!=null)return y.toSignal(s,e)},get:s=>d.is(s)?s.get():s,on:(s,e)=>d.is(s)?s.on(e):(e(s),()=>{}),dispose:s=>{d.is(s)&&s.dispose()},deriveProp:(s,{autoDisposeProp:e=!0,equals:t}={})=>d.is(s)?s.deriveProp({autoDisposeProp:e,equals:t}):A(s,t),truthy:s=>y.map(s,He),falsy:s=>y.map(s,ht),nil:s=>y.map(s,ft),defined:s=>y.map(s,dt)},K=(...s)=>(e,t)=>{if(s.length===1)return y.toSignal(s[0]).map(e);const r=s.filter(n=>d.is(n));return z(()=>e(...s.map(n=>y.get(n))),r,t)},pt=s=>{const e=Object.keys(s);return K(...Object.values(s))((...t)=>Object.fromEntries(e.map((r,n)=>[r,t[n]])))},mt=(...s)=>(e,t={})=>{const r=s.filter(n=>d.is(n));return Me(()=>e(...s.map(y.get)),r,t)};class ne{constructor(){o(this,"_store",new Map);o(this,"getItem",e=>this._store.get(e)??null);o(this,"setItem",(e,t)=>{this._store.set(e,t)})}}const ie=({key:s,defaultValue:e,store:t,serialize:r=JSON.stringify,deserialize:n=JSON.parse,equals:i=(c,a)=>c===a,onLoad:l=c=>c})=>{const c=t.getItem(s),a=new k(c!=null?l(n(c)):typeof e=="function"?e():e,i);return a.on(u=>t.setItem(s,r(u))),a},gt=s=>{var e;return ie({...s,store:((e=re())==null?void 0:e.localStorage)??new ne})},yt=s=>{var e;return ie({...s,store:((e=re())==null?void 0:e.sessionStorage)??new ne})};function ve(s){return typeof requestAnimationFrame=="function"?requestAnimationFrame(s):setTimeout(s,0)}const Ne=(s,e,t,r)=>{const n=(r==null?void 0:r.duration)??300,i=(r==null?void 0:r.easing)??(_=>_),l=(r==null?void 0:r.equals)??((_,W)=>_===W);let c=r==null?void 0:r.interpolate,a=s,u=e(),h=performance.now(),m=null,T=!0;const p=new x(e,l),g=A(s,l);g.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),g.onDispose(p.dispose),t.forEach(_=>{_.setDerivative(p),_.onDispose(g.dispose)});const P=_=>{u=_,h=performance.now(),a=g.value,T&&(T=!1,m=ve(Te))},Te=()=>{const W=(performance.now()-h)/y.get(n),lt=i(W);c==null&&(c=Le(a));let be=c(a,u,lt);W>=1?(T=!0,be=u):m=ve(Te),g.set(be)};return p.on(P),g},Tt=(s,e)=>{const{initialValue:t,...r}=e??{};return Ne(t??s.get(),s.get,[s],r)},ke=(s,e)=>{const t=Object.values(s).filter(d.is),r=Object.keys(s);return z(()=>{const n={};for(const i of r)n[i]=y.get(s[i]);return e(n)},t)},bt=s=>ke(s,e=>e),St=(s,e)=>{const t=A(s.get());let r=null;const n=s.on(i=>{r!=null&&clearTimeout(r),r=setTimeout(()=>{r=null,t.set(i)},typeof e=="function"?e(i):e)});return t.onDispose(()=>{n(),r!=null&&clearTimeout(r)}),t},At=s=>{let e;return s.map(t=>{const r=e;return e=t,r})},Et=({size:s=void 0,signal:e})=>{const t=[];return e.map(r=>(t.push(r),s!=null&&t.length>s&&t.shift(),t.slice()))},_t=s=>(...e)=>K(s,...e)((t,...r)=>t(...r));function vt(...s){return K(...s)((...e)=>{for(const t of e)if(t!=null)return t})}const Ie=new Set(["checked","disabled","hidden"]),$e=new Set(["selected"]),Re=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Ve=new Set(["valueAsDate"]),je=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),qe=(s,e)=>$e.has(s)?t=>{t==null||t!==!0?e.removeAttribute(s):e.setAttribute(s,"")}:Ie.has(s)?t=>{t==null?e[s]=null:e[s]=!!t}:Re.has(s)?t=>{t==null?e[s]=null:e[s]=Number(t)}:Ve.has(s)?t=>{t==null?e[s]=null:e[s]=t}:je.has(s)?t=>{t==null?e[s]=null:e[s]=String(t)}:t=>{t==null?e.removeAttribute(s):e.setAttribute(s,t)},Be=(s,e)=>$e.has(s)?()=>e.hasAttribute(s):Ie.has(s)?()=>!!e[s]:Re.has(s)?()=>Number(e[s]):Ve.has(s)?()=>e[s]:je.has(s)?()=>String(e[s]):()=>e.getAttribute(s),I=s=>{const e=s;e&&e.onblur&&(e.onblur=null),!(!s||s.ownerDocument===void 0)&&s.parentElement&&s.parentElement.removeChild(s)},We=s=>oe(s)?s:s.parentElement,oe=s=>s.nodeType===1;class le extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}class O{constructor(e,t,r,n){o(this,"createElement",(e,t)=>t!==void 0?this.document.createElementNS(t,e):this.document.createElement(e));o(this,"makeChildElement",(e,t)=>{const r=this.createElement(e,t);return this.appendOrInsert(r),this.withElement(r)});o(this,"createText",e=>this.document.createTextNode(e));o(this,"makeChildText",e=>{const t=this.createText(e);return this.appendOrInsert(t),this.withReference(t)});o(this,"setText",e=>{this.reference.nodeValue=e});o(this,"getText",()=>{var e;return((e=this.reference)==null?void 0:e.nodeValue)??this.element.textContent??""});o(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});o(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});o(this,"withElement",e=>new O(this.document,e,void 0,this.providers));o(this,"makePortal",e=>{const t=typeof e=="string"?this.document.querySelector(e):e;if(t==null)throw new Error(`Cannot find element by selector for portal: ${e}`);return this.withElement(t)});o(this,"withReference",e=>new O(this.document,this.element,e,this.providers));o(this,"setProvider",(e,t,r)=>new O(this.document,this.element,this.reference,{...this.providers,[e]:[t,r]}));o(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new le(e);const[t,r]=this.providers[e];return{value:t,onUse:r}});o(this,"clear",e=>{e&&(this.reference!==void 0?I(this.reference):I(this.element))});o(this,"addClasses",e=>{this.element.classList.add(...e)});o(this,"removeClasses",e=>{this.element.classList.remove(...e)});o(this,"getClasses",()=>Array.from(this.element.classList));o(this,"on",(e,t,r)=>{const n=i=>t(i,this);return this.element.addEventListener(e,n,r),i=>{i&&this.element.removeEventListener(e,n,r)}});o(this,"isBrowserDOM",()=>!0);o(this,"isBrowser",()=>!0);o(this,"isHeadlessDOM",()=>!1);o(this,"isHeadless",()=>!1);o(this,"setStyle",(e,t)=>{this.element.style[e]=t});o(this,"getStyle",e=>this.element.style[e]);o(this,"makeAccessors",e=>({get:Be(e,this.element),set:qe(e,this.element)}));o(this,"getWindow",()=>this.document.defaultView);this.document=e,this.element=t,this.reference=r,this.providers=n}static of(e,t,r){return new O(e.ownerDocument,e,t,r)}}const Fe=s=>Symbol(s),ee=(s,e)=>{const t=s(e);return(r=!0)=>t(r)},Ct=(s,e,{doc:t,clear:r,disposeWithParent:n=!0,providers:i={}}={})=>{const l=typeof e=="string"?(t??document).querySelector(e):e;if(l===null)throw new Ue(`Cannot find element by selector for render: ${e}`);r!==!1&&(t??l.ownerDocument)!=null&&l.nodeType===1&&(l.innerHTML="");const c=We(l),a=oe(l)?void 0:l,u=O.of(c,a,i),h=ee(s,u);let m;return n&&(m=new MutationObserver(T=>{var p;(p=T[0])==null||p.removedNodes.forEach(g=>{g===l&&(m==null||m.disconnect(),h(l.nodeType!==1))})}),m.observe(l.parentElement,{childList:!0,subtree:!1,attributes:!1})),()=>{m==null||m.disconnect(),h(!0)}},wt=(s,{startUrl:e="https://example.com",selector:t,providers:r={}}={selector:"body"})=>{const n=y.toSignal(e).deriveProp(),i=new ae(t,void 0),l=new D(i,void 0,{currentURL:n},r);return{clear:ee(s(),l),root:i,currentURL:n}};class Ue extends Error{constructor(e){super(e)}}const ce="data-tts-node",$="data-tts-class",J="data-tts-style",X="data-tts-html",Y="data-tts-text",Q="data-tts-attrs";class Pt{constructor({select:e,getAttribute:t,setAttribute:r,getClass:n,setClass:i,getStyles:l,setStyles:c,appendHTML:a,getInnerHTML:u,setInnerHTML:h,getInnerText:m,setInnerText:T}){o(this,"select");o(this,"getAttribute");o(this,"setAttribute");o(this,"getClass");o(this,"setClass");o(this,"getStyles");o(this,"setStyles");o(this,"appendHTML");o(this,"getInnerHTML");o(this,"setInnerHTML");o(this,"getInnerText");o(this,"setInnerText");o(this,"setFromRoot",(e,t)=>{e.getPortals().forEach(n=>{const i=typeof n.selector=="string"?this.select(n.selector):[n.selector];for(const l of i){if(l==null)throw new Error(`Cannot find element by selector for render: ${n.selector}`);if(n.hasChildren()&&this.appendHTML(l,n.contentToHTML(t)),n.hasInnerHTML()){if(t){const c=this.getInnerHTML(l);c!=null&&this.setAttribute(l,X,c)}this.setInnerHTML(l,n.getInnerHTML())}if(n.hasInnerText()){if(t){const c=this.getInnerText(l);c!=null&&this.setAttribute(l,Y,c)}this.setInnerText(l,n.getInnerText())}if(n.hasClasses()){if(t){const c=this.getClass(l);c!=null&&this.setAttribute(l,$,c)}this.setClass(l,n.getClasses().join(" "))}if(n.hasStyles()){if(t){const c=this.getStyles(l);Object.keys(c).length>0&&this.setAttribute(l,J,JSON.stringify(c))}this.setStyles(l,n.getStyles())}if(n.hasAttributes()){const c=n.getAttributes();if(t){const a=[];c.forEach(([u])=>{const h=this.getAttribute(l,u);h!=null&&a.push([u,h])}),a.length>0&&this.setAttribute(l,Q,JSON.stringify(Object.fromEntries(a)))}c.forEach(([a,u])=>{this.setAttribute(l,a,u)})}}})});this.select=e,this.getAttribute=t,this.setAttribute=r,this.getClass=n,this.setClass=i,this.getStyles=l,this.setStyles=c,this.appendHTML=a,this.getInnerHTML=u,this.setInnerHTML=h,this.getInnerText=m,this.setInnerText=T}}const xt=()=>{document.querySelectorAll(`[${ce}]`).forEach(I)},Ot=s=>{const e=s.getAttribute($);s.removeAttribute($),e!=null&&s.setAttribute("class",e)},Dt=()=>{document.querySelectorAll(`[${$}]`).forEach(e=>Ot(e))},Lt=s=>{const e=s.getAttribute(X);s.removeAttribute(X),e!=null&&(s.innerHTML=e)},Mt=()=>{document.querySelectorAll(`[${X}]`).forEach(e=>Lt(e))},Ht=s=>{const e=s.getAttribute(Y);s.removeAttribute(Y),e!=null&&(s.innerText=e)},Nt=()=>{document.querySelectorAll(`[${Y}]`).forEach(e=>Ht(e))},Ge=s=>JSON.parse(s.replace(/&quot;/g,'"')),kt=s=>{const e=s.getAttribute(J);if(s.removeAttribute(J),e!=null){const t=Ge(e);Object.entries(t).forEach(([r,n])=>{s.style.setProperty(r,n)})}},It=()=>{document.querySelectorAll(`[${J}]`).forEach(e=>kt(e))},$t=s=>{const e=s.getAttribute(Q);if(s.removeAttribute(Q),e!=null){const t=Ge(e);Object.entries(t).forEach(([r,n])=>{n==null?s.removeAttribute(r):s.setAttribute(r,n)})}},Rt=()=>{document.querySelectorAll(`[${Q}]`).forEach(e=>$t(e))},Vt=()=>{xt(),Dt(),Nt(),Mt(),It(),Rt()},S=Symbol("class"),v=Symbol("style"),M=Symbol("handler"),Je=()=>Math.random().toString(36).substring(2,15),jt=s=>s.replace(/<[^>]*>?/g,"");class Xe{constructor(e){o(this,"id",Je());o(this,"properties",{});o(this,"children",[]);o(this,"isElement",()=>!0);o(this,"isText",()=>!1);o(this,"getText",()=>this.properties.innerText!=null?this.properties.innerText:this.properties.innerHTML!=null?jt(this.properties.innerHTML):this.children.map(e=>e.getText()).join(""));o(this,"removeChild",e=>{const t=this.children.indexOf(e);t!==-1&&this.children.splice(t,1)});o(this,"remove",()=>{if(this.parent!=null)this.parent.removeChild(this);else throw new Error("Parent is undefined")});o(this,"getPortals",()=>{const e=this.elements().flatMap(t=>t.isPortal()?[t,...t.getPortals()]:t.getPortals());return this.isPortal()&&e.unshift(this),e});o(this,"elements",()=>this.children.filter(e=>e.isElement()));o(this,"hasInnerHTML",()=>this.properties.innerHTML!=null);o(this,"getInnerHTML",()=>this.properties.innerHTML??"");o(this,"getInnerText",()=>this.properties.innerText??"");o(this,"hasInnerText",()=>this.properties.innerText!=null);o(this,"hasChildren",()=>this.children.length>0);o(this,"hasClasses",()=>this.properties[S]!=null);o(this,"hasStyles",()=>this.properties[v]!=null);o(this,"hasAttributes",()=>Object.keys(this.properties).length>0);o(this,"hasHandlers",()=>this.properties[M]!=null);o(this,"hasRenderableProperties",()=>this.hasClasses()||this.hasAttributes()||this.hasStyles());o(this,"getById",e=>{if(this.properties.id===e)return this;for(const t of this.elements()){const r=t.getById(e);if(r!=null)return r}});o(this,"trigger",(e,t)=>{((this.properties[M]??{})[e]??[]).forEach(n=>n(t))});o(this,"click",()=>{this.trigger("click",{})});o(this,"on",(e,t,r,n)=>{var a;const i=(a=this.properties)[M]??(a[M]={}),l=n!=null&&n.once?u=>{c(),t(u,r)}:u=>t(u,r);i[e]=[...i[e]??[],l];const c=()=>{const u=i[e]??[],h=u.indexOf(l);h!==-1&&(u.splice(h,1),u.length===0?(delete i[e],Object.keys(i).length===0&&delete this.properties[M]):i[e]=u,(n==null?void 0:n.signal)!=null&&n.signal.removeEventListener("abort",c))};return(n==null?void 0:n.signal)!=null&&n.signal.addEventListener("abort",c),c});o(this,"addClasses",e=>{var r;if(e.length===0)return;const t=(r=this.properties)[S]??(r[S]=[]);e.forEach(n=>{t.includes(n)||t.push(n)})});o(this,"removeClasses",e=>{var r;if(e.length===0)return;const t=(r=this.properties)[S]??(r[S]=[]);e.forEach(n=>{const i=t.indexOf(n);i!==-1&&t.splice(i,1)}),t.length===0&&delete this.properties[S]});o(this,"getClasses",()=>this.properties[S]??[]);o(this,"getAttributes",()=>Object.entries(this.properties).filter(([e])=>!["innerText","innerHTML"].includes(e)));o(this,"getVisibleAttributes",()=>Reflect.ownKeys(this.properties).flatMap(e=>e===S?[["class",this.getClasses()]]:e===v?[["style",this.getStyles()]]:typeof e=="string"?[[e,String(this.properties[e])]]:[]));o(this,"setStyle",(e,t)=>{var n;const r=(n=this.properties)[v]??(n[v]={});r[e]=t,t===""&&(delete r[e],Object.keys(r).length===0&&delete this.properties[v])});o(this,"getStyle",e=>{var t;return((t=this.properties[v])==null?void 0:t[e])??""});o(this,"getStyles",()=>this.properties[v]??{});o(this,"makeAccessors",e=>{const t=this.properties;return{get:()=>t[e],set:r=>t[e]=r}});this.parent=e}}const qt=s=>s.replace(/"/g,"&quot;"),Bt=s=>s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");class Ye extends Xe{constructor(t,r,n){super(n);o(this,"isPortal",()=>!1);o(this,"toHTML",(t=!1)=>{const r=this.children.map(a=>a.toHTML()).join(""),n=this.namespace?` xmlns="${this.namespace}"`:"";let i=null;const l=this.getVisibleAttributes().map(([a,u])=>a==="class"?` class="${u.join(" ")}"`:a==="style"?typeof u=="string"?` style="${u}"`:` style="${Object.entries(u).map(([h,m])=>`${h}: ${m};`).join(" ")}"`:Wt.has(a)?` ${a}`:a==="innerHTML"?(i=u,""):a==="innerText"?(i=Bt(u),""):` ${a}="${qt(u)}"`).join(""),c=t?` ${ce}`:"";return Ft.has(this.tagName)&&r===""?`<${this.tagName}${n}${l}${c} />`:`<${this.tagName}${n}${l}${c}>${i??r}</${this.tagName}>`});this.tagName=t,this.namespace=r}}class ae extends Xe{constructor(t,r){super(r);o(this,"isPortal",()=>!0);o(this,"toHTML",()=>"");o(this,"contentToHTML",(t=!1)=>this.children.map(r=>r.toHTML(t)).join(""));this.selector=t}}class Qe{constructor(e){o(this,"id",Je());o(this,"isElement",()=>!1);o(this,"isText",()=>!0);o(this,"getText",()=>this.text);o(this,"toHTML",()=>this.text);this.text=e}}class D{constructor(e,t,r,n){o(this,"appendOrInsert",e=>{if(this.reference!=null){const t=this.element.children.indexOf(this.reference);this.element.children.splice(t,0,e)}else this.element.children.push(e)});o(this,"makeChildElement",(e,t)=>{const r=new Ye(e,t,this.element);return this.appendOrInsert(r),new D(r,void 0,this.container,this.providers)});o(this,"makeChildText",e=>{const t=new Qe(e);return this.appendOrInsert(t),new D(this.element,t,this.container,this.providers)});o(this,"setText",e=>{this.reference&&this.reference.isText()&&(this.reference.text=e)});o(this,"getText",()=>{var e;return((e=this.reference)==null?void 0:e.getText())??this.element.getText()});o(this,"makeRef",()=>this.makeChildText(""));o(this,"makePortal",e=>{const t=new ae(e,this.element);return this.appendOrInsert(t),new D(t,void 0,this.container,this.providers)});o(this,"setProvider",(e,t,r)=>new D(this.element,this.reference,this.container,{...this.providers,[e]:[t,r]}));o(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new le(e);const[t,r]=this.providers[e];return{value:t,onUse:r}});o(this,"clear",e=>{e&&(this.reference!==void 0?this.element.removeChild(this.reference):this.element.remove())});o(this,"on",(e,t)=>this.element.on(e,t,this));o(this,"addClasses",e=>this.element.addClasses(e));o(this,"removeClasses",e=>this.element.removeClasses(e));o(this,"getClasses",()=>this.element.getClasses());o(this,"isBrowserDOM",()=>!1);o(this,"isBrowser",()=>!1);o(this,"isHeadlessDOM",()=>!0);o(this,"isHeadless",()=>!0);o(this,"setStyle",(e,t)=>this.element.setStyle(e,t));o(this,"getStyle",e=>this.element.getStyle(e));o(this,"makeAccessors",e=>this.element.makeAccessors(e));this.element=e,this.reference=t,this.container=r,this.providers=n}}const Wt=new Set(["checked","disabled","multiple","readonly","required","selected"]),Ft=new Set(["img","br","hr","input","link","meta"]),ue=s=>e=>e.makeChildText(s).clear,he=s=>e=>{const t=e.makeChildText(s.value),r=s.on(t.setText);return n=>{r(),t.clear(n)}},Ut=s=>d.is(s)?he(s):ue(s),b=(...s)=>e=>{const t=s.map(r=>f(r)(e));return r=>{t.forEach(n=>n(r))}},E=()=>()=>{},Gt=s=>e=>(e.addClasses(s),t=>{t&&e.removeClasses(s)}),Jt=s=>e=>{let t=[];const r=s.on(n=>{e.removeClasses(t),t=(n??"").split(" ").filter(i=>i.length>0),e.addClasses(t)});return n=>{r(),n&&e.removeClasses(t),t.length=0}},V=(s,e)=>t=>{const{get:r,set:n}=t.makeAccessors(s),i=r();return n(e),l=>{l&&n(i)}},j=(s,e)=>t=>{const{get:r,set:n}=t.makeAccessors(s),i=r(),l=e.on(n);return c=>{l(),c&&n(i)}},L=new Proxy({},{get:(s,e)=>e==="class"?t=>d.is(t)?Jt(t):Gt((t??"").split(" ").filter(r=>r.length>0)):t=>d.is(t)?j(e,t):V(e,t)}),Xt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(`data-${e}`,t):V(`data-${e}`,t)}),Yt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(`aria-${e}`,t):V(`aria-${e}`,t)}),Qt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(e,t):V(e,t)}),Zt=new Proxy({},{get:(s,e)=>t=>d.is(t)?j(e,t):V(e,t)}),f=s=>{if(s==null)return E;if(Array.isArray(s))return b(...s.map(f));if(typeof s=="string")return ue(s);if(d.is(s))return he(s);if(typeof s=="function")return s;throw new Error(`Unknown type: '${typeof s}' for child: ${s}`)},fe=(s,...e)=>t=>{const r=t.makeChildElement(s,void 0),n=e.map(i=>f(i)(r));return i=>{n.forEach(l=>l(!1)),r.clear(i)}},de=(s,e,...t)=>r=>{const n=r.makeChildElement(s,e),i=t.map(l=>f(l)(n));return l=>{i.forEach(c=>c(!1)),n.clear(l)}},zt=new Proxy({},{get:(s,e)=>(...t)=>fe(e,t.flatMap(f))}),Kt=new Proxy({},{get:(s,e)=>(...t)=>fe("input",L.type(e),...t)}),es="http://www.w3.org/2000/svg",ts=new Proxy({},{get:(s,e)=>(...t)=>de(e,es,t.flatMap(f))}),ss="http://www.w3.org/1998/Math/MathML",rs=new Proxy({},{get:(s,e)=>(...t)=>de(e,ss,t.flatMap(f))}),pe=(s,e)=>{if(typeof e=="function")return pe(s,{then:e});const t=e.pending!=null?f(e.pending()):E,r=e.then,n=e.error!=null?i=>f(e.error(i)):()=>E;return i=>{let l=!0;const c=s(),a=i.makeRef();let u=f(t)(a);return c.then(h=>{l&&(u(!0),u=f(r(h))(a))},h=>{l&&(u(!0),u=f(n(h))(a))}),h=>{l=!1,u(h),a.clear(h)}}},ns=(s,e)=>pe(()=>s,e),Ze=(s,e,t)=>r=>r.on(s,e,t),ze=s=>Ze("click",(e,t)=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&s(!n,t)},0)}),q=new Proxy({},{get:(s,e)=>t=>Ze(e,t)}),Ke=(s,e)=>t=>{(e==null?void 0:e.preventDefault)===!0&&t.preventDefault(),(e==null?void 0:e.stopPropagation)===!0&&t.stopPropagation(),(e==null?void 0:e.stopImmediatePropagation)===!0&&t.stopImmediatePropagation(),s(t)},w=(s,e)=>Ke(t=>{const r=t.target;s(r,t)},e),et=(s,e)=>w((t,r)=>s(t.value,r),e),tt=(s,e)=>w((t,r)=>s(t.valueAsNumber,r),e),st=(s,e)=>w((t,r)=>{if(t.value==="")return;const n=t.value.split("-"),i=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));s(i,r)},e),is=(s,e)=>w((t,r)=>{if(t.value===""){s(null,r);return}const n=t.value.split("-"),i=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));s(i,r)},e),rt=(s,e)=>w((t,r)=>{if(t.value==="")return;const n=t.value.split("T"),i=n[0].split("-"),l=new Date(Number(i[0]),Number(i[1])-1,Number(i[2])),c=n[1].split(":");l.setHours(Number(c[0])),l.setMinutes(Number(c[1])),l.setSeconds(Number(c[2])),s(l,r)},e),os=(s,e)=>w((t,r)=>{if(t.value===""){s(null,r);return}const n=t.value.split("T");if(n.length!==2){s(null,r);return}const i=n[0].split("-"),l=new Date(Number(i[0]),Number(i[1])-1,Number(i[2])),c=n[1].split(":");l.setHours(Number(c[0]??0)),l.setMinutes(Number(c[1]??0)),l.setSeconds(Number(c[2]??0)),s(l,r)},e),ls=(s,e)=>w((t,r)=>{s(t.checked,r)},e),cs=(s,e="input")=>b(L.valueAsDate(s),q[e](st(s.set))),as=(s,e="input")=>b(L.valueAsDate(s),q[e](rt(s.set))),us=(s,e="input")=>b(L.valueAsNumber(s),q[e](tt(s.set))),hs=(s,e="input")=>b(L.value(s),q[e](et(s.set))),fs=s=>b(L.checked(s),ze(s.set)),B=(s,e)=>{if(d.is(s))return r=>{const n=r.makeRef();let i,l;const c=s.map(h=>Object.keys(h)[0]);let a;const u=c.on(h=>{if(h!==a){a=h,l==null||l.dispose(),i==null||i(!0),l=s.map(T=>T[h]);const m=e[h](l);i=f(m)(n)}});return h=>{l==null||l.dispose(),u(),n.clear(h),i==null||i(h)}};const t=Object.keys(s)[0];return f(e[t](R(s[t])))},me=(s,e,t)=>B(y.map(s,r=>({[r[e]]:r})),t),ds=(s,e)=>me(s,"kind",e),ps=(s,e)=>{const t=y.map(s,([r,n])=>({[r]:n}));return B(t,e)},ms=(s,e)=>me(s,"type",e),nt=(s,e)=>B(y.map(s,t=>({[t]:!0})),e),gs=(s,e={})=>t=>{const r=(e==null?void 0:e.firstSeparator)??s,n=(e==null?void 0:e.lastSeparator)??s;return nt(t.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:r,last:n,other:s})},ys=s=>e=>(e.appendOrInsert(s),t=>{t&&I(s)}),Ts=(s,e,t)=>{if(d.is(s)){const r=s;return n=>{const i=n.makeRef();let l=()=>{},c=!1,a=null;const u=r.on(h=>{h==null?(l(!0),l=f(t==null?void 0:t())(i),c=!1,a==null||a.dispose(),a=null):c?a.set(h):(a=A(h),l(!0),l=f(e(a))(i),c=!0)});return h=>{a==null||a.dispose(),u(),l==null||l(h),i.clear(h)}}}else{const r=s;if(r==null){const n=t==null?void 0:t();return n!=null?f(n):E}return f(e(R(r)))}},bs=(...s)=>(e,t)=>r=>{const n=r.makeRef();if(s.some(p=>!d.is(p)&&p==null))return(t!=null?f(t==null?void 0:t()):E)(n);const l=s.map(()=>null),c=s.map(p=>d.is(p)?p.value!=null:p!=null);let a=null;const u=A(c.every(p=>p)),h=(p,g)=>{if(p.value!=null){if(l[g]==null){const P=A(p.value);l[g]=P}else l[g].value=p.value;c[g]=!0}else c[g]=!1};let m=s.length-1;const T=s.map((p,g)=>{if(!d.is(p)){const P=A(p);return l[g]=P,()=>{}}return p.on(()=>{h(p,g),m===0?u.value=c.every(P=>P):m--})});return u.on(p=>{a==null||a(!0),a=null,p?a=f(e(...l))(n):a=f((t==null?void 0:t())??E)(n)}),p=>{l.forEach(g=>g==null?void 0:g.dispose()),u.dispose(),T.forEach(g=>g()),a==null||a(p),n.clear(p)}},H=(...s)=>e=>t=>s.forEach(r=>r(t,e)),ge=(s,e,t)=>{if(d.is(s)){const r=s;return n=>{const i=n.makeRef();let l=()=>{};const c=r.on(a=>{l(!0),a?l=f(e())(i):l=f(t==null?void 0:t())(i)});return a=>{l(a),c(),i.clear(a)}}}else{if(s){const n=e();return n!=null?f(n):E}return f(t==null?void 0:t())}},Ss=(s,e,t)=>ge(y.map(s,r=>!r),e,t),ye=(s,e,t)=>{if(t!=null)return ye(s,r=>{const n=new G(r.index,r.total.map(i=>i-1));return b(H(n.dispose),f(e(r)),ge(r.isLast,()=>E,()=>t(n)))});if(d.is(s))return r=>{const n=s.derive(),i=r.makeRef(),l=[];return n.on(c=>{const a=l.splice(c);for(const u of a)u(!0);for(let u=l.length;u<c;u++){const h=new G(u,n);l.push(b(H(h.dispose),f(e(h)))(i))}}),c=>{n.dispose();for(const a of l)a(c);l.length=0,i.clear(c)}};{const r=R(s);return b(...Array.from({length:s},(n,i)=>i).map(n=>{const i=new G(n,r);return b(H(i.dispose),f(e(i)))}))}},As=(s,e,t)=>{const r=y.map(s,i=>i.length),n=y.toSignal(s);return ye(r,i=>{const l=n.map(c=>c[i.index]);return b(H(l.dispose),f(e(l,i)))},t)},Es=(s,e)=>{if(d.is(s)){const t=s;return r=>{r=r.makeRef();const n=t.map(c=>f(e(c)));let i=()=>{};const l=n.on(c=>{i(!0),i=c(r)});return c=>{l(),i(c)}}}return f(e(s))},_s=(s,e,t=()=>E)=>B(y.map(s,r=>r.length>0?{notEmpty:r}:{whenEmpty:null}),{notEmpty:r=>e(r),whenEmpty:()=>t()}),vs=(s,e)=>t=>{const r=t.makePortal(s),n=ee(f(e),r);return()=>n(!0)},U=new Map,it=s=>({mark:Fe(`Probe(${s.description})`),create:({callback:e=()=>{},timeout:t=10}={})=>{const r=c=>{clearTimeout(n),U.delete(s),e(c)};if(U.has(s))throw new Error(`Probe already exists: ${s.description}`);const n=setTimeout(()=>r("timeout"),t),i={counter:0,timeoutId:n};return U.set(s,i),{value:()=>{clearTimeout(n);const c=U.get(s);c!=null&&--c.counter===0&&r("resolved")},dispose:()=>r("disposed"),onUse:()=>i.counter++}}}),Cs=it(Symbol("GlobalProbe")),Ce=(s,e)=>t=>{const r=t.getStyle(s);return t.setStyle(s,e),n=>{n&&t.setStyle(s,r)}},we=(s,e)=>t=>{const r=t.getStyle(s),n=e.on(i=>t.setStyle(s,i));return i=>{n(),i&&t.setStyle(s,r)}},ws=new Proxy({},{get:(s,e)=>e==="variable"?(t,r)=>d.is(r)?we(t,r):Ce(t,r):t=>d.is(t)?we(e,t):Ce(e,t)}),ot=s=>e=>{if(e.isBrowser()){const t=s(e);if(t!=null)return f(t)(e)}return()=>{}},Ps=s=>e=>{const t=s(e);return t==null?()=>{}:f(t)(e)},xs=s=>ot(e=>s(e.element)),Os=s=>e=>{if(e.isHeadlessDOM()){const t=s(e);if(t)return f(t)(e)}return()=>{}},te=s=>e=>{let t=e;function r(){return t}function n(c){t=c}const i=[],l=s({use:({mark:c})=>{const{value:a,onUse:u}=r().getProvider(c);return u==null||u(),a},set:({mark:c,create:a},u)=>{const{value:h,dispose:m,onUse:T}=a(u,r());i.push(m),n(r().setProvider(c,h,T))}});return l==null?()=>{}:b(f(l),H(()=>i.forEach(c=>c())))(r())},Ds=(s,e,t)=>te(({set:r})=>(r(s,e),t())),Ls=(s,e)=>te(({use:t})=>e(t(s))),Ms=(...s)=>e=>te(({use:t})=>{const r=s.map(t);return e(...r)});exports.Async=ns;exports.BindChecked=fs;exports.BindDate=cs;exports.BindDateTime=as;exports.BindNumber=us;exports.BindText=hs;exports.BrowserContext=O;exports.CLASS_PLACEHOLDER_ATTR=$;exports.Computed=x;exports.Conjunction=gs;exports.DOMNode=ys;exports.El=fe;exports.ElNS=de;exports.ElementPosition=G;exports.Empty=E;exports.Ensure=Ts;exports.EnsureAll=bs;exports.ForEach=As;exports.Fragment=b;exports.GlobalProbe=Cs;exports.HeadlessAdapter=Pt;exports.HeadlessContext=D;exports.HeadlessElement=Ye;exports.HeadlessPortal=ae;exports.HeadlessText=Qe;exports.MapSignal=Es;exports.MemoryStore=ne;exports.NotEmpty=_s;exports.OnChecked=ze;exports.OnDispose=H;exports.OneOf=B;exports.OneOfField=me;exports.OneOfKind=ds;exports.OneOfTuple=ps;exports.OneOfType=ms;exports.OneOfValue=nt;exports.Portal=vs;exports.Prop=k;exports.Provide=Ds;exports.ProviderNotFoundError=le;exports.RenderingError=Ue;exports.Repeat=ye;exports.Signal=d;exports.Task=pe;exports.TextNode=Ut;exports.Unless=Ss;exports.Use=Ls;exports.UseMany=Ms;exports.Value=y;exports.When=ge;exports.WithBrowserCtx=ot;exports.WithCtx=Ps;exports.WithElement=xs;exports.WithHeadlessCtx=Os;exports.WithProvider=te;exports._NODE_PLACEHOLDER_ATTR=ce;exports._getSelfOrParentElement=We;exports._isElement=oe;exports._makeGetter=Be;exports._makeSetter=qe;exports._removeDOMNode=I;exports._signalText=he;exports._staticText=ue;exports.animateSignal=Tt;exports.animateSignals=Ne;exports.aria=Yt;exports.attr=L;exports.bind=_t;exports.coalesce=vt;exports.computed=z;exports.computedOf=K;exports.computedRecord=ke;exports.dataAttr=Xt;exports.delaySignal=St;exports.effect=Me;exports.effectOf=mt;exports.emit=Ke;exports.emitChecked=ls;exports.emitTarget=w;exports.emitValue=et;exports.emitValueAsDate=st;exports.emitValueAsDateTime=rt;exports.emitValueAsNullableDate=is;exports.emitValueAsNullableDateTime=os;exports.emitValueAsNumber=tt;exports.endInterpolate=De;exports.getWindow=re;exports.guessInterpolate=Le;exports.html=zt;exports.input=Kt;exports.interpolateDate=Oe;exports.interpolateNumber=Pe;exports.interpolateString=xe;exports.joinSignals=pt;exports.localStorageProp=gt;exports.makeProbe=it;exports.makeProviderMark=Fe;exports.math=rs;exports.mathAttr=Zt;exports.merge=bt;exports.on=q;exports.previousSignal=At;exports.prop=A;exports.render=Ct;exports.renderWithContext=ee;exports.renderableOfTNode=f;exports.restoreTempoPlaceholders=Vt;exports.runHeadless=wt;exports.sessionStorageProp=yt;exports.signal=R;exports.slidingWindowSignal=Et;exports.storedProp=ie;exports.style=ws;exports.svg=ts;exports.svgAttr=Qt;

package/index.js

@@ -1,12 +1,12 @@
-var Ne = Object.defineProperty;
+var Ie = Object.defineProperty;
 var ie = (s) => {
   throw TypeError(s);
 };
-var $e = (s, e, t) => e in s ? Ne(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => $e(s, typeof e != "symbol" ? e + "" : e, t), oe = (s, e, t) => e.has(s) || ie("Cannot " + t);
+var Re = (s, e, t) => e in s ? Ie(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => Re(s, typeof e != "symbol" ? e + "" : e, t), oe = (s, e, t) => e.has(s) || ie("Cannot " + t);
 var R = (s, e, t) => (oe(s, e, "read from private field"), t ? t.call(s) : e.get(s)), le = (s, e, t) => e.has(s) ? ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), Z = (s, e, t, r) => (oe(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
-const Ie = (s, e, t) => s + (e - s) * t;
-const Re = (s, e, t) => {
+const je = (s, e, t) => s + (e - s) * t;
+const Ve = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
   for (let i = 0; i < r; i++) {
@@ -16,7 +16,7 @@ const Re = (s, e, t) => {
     isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
-}, je = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ve = (s, e) => e, qe = (s) => typeof s == "number" ? Ie : typeof s == "string" ? Re : s instanceof Date ? je : Ve;
+}, qe = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Fe = (s, e) => e, Be = (s) => typeof s == "number" ? je : typeof s == "string" ? Ve : s instanceof Date ? qe : Fe;
 var w;
 class z {
   /**
@@ -455,7 +455,7 @@ o(k, "is", (e) => (
   e != null && e.$__signal__ === !0
 ));
 let d = k;
-const Fe = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
+const We = typeof queueMicrotask == "function" ? queueMicrotask : (s) => Promise.resolve().then(s);
 class L extends d {
   /**
    * Represents a Signal object.
@@ -491,7 +491,7 @@ class L extends d {
      */
     o(this, "_scheduleNotify", () => {
       const t = ++this._scheduleCount;
-      Fe(() => {
+      We(() => {
         this._scheduleCount !== t || this._disposed || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn()));
       });
     });
@@ -604,7 +604,7 @@ let V = G;
 const K = (s, e, t = (r, n) => r === n) => {
   const r = new L(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
-}, Be = (s, e, t = {}) => {
+}, Ue = (s, e, t = {}) => {
   let r = t.once ? () => {
     i(), s();
   } : s;
@@ -619,20 +619,20 @@ const K = (s, e, t = (r, n) => r === n) => {
     n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
   return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, _ = (s, e = (t, r) => t === r) => new V(s, e), X = (s, e = (t, r) => t === r) => new d(s, e), ue = () => (
+}, _ = (s, e = (t, r) => t === r) => new V(s, e), X = (s, e = (t, r) => t === r) => new d(s, e), he = () => (
   /* c8 ignore next */
   typeof window < "u" ? window : void 0
 );
-function ae(s) {
+function fe(s) {
   return s != null && s !== !1 && s !== 0 && s !== "";
 }
-function We(s) {
-  return !ae(s);
+function Je(s) {
+  return !fe(s);
 }
-function Ue(s) {
+function Ge(s) {
   return s == null;
 }
-function Je(s) {
+function Xe(s) {
   return s != null;
 }
 const y = {
@@ -711,25 +711,25 @@ const y = {
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is truthy, `false` otherwise.
    */
-  truthy: (s) => y.map(s, ae),
+  truthy: (s) => y.map(s, fe),
   /**
    * Creates a new signal that emits `true` if the value is falsy, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is falsy, `false` otherwise.
    */
-  falsy: (s) => y.map(s, We),
+  falsy: (s) => y.map(s, Je),
   /**
    * Creates a new signal that emits `true` if the value is null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is null or undefined, `false` otherwise.
    */
-  nil: (s) => y.map(s, Ue),
+  nil: (s) => y.map(s, Ge),
   /**
    * Creates a new signal that emits `true` if the value is not null or undefined, `false` otherwise.
    * @param value - The value or signal to check.
    * @returns A signal that emits `true` if the value is not null or undefined, `false` otherwise.
    */
-  defined: (s) => y.map(s, Je)
+  defined: (s) => y.map(s, Xe)
 }, ee = (...s) => (e, t) => {
   if (s.length === 1)
     return y.toSignal(s[0]).map(e);
@@ -746,13 +746,13 @@ const y = {
   );
 }, Nt = (...s) => (e, t = {}) => {
   const r = s.filter((n) => d.is(n));
-  return Be(
+  return Ue(
     () => e(...s.map(y.get)),
     r,
     t
   );
 };
-class he {
+class de {
   constructor() {
     o(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -771,7 +771,7 @@ class he {
     });
   }
 }
-const fe = ({
+const pe = ({
   key: s,
   defaultValue: e,
   store: t,
@@ -787,50 +787,50 @@ const fe = ({
   return u.on((a) => t.setItem(s, r(a))), u;
 }, $t = (s) => {
   var e;
-  return fe({
+  return pe({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = ue()) == null ? void 0 : e.localStorage) ?? new he()
+    store: ((e = he()) == null ? void 0 : e.localStorage) ?? new de()
   });
 }, It = (s) => {
   var e;
-  return fe({
+  return pe({
     ...s,
     /* c8 ignore next 3 */
-    store: ((e = ue()) == null ? void 0 : e.sessionStorage) ?? new he()
+    store: ((e = he()) == null ? void 0 : e.sessionStorage) ?? new de()
   });
 };
 function ce(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
-const Ge = (s, e, t, r) => {
+const Ye = (s, e, t, r) => {
   const n = (r == null ? void 0 : r.duration) ?? 300, i = (r == null ? void 0 : r.easing) ?? ((A) => A), l = (r == null ? void 0 : r.equals) ?? ((A, I) => A === I);
-  let c = r == null ? void 0 : r.interpolate, u = s, a = e(), h = performance.now(), m = null, T = !0;
-  const p = new L(e, l), g = _(s, l);
-  g.onDispose(() => {
-    m !== null && cancelAnimationFrame(m);
-  }), g.onDispose(p.dispose), t.forEach((A) => {
-    A.setDerivative(p), A.onDispose(g.dispose);
+  let c = r == null ? void 0 : r.interpolate, u = s, a = e(), h = performance.now(), g = null, T = !0;
+  const p = new L(e, l), m = _(s, l);
+  m.onDispose(() => {
+    g !== null && cancelAnimationFrame(g);
+  }), m.onDispose(p.dispose), t.forEach((A) => {
+    A.setDerivative(p), A.onDispose(m.dispose);
   });
   const C = (A) => {
-    a = A, h = performance.now(), u = g.value, T && (T = !1, m = ce(re));
+    a = A, h = performance.now(), u = m.value, T && (T = !1, g = ce(re));
   }, re = () => {
-    const I = (performance.now() - h) / y.get(n), ke = i(I);
-    c == null && (c = qe(u));
-    let ne = c(u, a, ke);
-    I >= 1 ? (T = !0, ne = a) : m = ce(re), g.set(ne);
+    const I = (performance.now() - h) / y.get(n), $e = i(I);
+    c == null && (c = Be(u));
+    let ne = c(u, a, $e);
+    I >= 1 ? (T = !0, ne = a) : g = ce(re), m.set(ne);
   };
-  return p.on(C), g;
+  return p.on(C), m;
 }, Rt = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
-  return Ge(
+  return Ye(
     /* c8 ignore next 2 */
     t ?? s.get(),
     s.get,
     [s],
     r
   );
-}, Xe = (s, e) => {
+}, Qe = (s, e) => {
   const t = Object.values(s).filter(d.is), r = Object.keys(s);
   return K(() => {
     const n = {};
@@ -838,7 +838,7 @@ const Ge = (s, e, t, r) => {
       n[i] = y.get(s[i]);
     return e(n);
   }, t);
-}, jt = (s) => Xe(s, (e) => e), Vt = (s, e) => {
+}, jt = (s) => Qe(s, (e) => e), Vt = (s, e) => {
   const t = _(s.get());
   let r = null;
   const n = s.on((i) => {
@@ -873,12 +873,12 @@ function Wt(...s) {
     for (const t of e) if (t != null) return t;
   });
 }
-const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), pe = /* @__PURE__ */ new Set(["selected"]), me = /* @__PURE__ */ new Set([
+const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), me = /* @__PURE__ */ new Set(["selected"]), ye = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ge = /* @__PURE__ */ new Set(["valueAsDate"]), ye = /* @__PURE__ */ new Set([
+]), Te = /* @__PURE__ */ new Set(["valueAsDate"]), be = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -886,23 +886,23 @@ const de = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), pe = /* @
   "outerHTML",
   "className",
   "classList"
-]), Ye = (s, e) => pe.has(s) ? (t) => {
+]), Ze = (s, e) => me.has(s) ? (t) => {
   t == null || t !== !0 ? e.removeAttribute(s) : e.setAttribute(s, "");
-} : de.has(s) ? (t) => {
+} : ge.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = !!t;
-} : me.has(s) ? (t) => {
+} : ye.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = Number(t);
-} : ge.has(s) ? (t) => {
+} : Te.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = t;
-} : ye.has(s) ? (t) => {
+} : be.has(s) ? (t) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, Qe = (s, e) => pe.has(s) ? () => e.hasAttribute(s) : de.has(s) ? () => !!e[s] : me.has(s) ? () => Number(e[s]) : ge.has(s) ? () => e[s] : ye.has(s) ? () => String(e[s]) : () => e.getAttribute(s), q = (s) => {
+}, ze = (s, e) => me.has(s) ? () => e.hasAttribute(s) : ge.has(s) ? () => !!e[s] : ye.has(s) ? () => Number(e[s]) : Te.has(s) ? () => e[s] : be.has(s) ? () => String(e[s]) : () => e.getAttribute(s), q = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
-}, Ze = (s) => Te(s) ? s : s.parentElement, Te = (s) => s.nodeType === 1;
-class be extends Error {
+}, Ke = (s) => Se(s) ? s : s.parentElement, Se = (s) => s.nodeType === 1;
+class Ae extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -1082,7 +1082,7 @@ class D {
      */
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new be(e);
+        throw new Ae(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
@@ -1157,8 +1157,8 @@ class D {
      */
     o(this, "getStyle", (e) => this.element.style[e]);
     o(this, "makeAccessors", (e) => ({
-      get: Qe(e, this.element),
-      set: Ye(e, this.element)
+      get: ze(e, this.element),
+      set: Ze(e, this.element)
     }));
     o(this, "getWindow", () => this.document.defaultView);
     this.document = e, this.element = t, this.reference = r, this.providers = n;
@@ -1175,29 +1175,29 @@ class D {
     return new D(e.ownerDocument, e, t, r);
   }
 }
-const ze = (s) => Symbol(s), te = (s, e) => {
+const et = (s) => Symbol(s), te = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
 }, Ut = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: i = {} } = {}) => {
   const l = typeof e == "string" ? (t ?? document).querySelector(e) : e;
   if (l === null)
-    throw new Ke(
+    throw new tt(
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? l.ownerDocument) != null && l.nodeType === 1 && (l.innerHTML = "");
-  const c = Ze(l), u = Te(l) ? void 0 : l, a = D.of(c, u, i), h = te(s, a);
-  let m;
-  return n && (m = new MutationObserver((T) => {
+  const c = Ke(l), u = Se(l) ? void 0 : l, a = D.of(c, u, i), h = te(s, a);
+  let g;
+  return n && (g = new MutationObserver((T) => {
     var p;
-    (p = T[0]) == null || p.removedNodes.forEach((g) => {
-      g === l && (m == null || m.disconnect(), h(l.nodeType !== 1));
+    (p = T[0]) == null || p.removedNodes.forEach((m) => {
+      m === l && (g == null || g.disconnect(), h(l.nodeType !== 1));
     });
-  }), m.observe(l.parentElement, {
+  }), g.observe(l.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
   })), () => {
-    m == null || m.disconnect(), h(!0);
+    g == null || g.disconnect(), h(!0);
   };
 }, Jt = (s, {
   startUrl: e = "https://example.com",
@@ -1206,19 +1206,19 @@ const ze = (s) => Symbol(s), te = (s, e) => {
 } = {
   selector: "body"
 }) => {
-  const n = y.toSignal(e).deriveProp(), i = new Ee(t, void 0), l = new O(i, void 0, { currentURL: n }, r);
+  const n = y.toSignal(e).deriveProp(), i = new Ce(t, void 0), l = new O(i, void 0, { currentURL: n }, r);
   return {
     clear: te(s(), l),
     root: i,
     currentURL: n
   };
 };
-class Ke extends Error {
+class tt extends Error {
   constructor(e) {
     super(e);
   }
 }
-const Se = "data-tts-node", F = "data-tts-class", B = "data-tts-style", W = "data-tts-html", U = "data-tts-text", J = "data-tts-attrs";
+const _e = "data-tts-node", F = "data-tts-class", B = "data-tts-style", W = "data-tts-html", U = "data-tts-text", J = "data-tts-attrs";
 class Gt {
   constructor({
     select: e,
@@ -1231,7 +1231,7 @@ class Gt {
     appendHTML: u,
     getInnerHTML: a,
     setInnerHTML: h,
-    getInnerText: m,
+    getInnerText: g,
     setInnerText: T
   }) {
     /**
@@ -1375,57 +1375,57 @@ class Gt {
         }
       });
     });
-    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = u, this.getInnerHTML = a, this.setInnerHTML = h, this.getInnerText = m, this.setInnerText = T;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = c, this.appendHTML = u, this.getInnerHTML = a, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = T;
   }
 }
-const et = () => {
-  document.querySelectorAll(`[${Se}]`).forEach(q);
-}, tt = (s) => {
+const st = () => {
+  document.querySelectorAll(`[${_e}]`).forEach(q);
+}, rt = (s) => {
   const e = s.getAttribute(F);
   s.removeAttribute(F), e != null && s.setAttribute("class", e);
-}, st = () => {
-  document.querySelectorAll(`[${F}]`).forEach((e) => tt(e));
-}, rt = (s) => {
-  const e = s.getAttribute(W);
-  s.removeAttribute(W), e != null && (s.innerHTML = e);
 }, nt = () => {
-  document.querySelectorAll(`[${W}]`).forEach((e) => rt(e));
+  document.querySelectorAll(`[${F}]`).forEach((e) => rt(e));
 }, it = (s) => {
+  const e = s.getAttribute(W);
+  s.removeAttribute(W), e != null && (s.innerHTML = e);
+}, ot = () => {
+  document.querySelectorAll(`[${W}]`).forEach((e) => it(e));
+}, lt = (s) => {
   const e = s.getAttribute(U);
   s.removeAttribute(U), e != null && (s.innerText = e);
-}, ot = () => {
-  document.querySelectorAll(`[${U}]`).forEach((e) => it(e));
-}, Ae = (s) => JSON.parse(s.replace(/&quot;/g, '"')), lt = (s) => {
+}, ct = () => {
+  document.querySelectorAll(`[${U}]`).forEach((e) => lt(e));
+}, Ee = (s) => JSON.parse(s.replace(/&quot;/g, '"')), ut = (s) => {
   const e = s.getAttribute(B);
   if (s.removeAttribute(B), e != null) {
-    const t = Ae(e);
+    const t = Ee(e);
     Object.entries(t).forEach(([r, n]) => {
       s.style.setProperty(r, n);
     });
   }
-}, ct = () => {
-  document.querySelectorAll(`[${B}]`).forEach((e) => lt(e));
-}, ut = (s) => {
+}, at = () => {
+  document.querySelectorAll(`[${B}]`).forEach((e) => ut(e));
+}, ht = (s) => {
   const e = s.getAttribute(J);
   if (s.removeAttribute(J), e != null) {
-    const t = Ae(e);
+    const t = Ee(e);
     Object.entries(t).forEach(([r, n]) => {
       n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
-}, at = () => {
-  document.querySelectorAll(`[${J}]`).forEach((e) => ut(e));
+}, ft = () => {
+  document.querySelectorAll(`[${J}]`).forEach((e) => ht(e));
 }, Xt = () => {
-  et(), st(), ot(), nt(), ct(), at();
-}, S = Symbol("class"), E = Symbol("style"), P = Symbol("handler"), _e = () => Math.random().toString(36).substring(2, 15), ht = (s) => s.replace(/<[^>]*>?/g, "");
-class ve {
+  st(), nt(), ct(), ot(), at(), ft();
+}, S = Symbol("class"), v = Symbol("style"), P = Symbol("handler"), ve = () => Math.random().toString(36).substring(2, 15), dt = (s) => s.replace(/<[^>]*>?/g, "");
+class we {
   constructor(e) {
-    o(this, "id", _e());
+    o(this, "id", ve());
     o(this, "properties", {});
     o(this, "children", []);
     o(this, "isElement", () => !0);
     o(this, "isText", () => !1);
-    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? ht(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
+    o(this, "getText", () => this.properties.innerText != null ? this.properties.innerText : this.properties.innerHTML != null ? dt(this.properties.innerHTML) : this.children.map((e) => e.getText()).join(""));
     o(this, "removeChild", (e) => {
       const t = this.children.indexOf(e);
       t !== -1 && this.children.splice(t, 1);
@@ -1447,7 +1447,7 @@ class ve {
     o(this, "hasInnerText", () => this.properties.innerText != null);
     o(this, "hasChildren", () => this.children.length > 0);
     o(this, "hasClasses", () => this.properties[S] != null);
-    o(this, "hasStyles", () => this.properties[E] != null);
+    o(this, "hasStyles", () => this.properties[v] != null);
     o(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
     o(this, "hasHandlers", () => this.properties[P] != null);
     o(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
@@ -1502,18 +1502,18 @@ class ve {
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     o(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === S ? [["class", this.getClasses()]] : e === E ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === S ? [["class", this.getClasses()]] : e === v ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
     o(this, "setStyle", (e, t) => {
       var n;
-      const r = (n = this.properties)[E] ?? (n[E] = {});
-      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[E]);
+      const r = (n = this.properties)[v] ?? (n[v] = {});
+      r[e] = t, t === "" && (delete r[e], Object.keys(r).length === 0 && delete this.properties[v]);
     });
     o(this, "getStyle", (e) => {
       var t;
-      return ((t = this.properties[E]) == null ? void 0 : t[e]) ?? "";
+      return ((t = this.properties[v]) == null ? void 0 : t[e]) ?? "";
     });
-    o(this, "getStyles", () => this.properties[E] ?? {});
+    o(this, "getStyles", () => this.properties[v] ?? {});
     o(this, "makeAccessors", (e) => {
       const t = this.properties;
       return {
@@ -1524,21 +1524,21 @@ class ve {
     this.parent = e;
   }
 }
-const ft = (s) => s.replace(/"/g, "&quot;"), dt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-class pt extends ve {
+const pt = (s) => s.replace(/"/g, "&quot;"), gt = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+class mt extends we {
   constructor(t, r, n) {
     super(n);
     o(this, "isPortal", () => !1);
     o(this, "toHTML", (t = !1) => {
       const r = this.children.map((u) => u.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
       let i = null;
-      const l = this.getVisibleAttributes().map(([u, a]) => u === "class" ? ` class="${a.join(" ")}"` : u === "style" ? typeof a == "string" ? ` style="${a}"` : ` style="${Object.entries(a).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : gt.has(u) ? ` ${u}` : u === "innerHTML" ? (i = a, "") : u === "innerText" ? (i = dt(a), "") : ` ${u}="${ft(a)}"`).join(""), c = t ? ` ${Se}` : "";
-      return yt.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
+      const l = this.getVisibleAttributes().map(([u, a]) => u === "class" ? ` class="${a.join(" ")}"` : u === "style" ? typeof a == "string" ? ` style="${a}"` : ` style="${Object.entries(a).map(([h, g]) => `${h}: ${g};`).join(" ")}"` : Tt.has(u) ? ` ${u}` : u === "innerHTML" ? (i = a, "") : u === "innerText" ? (i = gt(a), "") : ` ${u}="${pt(a)}"`).join(""), c = t ? ` ${_e}` : "";
+      return bt.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
 }
-class Ee extends ve {
+class Ce extends we {
   constructor(t, r) {
     super(r);
     o(this, "isPortal", () => !0);
@@ -1547,9 +1547,9 @@ class Ee extends ve {
     this.selector = t;
   }
 }
-class mt {
+class yt {
   constructor(e) {
-    o(this, "id", _e());
+    o(this, "id", ve());
     o(this, "isElement", () => !1);
     o(this, "isText", () => !0);
     o(this, "getText", () => this.text);
@@ -1567,7 +1567,7 @@ class O {
         this.element.children.push(e);
     });
     o(this, "makeChildElement", (e, t) => {
-      const r = new pt(e, t, this.element);
+      const r = new mt(e, t, this.element);
       return this.appendOrInsert(r), new O(
         r,
         void 0,
@@ -1576,7 +1576,7 @@ class O {
       );
     });
     o(this, "makeChildText", (e) => {
-      const t = new mt(e);
+      const t = new yt(e);
       return this.appendOrInsert(t), new O(
         this.element,
         t,
@@ -1593,7 +1593,7 @@ class O {
     });
     o(this, "makeRef", () => this.makeChildText(""));
     o(this, "makePortal", (e) => {
-      const t = new Ee(e, this.element);
+      const t = new Ce(e, this.element);
       return this.appendOrInsert(t), new O(
         t,
         void 0,
@@ -1614,7 +1614,7 @@ class O {
     }));
     o(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new be(e);
+        throw new Ae(e);
       const [t, r] = this.providers[e];
       return { value: t, onUse: r };
     });
@@ -1635,27 +1635,27 @@ class O {
     this.element = e, this.reference = t, this.container = r, this.providers = n;
   }
 }
-const gt = /* @__PURE__ */ new Set([
+const Tt = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "multiple",
   "readonly",
   "required",
   "selected"
-]), yt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), we = (s) => (e) => e.makeChildText(s).clear, Ce = (s) => (e) => {
+]), bt = /* @__PURE__ */ new Set(["img", "br", "hr", "input", "link", "meta"]), xe = (s) => (e) => e.makeChildText(s).clear, Pe = (s) => (e) => {
   const t = e.makeChildText(s.value), r = s.on(t.setText);
   return (n) => {
     r(), t.clear(n);
   };
-}, Yt = (s) => d.is(s) ? Ce(s) : we(s), b = (...s) => (e) => {
+}, Yt = (s) => d.is(s) ? Pe(s) : xe(s), b = (...s) => (e) => {
   const t = s.map((r) => f(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
   };
-}, v = () => () => {
-}, Tt = (s) => (e) => (e.addClasses(s), (t) => {
+}, E = () => () => {
+}, St = (s) => (e) => (e.addClasses(s), (t) => {
   t && e.removeClasses(s);
-}), bt = (s) => (e) => {
+}), At = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
     e.removeClasses(t), t = (n ?? "").split(" ").filter((i) => i.length > 0), e.addClasses(t);
@@ -1687,7 +1687,7 @@ const gt = /* @__PURE__ */ new Set([
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => e === "class" ? (t) => d.is(t) ? bt(t) : Tt(
+    get: (s, e) => e === "class" ? (t) => d.is(t) ? At(t) : St(
       /* c8 ignore next */
       (t ?? "").split(" ").filter((r) => r.length > 0)
     ) : (t) => d.is(t) ? $(
@@ -1772,22 +1772,22 @@ const gt = /* @__PURE__ */ new Set([
   }
 ), f = (s) => {
   if (s == null)
-    return v;
+    return E;
   if (Array.isArray(s))
     return b(...s.map(f));
   if (typeof s == "string")
-    return we(s);
+    return xe(s);
   if (d.is(s))
-    return Ce(s);
+    return Pe(s);
   if (typeof s == "function")
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
-}, xe = (s, ...e) => (t) => {
+}, Le = (s, ...e) => (t) => {
   const r = t.makeChildElement(s, void 0), n = e.map((i) => f(i)(r));
   return (i) => {
     n.forEach((l) => l(!1)), r.clear(i);
   };
-}, Pe = (s, e, ...t) => (r) => {
+}, De = (s, e, ...t) => (r) => {
   const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
     i.forEach((c) => c(!1)), n.clear(l);
@@ -1800,7 +1800,7 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (s, e) => (...t) => xe(e, t.flatMap(f))
+    get: (s, e) => (...t) => Le(e, t.flatMap(f))
   }
 ), ts = new Proxy(
   {},
@@ -1810,9 +1810,9 @@ const gt = /* @__PURE__ */ new Set([
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (s, e) => (...t) => xe("input", M.type(e), ...t)
+    get: (s, e) => (...t) => Le("input", M.type(e), ...t)
   }
-), St = "http://www.w3.org/2000/svg", ss = new Proxy(
+), _t = "http://www.w3.org/2000/svg", ss = new Proxy(
   {},
   {
     /**
@@ -1820,9 +1820,9 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (s, e) => (...t) => Pe(e, St, t.flatMap(f))
+    get: (s, e) => (...t) => De(e, _t, t.flatMap(f))
   }
-), At = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
+), Et = "http://www.w3.org/1998/Math/MathML", rs = new Proxy(
   {},
   {
     /**
@@ -1830,12 +1830,12 @@ const gt = /* @__PURE__ */ new Set([
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (s, e) => (...t) => Pe(e, At, t.flatMap(f))
+    get: (s, e) => (...t) => De(e, Et, t.flatMap(f))
   }
-), Le = (s, e) => {
+), Oe = (s, e) => {
   if (typeof e == "function")
-    return Le(s, { then: e });
-  const t = e.pending != null ? f(e.pending()) : v, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => v;
+    return Oe(s, { then: e });
+  const t = e.pending != null ? f(e.pending()) : E, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => E;
   return (i) => {
     let l = !0;
     const c = s(), u = i.makeRef();
@@ -1851,7 +1851,7 @@ const gt = /* @__PURE__ */ new Set([
       l = !1, a(h), u.clear(h);
     };
   };
-}, ns = (s, e) => Le(() => s, e), De = (s, e, t) => (r) => r.on(s, e, t), _t = (s) => De("click", (e, t) => {
+}, ns = (s, e) => Oe(() => s, e), Me = (s, e, t) => (r) => r.on(s, e, t), vt = (s) => Me("click", (e, t) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1866,20 +1866,20 @@ const gt = /* @__PURE__ */ new Set([
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (s, e) => (t) => De(e, t)
+    get: (s, e) => (t) => Me(e, t)
   }
-), vt = (s, e) => (t) => {
+), wt = (s, e) => (t) => {
   (e == null ? void 0 : e.preventDefault) === !0 && t.preventDefault(), (e == null ? void 0 : e.stopPropagation) === !0 && t.stopPropagation(), (e == null ? void 0 : e.stopImmediatePropagation) === !0 && t.stopImmediatePropagation(), s(t);
-}, x = (s, e) => vt((t) => {
+}, x = (s, e) => wt((t) => {
   const r = t.target;
   s(r, t);
-}, e), Et = (s, e) => x(
+}, e), Ct = (s, e) => x(
   (t, r) => s(t.value, r),
   e
-), wt = (s, e) => x(
+), xt = (s, e) => x(
   (t, r) => s(t.valueAsNumber, r),
   e
-), Ct = (s, e) => x((t, r) => {
+), Pt = (s, e) => x((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("-"), i = new Date(
@@ -1899,7 +1899,7 @@ const gt = /* @__PURE__ */ new Set([
     Number(n[2].substring(0, 2))
   );
   s(i, r);
-}, e), xt = (s, e) => x((t, r) => {
+}, e), Lt = (s, e) => x((t, r) => {
   if (t.value === "")
     return;
   const n = t.value.split("T"), i = n[0].split("-"), l = new Date(
@@ -1926,7 +1926,7 @@ const gt = /* @__PURE__ */ new Set([
   l.setHours(Number(c[0] ?? 0)), l.setMinutes(Number(c[1] ?? 0)), l.setSeconds(Number(c[2] ?? 0)), s(l, r);
 }, e), ls = (s, e) => x((t, r) => {
   s(t.checked, r);
-}, e), cs = (s, e = "input") => b(M.valueAsDate(s), Y[e](Ct(s.set))), us = (s, e = "input") => b(M.valueAsDate(s), Y[e](xt(s.set))), as = (s, e = "input") => b(M.valueAsNumber(s), Y[e](wt(s.set))), hs = (s, e = "input") => b(M.value(s), Y[e](Et(s.set))), fs = (s) => b(M.checked(s), _t(s.set)), Q = (s, e) => {
+}, e), cs = (s, e = "input") => b(M.valueAsDate(s), Y[e](Pt(s.set))), us = (s, e = "input") => b(M.valueAsDate(s), Y[e](Lt(s.set))), as = (s, e = "input") => b(M.valueAsNumber(s), Y[e](xt(s.set))), hs = (s, e = "input") => b(M.value(s), Y[e](Ct(s.set))), fs = (s) => b(M.checked(s), vt(s.set)), Q = (s, e) => {
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
@@ -1936,8 +1936,8 @@ const gt = /* @__PURE__ */ new Set([
       const a = c.on((h) => {
         if (h !== u) {
           u = h, l == null || l.dispose(), i == null || i(!0), l = s.map((T) => T[h]);
-          const m = e[h](l);
-          i = f(m)(n);
+          const g = e[h](l);
+          i = f(g)(n);
         }
       });
       return (h) => {
@@ -1946,19 +1946,19 @@ const gt = /* @__PURE__ */ new Set([
     };
   const t = Object.keys(s)[0];
   return f(e[t](X(s[t])));
-}, Oe = (s, e, t) => Q(
+}, He = (s, e, t) => Q(
   y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
-), ds = (s, e) => Oe(s, "kind", e), ps = (s, e) => {
+), ds = (s, e) => He(s, "kind", e), ps = (s, e) => {
   const t = y.map(s, ([r, n]) => ({ [r]: n }));
   return Q(t, e);
-}, ms = (s, e) => Oe(s, "type", e), Pt = (s, e) => Q(
+}, gs = (s, e) => He(s, "type", e), Dt = (s, e) => Q(
   y.map(s, (t) => ({ [t]: !0 })),
   e
-), gs = (s, e = {}) => (t) => {
+), ms = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
-  return Pt(
+  return Dt(
     t.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: r,
@@ -1988,7 +1988,7 @@ const gt = /* @__PURE__ */ new Set([
     const r = s;
     if (r == null) {
       const n = t == null ? void 0 : t();
-      return n != null ? f(n) : v;
+      return n != null ? f(n) : E;
     }
     return f(e(X(r)));
   }
@@ -1997,41 +1997,41 @@ const gt = /* @__PURE__ */ new Set([
   if (s.some(
     (p) => !d.is(p) && p == null
   ))
-    return (t != null ? f(t == null ? void 0 : t()) : v)(
+    return (t != null ? f(t == null ? void 0 : t()) : E)(
       n
     );
   const l = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
   let u = null;
-  const a = _(c.every((p) => p)), h = (p, g) => {
+  const a = _(c.every((p) => p)), h = (p, m) => {
     if (p.value != null) {
-      if (l[g] == null) {
+      if (l[m] == null) {
         const C = _(p.value);
-        l[g] = C;
+        l[m] = C;
       } else
-        l[g].value = p.value;
-      c[g] = !0;
+        l[m].value = p.value;
+      c[m] = !0;
     } else
-      c[g] = !1;
+      c[m] = !1;
   };
-  let m = s.length - 1;
-  const T = s.map((p, g) => {
+  let g = s.length - 1;
+  const T = s.map((p, m) => {
     if (!d.is(p)) {
       const C = _(p);
-      return l[g] = C, () => {
+      return l[m] = C, () => {
       };
     }
     return p.on(() => {
-      h(p, g), m === 0 ? a.value = c.every((C) => C) : m--;
+      h(p, m), g === 0 ? a.value = c.every((C) => C) : g--;
     });
   });
   return a.on((p) => {
-    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? v)(n);
+    u == null || u(!0), u = null, p ? u = f(e(...l))(n) : u = f((t == null ? void 0 : t()) ?? E)(n);
   }), (p) => {
-    l.forEach((g) => g == null ? void 0 : g.dispose()), a.dispose(), T.forEach((g) => g()), u == null || u(p), n.clear(p);
+    l.forEach((m) => m == null ? void 0 : m.dispose()), a.dispose(), T.forEach((m) => m()), u == null || u(p), n.clear(p);
   };
-}, H = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Me = (s, e, t) => {
+}, H = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), ke = (s, e, t) => {
   if (d.is(s)) {
     const r = s;
     return (n) => {
@@ -2048,17 +2048,17 @@ const gt = /* @__PURE__ */ new Set([
   } else {
     if (s) {
       const n = e();
-      return n != null ? f(n) : v;
+      return n != null ? f(n) : E;
     }
     return f(t == null ? void 0 : t());
   }
-}, Ss = (s, e, t) => Me(
+}, Ss = (s, e, t) => ke(
   y.map(s, (r) => !r),
   e,
   t
-), He = (s, e, t) => {
+), Ne = (s, e, t) => {
   if (t != null)
-    return He(s, (r) => {
+    return Ne(s, (r) => {
       const n = new z(
         r.index,
         r.total.map((i) => i - 1)
@@ -2066,9 +2066,9 @@ const gt = /* @__PURE__ */ new Set([
       return b(
         H(n.dispose),
         f(e(r)),
-        Me(
+        ke(
           r.isLast,
-          () => v,
+          () => E,
           () => t(n)
         )
       );
@@ -2110,7 +2110,7 @@ const gt = /* @__PURE__ */ new Set([
   }
 }, As = (s, e, t) => {
   const r = y.map(s, (i) => i.length), n = y.toSignal(s);
-  return He(
+  return Ne(
     r,
     (i) => {
       const l = n.map((c) => c[i.index]);
@@ -2138,7 +2138,7 @@ const gt = /* @__PURE__ */ new Set([
     };
   }
   return f(e(s));
-}, vs = (s, e, t = () => v) => Q(
+}, Es = (s, e, t = () => E) => Q(
   y.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
@@ -2147,11 +2147,11 @@ const gt = /* @__PURE__ */ new Set([
     notEmpty: (r) => e(r),
     whenEmpty: () => t()
   }
-), Es = (s, e) => (t) => {
+), vs = (s, e) => (t) => {
   const r = t.makePortal(s), n = te(f(e), r);
   return () => n(!0);
-}, j = /* @__PURE__ */ new Map(), Lt = (s) => ({
-  mark: ze(`Probe(${s.description})`),
+}, j = /* @__PURE__ */ new Map(), Ot = (s) => ({
+  mark: et(`Probe(${s.description})`),
   create: ({ callback: e = () => {
   }, timeout: t = 10 } = {}) => {
     const r = (c) => {
@@ -2170,30 +2170,27 @@ const gt = /* @__PURE__ */ new Set([
       onUse: () => i.counter++
     };
   }
-}), ws = Lt(Symbol("GlobalProbe")), Dt = (s, e) => (t) => {
+}), ws = Ot(Symbol("GlobalProbe")), ue = (s, e) => (t) => {
   const r = t.getStyle(s);
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, Ot = (s, e) => (t) => {
+}, ae = (s, e) => (t) => {
   const r = t.getStyle(s), n = e.on((i) => t.setStyle(s, i));
   return (i) => {
     n(), i && t.setStyle(s, r);
   };
-}, Cs = new Proxy(
-  {},
-  {
-    /**
-     * Creates a renderable component for the specified `style` property.
-     *
-     * @param _ - The target object.
-     * @param name - The name of the CSS style property.
-     * @returns The renderable component for the specified attribute.
-     *
-     */
-    get: (s, e) => (t) => d.is(t) ? Ot(e, t) : Dt(e, t)
-  }
-), Mt = (s) => (e) => {
+}, Cs = new Proxy({}, {
+  /**
+   * Creates a renderable component for the specified `style` property.
+   *
+   * @param _ - The target object.
+   * @param name - The name of the CSS style property.
+   * @returns The renderable component for the specified attribute.
+   *
+   */
+  get: (s, e) => e === "variable" ? (t, r) => d.is(r) ? ae(t, r) : ue(t, r) : (t) => d.is(t) ? ae(e, t) : ue(e, t)
+}), Mt = (s) => (e) => {
   if (e.isBrowser()) {
     const t = s(e);
     if (t != null)
@@ -2227,8 +2224,8 @@ const gt = /* @__PURE__ */ new Set([
       return a == null || a(), u;
     },
     set: ({ mark: c, create: u }, a) => {
-      const { value: h, dispose: m, onUse: T } = u(a, r());
-      i.push(m), n(r().setProvider(c, h, T));
+      const { value: h, dispose: g, onUse: T } = u(a, r());
+      i.push(g), n(r().setProvider(c, h, T));
     }
   });
   return l == null ? () => {
@@ -2250,12 +2247,12 @@ export {
   D as BrowserContext,
   F as CLASS_PLACEHOLDER_ATTR,
   L as Computed,
-  gs as Conjunction,
+  ms as Conjunction,
   ys as DOMNode,
-  xe as El,
-  Pe as ElNS,
+  Le as El,
+  De as ElNS,
   z as ElementPosition,
-  v as Empty,
+  E as Empty,
   Ts as Ensure,
   bs as EnsureAll,
   As as ForEach,
@@ -2263,81 +2260,81 @@ export {
   ws as GlobalProbe,
   Gt as HeadlessAdapter,
   O as HeadlessContext,
-  pt as HeadlessElement,
-  Ee as HeadlessPortal,
-  mt as HeadlessText,
+  mt as HeadlessElement,
+  Ce as HeadlessPortal,
+  yt as HeadlessText,
   _s as MapSignal,
-  he as MemoryStore,
-  vs as NotEmpty,
-  _t as OnChecked,
+  de as MemoryStore,
+  Es as NotEmpty,
+  vt as OnChecked,
   H as OnDispose,
   Q as OneOf,
-  Oe as OneOfField,
+  He as OneOfField,
   ds as OneOfKind,
   ps as OneOfTuple,
-  ms as OneOfType,
-  Pt as OneOfValue,
-  Es as Portal,
+  gs as OneOfType,
+  Dt as OneOfValue,
+  vs as Portal,
   V as Prop,
   Ds as Provide,
-  be as ProviderNotFoundError,
-  Ke as RenderingError,
-  He as Repeat,
+  Ae as ProviderNotFoundError,
+  tt as RenderingError,
+  Ne as Repeat,
   d as Signal,
-  Le as Task,
+  Oe as Task,
   Yt as TextNode,
   Ss as Unless,
   Os as Use,
   Ms as UseMany,
   y as Value,
-  Me as When,
+  ke as When,
   Mt as WithBrowserCtx,
   xs as WithCtx,
   Ps as WithElement,
   Ls as WithHeadlessCtx,
   se as WithProvider,
-  Se as _NODE_PLACEHOLDER_ATTR,
-  Ze as _getSelfOrParentElement,
-  Te as _isElement,
-  Qe as _makeGetter,
-  Ye as _makeSetter,
+  _e as _NODE_PLACEHOLDER_ATTR,
+  Ke as _getSelfOrParentElement,
+  Se as _isElement,
+  ze as _makeGetter,
+  Ze as _makeSetter,
   q as _removeDOMNode,
-  Ce as _signalText,
-  we as _staticText,
+  Pe as _signalText,
+  xe as _staticText,
   Rt as animateSignal,
-  Ge as animateSignals,
+  Ye as animateSignals,
   Zt as aria,
   M as attr,
   Bt as bind,
   Wt as coalesce,
   K as computed,
   ee as computedOf,
-  Xe as computedRecord,
+  Qe as computedRecord,
   Qt as dataAttr,
   Vt as delaySignal,
-  Be as effect,
+  Ue as effect,
   Nt as effectOf,
-  vt as emit,
+  wt as emit,
   ls as emitChecked,
   x as emitTarget,
-  Et as emitValue,
-  Ct as emitValueAsDate,
-  xt as emitValueAsDateTime,
+  Ct as emitValue,
+  Pt as emitValueAsDate,
+  Lt as emitValueAsDateTime,
   is as emitValueAsNullableDate,
   os as emitValueAsNullableDateTime,
-  wt as emitValueAsNumber,
-  Ve as endInterpolate,
-  ue as getWindow,
-  qe as guessInterpolate,
+  xt as emitValueAsNumber,
+  Fe as endInterpolate,
+  he as getWindow,
+  Be as guessInterpolate,
   es as html,
   ts as input,
-  je as interpolateDate,
-  Ie as interpolateNumber,
-  Re as interpolateString,
+  qe as interpolateDate,
+  je as interpolateNumber,
+  Ve as interpolateString,
   kt as joinSignals,
   $t as localStorageProp,
-  Lt as makeProbe,
-  ze as makeProviderMark,
+  Ot as makeProbe,
+  et as makeProviderMark,
   rs as math,
   Kt as mathAttr,
   jt as merge,
@@ -2352,7 +2349,7 @@ export {
   It as sessionStorageProp,
   X as signal,
   Ft as slidingWindowSignal,
-  fe as storedProp,
+  pe as storedProp,
   Cs as style,
   ss as svg,
   zt as svgAttr

package/package.json

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

package/renderable/style.d.ts

@@ -1,4 +1,11 @@
 import { NValue, Renderable } from '../types/domain';
+import { CSSStyles } from '../types/css-styles';
+import { Merge } from './ensure';
+export type StyleOptions = Merge<{
+    [AN in keyof CSSStyles]: (value: NValue<string>) => Renderable;
+}, {
+    variable: (name: `--${string}`, value: NValue<string>) => Renderable;
+}>;
 /**
  * A collection of functions to create style renderables.
  * @public
@@ -508,4 +515,5 @@ export declare const style: {
     y: (value: NValue<string>) => Renderable;
     zIndex: (value: NValue<string>) => Renderable;
     zoom: (value: NValue<string>) => Renderable;
+    variable: (name: `--${string}`, value: NValue<string>) => Renderable;
 };