@tempots/dom 26.9.0 → 26.10.0

package/dom/browser-context.d.ts

@@ -146,7 +146,10 @@ export declare class BrowserContext implements DOMContext {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    readonly getProvider: <T>(mark: ProviderMark<T>) => [T, undefined | (() => void)];
+    readonly getProvider: <T>(mark: ProviderMark<T>) => {
+        value: T;
+        onUse: (() => void) | undefined;
+    };
     readonly clear: (removeTree: boolean) => void;
     /**
      * Adds classes to the element.
@@ -170,7 +173,7 @@ export declare class BrowserContext implements DOMContext {
      * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    readonly on: <E>(event: string, listener: (event: E) => void, options?: HandlerOptions) => Clear;
+    readonly on: <E>(event: string, listener: (event: E, ctx: BrowserContext) => void, options?: HandlerOptions) => Clear;
     /**
      * Returns `true` if the context is a browser DOM context.
      * @returns `true` if the context is a browser DOM context.

package/dom/dom-context.d.ts

@@ -74,7 +74,10 @@ export interface DOMContext {
      * @returns The provider for the given mark.
      * @throws Throws `ProviderNotFoundError` if the provider for the given mark is not found.
      */
-    getProvider<T>(mark: ProviderMark<T>): [T, undefined | (() => void)];
+    getProvider<T>(mark: ProviderMark<T>): {
+        value: T;
+        onUse?: () => void;
+    };
     /**
      * Sets a provider for the given provider mark.
      *
@@ -90,7 +93,7 @@ export interface DOMContext {
      * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    on<E>(event: string, listener: (event: E) => void, options?: HandlerOptions): Clear;
+    on<E>(event: string, listener: (event: E, ctx: DOMContext) => void, options?: HandlerOptions): Clear;
     /**
      * Adds classes to the element.
      * @param tokens - The class names to add.

package/dom/headless-context.d.ts

@@ -30,7 +30,7 @@ declare abstract class HeadlessBase {
     readonly getById: (id: string) => HeadlessBase | undefined;
     readonly trigger: <E>(event: string, detail: E) => void;
     readonly click: () => void;
-    readonly on: <E>(event: string, listener: (event: E) => void, options?: HandlerOptions) => Clear;
+    readonly on: <E>(event: string, listener: (event: E, ctx: HeadlessContext) => void, ctx: HeadlessContext, options?: HandlerOptions) => Clear;
     readonly addClasses: (tokens: string[]) => void;
     readonly removeClasses: (tokens: string[]) => void;
     readonly getClasses: () => string[];
@@ -92,9 +92,12 @@ export declare class HeadlessContext implements DOMContext {
      * @returns A new `DOMContext` instance with the specified provider.
      */
     readonly setProvider: <T>(mark: ProviderMark<T>, value: T, onUse: undefined | (() => void)) => DOMContext;
-    readonly getProvider: <T>(mark: ProviderMark<T>) => [T, undefined | (() => void)];
+    readonly getProvider: <T>(mark: ProviderMark<T>) => {
+        value: T;
+        onUse: (() => void) | undefined;
+    };
     readonly clear: (removeTree: boolean) => void;
-    readonly on: <E>(event: string, listener: (event: E) => void) => Clear;
+    readonly on: <E>(event: string, listener: (event: E, ctx: HeadlessContext) => void) => Clear;
     readonly addClasses: (tokens: string[]) => void;
     readonly removeClasses: (tokens: string[]) => void;
     readonly getClasses: () => string[];

package/index.cjs

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

package/index.js

@@ -9,11 +9,11 @@ const Ne = (s, e, t) => s + (e - s) * t;
 const $e = (s, e, t) => {
   const r = Math.max(s.length, e.length);
   let n = "";
-  for (let l = 0; l < r; l++) {
-    let o = s.charCodeAt(l);
-    isNaN(o) && (o = 97);
-    let c = e.charCodeAt(l);
-    isNaN(c) && (c = 97), n += String.fromCharCode(o + (c - o) * t);
+  for (let o = 0; o < r; o++) {
+    let l = s.charCodeAt(o);
+    isNaN(l) && (l = 97);
+    let c = e.charCodeAt(o);
+    isNaN(c) && (c = 97), n += String.fromCharCode(l + (c - l) * t);
   }
   return n;
 }, ke = (s, e, t) => new Date(s.getTime() + (e.getTime() - s.getTime()) * t), Ie = (s, e) => e, Re = (s) => typeof s == "number" ? Ne : typeof s == "string" ? $e : s instanceof Date ? ke : Ie;
@@ -108,8 +108,8 @@ const O = class O {
      */
     i(this, "on", (e, t = {}) => {
       t.skipInitial || e(this.get(), void 0);
-      const r = t.once ? (l, o) => {
-        n(), e(l, o);
+      const r = t.once ? (o, l) => {
+        n(), e(o, l);
       } : e;
       this._onValueListeners.push(r);
       const n = () => {
@@ -126,7 +126,7 @@ const O = class O {
     i(this, "_setAndNotify", (e, t) => {
       if (this._disposed) return;
       const r = this._value, n = this.equals(r, e);
-      n || (this._value = e), (t || !n) && this._onValueListeners.forEach((l) => l(e, r));
+      n || (this._value = e), (t || !n) && this._onValueListeners.forEach((o) => o(e, r));
     });
     /**
      * @internal
@@ -212,10 +212,10 @@ const O = class O {
       let r = t ?? this.get();
       const n = new x(() => {
         try {
-          const l = this.get();
-          return r = e(l) ? l : r;
-        } catch (l) {
-          throw console.error("Error in Signal.filter:", l), l;
+          const o = this.get();
+          return r = e(o) ? o : r;
+        } catch (o) {
+          throw console.error("Error in Signal.filter:", o), o;
         }
       }, this.equals);
       return this.setDerivative(n), n;
@@ -230,17 +230,17 @@ const O = class O {
      * @param equals - Optional equality function to determine if two values are equal.
      * @returns - A new Computed object with the mapped and filtered values.
      */
-    i(this, "filterMap", (e, t, r = (n, l) => n === l) => {
+    i(this, "filterMap", (e, t, r = (n, o) => n === o) => {
       let n = t;
-      const l = new x(() => {
+      const o = new x(() => {
         try {
-          const o = this.get(), c = e(o);
+          const l = this.get(), c = e(l);
           return n = c ?? n;
-        } catch (o) {
-          throw console.error("Error in Signal.filterMap:", o), o;
+        } catch (l) {
+          throw console.error("Error in Signal.filterMap:", l), l;
         }
       }, r);
-      return this.setDerivative(l), l;
+      return this.setDerivative(o), o;
     });
     /**
      * Maps the values emitted by the signal to a new value asynchronously using the provided function.
@@ -255,25 +255,25 @@ const O = class O {
      * @param equals - The equality function to compare the mapped values for equality.
      * @returns A property that holds the mapped value and can be observed for changes.
      */
-    i(this, "mapAsync", (e, t, r, n = (l, o) => l === o) => {
-      const l = w(t, n);
-      let o = 0, c = new AbortController();
-      return l.onDispose(
+    i(this, "mapAsync", (e, t, r, n = (o, l) => o === l) => {
+      const o = w(t, n);
+      let l = 0, c = new AbortController();
+      return o.onDispose(
         this.on(async (a) => {
-          const u = ++o;
+          const u = ++l;
           c.abort(), c = new AbortController();
           try {
             const h = await e(a, { abortSignal: c.signal });
-            u === o && l.set(h);
+            u === l && o.set(h);
           } catch (h) {
-            if (u === o)
+            if (u === l)
               if (r != null)
-                l.set(r(h));
+                o.set(r(h));
               else
                 throw h;
           }
         })
-      ), l;
+      ), o;
     });
     /**
      * Maps the values of the signal using the provided function `fn`, and returns a new signal
@@ -363,14 +363,14 @@ const O = class O {
  * @param equals - A function to compare two values of type O for equality. Defaults to strict equality (===).
  * @returns - A Signal that represents the result of the Promise.
  */
-i(O, "ofPromise", (e, t, r, n = (l, o) => l === o) => {
-  const l = new O(t, n);
-  return e.then((o) => l._setAndNotify(o, !1)).catch((o) => {
-    r != null ? l._setAndNotify(r(o), !1) : console.error(
+i(O, "ofPromise", (e, t, r, n = (o, l) => o === l) => {
+  const o = new O(t, n);
+  return e.then((l) => o._setAndNotify(l, !1)).catch((l) => {
+    r != null ? o._setAndNotify(r(l), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
-      o
+      l
     );
-  }), l;
+  }), o;
 }), /**
  * Checks if a value is a Signal.
  *
@@ -470,14 +470,14 @@ const W = class W extends d {
      */
     i(this, "reducer", (t, ...r) => {
       const n = this;
-      return function l(o) {
+      return function o(l) {
         const c = n.value;
-        n.update((a) => t(a, o)), !n.equals(c, n.value) && r.forEach(
+        n.update((a) => t(a, l)), !n.equals(c, n.value) && r.forEach(
           (a) => a({
             previousState: c,
             state: n.value,
-            action: o,
-            dispatch: l
+            action: l,
+            dispatch: o
           })
         );
       };
@@ -493,9 +493,9 @@ const W = class W extends d {
      *                Defaults to a strict equality check (===).
      * @returns A Prop object representing the isomorphism.
      */
-    i(this, "iso", (t, r, n = (l, o) => l === o) => {
-      const l = new W(t(this.get()), n);
-      return l.onDispose(this.on((o) => l.set(t(o)))), l.on((o) => this._setAndNotify(r(o), !1)), l;
+    i(this, "iso", (t, r, n = (o, l) => o === l) => {
+      const o = new W(t(this.get()), n);
+      return o.onDispose(this.on((l) => o.set(t(l)))), o.on((l) => this._setAndNotify(r(l), !1)), o;
     });
     /**
      * Returns a `Prop` that represents the value at the specified key of the current value.
@@ -533,19 +533,19 @@ const z = (s, e, t = (r, n) => r === n) => {
   return e.forEach((n) => n.setDerivative(r)), r;
 }, je = (s, e, t = {}) => {
   let r = t.once ? () => {
-    l(), s();
+    o(), s();
   } : s;
   if (t.skipInitial) {
-    let o = !1;
+    let l = !1;
     const c = r;
     r = () => {
-      o ? c() : o = !0;
+      l ? c() : l = !0;
     };
   }
-  const n = z(r, e), l = () => {
-    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", l);
+  const n = z(r, e), o = () => {
+    n.dispose(), t.abortSignal != null && t.abortSignal.removeEventListener("abort", o);
   };
-  return t.abortSignal != null && t.abortSignal.addEventListener("abort", l), l;
+  return t.abortSignal != null && t.abortSignal.addEventListener("abort", o), o;
 }, w = (s, e = (t, r) => t === r) => new I(s, e), U = (s, e = (t, r) => t === r) => new d(s, e), le = () => typeof window < "u" ? window : void 0, T = {
   /**
    * Maps a value or a Signal to a new value.
@@ -662,12 +662,12 @@ const ae = ({
   store: t,
   serialize: r = JSON.stringify,
   deserialize: n = JSON.parse,
-  equals: l = (c, a) => c === a,
-  onLoad: o = (c) => c
+  equals: o = (c, a) => c === a,
+  onLoad: l = (c) => c
 }) => {
   const c = t.getItem(s), a = new I(
-    c != null ? o(n(c)) : typeof e == "function" ? e() : e,
-    l
+    c != null ? l(n(c)) : typeof e == "function" ? e() : e,
+    o
   );
   return a.on((u) => {
     t.setItem(s, r(u));
@@ -689,9 +689,9 @@ function oe(s) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : setTimeout(s, 0);
 }
 const Fe = (s, e, t, r) => {
-  const n = (r == null ? void 0 : r.duration) ?? 300, l = (r == null ? void 0 : r.easing) ?? ((S) => S), o = (r == null ? void 0 : r.equals) ?? ((S, $) => S === $);
+  const n = (r == null ? void 0 : r.duration) ?? 300, o = (r == null ? void 0 : r.easing) ?? ((S) => S), l = (r == null ? void 0 : r.equals) ?? ((S, $) => S === $);
   let c = r == null ? void 0 : r.interpolate, a = s, u = e(), h = performance.now(), g = null, y = !0;
-  const p = new x(e, o), m = w(s, o);
+  const p = new x(e, l), m = w(s, l);
   m.onDispose(() => {
     g !== null && cancelAnimationFrame(g);
   }), m.onDispose(p.dispose), t.forEach((S) => {
@@ -700,7 +700,7 @@ const Fe = (s, e, t, r) => {
   const C = (S) => {
     u = S, h = performance.now(), a = m.value, y && (y = !1, g = oe(ee));
   }, ee = () => {
-    const $ = (performance.now() - h) / T.get(n), Me = l($);
+    const $ = (performance.now() - h) / T.get(n), Me = o($);
     c == null && (c = Re(a));
     let te = c(a, u, Me);
     $ >= 1 ? (y = !0, te = u) : g = oe(ee), m.set(te);
@@ -716,10 +716,10 @@ const Fe = (s, e, t, r) => {
   );
 }, Ht = (s, e) => {
   const { signals: t, literals: r } = Object.entries(s).reduce(
-    ({ signals: l, literals: o }, [c, a]) => (d.is(a) ? l.push([c, a]) : o[c] = a, { signals: l, literals: o }),
+    ({ signals: o, literals: l }, [c, a]) => (d.is(a) ? o.push([c, a]) : l[c] = a, { signals: o, literals: l }),
     { signals: [], literals: {} }
-  ), n = t.map(([, l]) => l);
-  return z(() => (t.forEach(([l, o]) => r[l] = o.value), e(r)), n);
+  ), n = t.map(([, o]) => o);
+  return z(() => (t.forEach(([o, l]) => r[o] = l.value), e(r)), n);
 }, ue = /* @__PURE__ */ new Set(["checked", "disabled", "hidden"]), he = /* @__PURE__ */ new Set(["selected"]), fe = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
@@ -876,7 +876,8 @@ class L {
     i(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new me(e);
-      return this.providers[e];
+      const [t, r] = this.providers[e];
+      return { value: t, onUse: r };
     });
     i(this, "clear", (e) => {
       e && (this.reference !== void 0 ? R(this.reference) : R(this.element));
@@ -907,13 +908,12 @@ class L {
      * @param options - The options for the event listener.
      * @returns A function to remove the event listener.
      */
-    i(this, "on", (e, t, r) => (this.element.addEventListener(e, t, r), (n) => {
-      n && this.element.removeEventListener(
-        e,
-        t,
-        r
-      );
-    }));
+    i(this, "on", (e, t, r) => {
+      const n = (o) => t(o, this);
+      return this.element.addEventListener(e, n, r), (o) => {
+        o && this.element.removeEventListener(e, n, r);
+      };
+    });
     /**
      * Returns `true` if the context is a browser DOM context.
      * @returns `true` if the context is a browser DOM context.
@@ -971,21 +971,21 @@ class L {
 const Je = (s) => Symbol(s), Q = (s, e) => {
   const t = s(e);
   return (r = !0) => t(r);
-}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: l = {} } = {}) => {
-  const o = typeof e == "string" ? (t ?? document).querySelector(e) : e;
-  if (o === null)
+}, Nt = (s, e, { doc: t, clear: r, disposeWithParent: n = !0, providers: o = {} } = {}) => {
+  const l = typeof e == "string" ? (t ?? document).querySelector(e) : e;
+  if (l === null)
     throw new Ge(
       `Cannot find element by selector for render: ${e}`
     );
-  r !== !1 && (t ?? o.ownerDocument) != null && o.nodeType === 1 && (o.innerHTML = "");
-  const c = Ue(o), a = ge(o) ? void 0 : o, u = L.of(c, a, l), h = Q(s, u);
+  r !== !1 && (t ?? l.ownerDocument) != null && l.nodeType === 1 && (l.innerHTML = "");
+  const c = Ue(l), a = ge(l) ? void 0 : l, u = L.of(c, a, o), h = Q(s, u);
   let g;
   return n && (g = new MutationObserver((y) => {
     var p;
     (p = y[0]) == null || p.removedNodes.forEach((m) => {
-      m === o && (g == null || g.disconnect(), h(o.nodeType !== Node.ELEMENT_NODE));
+      m === l && (g == null || g.disconnect(), h(l.nodeType !== Node.ELEMENT_NODE));
     });
-  }), g.observe(o.parentElement, {
+  }), g.observe(l.parentElement, {
     childList: !0,
     subtree: !1,
     attributes: !1
@@ -999,10 +999,10 @@ const Je = (s) => Symbol(s), Q = (s, e) => {
 } = {
   selector: "body"
 }) => {
-  const n = T.toSignal(e).deriveProp(), l = new Se(t, void 0), o = new P(l, void 0, { currentURL: n }, r);
+  const n = T.toSignal(e).deriveProp(), o = new Se(t, void 0), l = new P(o, void 0, { currentURL: n }, r);
   return {
-    clear: Q(s(), o),
-    root: l,
+    clear: Q(s(), l),
+    root: o,
     currentURL: n
   };
 };
@@ -1018,8 +1018,8 @@ class kt {
     getAttribute: t,
     setAttribute: r,
     getClass: n,
-    setClass: l,
-    getStyles: o,
+    setClass: o,
+    getStyles: l,
     setStyles: c,
     appendHTML: a,
     getInnerHTML: u,
@@ -1110,65 +1110,65 @@ class kt {
      */
     i(this, "setFromRoot", (e, t) => {
       e.getPortals().forEach((n) => {
-        const l = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
-        for (const o of l) {
-          if (o == null)
+        const o = typeof n.selector == "string" ? this.select(n.selector) : [n.selector];
+        for (const l of o) {
+          if (l == null)
             throw new Error(
               `Cannot find element by selector for render: ${n.selector}`
             );
-          if (n.hasChildren() && this.appendHTML(o, n.contentToHTML(t)), n.hasInnerHTML()) {
+          if (n.hasChildren() && this.appendHTML(l, n.contentToHTML(t)), n.hasInnerHTML()) {
             if (t) {
-              const c = this.getInnerHTML(o);
-              c != null && this.setAttribute(o, q, c);
+              const c = this.getInnerHTML(l);
+              c != null && this.setAttribute(l, q, c);
             }
-            this.setInnerHTML(o, n.getInnerHTML());
+            this.setInnerHTML(l, n.getInnerHTML());
           }
           if (n.hasInnerText()) {
             if (t) {
-              const c = this.getInnerText(o);
-              c != null && this.setAttribute(o, F, c);
+              const c = this.getInnerText(l);
+              c != null && this.setAttribute(l, F, c);
             }
-            this.setInnerText(o, n.getInnerText());
+            this.setInnerText(l, n.getInnerText());
           }
           if (n.hasClasses()) {
             if (t) {
-              const c = this.getClass(o);
-              c != null && this.setAttribute(o, V, c);
+              const c = this.getClass(l);
+              c != null && this.setAttribute(l, V, c);
             }
-            this.setClass(o, n.getClasses().join(" "));
+            this.setClass(l, n.getClasses().join(" "));
           }
           if (n.hasStyles()) {
             if (t) {
-              const c = this.getStyles(o);
+              const c = this.getStyles(l);
               Object.keys(c).length > 0 && this.setAttribute(
-                o,
+                l,
                 j,
                 JSON.stringify(c)
               );
             }
-            this.setStyles(o, n.getStyles());
+            this.setStyles(l, n.getStyles());
           }
           if (n.hasAttributes()) {
             const c = n.getAttributes();
             if (t) {
               const a = [];
               c.forEach(([u]) => {
-                const h = this.getAttribute(o, u);
+                const h = this.getAttribute(l, u);
                 h != null && a.push([u, h]);
               }), a.length > 0 && this.setAttribute(
-                o,
+                l,
                 B,
                 JSON.stringify(Object.fromEntries(a))
               );
             }
             c.forEach(([a, u]) => {
-              this.setAttribute(o, a, u);
+              this.setAttribute(l, a, u);
             });
           }
         }
       });
     });
-    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = l, this.getStyles = o, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = y;
+    this.select = e, this.getAttribute = t, this.setAttribute = r, this.getClass = n, this.setClass = o, this.getStyles = l, this.setStyles = c, this.appendHTML = a, this.getInnerHTML = u, this.setInnerHTML = h, this.getInnerText = g, this.setInnerText = y;
   }
 }
 const Xe = () => {
@@ -1259,17 +1259,17 @@ class Ae {
     i(this, "click", () => {
       this.trigger("click", {});
     });
-    i(this, "on", (e, t, r) => {
-      var c;
-      const n = (c = this.properties)[v] ?? (c[v] = {}), l = r != null && r.once ? (a) => {
-        o(), t(a);
-      } : (a) => t(a);
-      n[e] = [...n[e] ?? [], l];
-      const o = () => {
-        const a = n[e] ?? [], u = a.indexOf(l);
-        u !== -1 && (a.splice(u, 1), a.length === 0 ? (delete n[e], Object.keys(n).length === 0 && delete this.properties[v]) : n[e] = a, (r == null ? void 0 : r.signal) != null && r.signal.removeEventListener("abort", o));
+    i(this, "on", (e, t, r, n) => {
+      var a;
+      const o = (a = this.properties)[v] ?? (a[v] = {}), l = n != null && n.once ? (u) => {
+        c(), t(u, r);
+      } : (u) => t(u, r);
+      o[e] = [...o[e] ?? [], l];
+      const c = () => {
+        const u = o[e] ?? [], h = u.indexOf(l);
+        h !== -1 && (u.splice(h, 1), u.length === 0 ? (delete o[e], Object.keys(o).length === 0 && delete this.properties[v]) : o[e] = u, (n == null ? void 0 : n.signal) != null && n.signal.removeEventListener("abort", c));
       };
-      return (r == null ? void 0 : r.signal) != null && r.signal.addEventListener("abort", o), o;
+      return (n == null ? void 0 : n.signal) != null && n.signal.addEventListener("abort", c), c;
     });
     i(this, "addClasses", (e) => {
       var r;
@@ -1286,8 +1286,8 @@ class Ae {
         return;
       const t = (r = this.properties)[b] ?? (r[b] = []);
       e.forEach((n) => {
-        const l = t.indexOf(n);
-        l !== -1 && t.splice(l, 1);
+        const o = t.indexOf(n);
+        o !== -1 && t.splice(o, 1);
       }), t.length === 0 && delete this.properties[b];
     });
     i(this, "getClasses", () => this.properties[b] ?? []);
@@ -1324,9 +1324,9 @@ class ct extends Ae {
     i(this, "isPortal", () => !1);
     i(this, "toHTML", (t = !1) => {
       const r = this.children.map((a) => a.toHTML()).join(""), n = this.namespace ? ` xmlns="${this.namespace}"` : "";
-      let l = null;
-      const o = this.getVisibleAttributes().map(([a, u]) => a === "class" ? ` class="${u.join(" ")}"` : a === "style" ? typeof u == "string" ? ` style="${u}"` : ` style="${Object.entries(u).map(([h, g]) => `${h}: ${g};`).join(" ")}"` : ut.has(a) ? ` ${a}` : a === "innerHTML" ? (l = u, "") : a === "innerText" ? (l = lt(u), "") : ` ${a}="${ot(u)}"`).join(""), c = t ? ` ${ye}` : "";
-      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${o}${c} />` : `<${this.tagName}${n}${o}${c}>${l ?? r}</${this.tagName}>`;
+      let o = 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, g]) => `${h}: ${g};`).join(" ")}"` : ut.has(a) ? ` ${a}` : a === "innerHTML" ? (o = u, "") : a === "innerText" ? (o = lt(u), "") : ` ${a}="${ot(u)}"`).join(""), c = t ? ` ${ye}` : "";
+      return ht.has(this.tagName) && r === "" ? `<${this.tagName}${n}${l}${c} />` : `<${this.tagName}${n}${l}${c}>${o ?? r}</${this.tagName}>`;
     });
     this.tagName = t, this.namespace = r;
   }
@@ -1408,12 +1408,13 @@ class P {
     i(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
         throw new me(e);
-      return this.providers[e];
+      const [t, r] = this.providers[e];
+      return { value: t, onUse: r };
     });
     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, "on", (e, t) => this.element.on(e, t, this));
     i(this, "addClasses", (e) => this.element.addClasses(e));
     i(this, "removeClasses", (e) => this.element.removeClasses(e));
     i(this, "getClasses", () => this.element.getClasses());
@@ -1450,20 +1451,20 @@ const ut = /* @__PURE__ */ new Set([
 }), dt = (s) => (e) => {
   let t = [];
   const r = s.on((n) => {
-    e.removeClasses(t), t = (n ?? "").split(" ").filter((l) => l.length > 0), e.addClasses(t);
+    e.removeClasses(t), t = (n ?? "").split(" ").filter((o) => o.length > 0), e.addClasses(t);
   });
   return (n) => {
     r(), n && e.removeClasses(t), t.length = 0;
   };
 }, H = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), l = r();
-  return n(e), (o) => {
-    o && n(l);
+  const { get: r, set: n } = t.makeAccessors(s), o = r();
+  return n(e), (l) => {
+    l && n(o);
   };
 }, N = (s, e) => (t) => {
-  const { get: r, set: n } = t.makeAccessors(s), l = r(), o = e.on(n);
+  const { get: r, set: n } = t.makeAccessors(s), o = r(), l = e.on(n);
   return (c) => {
-    o(), c && n(l);
+    l(), c && n(o);
   };
 }, M = new Proxy(
   {},
@@ -1574,14 +1575,14 @@ const ut = /* @__PURE__ */ new Set([
     return s;
   throw new Error(`Unknown type: '${typeof s}' for child: ${s}`);
 }, we = (s, ...e) => (t) => {
-  const r = t.makeChildElement(s, void 0), n = e.map((l) => f(l)(r));
-  return (l) => {
-    n.forEach((o) => o(!1)), r.clear(l);
+  const r = t.makeChildElement(s, void 0), n = e.map((o) => f(o)(r));
+  return (o) => {
+    n.forEach((l) => l(!1)), r.clear(o);
   };
 }, Ce = (s, e, ...t) => (r) => {
-  const n = r.makeChildElement(s, e), l = t.map((o) => f(o)(n));
-  return (o) => {
-    l.forEach((c) => c(!1)), n.clear(o);
+  const n = r.makeChildElement(s, e), o = t.map((l) => f(l)(n));
+  return (l) => {
+    o.forEach((c) => c(!1)), n.clear(l);
   };
 }, Bt = new Proxy(
   {},
@@ -1626,28 +1627,28 @@ const ut = /* @__PURE__ */ new Set([
 ), ve = (s, e) => {
   if (typeof e == "function")
     return ve(s, { then: e });
-  const t = e.pending != null ? f(e.pending()) : _, r = e.then, n = e.error != null ? (l) => f(e.error(l)) : () => _;
-  return (l) => {
-    let o = !0;
-    const c = s(), a = l.makeRef();
+  const t = e.pending != null ? f(e.pending()) : _, r = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => _;
+  return (o) => {
+    let l = !0;
+    const c = s(), a = o.makeRef();
     let u = f(t)(a);
     return c.then(
       (h) => {
-        o && (u(!0), u = f(r(h))(a));
+        l && (u(!0), u = f(r(h))(a));
       },
       (h) => {
-        o && (u(!0), u = f(n(h))(a));
+        l && (u(!0), u = f(n(h))(a));
       }
     ), (h) => {
-      o = !1, u(h), a.clear(h);
+      l = !1, u(h), a.clear(h);
     };
   };
-}, Gt = (s, e) => ve(() => s, e), xe = (s, e, t) => (r) => r.on(s, e, t), mt = (s) => xe("click", (e) => {
+}, Gt = (s, e) => ve(() => s, e), xe = (s, e, t) => (r) => r.on(s, e, t), mt = (s) => xe("click", (e, t) => {
   e.preventDefault();
-  const t = e.target;
+  const r = e.target;
   setTimeout(() => {
-    const r = t.ownerDocument != null ? t == null ? void 0 : t.checked : void 0;
-    r != null && s(!r);
+    const n = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
+    n != null && s(!n, t);
   }, 0);
 }), J = new Proxy(
   {},
@@ -1691,12 +1692,12 @@ const ut = /* @__PURE__ */ new Set([
   const t = e.target;
   if (t.value === "")
     return;
-  const r = t.value.split("T"), n = r[0].split("-"), l = new Date(
+  const r = t.value.split("T"), n = r[0].split("-"), o = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
-  ), o = r[1].split(":");
-  l.setHours(Number(o[0])), l.setMinutes(Number(o[1])), l.setSeconds(Number(o[2])), s(l);
+  ), l = r[1].split(":");
+  o.setHours(Number(l[0])), o.setMinutes(Number(l[1])), o.setSeconds(Number(l[2])), s(o);
 }, Yt = (s) => (e) => {
   const t = e.target;
   if (t.value === "") {
@@ -1708,12 +1709,12 @@ const ut = /* @__PURE__ */ new Set([
     s(null);
     return;
   }
-  const n = r[0].split("-"), l = new Date(
+  const n = r[0].split("-"), o = new Date(
     Number(n[0]),
     Number(n[1]) - 1,
     Number(n[2])
-  ), o = r[1].split(":");
-  l.setHours(Number(o[0] ?? 0)), l.setMinutes(Number(o[1] ?? 0)), l.setSeconds(Number(o[2] ?? 0)), s(l);
+  ), l = r[1].split(":");
+  o.setHours(Number(l[0] ?? 0)), o.setMinutes(Number(l[1] ?? 0)), o.setSeconds(Number(l[2] ?? 0)), s(o);
 }, zt = (s) => (e) => {
   const t = e.target;
   s(t.checked);
@@ -1727,18 +1728,18 @@ const ut = /* @__PURE__ */ new Set([
   if (d.is(s))
     return (r) => {
       const n = r.makeRef();
-      let l, o;
+      let o, l;
       const c = s.map((h) => Object.keys(h)[0]);
       let a;
       const u = c.on((h) => {
         if (h !== a) {
-          a = h, o == null || o.dispose(), l == null || l(!0), o = s.map((y) => y[h]);
-          const g = e[h](o);
-          l = f(g)(n);
+          a = h, l == null || l.dispose(), o == null || o(!0), l = s.map((y) => y[h]);
+          const g = e[h](l);
+          o = f(g)(n);
         }
       });
       return (h) => {
-        o == null || o.dispose(), u(), n.clear(h), l == null || l(h);
+        l == null || l.dispose(), u(), n.clear(h), o == null || o(h);
       };
     };
   const t = Object.keys(s)[0];
@@ -1756,7 +1757,7 @@ const ut = /* @__PURE__ */ new Set([
 ), cs = (s, e = {}) => (t) => {
   const r = (e == null ? void 0 : e.firstSeparator) ?? s, n = (e == null ? void 0 : e.lastSeparator) ?? s;
   return St(
-    t.map((l) => l.isFirst ? "first" : l.isLast ? "last" : "other"),
+    t.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: r,
       last: n,
@@ -1769,16 +1770,16 @@ const ut = /* @__PURE__ */ new Set([
   if (d.is(s)) {
     const r = s;
     return (n) => {
-      const l = n.makeRef();
-      let o = () => {
+      const o = n.makeRef();
+      let l = () => {
       }, c = !1, a = null;
       const u = r.on((h) => {
-        h == null ? (o(!0), o = f((t == null ? void 0 : t()) ?? _)(l), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = w(h) : a.value = h, c || (o(!0), o = f(e(a))(
-          l
+        h == null ? (l(!0), l = f((t == null ? void 0 : t()) ?? _)(o), c = !1, a == null || a.dispose(), a = null) : (a == null ? a = w(h) : a.value = h, c || (l(!0), l = f(e(a))(
+          o
         ), c = !0));
       });
       return (h) => {
-        a == null || a.dispose(), u(), o == null || o(h), l.clear(h);
+        a == null || a.dispose(), u(), l == null || l(h), o.clear(h);
       };
     };
   } else {
@@ -1797,17 +1798,17 @@ const ut = /* @__PURE__ */ new Set([
     return (t != null ? f(t == null ? void 0 : t()) : _)(
       n
     );
-  const o = s.map(() => null), c = s.map(
+  const l = s.map(() => null), c = s.map(
     (p) => d.is(p) ? p.value != null : p != null
   );
   let a = null;
   const u = w(c.every((p) => p)), h = (p, m) => {
     if (p.value != null) {
-      if (o[m] == null) {
+      if (l[m] == null) {
         const C = w(p.value);
-        o[m] = C;
+        l[m] = C;
       } else
-        o[m].value = p.value;
+        l[m].value = p.value;
       c[m] = !0;
     } else
       c[m] = !1;
@@ -1816,7 +1817,7 @@ const ut = /* @__PURE__ */ new Set([
   const y = s.map((p, m) => {
     if (!d.is(p)) {
       const C = w(p);
-      return o[m] = C, () => {
+      return l[m] = C, () => {
       };
     }
     return p.on(() => {
@@ -1824,9 +1825,9 @@ const ut = /* @__PURE__ */ new Set([
     });
   });
   return u.on((p) => {
-    a == null || a(!0), a = null, p ? a = f(e(...o))(n) : a = 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) => {
-    o.forEach((m) => m == null ? void 0 : m.dispose()), u.dispose(), y.forEach((m) => m()), a == null || a(p), n.clear(p);
+    l.forEach((m) => m == null ? void 0 : m.dispose()), u.dispose(), y.forEach((m) => m()), a == null || a(p), n.clear(p);
   };
 }, Z = (...s) => (e) => (t) => s.forEach((r) => r(t, e)), Pe = (s, e, t) => _t(
   T.map(s, (r) => r ? !0 : null),
@@ -1839,7 +1840,7 @@ const ut = /* @__PURE__ */ new Set([
 ), De = (s, e, t) => t != null ? De(s, (r) => {
   const n = new Y(
     r.index,
-    r.total.map((l) => l - 1)
+    r.total.map((o) => o - 1)
   );
   return A(
     Z(n.dispose),
@@ -1851,34 +1852,34 @@ const ut = /* @__PURE__ */ new Set([
     )
   );
 }) : d.is(s) ? (r) => {
-  const n = r.makeRef(), l = [], o = s.on((c) => {
-    const a = l.splice(c);
+  const n = r.makeRef(), o = [], l = s.on((c) => {
+    const a = o.splice(c);
     for (const u of a)
       u(!0);
-    for (let u = l.length; u < c; u++) {
+    for (let u = o.length; u < c; u++) {
       const h = new Y(u, s);
-      l.push(f(e(h))(n));
+      o.push(f(e(h))(n));
     }
   });
   return (c) => {
-    o();
-    for (const a of l)
+    l();
+    for (const a of o)
       a(c);
-    l.length = 0, n.clear(c);
+    o.length = 0, n.clear(c);
   };
 } : A(
   ...Array.from({ length: s }, (r, n) => n).map(
     (r) => f(e(new Y(r, U(s))))
   )
 ), fs = (s, e, t) => {
-  const r = T.map(s, (l) => l.length), n = T.toSignal(s);
+  const r = T.map(s, (o) => o.length), n = T.toSignal(s);
   return De(
     r,
-    (l) => {
-      const o = n.map((c) => c[l.index]);
+    (o) => {
+      const l = n.map((c) => c[o.index]);
       return A(
-        Z(o.dispose),
-        f(e(o, l))
+        Z(l.dispose),
+        f(e(l, o))
       );
     },
     t
@@ -1889,13 +1890,13 @@ const ut = /* @__PURE__ */ new Set([
     return (r) => {
       r = r.makeRef();
       const n = t.map((c) => f(e(c)));
-      let l = () => {
+      let o = () => {
       };
-      const o = n.on((c) => {
-        l(!0), l = c(r);
+      const l = n.on((c) => {
+        o(!0), o = c(r);
       });
       return (c) => {
-        o(), l(c);
+        l(), o(c);
       };
     };
   }
@@ -1921,15 +1922,15 @@ const ut = /* @__PURE__ */ new Set([
     };
     if (k.has(s))
       throw new Error(`Probe already exists: ${s.description}`);
-    const n = setTimeout(() => r("timeout"), t), l = { counter: 0, timeoutId: n };
-    return k.set(s, l), {
+    const n = setTimeout(() => r("timeout"), t), o = { counter: 0, timeoutId: n };
+    return k.set(s, o), {
       value: () => {
         clearTimeout(n);
         const c = k.get(s);
         c != null && --c.counter === 0 && r("resolved");
       },
       dispose: () => r("disposed"),
-      onUse: () => l.counter++
+      onUse: () => o.counter++
     };
   }
 }), ms = Et(Symbol("GlobalProbe")), wt = (s, e) => (t) => {
@@ -1983,20 +1984,20 @@ const ut = /* @__PURE__ */ new Set([
   function n(c) {
     t = c;
   }
-  const l = [], o = s({
+  const o = [], l = s({
     use: ({ mark: c }) => {
-      const [a, u] = r().getProvider(c);
+      const { value: a, onUse: u } = r().getProvider(c);
       return u == null || u(), a;
     },
     set: ({ mark: c, create: a }, u) => {
       const { value: h, dispose: g, onUse: y } = a(u, r());
-      l.push(g), n(r().setProvider(c, h, y));
+      o.push(g), n(r().setProvider(c, h, y));
     }
   });
-  return o == null ? () => {
+  return l == null ? () => {
   } : A(
-    f(o),
-    Z(() => l.forEach((c) => c()))
+    f(l),
+    Z(() => o.forEach((c) => c()))
   )(r());
 }, Ss = (s, e, t) => K(({ set: r }) => (r(s, e), t())), _s = (s, e) => K(({ use: t }) => e(t(s))), Es = (...s) => (e) => K(({ use: t }) => {
   const r = s.map(t);

package/package.json

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

package/renderable/on.d.ts

@@ -1,102 +1,103 @@
 import { Renderable } from '../types/domain';
+import { DOMContext } from '../dom/dom-context';
 /**
  * Attaches an event handler to the 'click' event that triggers when a checkbox is checked or unchecked.
  * @param fn - The callback function to be executed when the checkbox is clicked.
  * @alpha
  */
-export declare const OnChecked: (fn: (event: boolean) => void) => Renderable;
+export declare const OnChecked: (fn: (event: boolean, ctx: DOMContext) => void) => Renderable;
 /**
  * Represents a collection of HTML event handlers that can be attached to an element.
  * @public
  */
 export declare const on: {
-    abort: (handler: (event: Event) => void) => Renderable;
-    animationcancel: (handler: (event: AnimationEvent) => void) => Renderable;
-    animationend: (handler: (event: AnimationEvent) => void) => Renderable;
-    animationiteration: (handler: (event: AnimationEvent) => void) => Renderable;
-    animationstart: (handler: (event: AnimationEvent) => void) => Renderable;
-    auxclick: (handler: (event: MouseEvent) => void) => Renderable;
-    blur: (handler: (event: FocusEvent) => void) => Renderable;
-    cancel: (handler: (event: Event) => void) => Renderable;
-    canplay: (handler: (event: Event) => void) => Renderable;
-    canplaythrough: (handler: (event: Event) => void) => Renderable;
-    change: (handler: (event: Event) => void) => Renderable;
-    click: (handler: (event: MouseEvent) => void) => Renderable;
-    close: (handler: (event: Event) => void) => Renderable;
-    contextmenu: (handler: (event: MouseEvent) => void) => Renderable;
-    cuechange: (handler: (event: Event) => void) => Renderable;
-    dblclick: (handler: (event: MouseEvent) => void) => Renderable;
-    drag: (handler: (event: DragEvent) => void) => Renderable;
-    dragend: (handler: (event: DragEvent) => void) => Renderable;
-    dragenter: (handler: (event: DragEvent) => void) => Renderable;
-    dragexit: (handler: (event: Event) => void) => Renderable;
-    dragleave: (handler: (event: DragEvent) => void) => Renderable;
-    dragover: (handler: (event: DragEvent) => void) => Renderable;
-    dragstart: (handler: (event: DragEvent) => void) => Renderable;
-    drop: (handler: (event: DragEvent) => void) => Renderable;
-    durationchange: (handler: (event: Event) => void) => Renderable;
-    emptied: (handler: (event: Event) => void) => Renderable;
-    ended: (handler: (event: Event) => void) => Renderable;
-    error: (handler: (event: ErrorEvent) => void) => Renderable;
-    focus: (handler: (event: FocusEvent) => void) => Renderable;
-    focusin: (handler: (event: FocusEvent) => void) => Renderable;
-    focusout: (handler: (event: FocusEvent) => void) => Renderable;
-    gotpointercapture: (handler: (event: PointerEvent) => void) => Renderable;
-    input: (handler: (event: Event) => void) => Renderable;
-    invalid: (handler: (event: Event) => void) => Renderable;
-    keydown: (handler: (event: KeyboardEvent) => void) => Renderable;
-    keypress: (handler: (event: KeyboardEvent) => void) => Renderable;
-    keyup: (handler: (event: KeyboardEvent) => void) => Renderable;
-    load: (handler: (event: Event) => void) => Renderable;
-    loadeddata: (handler: (event: Event) => void) => Renderable;
-    loadedmetadata: (handler: (event: Event) => void) => Renderable;
-    loadend: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
-    loadstart: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
-    lostpointercapture: (handler: (event: PointerEvent) => void) => Renderable;
-    mousedown: (handler: (event: MouseEvent) => void) => Renderable;
-    mouseenter: (handler: (event: MouseEvent) => void) => Renderable;
-    mouseleave: (handler: (event: MouseEvent) => void) => Renderable;
-    mousemove: (handler: (event: MouseEvent) => void) => Renderable;
-    mouseout: (handler: (event: MouseEvent) => void) => Renderable;
-    mouseover: (handler: (event: MouseEvent) => void) => Renderable;
-    mouseup: (handler: (event: MouseEvent) => void) => Renderable;
-    pause: (handler: (event: Event) => void) => Renderable;
-    play: (handler: (event: Event) => void) => Renderable;
-    playing: (handler: (event: Event) => void) => Renderable;
-    pointercancel: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerdown: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerenter: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerleave: (handler: (event: PointerEvent) => void) => Renderable;
-    pointermove: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerout: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerover: (handler: (event: PointerEvent) => void) => Renderable;
-    pointerup: (handler: (event: PointerEvent) => void) => Renderable;
-    progress: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
-    ratechange: (handler: (event: Event) => void) => Renderable;
-    reset: (handler: (event: Event) => void) => Renderable;
-    resize: (handler: (event: UIEvent) => void) => Renderable;
-    scroll: (handler: (event: Event) => void) => Renderable;
-    securitypolicyviolation: (handler: (event: SecurityPolicyViolationEvent) => void) => Renderable;
-    seeked: (handler: (event: Event) => void) => Renderable;
-    seeking: (handler: (event: Event) => void) => Renderable;
-    select: (handler: (event: Event) => void) => Renderable;
-    selectionchange: (handler: (event: Event) => void) => Renderable;
-    selectstart: (handler: (event: Event) => void) => Renderable;
-    stalled: (handler: (event: Event) => void) => Renderable;
-    submit: (handler: (event: Event) => void) => Renderable;
-    suspend: (handler: (event: Event) => void) => Renderable;
-    timeupdate: (handler: (event: Event) => void) => Renderable;
-    toggle: (handler: (event: Event) => void) => Renderable;
-    touchcancel: (handler: (event: TouchEvent) => void) => Renderable;
-    touchend: (handler: (event: TouchEvent) => void) => Renderable;
-    touchmove: (handler: (event: TouchEvent) => void) => Renderable;
-    touchstart: (handler: (event: TouchEvent) => void) => Renderable;
-    transitioncancel: (handler: (event: TransitionEvent) => void) => Renderable;
-    transitionend: (handler: (event: TransitionEvent) => void) => Renderable;
-    transitionrun: (handler: (event: TransitionEvent) => void) => Renderable;
-    transitionstart: (handler: (event: TransitionEvent) => void) => Renderable;
-    volumechange: (handler: (event: Event) => void) => Renderable;
-    waiting: (handler: (event: Event) => void) => Renderable;
+    abort: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    animationcancel: (handler: (event: AnimationEvent, ctx: DOMContext) => void) => Renderable;
+    animationend: (handler: (event: AnimationEvent, ctx: DOMContext) => void) => Renderable;
+    animationiteration: (handler: (event: AnimationEvent, ctx: DOMContext) => void) => Renderable;
+    animationstart: (handler: (event: AnimationEvent, ctx: DOMContext) => void) => Renderable;
+    auxclick: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    blur: (handler: (event: FocusEvent, ctx: DOMContext) => void) => Renderable;
+    cancel: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    canplay: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    canplaythrough: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    change: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    click: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    close: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    contextmenu: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    cuechange: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    dblclick: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    drag: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    dragend: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    dragenter: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    dragexit: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    dragleave: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    dragover: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    dragstart: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    drop: (handler: (event: DragEvent, ctx: DOMContext) => void) => Renderable;
+    durationchange: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    emptied: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    ended: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    error: (handler: (event: ErrorEvent, ctx: DOMContext) => void) => Renderable;
+    focus: (handler: (event: FocusEvent, ctx: DOMContext) => void) => Renderable;
+    focusin: (handler: (event: FocusEvent, ctx: DOMContext) => void) => Renderable;
+    focusout: (handler: (event: FocusEvent, ctx: DOMContext) => void) => Renderable;
+    gotpointercapture: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    input: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    invalid: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    keydown: (handler: (event: KeyboardEvent, ctx: DOMContext) => void) => Renderable;
+    keypress: (handler: (event: KeyboardEvent, ctx: DOMContext) => void) => Renderable;
+    keyup: (handler: (event: KeyboardEvent, ctx: DOMContext) => void) => Renderable;
+    load: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    loadeddata: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    loadedmetadata: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    loadend: (handler: (event: ProgressEvent<EventTarget>, ctx: DOMContext) => void) => Renderable;
+    loadstart: (handler: (event: ProgressEvent<EventTarget>, ctx: DOMContext) => void) => Renderable;
+    lostpointercapture: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    mousedown: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mouseenter: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mouseleave: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mousemove: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mouseout: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mouseover: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    mouseup: (handler: (event: MouseEvent, ctx: DOMContext) => void) => Renderable;
+    pause: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    play: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    playing: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    pointercancel: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerdown: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerenter: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerleave: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointermove: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerout: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerover: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    pointerup: (handler: (event: PointerEvent, ctx: DOMContext) => void) => Renderable;
+    progress: (handler: (event: ProgressEvent<EventTarget>, ctx: DOMContext) => void) => Renderable;
+    ratechange: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    reset: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    resize: (handler: (event: UIEvent, ctx: DOMContext) => void) => Renderable;
+    scroll: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    securitypolicyviolation: (handler: (event: SecurityPolicyViolationEvent, ctx: DOMContext) => void) => Renderable;
+    seeked: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    seeking: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    select: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    selectionchange: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    selectstart: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    stalled: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    submit: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    suspend: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    timeupdate: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    toggle: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    touchcancel: (handler: (event: TouchEvent, ctx: DOMContext) => void) => Renderable;
+    touchend: (handler: (event: TouchEvent, ctx: DOMContext) => void) => Renderable;
+    touchmove: (handler: (event: TouchEvent, ctx: DOMContext) => void) => Renderable;
+    touchstart: (handler: (event: TouchEvent, ctx: DOMContext) => void) => Renderable;
+    transitioncancel: (handler: (event: TransitionEvent, ctx: DOMContext) => void) => Renderable;
+    transitionend: (handler: (event: TransitionEvent, ctx: DOMContext) => void) => Renderable;
+    transitionrun: (handler: (event: TransitionEvent, ctx: DOMContext) => void) => Renderable;
+    transitionstart: (handler: (event: TransitionEvent, ctx: DOMContext) => void) => Renderable;
+    volumechange: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
+    waiting: (handler: (event: Event, ctx: DOMContext) => void) => Renderable;
 };
 /**
  * Creates an event handler that emits the value of an HTMLInputElement.