@tempots/dom 24.0.0-next.4 → 24.0.0-next.5

package/index.cjs

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

package/index.js

@@ -629,22 +629,22 @@ function K(s) {
 }
 const Ie = (s, e, t, r) => {
   const n = (r == null ? void 0 : r.duration) ?? 300, o = (r == null ? void 0 : r.easing) ?? ((y) => y), l = (r == null ? void 0 : r.equals) ?? ((y, N) => y === N);
-  let c = r == null ? void 0 : r.interpolate, a = s, f = e(), h = performance.now(), P = null, O = !0;
-  const F = new C(e, l), T = I(s, l);
-  T.onDispose(() => {
-    P !== null && cancelAnimationFrame(P);
-  }), T.onDispose(F.dispose), t.forEach((y) => {
-    y.setDerivative(F), y.onDispose(T.dispose);
+  let c = r == null ? void 0 : r.interpolate, a = s, f = e(), h = performance.now(), S = null, O = !0;
+  const F = new C(e, l), P = I(s, l);
+  P.onDispose(() => {
+    S !== null && cancelAnimationFrame(S);
+  }), P.onDispose(F.dispose), t.forEach((y) => {
+    y.setDerivative(F), y.onDispose(P.dispose);
   });
   const be = (y) => {
-    f = y, h = performance.now(), a = T.value, O && (O = !1, P = K(J));
+    f = y, h = performance.now(), a = P.value, O && (O = !1, S = K(J));
   }, J = () => {
     const N = (performance.now() - h) / p.get(n), Ee = o(N);
     c == null && (c = $e(a));
     let Q = c(a, f, Ee);
-    N >= 1 ? (O = !0, Q = f) : P = K(J), T.set(Q);
+    N >= 1 ? (O = !0, Q = f) : S = K(J), P.set(Q);
   };
-  return F.on(be), T;
+  return F.on(be), P;
 }, St = (s, e) => {
   const { initialValue: t, ...r } = e ?? {};
   return Ie(
@@ -887,7 +887,7 @@ class b {
     return new b(e.ownerDocument, e, t, {});
   }
 }
-const m = Symbol("class"), _ = Symbol("style"), x = Symbol("handler"), ae = () => Math.random().toString(36).substring(2, 15), qe = (s) => s.replace(/<[^>]*>?/g, "");
+const g = Symbol("class"), _ = Symbol("style"), T = Symbol("handler"), ae = () => Math.random().toString(36).substring(2, 15), qe = (s) => s.replace(/<[^>]*>?/g, "");
 class ue {
   constructor(e) {
     i(this, "id", ae());
@@ -916,10 +916,10 @@ class ue {
     i(this, "getInnerText", () => this.properties.innerText ?? "");
     i(this, "hasInnerText", () => this.properties.innerText != null);
     i(this, "hasChildren", () => this.children.length > 0);
-    i(this, "hasClasses", () => this.properties[m] != null);
+    i(this, "hasClasses", () => this.properties[g] != null);
     i(this, "hasStyles", () => this.properties[_] != null);
     i(this, "hasAttributes", () => Object.keys(this.properties).length > 0);
-    i(this, "hasHandlers", () => this.properties[x] != null);
+    i(this, "hasHandlers", () => this.properties[T] != null);
     i(this, "hasRenderableProperties", () => this.hasClasses() || this.hasAttributes() || this.hasStyles());
     i(this, "getById", (e) => {
       if (this.properties.id === e)
@@ -931,24 +931,24 @@ class ue {
       }
     });
     i(this, "trigger", (e, t) => {
-      ((this.properties[x] ?? {})[e] ?? []).forEach((n) => n(t));
+      ((this.properties[T] ?? {})[e] ?? []).forEach((n) => n(t));
     });
     i(this, "click", () => {
       this.trigger("click", {});
     });
     i(this, "on", (e, t) => {
       var o;
-      const r = (o = this.properties)[x] ?? (o[x] = {}), n = t;
+      const r = (o = this.properties)[T] ?? (o[T] = {}), n = t;
       return r[e] = [...r[e] ?? [], n], () => {
         const l = r[e] ?? [], c = l.indexOf(n);
-        c !== -1 && (l.splice(c, 1), l.length === 0 ? (delete r[e], Object.keys(r).length === 0 && delete this.properties[x]) : r[e] = l);
+        c !== -1 && (l.splice(c, 1), l.length === 0 ? (delete r[e], Object.keys(r).length === 0 && delete this.properties[T]) : r[e] = l);
       };
     });
     i(this, "addClasses", (e) => {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[m] ?? (r[m] = []);
+      const t = (r = this.properties)[g] ?? (r[g] = []);
       e.forEach((n) => {
         t.includes(n) || t.push(n);
       });
@@ -957,18 +957,18 @@ class ue {
       var r;
       if (e.length === 0)
         return;
-      const t = (r = this.properties)[m] ?? (r[m] = []);
+      const t = (r = this.properties)[g] ?? (r[g] = []);
       e.forEach((n) => {
         const o = t.indexOf(n);
         o !== -1 && t.splice(o, 1);
-      }), t.length === 0 && delete this.properties[m];
+      }), t.length === 0 && delete this.properties[g];
     });
-    i(this, "getClasses", () => this.properties[m] ?? []);
+    i(this, "getClasses", () => this.properties[g] ?? []);
     i(this, "getAttributes", () => Object.entries(this.properties).filter(
       ([e]) => !["innerText", "innerHTML"].includes(e)
     ));
     i(this, "getVisibleAttributes", () => Reflect.ownKeys(this.properties).flatMap(
-      (e) => e === m ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
+      (e) => e === g ? [["class", this.getClasses()]] : e === _ ? [["style", this.getStyles()]] : typeof e == "string" ? [[e, String(this.properties[e])]] : []
     ));
     i(this, "setStyle", (e, t) => {
       var n;
@@ -1106,7 +1106,7 @@ const Ge = /* @__PURE__ */ new Set([
   return (n) => {
     r(), t.clear(n);
   };
-}, Tt = (s) => d.is(s) ? de(s) : fe(s), g = (...s) => (e) => {
+}, Tt = (s) => d.is(s) ? de(s) : fe(s), m = (...s) => (e) => {
   const t = s.map((r) => u(r)(e));
   return (r) => {
     t.forEach((n) => n(r));
@@ -1232,7 +1232,7 @@ const Ge = /* @__PURE__ */ new Set([
   if (s == null)
     return v;
   if (Array.isArray(s))
-    return g(...s.map(u));
+    return m(...s.map(u));
   if (typeof s == "string")
     return fe(s);
   if (d.is(s))
@@ -1245,7 +1245,7 @@ const Ge = /* @__PURE__ */ new Set([
   return (o) => {
     n.forEach((l) => l(!1)), r.clear(o);
   };
-}, ge = (s, e, ...t) => (r) => {
+}, me = (s, e, ...t) => (r) => {
   const n = r.makeChildElement(s, e), o = t.map((l) => u(l)(n));
   return (l) => {
     o.forEach((c) => c(!1)), n.clear(l);
@@ -1278,7 +1278,7 @@ const Ge = /* @__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) => ge(e, Xe, t.flatMap(u))
+    get: (s, e) => (...t) => me(e, Xe, t.flatMap(u))
   }
 ), Ye = "http://www.w3.org/1998/Math/MathML", Mt = new Proxy(
   {},
@@ -1288,11 +1288,11 @@ const Ge = /* @__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) => ge(e, Ye, t.flatMap(u))
+    get: (s, e) => (...t) => me(e, Ye, t.flatMap(u))
   }
-), me = (s, e) => {
+), ge = (s, e) => {
   if (typeof e == "function")
-    return me(s, { then: e });
+    return ge(s, { then: e });
   const t = e.pending != null ? u(e.pending) : v, r = e.then, n = e.error != null ? (o) => u(e.error(o)) : () => v;
   return (o) => {
     let l = !0;
@@ -1309,7 +1309,7 @@ const Ge = /* @__PURE__ */ new Set([
       l = !1, f(h), a.clear(h);
     };
   };
-}, kt = (s, e) => me(() => s, e), ye = (s, e) => (t) => t.on(s, e), Ze = (s) => ye("click", (e) => {
+}, kt = (s, e) => ge(() => s, e), ye = (s, e) => (t) => t.on(s, e), Ze = (s) => ye("click", (e) => {
   e.preventDefault();
   const t = e.target;
   setTimeout(() => {
@@ -1361,16 +1361,16 @@ const Ge = /* @__PURE__ */ new Set([
   e.stopPropagation(), s();
 }, Ht = (s) => (e) => {
   e.stopImmediatePropagation(), s();
-}, It = (s, e = "input") => g(
+}, It = (s, e = "input") => m(
   D.valueAsDate(s),
   q[e](tt(s.set))
-), Vt = (s, e = "input") => g(
+), Vt = (s, e = "input") => m(
   D.valueAsDate(s),
   q[e](st(s.set))
-), Rt = (s, e = "input") => g(
+), Rt = (s, e = "input") => m(
   D.valueAsNumber(s),
   q[e](et(s.set))
-), jt = (s, e = "input") => g(D.value(s), q[e](Ke(s.set))), qt = (s) => g(D.checked(s), Ze(s.set)), B = (s, e) => {
+), jt = (s, e = "input") => m(D.value(s), q[e](Ke(s.set))), qt = (s) => m(D.checked(s), Ze(s.set)), B = (s, e) => {
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
@@ -1380,8 +1380,8 @@ const Ge = /* @__PURE__ */ new Set([
       const f = c.on((h) => {
         if (h !== a) {
           l == null || l.dispose(), o == null || o(!0), l = s.map((O) => O[h]);
-          const P = e[h](l);
-          o = u(P)(n), a = h;
+          const S = e[h](l);
+          o = u(S)(n), a = h;
         }
       });
       return (h) => {
@@ -1473,7 +1473,7 @@ const Ge = /* @__PURE__ */ new Set([
     r.index,
     r.total.map((o) => o - 1)
   );
-  return g(
+  return m(
     V(n.dispose),
     u(e(r)),
     ve(r.isLast, v, t(n))
@@ -1497,7 +1497,7 @@ const Ge = /* @__PURE__ */ new Set([
   return (a) => {
     c(), n.clear(a);
   };
-} : g(
+} : m(
   ...Array.from({ length: s }, (r, n) => n).map(
     (r) => u(e(new M(r, j(s))))
   )
@@ -1508,7 +1508,7 @@ const Ge = /* @__PURE__ */ new Set([
         n.index,
         n.total.map((l) => l - 1)
       );
-      return g([
+      return m([
         V(o.dispose),
         u(e(r, n)),
         ve(n.isLast, v, t(o))
@@ -1518,7 +1518,7 @@ const Ge = /* @__PURE__ */ new Set([
     const r = p.map(s, (o) => o.length), n = p.toSignal(s);
     return Pe(r, (o) => {
       const l = n.map((c) => c[o.index]);
-      return g(
+      return m(
         V(l.dispose),
         u(e(l, o))
       );
@@ -1586,31 +1586,35 @@ class at extends Error {
 const rs = (s, e) => (t) => {
   const r = t.makePortal(s);
   return z(u(e), r);
-}, ut = (s) => Symbol(s), Te = (s, e) => (t) => u(e)(t.withProviders(s)), ns = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : u, ht = (s, e, t) => Te({ [s]: e }, u(t)), is = (s, e) => Te(s, u(e)), xe = ut("Probe"), S = /* @__PURE__ */ new Map(), ft = ({
+}, ut = (s) => Symbol(s), Te = (s, e) => (t) => u(e)(t.withProviders(s)), ns = (...s) => s.length > 0 ? s.reduceRight((e, t) => (r) => e(t(r))) : u, ht = (s, e, t) => Te({ [s]: e }, u(t)), is = (s, e) => Te(s, u(e)), xe = ut("Probe"), x = /* @__PURE__ */ new Map(), ft = ({
   identifier: s,
   callback: e,
   child: t,
   timeout: r = 10
 }) => {
-  if (S.has(s))
+  if (x.has(s))
     throw new Error(`Probe already exists: ${s.description}`);
-  S.set(s, 0);
-  const n = setTimeout(() => e("timeout"), r), o = (l) => {
+  const n = setTimeout(() => e("timeout"), r);
+  x.set(s, {
+    counter: 0,
+    timeoutId: n
+  });
+  const o = (l) => {
     clearTimeout(n);
-    let c = S.get(l);
+    const c = x.get(l);
     if (c == null)
       throw new Error(`Probe not found: ${l.description}`);
-    --c === 0 ? (e("resolved"), S.delete(l)) : S.set(l, c);
+    --c.counter === 0 ? (e("resolved"), x.delete(l)) : x.set(l, c);
   };
-  return g(
+  return m(
     V(() => clearTimeout(n)),
     ht(xe, o, t)
   );
 }, dt = (s, e) => nt(xe, (t) => {
-  const r = S.get(s);
+  const r = x.get(s);
   if (r == null)
     throw new Error(`Probe not found: ${s.description}`);
-  return S.set(s, r + 1), e(() => t(s));
+  return clearTimeout(r.timeoutId), r.counter++, e(() => t(s));
 }), Ce = Symbol("globalProbe"), os = ({
   callback: s,
   timeout: e
@@ -1619,7 +1623,7 @@ const rs = (s, e) => (t) => {
   return t.setStyle(s, e), (n) => {
     n && t.setStyle(s, r);
   };
-}, gt = (s, e) => (t) => {
+}, mt = (s, e) => (t) => {
   const r = t.getStyle(s);
   return e.on((n) => t.setStyle(s, n)), (n) => {
     n && t.setStyle(s, r);
@@ -1635,7 +1639,7 @@ const rs = (s, e) => (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (s, e) => (t) => d.is(t) ? gt(e, t) : pt(e, t)
+    get: (s, e) => (t) => d.is(t) ? mt(e, t) : pt(e, t)
   }
 );
 export {
@@ -1650,12 +1654,12 @@ export {
   Wt as Conjunction,
   Qt as DOMNode,
   pe as El,
-  ge as ElNS,
+  me as ElNS,
   M as ElementPosition,
   v as Empty,
   it as Ensure,
   lt as ForEach,
-  g as Fragment,
+  m as Fragment,
   E as HeadlessContext,
   Ue as HeadlessElement,
   he as HeadlessPortal,
@@ -1686,7 +1690,7 @@ export {
   at as RenderingError,
   Pe as Repeat,
   d as Signal,
-  me as Task,
+  ge as Task,
   Tt as TextNode,
   Xt as Unless,
   Gt as Use,

package/package.json

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