@tempots/dom 24.0.0-next.22 → 24.0.0-next.24

package/index.cjs

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

package/index.js

@@ -4,7 +4,7 @@ var te = (s) => {
 };
 var ke = (s, e, t) => e in s ? $e(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var o = (s, e, t) => ke(s, typeof e != "symbol" ? e + "" : e, t), se = (s, e, t) => e.has(s) || te("Cannot " + t);
-var X = (s, e, t) => (se(s, e, "read from private field"), t ? t.call(s) : e.get(s)), re = (s, e, t) => e.has(s) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ne = (s, e, t, r) => (se(s, e, "write to private field"), r ? r.call(s, t) : e.set(s, t), t);
+var z = (s, e, t) => (se(s, e, "read from private field"), t ? t.call(s) : e.get(s)), re = (s, e, t) => e.has(s) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), ne = (s, e, t, r) => (se(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 Ne = (s, e, t) => {
   const r = Math.max(s.length, e.length);
@@ -12,13 +12,13 @@ const Ne = (s, e, t) => {
   for (let i = 0; i < r; i++) {
     let l = s.charCodeAt(i);
     isNaN(l) && (l = 97);
-    let a = e.charCodeAt(i);
-    isNaN(a) && (a = 97), n += String.fromCharCode(l + (a - l) * t);
+    let c = e.charCodeAt(i);
+    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
 }, Re = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ve = (s, e) => e, je = (s) => typeof s == "number" ? Ie : typeof s == "string" ? Ne : s instanceof Date ? Re : Ve;
 var D;
-class N {
+class X {
   /**
    * Creates a new instance of `ElementPosition`.
    * @param index - The index of the element.
@@ -55,7 +55,7 @@ class N {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return X(this, D) == null && ne(this, D, this.total.map((e) => this.counter === e)), X(this, D);
+    return z(this, D) == null && ne(this, D, this.total.map((e) => this.counter === e)), z(this, D);
   }
 }
 D = new WeakMap();
@@ -233,8 +233,8 @@ const H = class H {
       let n = t;
       const i = new x(() => {
         try {
-          const l = this.get(), a = e(l);
-          return n = a ?? n;
+          const l = this.get(), c = e(l);
+          return n = c ?? n;
         } catch (l) {
           throw console.error("Error in Signal.filterMap:", l), l;
         }
@@ -256,13 +256,13 @@ const H = class H {
      */
     o(this, "mapAsync", (e, t, r, n = (i, l) => i === l) => {
       const i = E(t, n);
-      let l = 0, a = new AbortController();
+      let l = 0, c = new AbortController();
       return i.onDispose(
-        this.on(async (c) => {
+        this.on(async (a) => {
           const u = ++l;
-          a.abort(), a = new AbortController();
+          c.abort(), c = new AbortController();
           try {
-            const h = await e(c, { abortSignal: a.signal });
+            const h = await e(a, { abortSignal: c.signal });
             u === l && i.set(h);
           } catch (h) {
             if (u === l)
@@ -439,7 +439,7 @@ class x extends d {
     return this.get();
   }
 }
-const W = class W extends d {
+const U = class U extends d {
   constructor() {
     super(...arguments);
     /**
@@ -470,10 +470,10 @@ const W = class W extends d {
     o(this, "reducer", (t, ...r) => {
       const n = this;
       return function i(l) {
-        const a = n.value;
-        n.update((c) => t(c, l)), !n.equals(a, n.value) && r.forEach(
-          (c) => c({
-            previousState: a,
+        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
@@ -493,7 +493,7 @@ const W = class W extends d {
      * @returns A Prop object representing the isomorphism.
      */
     o(this, "iso", (t, r, n = (i, l) => i === l) => {
-      const i = new W(t(this.get()), n);
+      const i = new U(t(this.get()), n);
       return i.onDispose(this.on((l) => i.set(t(l)))), i.on((l) => this._setAndNotify(r(l), !1)), i;
     });
     /**
@@ -522,11 +522,11 @@ const W = class W extends d {
  * @param value - The value to check.
  * @returns `true` if the value is a Prop, `false` otherwise.
  */
-o(W, "is", (t) => (
+o(U, "is", (t) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t != null && t.$__prop__ === !0
 ));
-let R = W;
+let N = U;
 const Y = (s, e, t = (r, n) => r === n) => {
   const r = new x(s, t);
   return e.forEach((n) => n.setDerivative(r)), r;
@@ -536,16 +536,16 @@ const Y = (s, e, t = (r, n) => r === n) => {
   } : s;
   if (t.skipInitial) {
     let l = !1;
-    const a = r;
+    const c = r;
     r = () => {
-      l ? a() : l = !0;
+      l ? c() : l = !0;
     };
   }
   const n = Y(r, e), i = () => {
     n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", i);
   };
   return t.abortSignal != null && t.abortSignal.addEventListener("abort", i), i;
-}, E = (s, e = (t, r) => t === r) => new R(s, e), J = (s, e = (t, r) => t === r) => new d(s, e), oe = () => typeof window < "u" ? window : void 0, y = {
+}, E = (s, e = (t, r) => t === r) => new N(s, e), W = (s, e = (t, r) => t === r) => new d(s, e), oe = () => typeof window < "u" ? window : void 0, y = {
   /**
    * Maps a value or a Signal to a new value.
    * If the value is a Signal, it returns a new Signal with the mapped value.
@@ -568,7 +568,7 @@ const Y = (s, e, t = (r, n) => r === n) => {
    * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
    * @returns A Signal instance.
    */
-  toSignal: (s, e) => d.is(s) ? s : J(s, e),
+  toSignal: (s, e) => d.is(s) ? s : W(s, e),
   /**
    * Wraps a value in a `Signal` if it is not already a `Signal`.
    * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
@@ -656,16 +656,16 @@ const ce = ({
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: i = (a, c) => a === c,
-  onLoad: l = (a) => a
+  equals: i = (c, a) => c === a,
+  onLoad: l = (c) => c
 }) => {
-  const a = t.getItem(s), c = new R(
-    a != null ? l(n(a)) : typeof e == "function" ? e() : e,
+  const c = t.getItem(s), a = new N(
+    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
     i
   );
-  return c.on((u) => {
+  return a.on((u) => {
     t.setItem(s, r(u));
-  }), c;
+  }), a;
 }, It = (s) => {
   var e;
   return ce({
@@ -684,7 +684,7 @@ function ie(s) {
 }
 const Be = (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 a = r == null ? void 0 : r.interpolate, c = s, u = e(), h = performance.now(), m = null, b = !0;
+  let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), m = null, b = !0;
   const p = new x(e, l), g = E(s, l);
   g.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
@@ -692,11 +692,11 @@ const Be = (s, e, t, r) => {
     A.setDerivative(p), A.onDispose(g.dispose);
   });
   const w = (A) => {
-    u = A, h = performance.now(), c = g.value, b && (b = !1, m = ie(K));
+    u = A, h = performance.now(), a = g.value, b && (b = !1, m = ie(K));
   }, K = () => {
     const I = (performance.now() - h) / y.get(n), He = i(I);
-    a == null && (a = je(c));
-    let ee = a(c, u, He);
+    c == null && (c = je(a));
+    let ee = c(a, u, He);
     I >= 1 ? (b = !0, ee = u) : m = ie(K), g.set(ee);
   };
   return p.on(w), g;
@@ -710,7 +710,7 @@ const Be = (s, e, t, r) => {
   );
 }, Vt = (s, e) => {
   const { signals: t, literals: r } = Object.entries(s).reduce(
-    ({ signals: i, literals: l }, [a, c]) => (d.is(c) ? i.push([a, c]) : l[a] = c, { signals: i, literals: l }),
+    ({ signals: i, literals: l }, [c, a]) => (d.is(a) ? i.push([c, a]) : l[c] = a, { signals: i, literals: l }),
     { signals: [], literals: {} }
   ), n = t.map(([, i]) => i);
   return Y(() => (t.forEach(([i, l]) => r[i] = l.value), e(r)), n);
@@ -737,7 +737,7 @@ const Be = (s, e, t, r) => {
   t == null ? e[s] = null : e[s] = String(t);
 } : (t) => {
   t == null ? e.removeAttribute(s) : e.setAttribute(s, t);
-}, We = (s, e) => ae.has(s) ? () => !!e[s] : ue.has(s) ? () => Number(e[s]) : he.has(s) ? () => e[s] : fe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), V = (s) => {
+}, We = (s, e) => ae.has(s) ? () => !!e[s] : ue.has(s) ? () => Number(e[s]) : he.has(s) ? () => e[s] : fe.has(s) ? () => String(e[s]) : () => e.getAttribute(s), R = (s) => {
   const e = s;
   e && e.onblur && (e.onblur = null), !(!s || s.ownerDocument === void 0) && s.parentElement && s.parentElement.removeChild(s);
 }, Je = (s) => de(s) ? s : s.parentElement, de = (s) => s.nodeType === 1;
@@ -871,7 +871,7 @@ class L {
       return this.providers[e];
     });
     o(this, "clear", (e) => {
-      e && (this.reference !== void 0 ? V(this.reference) : V(this.element));
+      e && (this.reference !== void 0 ? R(this.reference) : R(this.element));
     });
     /**
      * Adds classes to the element.
@@ -957,8 +957,8 @@ const Q = (s, e) => {
       `Cannot find element by selector for render: ${e}`
     );
   r !== !1 && (t ?? n.ownerDocument) != null && n.nodeType === 1 && (n.innerHTML = "");
-  const i = Je(n), l = de(n) ? void 0 : n, a = L.of(i, l);
-  return Q(s, a);
+  const i = Je(n), l = de(n) ? void 0 : n, c = L.of(i, l);
+  return Q(s, c);
 }, qt = (s, {
   startUrl: e = "https://example.com",
   selector: t = ":root"
@@ -975,7 +975,7 @@ class Ge extends Error {
     super(e);
   }
 }
-const ge = "data-tts-node", j = "data-tts-class", q = "data-tts-style", F = "data-tts-html", B = "data-tts-text", U = "data-tts-attrs";
+const ge = "data-tts-node", V = "data-tts-class", j = "data-tts-style", q = "data-tts-html", F = "data-tts-text", B = "data-tts-attrs";
 class Ft {
   constructor({
     select: e,
@@ -984,8 +984,8 @@ class Ft {
     getClass: n,
     setClass: i,
     getStyles: l,
-    setStyles: a,
-    appendHTML: c,
+    setStyles: c,
+    appendHTML: a,
     getInnerHTML: u,
     setInnerHTML: h,
     getInnerText: m,
@@ -1082,21 +1082,21 @@ class Ft {
           if (n.hasChildren() && this.appendHTML(i, n.contentToHTML(t)), n.hasInnerHTML()) {
             if (t) {
               const l = this.getInnerHTML(i);
-              l != null && this.setAttribute(i, F, l);
+              l != null && this.setAttribute(i, q, l);
             }
             this.setInnerHTML(i, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
             if (t) {
               const l = this.getInnerText(i);
-              l != null && this.setAttribute(i, B, l);
+              l != null && this.setAttribute(i, F, l);
             }
             this.setInnerText(i, n.getInnerText());
           }
           if (n.hasClasses()) {
             if (t) {
               const l = this.getClass(i);
-              l != null && this.setAttribute(i, j, l);
+              l != null && this.setAttribute(i, V, l);
             }
             this.setClass(i, n.getClasses().join(" "));
           }
@@ -1105,7 +1105,7 @@ class Ft {
               const l = this.getStyles(i);
               Object.keys(l).length > 0 && this.setAttribute(
                 i,
-                q,
+                j,
                 JSON.stringify(l)
               );
             }
@@ -1114,63 +1114,63 @@ class Ft {
           if (n.hasAttributes()) {
             const l = n.getAttributes();
             if (t) {
-              const a = [];
-              l.forEach(([c]) => {
-                const u = this.getAttribute(i, c);
-                u != null && a.push([c, u]);
-              }), a.length > 0 && this.setAttribute(
+              const c = [];
+              l.forEach(([a]) => {
+                const u = this.getAttribute(i, a);
+                u != null && c.push([a, u]);
+              }), c.length > 0 && this.setAttribute(
                 i,
-                U,
-                JSON.stringify(Object.fromEntries(a))
+                B,
+                JSON.stringify(Object.fromEntries(c))
               );
             }
-            l.forEach(([a, c]) => {
-              this.setAttribute(i, a, c);
+            l.forEach(([c, a]) => {
+              this.setAttribute(i, c, a);
             });
           }
         }
       });
     });
-    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = i, this.getStyles = l, this.setStyles = a, this.appendHTML = c, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = m, this.setInnerText = b;
+    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 = b;
   }
 }
 const ze = () => {
-  document.querySelectorAll(`[${ge}]`).forEach(V);
+  document.querySelectorAll(`[${ge}]`).forEach(R);
 }, Xe = (s) => {
-  const e = s.getAttribute(j);
-  s.removeAttribute(j), e != null && s.setAttribute("class", e);
+  const e = s.getAttribute(V);
+  s.removeAttribute(V), e != null && s.setAttribute("class", e);
 }, Ye = () => {
-  document.querySelectorAll(`[${j}]`).forEach((e) => Xe(e));
+  document.querySelectorAll(`[${V}]`).forEach((e) => Xe(e));
 }, Qe = (s) => {
-  const e = s.getAttribute(F);
-  s.removeAttribute(F), e != null && (s.innerHTML = e);
+  const e = s.getAttribute(q);
+  s.removeAttribute(q), e != null && (s.innerHTML = e);
 }, Ze = () => {
-  document.querySelectorAll(`[${F}]`).forEach((e) => Qe(e));
+  document.querySelectorAll(`[${q}]`).forEach((e) => Qe(e));
 }, Ke = (s) => {
-  const e = s.getAttribute(B);
-  s.removeAttribute(B), e != null && (s.innerText = e);
+  const e = s.getAttribute(F);
+  s.removeAttribute(F), e != null && (s.innerText = e);
 }, et = () => {
-  document.querySelectorAll(`[${B}]`).forEach((e) => Ke(e));
+  document.querySelectorAll(`[${F}]`).forEach((e) => Ke(e));
 }, me = (s) => JSON.parse(s.replace(/&quot;/g, '"')), tt = (s) => {
-  const e = s.getAttribute(q);
-  if (s.removeAttribute(q), e != null) {
+  const e = s.getAttribute(j);
+  if (s.removeAttribute(j), e != null) {
     const t = me(e);
     Object.entries(t).forEach(([r, n]) => {
       s.style.setProperty(r, n);
     });
   }
 }, st = () => {
-  document.querySelectorAll(`[${q}]`).forEach((e) => tt(e));
+  document.querySelectorAll(`[${j}]`).forEach((e) => tt(e));
 }, rt = (s) => {
-  const e = s.getAttribute(U);
-  if (s.removeAttribute(U), e != null) {
+  const e = s.getAttribute(B);
+  if (s.removeAttribute(B), e != null) {
     const t = me(e);
     Object.entries(t).forEach(([r, n]) => {
       n == null ? s.removeAttribute(r) : s.setAttribute(r, n);
     });
   }
 }, nt = () => {
-  document.querySelectorAll(`[${U}]`).forEach((e) => rt(e));
+  document.querySelectorAll(`[${B}]`).forEach((e) => rt(e));
 }, Bt = () => {
   ze(), Ye(), et(), Ze(), st(), nt();
 }, T = Symbol("class"), v = Symbol("style"), C = Symbol("handler"), ye = () => Math.random().toString(36).substring(2, 15), it = (s) => s.replace(/<[^>]*>?/g, "");
@@ -1223,14 +1223,14 @@ class Te {
       this.trigger("click", {});
     });
     o(this, "on", (e, t, r) => {
-      var a;
-      const n = (a = this.properties)[C] ?? (a[C] = {}), i = r != null && r.once ? (c) => {
-        l(), t(c);
-      } : (c) => t(c);
+      var c;
+      const n = (c = this.properties)[C] ?? (c[C] = {}), i = r != null && r.once ? (a) => {
+        l(), t(a);
+      } : (a) => t(a);
       n[e] = [...n[e] ?? [], i];
       const l = () => {
-        const c = n[e] ?? [], u = c.indexOf(i);
-        u !== -1 && (c.splice(u, 1), c.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[C]) : n[e] = c, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
+        const a = n[e] ?? [], u = a.indexOf(i);
+        u !== -1 && (a.splice(u, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[C]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", l));
       };
       return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", l), l;
     });
@@ -1286,10 +1286,10 @@ class ct extends Te {
     super(n);
     o(this, "isPortal", () => !1);
     o(this, "toHTML", (t = !1) => {
-      const r = this.children.map((c) => c.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
+      const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
       let i = null;
-      const l = this.getVisibleAttributes().map(([c, u]) => c === "class" ? ` class="${u.join(" ")}"` : c === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, m]) => `${h}: ${m};`).join(" ")}"` : ut.has(c) ? ` ${c}` : c === "innerHTML" ? (i = u, "") : c === "innerText" ? (i = lt(u), "") : ` ${c}="${ot(u)}"`).join(""), a = t ? ` ${ge}` : "";
-      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${a} />` : `<${this.tagName}${n}${l}${a}>${i ?? r}</${this.tagName}>`;
+      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(" ")}"` : ut.has(a) ? ` ${a}` : a === "innerHTML" ? (i = u, "") : a === "innerText" ? (i = lt(u), "") : ` ${a}="${ot(u)}"`).join(""), c = t ? ` ${ge}` : "";
+      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${i ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
@@ -1419,8 +1419,8 @@ const ut = /* @__PURE__ */ new Set([
   };
 }, k = (s, e) => (t) => {
   const { get: r, set: n } = t.makeAccessors(s), i = r(), l = e.on(n);
-  return (a) => {
-    l(), a && n(i);
+  return (c) => {
+    l(), c && n(i);
   };
 }, M = new Proxy(
   {},
@@ -1538,7 +1538,7 @@ const ut = /* @__PURE__ */ new Set([
 }, ve = (s, e, ...t) => (r) => {
   const n = r.makeChildElement(s, e), i = t.map((l) => f(l)(n));
   return (l) => {
-    i.forEach((a) => a(!1)), n.clear(l);
+    i.forEach((c) => c(!1)), n.clear(l);
   };
 }, Xt = new Proxy(
   {},
@@ -1586,17 +1586,17 @@ const ut = /* @__PURE__ */ new Set([
   const t = e.pending != null ? f(e.pending) : _, r = e.then, n = e.error != null ? (i) => f(e.error(i)) : () => _;
   return (i) => {
     let l = !0;
-    const a = s(), c = i.makeRef();
-    let u = f(t)(c);
-    return a.then(
+    const c = s(), a = i.makeRef();
+    let u = f(t)(a);
+    return c.then(
       (h) => {
-        l && (u(!0), u = f(r(h))(c));
+        l && (u(!0), u = f(r(h))(a));
       },
       (h) => {
-        l && (u(!0), u = f(n(h))(c));
+        l && (u(!0), u = f(n(h))(a));
       }
     ), (h) => {
-      l = !1, u(h), c.clear(h);
+      l = !1, u(h), a.clear(h);
     };
   };
 }, Kt = (s, e) => Ee(() => s, e), we = (s, e, t) => (r) => r.on(s, e, t), mt = (s) => we("click", (e) => {
@@ -1606,7 +1606,7 @@ const ut = /* @__PURE__ */ new Set([
     const r = t.ownerDocument != null ? t == null ? void 0 : t.checked : void 0;
     r != null && s(!r);
   }, 0);
-}), G = new Proxy(
+}), J = new Proxy(
   {},
   {
     /**
@@ -1653,25 +1653,25 @@ const ut = /* @__PURE__ */ new Set([
   e.stopImmediatePropagation(), s();
 }, ns = (s, e = "input") => S(
   M.valueAsDate(s),
-  G[e](St(s.set))
+  J[e](St(s.set))
 ), is = (s, e = "input") => S(
   M.valueAsDate(s),
-  G[e](bt(s.set))
+  J[e](bt(s.set))
 ), os = (s, e = "input") => S(
   M.valueAsNumber(s),
-  G[e](Tt(s.set))
-), ls = (s, e = "input") => S(M.value(s), G[e](yt(s.set))), cs = (s) => S(M.checked(s), mt(s.set)), z = (s, e) => {
+  J[e](Tt(s.set))
+), ls = (s, e = "input") => S(M.value(s), J[e](yt(s.set))), cs = (s) => S(M.checked(s), mt(s.set)), G = (s, e) => {
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
       let i, l;
-      const a = s.map((h) => Object.keys(h)[0]);
-      let c;
-      const u = a.on((h) => {
-        if (h !== c) {
+      const c = s.map((h) => Object.keys(h)[0]);
+      let a;
+      const u = c.on((h) => {
+        if (h !== a) {
           l == null || l.dispose(), i == null || i(!0), l = s.map((b) => b[h]);
           const m = e[h](l);
-          i = f(m)(n), c = h;
+          i = f(m)(n), a = h;
         }
       });
       return (h) => {
@@ -1679,15 +1679,15 @@ const ut = /* @__PURE__ */ new Set([
       };
     };
   const t = Object.keys(s)[0];
-  return f(e[t](J(s[t])));
-}, Ce = (s, e, t) => z(
+  return f(e[t](W(s[t])));
+}, Ce = (s, e, t) => G(
   y.map(s, (r) => ({ [r[e]]: r })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   t
 ), as = (s, e) => Ce(s, "kind", e), us = (s, e) => {
   const t = y.map(s, ([r, n]) => ({ [r]: n }));
-  return z(t, e);
-}, hs = (s, e) => Ce(s, "type", e), At = (s, e) => z(
+  return G(t, e);
+}, hs = (s, e) => Ce(s, "type", e), At = (s, e) => G(
   y.map(s, (t) => ({ [t]: !0 })),
   e
 ), fs = (s, e = {}) => (t) => {
@@ -1711,8 +1711,8 @@ const ut = /* @__PURE__ */ new Set([
   return f(e(r))(t);
 }, ds = (s, e) => (t) => {
   const r = [], n = Object.entries(s).reduce(
-    (i, [l, a]) => (r.push(
-      a((c) => (Reflect.set(i, l, c), null))(t)
+    (i, [l, c]) => (r.push(
+      c((a) => (Reflect.set(i, l, a), null))(t)
     ), i),
     {}
   );
@@ -1721,21 +1721,21 @@ const ut = /* @__PURE__ */ new Set([
   };
 }, _t = (s, e) => Pe([s], (t) => f(e(t[s]))), ps = (s, e) => Pe(s, (t) => f(e(t))), gs = (s) => (e) => s(e) ?? (() => {
 }), ms = (s) => (e) => (e.appendOrInsert(s), (t) => {
-  t && V(s);
+  t && R(s);
 }), vt = (s, e, t) => {
   if (d.is(s)) {
     const r = s;
     return (n) => {
       const i = n.makeRef();
       let l = () => {
-      }, a = !1, c = null;
+      }, c = !1, a = null;
       const u = r.on((h) => {
-        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(i), a = !1, c == null || c.dispose(), c = null) : (c == null ? c = E(h) : c.value = h, a || (l(!0), l = f(e(c))(
+        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(i), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = E(h) : a.value = h, c || (l(!0), l = f(e(a))(
           i
-        ), a = !0));
+        ), c = !0));
       });
       return (h) => {
-        c == null || c.dispose(), u(), l == null || l(h), i.clear(h);
+        a == null || a.dispose(), u(), l == null || l(h), i.clear(h);
       };
     };
   } else {
@@ -1744,7 +1744,7 @@ const ut = /* @__PURE__ */ new Set([
       const n = t == null ? void 0 : t();
       return n != null ? f(n) : _;
     }
-    return f(e(J(r)));
+    return f(e(W(r)));
   }
 }, ys = (...s) => (e, t) => (r) => {
   const n = r.makeRef();
@@ -1754,20 +1754,20 @@ const ut = /* @__PURE__ */ new Set([
     return (t != null ? f(t == null ? void 0 : t()) : _)(
       n
     );
-  const l = s.map(() => null), a = s.map(
+  const l = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
-  let c = null;
-  const u = E(a.every((p) => p)), h = (p, g) => {
+  let a = null;
+  const u = E(c.every((p) => p)), h = (p, g) => {
     if (p.value != null) {
       if (l[g] == null) {
         const w = E(p.value);
         l[g] = w;
       } else
         l[g].value = p.value;
-      a[g] = !0;
+      c[g] = !0;
     } else
-      a[g] = !1;
+      c[g] = !1;
   };
   let m = s.length - 1;
   const b = s.map((p, g) => {
@@ -1777,13 +1777,13 @@ const ut = /* @__PURE__ */ new Set([
       };
     }
     return p.on(() => {
-      h(p, g), m === 0 ? u.value = a.every((w) => w) : m--;
+      h(p, g), m === 0 ? u.value = c.every((w) => w) : m--;
     });
   });
   return u.on((p) => {
-    c == null || c(!0), c = null, p ? c = f(e(...l))(n) : c = f((t == null ? void 0 : t()) ?? _)(n);
+    a == null || a(!0), a = null, p ? a = f(e(...l))(n) : a = f((t == null ? void 0 : t()) ?? _)(n);
   }), (p) => {
-    l.forEach((g) => g == null ? void 0 : g.dispose()), u.dispose(), b.forEach((g) => g()), c == null || c(p), n.clear(p);
+    l.forEach((g) => g == null ? void 0 : g.dispose()), u.dispose(), b.forEach((g) => g()), a == null || a(p), n.clear(p);
   };
 }, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Et = (s, e, t) => xe(
   s,
@@ -1802,7 +1802,7 @@ const ut = /* @__PURE__ */ new Set([
   e,
   t
 ), Le = (s, e, t) => t != null ? Le(s, (r) => {
-  const n = new N(
+  const n = new X(
     r.index,
     r.total.map((i) => i - 1)
   );
@@ -1812,34 +1812,31 @@ const ut = /* @__PURE__ */ new Set([
     Et(r.isLast, _, t(n))
   );
 }) : d.is(s) ? (r) => {
-  const n = r.makeRef(), i = Array.from(
-    { length: s.value },
-    (c, u) => u
-  ).map((c) => new N(c, s.derive())), l = i.map(
-    (c) => f(e(c))(n)
-  ), a = s.on((c) => {
-    for (; c < l.length; )
-      i.pop().dispose(), l.pop()(!0);
-    for (let u = 0; u < c; u++)
-      if (i[u] == null) {
-        i[u] = new N(u, s.derive());
-        const h = f(e(i[u]));
-        l[u] = h(n);
-      }
+  const n = r.makeRef(), i = [], l = s.on((c) => {
+    const a = i.splice(c);
+    for (const u of a)
+      u(!0);
+    for (let u = i.length; u < c; u++) {
+      const h = new X(u, s);
+      i.push(f(e(h))(n));
+    }
   });
   return (c) => {
-    a(), l.forEach((u) => u(c)), l.length = 0, n.clear(c);
+    l();
+    for (const a of i)
+      a(c);
+    i.length = 0, n.clear(c);
   };
 } : S(
   ...Array.from({ length: s }, (r, n) => n).map(
-    (r) => f(e(new N(r, J(s))))
+    (r) => f(e(new X(r, W(s))))
   )
 ), Ss = (s, e, t) => {
   const r = y.map(s, (i) => i.length), n = y.toSignal(s);
   return Le(
     r,
     (i) => {
-      const l = n.map((a) => a[i.index]);
+      const l = n.map((c) => c[i.index]);
       return S(
         Z(l.dispose),
         f(e(l, i))
@@ -1857,19 +1854,19 @@ const ut = /* @__PURE__ */ new Set([
     const t = s;
     return (r) => {
       r = r.makeRef();
-      const n = t.map((a) => f(e(a)));
+      const n = t.map((c) => f(e(c)));
       let i = () => {
       };
-      const l = n.on((a) => {
-        i(!0), i = a(r);
+      const l = n.on((c) => {
+        i(!0), i = c(r);
       });
-      return (a) => {
-        l(), i(a);
+      return (c) => {
+        l(), i(c);
       };
     };
   }
   return f(e(s));
-}, vs = (s, e, t = () => _) => z(
+}, vs = (s, e, t = () => _) => G(
   y.map(
     s,
     (r) => r.length > 0 ? { notEmpty: r } : { whenEmpty: null }
@@ -1897,10 +1894,10 @@ const ut = /* @__PURE__ */ new Set([
   });
   const i = (l) => {
     clearTimeout(n);
-    const a = P.get(l);
-    if (a == null)
+    const c = P.get(l);
+    if (c == null)
       throw new Error(`Probe not found: ${l.description}`);
-    --a.counter === 0 ? (e("resolved"), P.delete(l)) : P.set(l, a);
+    --c.counter === 0 ? (e("resolved"), P.delete(l)) : P.set(l, c);
   };
   return S(
     Z(() => clearTimeout(n)),
@@ -1945,13 +1942,13 @@ export {
   os as BindNumber,
   ls as BindText,
   L as BrowserContext,
-  j as CLASS_PLACEHOLDER_ATTR,
+  V as CLASS_PLACEHOLDER_ATTR,
   x as Computed,
   fs as Conjunction,
   ms as DOMNode,
   _e as El,
   ve as ElNS,
-  N as ElementPosition,
+  X as ElementPosition,
   _ as Empty,
   vt as Ensure,
   ys as EnsureAll,
@@ -1973,14 +1970,14 @@ export {
   Z as OnDispose,
   As as OnElement,
   bs as OnHeadlessCtx,
-  z as OneOf,
+  G as OneOf,
   Ce as OneOfField,
   as as OneOfKind,
   us as OneOfTuple,
   hs as OneOfType,
   At as OneOfValue,
   Es as Portal,
-  R as Prop,
+  N as Prop,
   ws as Provide,
   Ps as ProvideGlobalProbe,
   Lt as ProvideProbe,
@@ -2005,7 +2002,7 @@ export {
   de as _isElement,
   We as _makeGetter,
   Ue as _makeSetter,
-  V as _removeDOMNode,
+  R as _removeDOMNode,
   Ae as _signalText,
   be as _staticText,
   Rt as animateSignal,
@@ -2037,10 +2034,10 @@ export {
   kt as makeEffectOf,
   E as makeProp,
   Pt as makeProviderMark,
-  J as makeSignal,
+  W as makeSignal,
   Zt as math,
   zt as mathAttr,
-  G as on,
+  J as on,
   De as probeMarker,
   jt as render,
   Q as renderWithContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "24.0.0-next.22",
+  "version": "24.0.0-next.24",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",