@tempots/dom 19.0.0 → 19.1.0

package/index.cjs

@@ -1 +1 @@
-"use strict";var Qe=Object.defineProperty;var Ye=(t,e,r)=>e in t?Qe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>Ye(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const pe=(t,e,r)=>t+(e-t)*r,de=97,me=(t,e,r)=>{const n=Math.max(t.length,e.length);let s="";for(let o=0;o<n;o++){let i=t.charCodeAt(o);isNaN(i)&&(i=de);let u=e.charCodeAt(o);isNaN(u)&&(u=de),s+=String.fromCharCode(i+(u-i)*r)}return s},ge=(t,e,r)=>new Date(t.getTime()+(e.getTime()-t.getTime())*r),_e=(t,e)=>e,ve=t=>typeof t=="number"?pe:typeof t=="string"?me:t instanceof Date?ge:_e;class ye{constructor(e,r){this.index=e,this.total=r}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const h=class h{constructor(e,r){a(this,"$__signal__",!0);a(this,"_value");a(this,"_derivatives",[]);a(this,"_onValueListeners",[]);a(this,"_onDisposeListeners",[]);a(this,"get",()=>this._value);a(this,"hasListeners",()=>this._onValueListeners.length>0);a(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));a(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});a(this,"_disposed",!1);a(this,"isDisposed",()=>this._disposed);a(this,"onDispose",e=>{this._onDisposeListeners.push(e)});a(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});a(this,"map",(e,r=(n,s)=>n===s)=>{const n=new w(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});a(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new w(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});a(this,"tap",e=>this.map(r=>(e(r),r)));a(this,"at",e=>this.map(r=>r[e]));a(this,"$",new Proxy(this,{get:(e,r)=>this.at(r)}));a(this,"filter",(e,r)=>{let n=r??this.get();const s=new w(()=>{try{const o=this.get();return n=e(o)?o:n}catch(o){throw console.error("Error in Signal.filter:",o),o}},this.equals);return this.setDerivative(s),s});a(this,"filterMap",(e,r,n=(s,o)=>s===o)=>{let s=r;const o=new w(()=>{try{const i=this.get(),u=e(i);return s=u??s}catch(i){throw console.error("Error in Signal.filterMap:",i),i}},n);return this.setDerivative(o),o});a(this,"mapAsync",(e,r,n,s=(o,i)=>o===i)=>{const o=D(r,s);let i=0;return o.onDispose(this.on(u=>{const l=++i;try{e(u).then(c=>{l===i&&o.set(c)}).catch(c=>{l===i&&(n!=null?o.set(n(c)):console.error("Unhandled promise rejection in Signal.mapAsync:",c))})}catch(c){throw console.error("Error in Signal.mapAsync:",c),c}})),o});a(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));a(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});a(this,"deriveProp",(e=!0)=>this.feedProp(D(this.get()),e));a(this,"count",()=>{let e=0;return this.map(()=>++e)});a(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}get value(){return this._value}};a(h,"ofPromise",(e,r,n,s=(o,i)=>o===i)=>{const o=new h(r,s);return e.then(i=>o._setAndNotify(i,!1)).catch(i=>{n!=null?o._setAndNotify(n(i),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",i)}),o}),a(h,"is",e=>e!=null&&e.$__signal__===!0),a(h,"wrap",(e,r=(n,s)=>n===s)=>h.is(e)?e:new h(e,r)),a(h,"maybeWrap",e=>e==null?e:h.wrap(e)),a(h,"unwrap",e=>h.is(e)?e.get():e),a(h,"map",(e,r)=>h.is(e)?e.map(r):r(e));let d=h;const Ze=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);class w extends d{constructor(r,n){super(void 0,n);a(this,"$__computed__",!0);a(this,"_isDirty",!1);a(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this._scheduleNotify())});a(this,"_scheduleCount",0);a(this,"_scheduleNotify",()=>{const r=++this._scheduleCount;Ze(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});a(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r.$__computed__===!0}get value(){return this.get()}}const $=class $ extends d{constructor(){super(...arguments);a(this,"$__prop__",!0);a(this,"set",r=>{this._setAndNotify(r,!1)});a(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});a(this,"reducer",(r,...n)=>{const s=this;return function o(i){const u=s.value;s.update(l=>r(l,i)),!s.equals(u,s.value)&&n.forEach(l=>l({previousState:u,state:s.value,action:i,dispatch:o}))}});a(this,"iso",(r,n,s=(o,i)=>o===i)=>{const o=new $(r(this.get()),s);return o.onDispose(this.on(i=>o.set(r(i)))),o.on(i=>this._setAndNotify(n(i),!1)),o});a(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}};a($,"is",r=>r!=null&&r.$__prop__===!0);let N=$;const q=(t,e,r=(n,s)=>n===s)=>{const n=new w(t,r);return e.forEach(s=>s.setDerivative(n)),n},xe=(t,e)=>q(t,e).dispose,D=(t,e=(r,n)=>r===n)=>new N(t,e),et=(t,e=(r,n)=>r===n)=>new d(t,e);class G{constructor(){a(this,"_store",new Map);a(this,"getItem",e=>this._store.get(e)??null);a(this,"setItem",(e,r)=>{this._store.set(e,r)})}}const H=({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:o=(u,l)=>u===l,onLoad:i=u=>u})=>{const u=r.getItem(t),l=new N(u!=null?i(s(u)):typeof e=="function"?e():e,o);return l.on(c=>{r.setItem(t,n(c))}),l},tt=t=>H({...t,store:(window==null?void 0:window.localStorage)??new G}),rt=t=>H({...t,store:(window==null?void 0:window.sessionStorage)??new G});function he(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}const Se=(t,e,r,n)=>{const s=(n==null?void 0:n.duration)??300,o=(n==null?void 0:n.easing)??(S=>S),i=(n==null?void 0:n.equals)??((S,M)=>S===M);let u=n==null?void 0:n.interpolate,l=t,c=e(),y=performance.now(),A=null,p=!0;const b=new w(e,i),P=D(t,i);P.onDispose(()=>{A!==null&&cancelAnimationFrame(A)}),P.onDispose(b.dispose),r.forEach(S=>{S.setDerivative(b),S.onDispose(P.dispose)});const Xe=S=>{c=S,y=performance.now(),l=P.value,p&&(p=!1,A=he(ce))},ce=()=>{const M=(performance.now()-y)/d.unwrap(s),ze=o(M);u==null&&(u=ve(l));let fe=u(l,c,ze);M>=1?(p=!0,fe=c):A=he(ce),P.set(fe)};return b.on(Xe),P},nt=(t,e)=>{const{initialValue:r,...n}=e??{};return Se(r??t.get(),t.get,[t],n)},st=(t,e)=>{const{signals:r,literals:n}=Object.entries(t).reduce(({signals:o,literals:i},[u,l])=>(d.is(l)?o.push([u,l]):i[u]=l,{signals:o,literals:i}),{signals:[],literals:{}}),s=r.map(([,o])=>o);return q(()=>(r.forEach(([o,i])=>n[o]=i.value),e(n)),s)},Ae=new Set(["checked","disabled","hidden","selected"]),we=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Ee=new Set(["valueAsDate"]),Pe=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),j=new Map,O=(t,e)=>{if(j.has(t))return j.get(t);{const r=e(t);return j.set(t,r),r}},De=t=>(e,r)=>{r==null?e[t]=null:e[t]=!!r},Te=t=>(e,r)=>{r==null?e[t]=null:e[t]=Number(r)},be=t=>(e,r)=>{r==null?e[t]=null:e[t]=r},Oe=t=>(e,r)=>{r==null?e[t]=null:e[t]=String(r)},ke=t=>(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)},J=t=>Ae.has(t)?O(t,De):we.has(t)?O(t,Te):Ee.has(t)?O(t,be):Pe.has(t)?O(t,Oe):O(t,ke),K=t=>e=>Ae.has(t)?!!e[t]:we.has(t)?Number(e[t]):Ee.has(t)?e[t]:Pe.has(t)?String(e[t]):e.getAttribute(t);class g{constructor(e,r,n,s,o){a(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));a(this,"createText",e=>this.document.createTextNode(e));a(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});a(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});a(this,"withDocument",e=>new g(e,this.element,this.reference,this.providers,!0));a(this,"withElement",e=>new g(this.document,e,void 0,this.providers,!1));a(this,"withFirstLevel",()=>new g(this.document,this.element,this.reference,this.providers,!0));a(this,"withReference",e=>new g(this.document,this.element,e,this.providers,this.isFirstLevel));a(this,"withProvider",(e,r)=>new g(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));a(this,"withProviders",e=>new g(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));a(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Ne(e);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=o}static of(e,r){return new g(e.ownerDocument,e,r,{},!0)}}class Ne extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}const m=t=>{const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)},Ce=t=>X(t)?t:t.parentElement,X=t=>t.nodeType===1;function ot(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:o,search:i,hash:u}=s,l=o+i+u;if(s.getAttribute("href")!==l||e===!0&&!/\/[^/.]*$/.test(o)||Array.isArray(e)&&!e.some(c=>o.endsWith(c)))return!0}return!1}const it=(t,{checkExtension:e=[".html"],checkExternalUrl:r=!0}={})=>n=>{ot(n,e,r)||t()&&n.preventDefault()},z=t=>e=>{re(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&m(r)}},Q=t=>e=>{re(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&m(r)}},at=t=>d.is(t)?Q(t):z(t),_=(...t)=>e=>{const r=t.map(n=>f(n)(e));return n=>{r.forEach(s=>s(n))}},v=()=>()=>{},lt=t=>e=>(ee(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),ut=t=>e=>{ee(e);const r=e.element;let n=[];const s=t.on(o=>{n.forEach(i=>r.classList.remove(i)),n=(o??"").split(" ").filter(i=>i.length>0),r.classList.add(...n)});return o=>{s(),o&&n.forEach(i=>r.classList.remove(i)),n.length=0}},C=(t,e)=>{const r=J(t),n=K(t);return s=>{x(s,t);const o=n(s.element);return r(s.element,e),i=>{i&&r(s.element,o)}}},L=(t,e)=>{const r=J(t),n=K(t);return s=>{x(s,t);const o=n(s.element),i=e.on(u=>r(s.element,u));return u=>{i(),u&&r(s.element,o)}}},E=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?ut(r):lt((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?L(e,r):C(e,r)}),ct=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(`data-${e}`,r):C(`data-${e}`,r)}),ft=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(`aria-${e}`,r):C(`aria-${e}`,r)}),dt=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(e,r):C(e,r)}),ht=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(e,r):C(e,r)}),f=t=>t==null?v:Array.isArray(t)?_(...t.map(f)):typeof t=="string"?z(t):d.is(t)?Q(t):t,Y=(t,...e)=>r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&T()&&te(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(o=>f(o)(r));return o=>{s.forEach(i=>i(!1)),o&&m(n)}},Z=(t,e,...r)=>n=>{const s=n.createElement(t,e);n.isFirstLevel&&T()&&te(s),n.appendOrInsert(s),n=n.withElement(s);const o=r.map(i=>f(i)(n));return i=>{o.forEach(u=>u(!1)),i&&m(s)}},pt=new Proxy({},{get:(t,e)=>(...r)=>Y(e,r.flatMap(f))}),mt=new Proxy({},{get:(t,e)=>(...r)=>Y("input",E.type(e),...r)}),gt="http://www.w3.org/2000/svg",_t=new Proxy({},{get:(t,e)=>(...r)=>Z(e,gt,r.flatMap(f))}),vt="http://www.w3.org/1998/Math/MathML",yt=new Proxy({},{get:(t,e)=>(...r)=>Z(e,vt,r.flatMap(f))}),k="data-tempo-attr",V="data-tempo-class",Le="data-tempo-node",F="data-tempo-text",St=(t,e)=>{const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute(k)??"{}",s={...JSON.parse(n),name:r};t.setAttribute(k,JSON.stringify(s).replace(/"/g,"&quot;"))}},x=(t,e)=>{T()&&t.isFirstLevel&&St(t.element,e)},At=t=>{t.querySelectorAll(`[${k}]`).forEach(e=>{const r=JSON.parse((e.getAttribute(k)??"{}").replace(/&quot;/g,'"'));for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute(k)})};function wt(t){t.setAttribute(V,t.className)}const ee=t=>{T()&&t.isFirstLevel&&wt(t.element)},Et=t=>{t.querySelectorAll(`[${V}]`).forEach(e=>{const r=e.getAttribute(V);r!==null&&(e.className=r,e.removeAttribute(V))})},te=t=>{t.setAttribute(Le,"")},Pt=t=>{t.querySelectorAll(`[${Le}]`).forEach(e=>{m(e)})},Dt=t=>{t.setAttribute(F,t.textContent??"")},re=t=>{T()&&t.isFirstLevel&&Dt(t.element)},Re=t=>{t.querySelectorAll(`[${F}]`).forEach(e=>{e.textContent=e.getAttribute(F),e.removeAttribute(F)})},Me=t=>{Pt(t),Et(t),At(t),Re(t)},Ve=()=>{const t=globalThis;return t.__tempoSSR__==null&&(t.__tempoSSR__={isSSR:!1,counter:0}),t.__tempoSSR__},ne=(t,e)=>{const r=Ve();r[t]=e},Fe=t=>Ve()[t],W=t=>{ne("isSSR",t)},se=()=>Fe("counter"),Tt=()=>{ne("counter",(se()??0)+1)},bt=()=>{ne("counter",(se()??0)-1)},Ot=(t=30)=>(W(!0),new Promise((e,r)=>{let n;const s=setInterval(()=>{se()<=0&&(clearInterval(s),clearTimeout(n),W(!1),e())},30);n=setTimeout(()=>{clearInterval(s),W(!1),r(new Error("SSR Timeout"))},t*1e3)})),kt=t=>(Tt(),f(t(bt))),T=()=>Fe("isSSR"),oe=(t,e)=>{if(typeof e=="function")return oe(t,{then:e});const r=e.pending!=null?f(e.pending):v,n=e.then,s=e.error!=null?o=>f(e.error(o)):()=>v;return o=>{let i=!0;const u=t();o=o.makeRef();let l=f(r)(o);return u.then(c=>{i&&(l(!0),l=f(n(c))(o))},c=>{i&&(l(!0),l=f(s(c))(o))}),c=>{i=!1,l(c),c&&o.reference&&m(o.reference)}}},Nt=(t,e)=>oe(()=>t,e),Ie=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),$e=t=>Ie("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),R=new Proxy({},{get:(t,e)=>r=>Ie(e,r)}),qe=t=>e=>{const r=e.target;t(r.value)},Be=t=>e=>{const r=e.target;t(r.valueAsNumber)},Ue=t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},je=t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),o=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),i=n[1].split(":");o.setHours(Number(i[0])),o.setMinutes(Number(i[1])),o.setSeconds(Number(i[2])),t(o)},Ct=t=>e=>{const r=e.target;t(r.checked)},Lt=t=>e=>{e.preventDefault(),t()},Rt=t=>e=>{e.stopPropagation(),t()},Mt=t=>e=>{e.stopImmediatePropagation(),t()},Vt=(t,e="input")=>_(E.valueAsDate(t),R[e](Ue(t.set))),Ft=(t,e="input")=>_(E.valueAsDate(t),R[e](je(t.set))),It=(t,e="input")=>_(E.valueAsNumber(t),R[e](Be(t.set))),$t=(t,e="input")=>_(E.value(t),R[e](qe(t.set))),qt=t=>_(E.checked(t),$e(t.set)),B=(t,e)=>r=>{r=r.makeRef();let n,s;const o=t.map(l=>Object.keys(l)[0]);let i;const u=o.on(l=>{if(l!==i){s==null||s.dispose(),n==null||n(!0),s=t.map(y=>y[l]);const c=e[l](s);n=f(c)(r),i=l}});return l=>{u(),l&&r.reference!=null&&m(r.reference),n==null||n(!0)}},ie=(t,e,r)=>B(t.map(n=>({[n[e]]:n})),r),Bt=(t,e)=>ie(t,"kind",e),Ut=(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return B(r,e)},jt=(t,e)=>ie(t,"type",e),U=(t,e)=>B(t.map(r=>({[r]:!0})),e),Wt=(t,e={})=>r=>{const n=(e==null?void 0:e.firstSeparator)??v,s=(e==null?void 0:e.lastSeparator)??v;return U(r.map(o=>o.isFirst?"first":o.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},We=(t,e)=>r=>{const n=Object.values(t).reduce((s,o)=>{const i=r.getProvider(o);if(i==null)throw new Error(`No provider found for mark: ${o.description}`);return s[o]=i,s},{});return f(e(n))(r)},Gt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((o,[i,u])=>(n.push(u(l=>(Reflect.set(o,i,l),null))(r)),o),{});return n.push(e(s)(r)),o=>{n.forEach(i=>i(o))}},Ht=(t,e)=>We([t],r=>f(e(r[t]))),Jt=(t,e)=>We(t,r=>f(e(r))),Kt=t=>e=>t(e),Xt=t=>e=>(e.appendOrInsert(t),r=>{r&&m(t)}),Ge=(t,e,r)=>n=>{n=n.makeRef();let s=null,o=!1;const i=D(null),u=t.on(l=>{l==null?(s==null||s(!0),s=f((r==null?void 0:r())??v)(n),o=!1):(i.value=l,o||(s==null||s(!0),s=f(e(i))(n),o=!0))});return l=>{u(),s==null||s(l),l&&n.reference&&m(n.reference)}},I=t=>e=>r=>t(r,e),ae=(t,e,r)=>r!=null?ae(t,n=>{const s=n.map(o=>o.isLast?"last":"other");return _(I(()=>s.dispose()),f(e(n)),U(s,{last:()=>v,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(l=>Array.from({length:l},(c,y)=>y).map(c=>new ye(c,l))),o=[],i=[],u=s.on(l=>{var y,A;const c=l.length;for(;c<o.length;)(y=o.pop())==null||y(!0),(A=i.pop())==null||A.dispose();for(let p=0;p<c;p++)if(i[p]==null){i[p]=D(l[p]);const b=f(e(i[p]));o[p]=b(n)}else i[p].value=l[p]});return l=>{u(),l&&n.reference&&m(n.reference)}},He=(t,e,r)=>r!=null?He(t,(n,s)=>{const o=s.map(i=>i.isLast?"last":"other");return _([I(()=>o.dispose()),f(e(n,s)),U(o,{last:()=>v,other:()=>r(s)})])}):n=>{const s=t.map(o=>o.length);return ae(s,o=>{const i=q(()=>t.value[o.value.index],[o,t]);return _(I(()=>i.dispose()),f(e(i,o)))})(n)},zt=(t,e)=>r=>{r=r.makeRef();const n=t.map(i=>f(e(i)));let s=()=>{};const o=n.on(i=>{s(!0),s=i(r)});return i=>{o(),s(i)}},le=(t,e,r)=>Ge(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),Qt=(t,e,r)=>le(t.map(n=>!n),e,r),Yt=(t,e,r=v)=>le(t.map(n=>n.length>0),e,r),Zt=t=>e=>t(e.element)??(()=>{}),ue=(t,e)=>{const r=t(e);return()=>r(!0)},xt=(t,e,{doc:r,clear:n}={})=>{const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Je(`Cannot find element by selector for render: ${e}`);n!==!1&&(r??s.ownerDocument)!=null&&Me(r??s.ownerDocument);const o=Ce(s),i=X(s)?void 0:s,u=g.of(o,i);return ue(t,u)};class Je extends Error{constructor(e){super(e)}}const er=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return ue(f(e),r.withElement(n).withFirstLevel())},tr=t=>Symbol(t),Ke=(t,e)=>r=>f(e)(r.withProviders(t)),rr=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,nr=(t,e,r)=>Ke({[t]:e},f(r)),sr=(t,e)=>Ke(t,f(e)),or=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),o=>{o&&n.style.setProperty(t,s)}},ir=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(o=>n.style.setProperty(t,o)),o=>{o&&n.style.setProperty(t,s)}},ar=new Proxy({},{get:(t,e)=>r=>d.is(r)?ir(e,r):or(e,r)});exports.Async=Nt;exports.BindChecked=qt;exports.BindDate=Vt;exports.BindDateTime=Ft;exports.BindNumber=It;exports.BindText=$t;exports.Computed=w;exports.Conjunction=Wt;exports.DOMContext=g;exports.DOMNode=Xt;exports.El=Y;exports.ElNS=Z;exports.ElementPosition=ye;exports.EmitChecked=Ct;exports.EmitPreventDefault=Lt;exports.EmitStopImmediatePropagation=Mt;exports.EmitStopPropagation=Rt;exports.EmitValue=qe;exports.EmitValueAsDate=Ue;exports.EmitValueAsDateTime=je;exports.EmitValueAsNumber=Be;exports.Empty=v;exports.Ensure=Ge;exports.ForEach=He;exports.Fragment=_;exports.MapSignal=zt;exports.MemoryStore=G;exports.NotEmpty=Yt;exports.OnChecked=$e;exports.OnCtx=Kt;exports.OnMount=Zt;exports.OnUnmount=I;exports.OneOf=B;exports.OneOfField=ie;exports.OneOfKind=Bt;exports.OneOfTuple=Ut;exports.OneOfType=jt;exports.OneOfValue=U;exports.Portal=er;exports.Prop=N;exports.Provide=rr;exports.ProviderNotFoundError=Ne;exports.RenderingError=Je;exports.Repeat=ae;exports.Signal=d;exports.Task=oe;exports.TextNode=at;exports.Unless=Qt;exports.Use=Gt;exports.UseProvider=Ht;exports.UseProviders=Jt;exports.When=le;exports.WithProvider=nr;exports.WithProviders=sr;exports._addNodeTracker=te;exports._clearSSR=Me;exports._getSelfOrParentElement=Ce;exports._isElement=X;exports._makeGetter=K;exports._makeSetter=J;exports._maybeAddAttributeTracker=x;exports._maybeAddClassTracker=ee;exports._maybeAddTextTracker=re;exports._removeDOMNode=m;exports._setAttribute=ke;exports._setBooleanProperty=De;exports._setDateProperty=be;exports._setNumberProperty=Te;exports._setStringProperty=Oe;exports._signalText=Q;exports._staticText=z;exports.animateSignal=nt;exports.animateSignals=Se;exports.aria=ft;exports.attr=E;exports.dataAttr=ct;exports.endInterpolate=_e;exports.guessInterpolate=ve;exports.handleAnchorClick=it;exports.html=pt;exports.input=mt;exports.interpolateDate=ge;exports.interpolateNumber=pe;exports.interpolateString=me;exports.isSSR=T;exports.localStorageProp=tt;exports.makeComputed=q;exports.makeComputedRecord=st;exports.makeEffect=xe;exports.makeProp=D;exports.makeProviderMark=tr;exports.makeSignal=et;exports.math=yt;exports.mathAttr=ht;exports.on=R;exports.prepareSSR=Ot;exports.removeTextTrackers=Re;exports.render=xt;exports.renderWithContext=ue;exports.renderableOfTNode=f;exports.sessionStorageProp=rt;exports.storedProp=H;exports.style=ar;exports.svg=_t;exports.svgAttr=dt;exports.useSSRDone=kt;
+"use strict";var Qe=Object.defineProperty;var Ye=(t,e,r)=>e in t?Qe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>Ye(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const pe=(t,e,r)=>t+(e-t)*r,de=97,me=(t,e,r)=>{const n=Math.max(t.length,e.length);let s="";for(let o=0;o<n;o++){let i=t.charCodeAt(o);isNaN(i)&&(i=de);let u=e.charCodeAt(o);isNaN(u)&&(u=de),s+=String.fromCharCode(i+(u-i)*r)}return s},ge=(t,e,r)=>new Date(t.getTime()+(e.getTime()-t.getTime())*r),_e=(t,e)=>e,ve=t=>typeof t=="number"?pe:typeof t=="string"?me:t instanceof Date?ge:_e;class ye{constructor(e,r){this.index=e,this.total=r}get counter(){return this.index+1}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const p=class p{constructor(e,r){a(this,"$__signal__",!0);a(this,"_value");a(this,"_derivatives",[]);a(this,"_onValueListeners",[]);a(this,"_onDisposeListeners",[]);a(this,"get",()=>this._value);a(this,"hasListeners",()=>this._onValueListeners.length>0);a(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));a(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});a(this,"_disposed",!1);a(this,"isDisposed",()=>this._disposed);a(this,"onDispose",e=>{this._onDisposeListeners.push(e)});a(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});a(this,"map",(e,r=(n,s)=>n===s)=>{const n=new A(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});a(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new A(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});a(this,"tap",e=>this.map(r=>(e(r),r)));a(this,"at",e=>this.map(r=>r[e]));a(this,"$",new Proxy(this,{get:(e,r)=>this.at(r)}));a(this,"filter",(e,r)=>{let n=r??this.get();const s=new A(()=>{try{const o=this.get();return n=e(o)?o:n}catch(o){throw console.error("Error in Signal.filter:",o),o}},this.equals);return this.setDerivative(s),s});a(this,"filterMap",(e,r,n=(s,o)=>s===o)=>{let s=r;const o=new A(()=>{try{const i=this.get(),u=e(i);return s=u??s}catch(i){throw console.error("Error in Signal.filterMap:",i),i}},n);return this.setDerivative(o),o});a(this,"mapAsync",(e,r,n,s=(o,i)=>o===i)=>{const o=D(r,s);let i=0,u=new AbortController;return o.onDispose(this.on(async l=>{const f=++i;u.abort(),u=new AbortController;try{const h=await e(l,{abortSignal:u.signal});f===i&&o.set(h)}catch(h){if(f===i)if(n!=null)o.set(n(h));else throw h}})),o});a(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));a(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});a(this,"deriveProp",(e=!0)=>this.feedProp(D(this.get()),e));a(this,"count",()=>{let e=0;return this.map(()=>++e)});a(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}get value(){return this._value}};a(p,"ofPromise",(e,r,n,s=(o,i)=>o===i)=>{const o=new p(r,s);return e.then(i=>o._setAndNotify(i,!1)).catch(i=>{n!=null?o._setAndNotify(n(i),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",i)}),o}),a(p,"is",e=>e!=null&&e.$__signal__===!0),a(p,"wrap",(e,r=(n,s)=>n===s)=>p.is(e)?e:new p(e,r)),a(p,"maybeWrap",e=>e==null?e:p.wrap(e)),a(p,"unwrap",e=>p.is(e)?e.get():e),a(p,"map",(e,r)=>p.is(e)?e.map(r):r(e));let d=p;const Ze=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);class A extends d{constructor(r,n){super(void 0,n);a(this,"$__computed__",!0);a(this,"_isDirty",!1);a(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this._scheduleNotify())});a(this,"_scheduleCount",0);a(this,"_scheduleNotify",()=>{const r=++this._scheduleCount;Ze(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});a(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r.$__computed__===!0}get value(){return this.get()}}const $=class $ extends d{constructor(){super(...arguments);a(this,"$__prop__",!0);a(this,"set",r=>{this._setAndNotify(r,!1)});a(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});a(this,"reducer",(r,...n)=>{const s=this;return function o(i){const u=s.value;s.update(l=>r(l,i)),!s.equals(u,s.value)&&n.forEach(l=>l({previousState:u,state:s.value,action:i,dispatch:o}))}});a(this,"iso",(r,n,s=(o,i)=>o===i)=>{const o=new $(r(this.get()),s);return o.onDispose(this.on(i=>o.set(r(i)))),o.on(i=>this._setAndNotify(n(i),!1)),o});a(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}};a($,"is",r=>r!=null&&r.$__prop__===!0);let N=$;const q=(t,e,r=(n,s)=>n===s)=>{const n=new A(t,r);return e.forEach(s=>s.setDerivative(n)),n},xe=(t,e)=>q(t,e).dispose,D=(t,e=(r,n)=>r===n)=>new N(t,e),et=(t,e=(r,n)=>r===n)=>new d(t,e);class G{constructor(){a(this,"_store",new Map);a(this,"getItem",e=>this._store.get(e)??null);a(this,"setItem",(e,r)=>{this._store.set(e,r)})}}const H=({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:o=(u,l)=>u===l,onLoad:i=u=>u})=>{const u=r.getItem(t),l=new N(u!=null?i(s(u)):typeof e=="function"?e():e,o);return l.on(f=>{r.setItem(t,n(f))}),l},tt=t=>H({...t,store:(window==null?void 0:window.localStorage)??new G}),rt=t=>H({...t,store:(window==null?void 0:window.sessionStorage)??new G});function he(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}const Se=(t,e,r,n)=>{const s=(n==null?void 0:n.duration)??300,o=(n==null?void 0:n.easing)??(S=>S),i=(n==null?void 0:n.equals)??((S,M)=>S===M);let u=n==null?void 0:n.interpolate,l=t,f=e(),h=performance.now(),w=null,m=!0;const T=new A(e,i),E=D(t,i);E.onDispose(()=>{w!==null&&cancelAnimationFrame(w)}),E.onDispose(T.dispose),r.forEach(S=>{S.setDerivative(T),S.onDispose(E.dispose)});const Xe=S=>{f=S,h=performance.now(),l=E.value,m&&(m=!1,w=he(ce))},ce=()=>{const M=(performance.now()-h)/d.unwrap(s),ze=o(M);u==null&&(u=ve(l));let fe=u(l,f,ze);M>=1?(m=!0,fe=f):w=he(ce),E.set(fe)};return T.on(Xe),E},nt=(t,e)=>{const{initialValue:r,...n}=e??{};return Se(r??t.get(),t.get,[t],n)},st=(t,e)=>{const{signals:r,literals:n}=Object.entries(t).reduce(({signals:o,literals:i},[u,l])=>(d.is(l)?o.push([u,l]):i[u]=l,{signals:o,literals:i}),{signals:[],literals:{}}),s=r.map(([,o])=>o);return q(()=>(r.forEach(([o,i])=>n[o]=i.value),e(n)),s)},we=new Set(["checked","disabled","hidden","selected"]),Ae=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Pe=new Set(["valueAsDate"]),Ee=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),W=new Map,O=(t,e)=>{if(W.has(t))return W.get(t);{const r=e(t);return W.set(t,r),r}},De=t=>(e,r)=>{r==null?e[t]=null:e[t]=!!r},be=t=>(e,r)=>{r==null?e[t]=null:e[t]=Number(r)},Te=t=>(e,r)=>{r==null?e[t]=null:e[t]=r},Oe=t=>(e,r)=>{r==null?e[t]=null:e[t]=String(r)},ke=t=>(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)},J=t=>we.has(t)?O(t,De):Ae.has(t)?O(t,be):Pe.has(t)?O(t,Te):Ee.has(t)?O(t,Oe):O(t,ke),K=t=>e=>we.has(t)?!!e[t]:Ae.has(t)?Number(e[t]):Pe.has(t)?e[t]:Ee.has(t)?String(e[t]):e.getAttribute(t);class _{constructor(e,r,n,s,o){a(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));a(this,"createText",e=>this.document.createTextNode(e));a(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});a(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});a(this,"withDocument",e=>new _(e,this.element,this.reference,this.providers,!0));a(this,"withElement",e=>new _(this.document,e,void 0,this.providers,!1));a(this,"withFirstLevel",()=>new _(this.document,this.element,this.reference,this.providers,!0));a(this,"withReference",e=>new _(this.document,this.element,e,this.providers,this.isFirstLevel));a(this,"withProvider",(e,r)=>new _(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));a(this,"withProviders",e=>new _(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));a(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Ne(e);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=o}static of(e,r){return new _(e.ownerDocument,e,r,{},!0)}}class Ne extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}const g=t=>{const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)},Ce=t=>X(t)?t:t.parentElement,X=t=>t.nodeType===1;function ot(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:o,search:i,hash:u}=s,l=o+i+u;if(s.getAttribute("href")!==l||e===!0&&!/\/[^/.]*$/.test(o)||Array.isArray(e)&&!e.some(f=>o.endsWith(f)))return!0}return!1}const it=(t,{checkExtension:e=[".html"],checkExternalUrl:r=!0}={})=>n=>{ot(n,e,r)||t()&&n.preventDefault()},z=t=>e=>{re(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&g(r)}},Q=t=>e=>{re(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&g(r)}},at=t=>d.is(t)?Q(t):z(t),v=(...t)=>e=>{const r=t.map(n=>c(n)(e));return n=>{r.forEach(s=>s(n))}},y=()=>()=>{},lt=t=>e=>(ee(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),ut=t=>e=>{ee(e);const r=e.element;let n=[];const s=t.on(o=>{n.forEach(i=>r.classList.remove(i)),n=(o??"").split(" ").filter(i=>i.length>0),r.classList.add(...n)});return o=>{s(),o&&n.forEach(i=>r.classList.remove(i)),n.length=0}},C=(t,e)=>{const r=J(t),n=K(t);return s=>{x(s,t);const o=n(s.element);return r(s.element,e),i=>{i&&r(s.element,o)}}},L=(t,e)=>{const r=J(t),n=K(t);return s=>{x(s,t);const o=n(s.element),i=e.on(u=>r(s.element,u));return u=>{i(),u&&r(s.element,o)}}},P=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?ut(r):lt((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?L(e,r):C(e,r)}),ct=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(`data-${e}`,r):C(`data-${e}`,r)}),ft=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(`aria-${e}`,r):C(`aria-${e}`,r)}),dt=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(e,r):C(e,r)}),ht=new Proxy({},{get:(t,e)=>r=>d.is(r)?L(e,r):C(e,r)}),c=t=>t==null?y:Array.isArray(t)?v(...t.map(c)):typeof t=="string"?z(t):d.is(t)?Q(t):t,Y=(t,...e)=>r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&b()&&te(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(o=>c(o)(r));return o=>{s.forEach(i=>i(!1)),o&&g(n)}},Z=(t,e,...r)=>n=>{const s=n.createElement(t,e);n.isFirstLevel&&b()&&te(s),n.appendOrInsert(s),n=n.withElement(s);const o=r.map(i=>c(i)(n));return i=>{o.forEach(u=>u(!1)),i&&g(s)}},pt=new Proxy({},{get:(t,e)=>(...r)=>Y(e,r.flatMap(c))}),mt=new Proxy({},{get:(t,e)=>(...r)=>Y("input",P.type(e),...r)}),gt="http://www.w3.org/2000/svg",_t=new Proxy({},{get:(t,e)=>(...r)=>Z(e,gt,r.flatMap(c))}),vt="http://www.w3.org/1998/Math/MathML",yt=new Proxy({},{get:(t,e)=>(...r)=>Z(e,vt,r.flatMap(c))}),k="data-tempo-attr",V="data-tempo-class",Le="data-tempo-node",F="data-tempo-text",St=(t,e)=>{const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute(k)??"{}",s={...JSON.parse(n),name:r};t.setAttribute(k,JSON.stringify(s).replace(/"/g,"&quot;"))}},x=(t,e)=>{b()&&t.isFirstLevel&&St(t.element,e)},wt=t=>{t.querySelectorAll(`[${k}]`).forEach(e=>{const r=JSON.parse((e.getAttribute(k)??"{}").replace(/&quot;/g,'"'));for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute(k)})};function At(t){t.setAttribute(V,t.className)}const ee=t=>{b()&&t.isFirstLevel&&At(t.element)},Pt=t=>{t.querySelectorAll(`[${V}]`).forEach(e=>{const r=e.getAttribute(V);r!==null&&(e.className=r,e.removeAttribute(V))})},te=t=>{t.setAttribute(Le,"")},Et=t=>{t.querySelectorAll(`[${Le}]`).forEach(e=>{g(e)})},Dt=t=>{t.setAttribute(F,t.textContent??"")},re=t=>{b()&&t.isFirstLevel&&Dt(t.element)},Re=t=>{t.querySelectorAll(`[${F}]`).forEach(e=>{e.textContent=e.getAttribute(F),e.removeAttribute(F)})},Me=t=>{Et(t),Pt(t),wt(t),Re(t)},Ve=()=>{const t=globalThis;return t.__tempoSSR__==null&&(t.__tempoSSR__={isSSR:!1,counter:0}),t.__tempoSSR__},ne=(t,e)=>{const r=Ve();r[t]=e},Fe=t=>Ve()[t],j=t=>{ne("isSSR",t)},se=()=>Fe("counter"),bt=()=>{ne("counter",(se()??0)+1)},Tt=()=>{ne("counter",(se()??0)-1)},Ot=(t=30)=>(j(!0),new Promise((e,r)=>{let n;const s=setInterval(()=>{se()<=0&&(clearInterval(s),clearTimeout(n),j(!1),e())},30);n=setTimeout(()=>{clearInterval(s),j(!1),r(new Error("SSR Timeout"))},t*1e3)})),kt=t=>(bt(),c(t(Tt))),b=()=>Fe("isSSR"),oe=(t,e)=>{if(typeof e=="function")return oe(t,{then:e});const r=e.pending!=null?c(e.pending):y,n=e.then,s=e.error!=null?o=>c(e.error(o)):()=>y;return o=>{let i=!0;const u=t();o=o.makeRef();let l=c(r)(o);return u.then(f=>{i&&(l(!0),l=c(n(f))(o))},f=>{i&&(l(!0),l=c(s(f))(o))}),f=>{i=!1,l(f),f&&o.reference&&g(o.reference)}}},Nt=(t,e)=>oe(()=>t,e),Ie=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),$e=t=>Ie("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),R=new Proxy({},{get:(t,e)=>r=>Ie(e,r)}),qe=t=>e=>{const r=e.target;t(r.value)},Be=t=>e=>{const r=e.target;t(r.valueAsNumber)},Ue=t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},We=t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),o=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),i=n[1].split(":");o.setHours(Number(i[0])),o.setMinutes(Number(i[1])),o.setSeconds(Number(i[2])),t(o)},Ct=t=>e=>{const r=e.target;t(r.checked)},Lt=t=>e=>{e.preventDefault(),t()},Rt=t=>e=>{e.stopPropagation(),t()},Mt=t=>e=>{e.stopImmediatePropagation(),t()},Vt=(t,e="input")=>v(P.valueAsDate(t),R[e](Ue(t.set))),Ft=(t,e="input")=>v(P.valueAsDate(t),R[e](We(t.set))),It=(t,e="input")=>v(P.valueAsNumber(t),R[e](Be(t.set))),$t=(t,e="input")=>v(P.value(t),R[e](qe(t.set))),qt=t=>v(P.checked(t),$e(t.set)),B=(t,e)=>r=>{r=r.makeRef();let n,s;const o=t.map(l=>Object.keys(l)[0]);let i;const u=o.on(l=>{if(l!==i){s==null||s.dispose(),n==null||n(!0),s=t.map(h=>h[l]);const f=e[l](s);n=c(f)(r),i=l}});return l=>{u(),l&&r.reference!=null&&g(r.reference),n==null||n(!0)}},ie=(t,e,r)=>B(t.map(n=>({[n[e]]:n})),r),Bt=(t,e)=>ie(t,"kind",e),Ut=(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return B(r,e)},Wt=(t,e)=>ie(t,"type",e),U=(t,e)=>B(t.map(r=>({[r]:!0})),e),jt=(t,e={})=>r=>{const n=(e==null?void 0:e.firstSeparator)??y,s=(e==null?void 0:e.lastSeparator)??y;return U(r.map(o=>o.isFirst?"first":o.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},je=(t,e)=>r=>{const n=Object.values(t).reduce((s,o)=>{const i=r.getProvider(o);if(i==null)throw new Error(`No provider found for mark: ${o.description}`);return s[o]=i,s},{});return c(e(n))(r)},Gt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((o,[i,u])=>(n.push(u(l=>(Reflect.set(o,i,l),null))(r)),o),{});return n.push(e(s)(r)),o=>{n.forEach(i=>i(o))}},Ht=(t,e)=>je([t],r=>c(e(r[t]))),Jt=(t,e)=>je(t,r=>c(e(r))),Kt=t=>e=>t(e),Xt=t=>e=>(e.appendOrInsert(t),r=>{r&&g(t)}),Ge=(t,e,r)=>n=>{n=n.makeRef();let s=null,o=!1;const i=D(null),u=t.on(l=>{l==null?(s==null||s(!0),s=c((r==null?void 0:r())??y)(n),o=!1):(i.value=l,o||(s==null||s(!0),s=c(e(i))(n),o=!0))});return l=>{u(),s==null||s(l),l&&n.reference&&g(n.reference)}},I=t=>e=>r=>t(r,e),ae=(t,e,r)=>r!=null?ae(t,n=>{const s=n.map(o=>o.isLast?"last":"other");return v(I(()=>s.dispose()),c(e(n)),U(s,{last:()=>y,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(l=>Array.from({length:l},(f,h)=>h).map(f=>new ye(f,l))),o=[],i=[],u=s.on(l=>{var h,w;const f=l.length;for(;f<o.length;)(h=o.pop())==null||h(!0),(w=i.pop())==null||w.dispose();for(let m=0;m<f;m++)if(i[m]==null){i[m]=D(l[m]);const T=c(e(i[m]));o[m]=T(n)}else i[m].value=l[m]});return l=>{u(),l&&n.reference&&g(n.reference)}},He=(t,e,r)=>r!=null?He(t,(n,s)=>{const o=s.map(i=>i.isLast?"last":"other");return v([I(()=>o.dispose()),c(e(n,s)),U(o,{last:()=>y,other:()=>r(s)})])}):n=>{const s=t.map(o=>o.length);return ae(s,o=>{const i=q(()=>t.value[o.value.index],[o,t]);return v(I(()=>i.dispose()),c(e(i,o)))})(n)},zt=(t,e)=>r=>{r=r.makeRef();const n=t.map(i=>c(e(i)));let s=()=>{};const o=n.on(i=>{s(!0),s=i(r)});return i=>{o(),s(i)}},le=(t,e,r)=>Ge(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),Qt=(t,e,r)=>le(t.map(n=>!n),e,r),Yt=(t,e,r=y)=>le(t.map(n=>n.length>0),e,r),Zt=t=>e=>t(e.element)??(()=>{}),ue=(t,e)=>{const r=t(e);return()=>r(!0)},xt=(t,e,{doc:r,clear:n}={})=>{const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Je(`Cannot find element by selector for render: ${e}`);n!==!1&&(r??s.ownerDocument)!=null&&Me(r??s.ownerDocument);const o=Ce(s),i=X(s)?void 0:s,u=_.of(o,i);return ue(t,u)};class Je extends Error{constructor(e){super(e)}}const er=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return ue(c(e),r.withElement(n).withFirstLevel())},tr=t=>Symbol(t),Ke=(t,e)=>r=>c(e)(r.withProviders(t)),rr=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):c,nr=(t,e,r)=>Ke({[t]:e},c(r)),sr=(t,e)=>Ke(t,c(e)),or=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),o=>{o&&n.style.setProperty(t,s)}},ir=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(o=>n.style.setProperty(t,o)),o=>{o&&n.style.setProperty(t,s)}},ar=new Proxy({},{get:(t,e)=>r=>d.is(r)?ir(e,r):or(e,r)});exports.Async=Nt;exports.BindChecked=qt;exports.BindDate=Vt;exports.BindDateTime=Ft;exports.BindNumber=It;exports.BindText=$t;exports.Computed=A;exports.Conjunction=jt;exports.DOMContext=_;exports.DOMNode=Xt;exports.El=Y;exports.ElNS=Z;exports.ElementPosition=ye;exports.Empty=y;exports.Ensure=Ge;exports.ForEach=He;exports.Fragment=v;exports.MapSignal=zt;exports.MemoryStore=G;exports.NotEmpty=Yt;exports.OnChecked=$e;exports.OnCtx=Kt;exports.OnMount=Zt;exports.OnUnmount=I;exports.OneOf=B;exports.OneOfField=ie;exports.OneOfKind=Bt;exports.OneOfTuple=Ut;exports.OneOfType=Wt;exports.OneOfValue=U;exports.Portal=er;exports.Prop=N;exports.Provide=rr;exports.ProviderNotFoundError=Ne;exports.RenderingError=Je;exports.Repeat=ae;exports.Signal=d;exports.Task=oe;exports.TextNode=at;exports.Unless=Qt;exports.Use=Gt;exports.UseProvider=Ht;exports.UseProviders=Jt;exports.When=le;exports.WithProvider=nr;exports.WithProviders=sr;exports._addNodeTracker=te;exports._clearSSR=Me;exports._getSelfOrParentElement=Ce;exports._isElement=X;exports._makeGetter=K;exports._makeSetter=J;exports._maybeAddAttributeTracker=x;exports._maybeAddClassTracker=ee;exports._maybeAddTextTracker=re;exports._removeDOMNode=g;exports._setAttribute=ke;exports._setBooleanProperty=De;exports._setDateProperty=Te;exports._setNumberProperty=be;exports._setStringProperty=Oe;exports._signalText=Q;exports._staticText=z;exports.animateSignal=nt;exports.animateSignals=Se;exports.aria=ft;exports.attr=P;exports.dataAttr=ct;exports.emitChecked=Ct;exports.emitPreventDefault=Lt;exports.emitStopImmediatePropagation=Mt;exports.emitStopPropagation=Rt;exports.emitValue=qe;exports.emitValueAsDate=Ue;exports.emitValueAsDateTime=We;exports.emitValueAsNumber=Be;exports.endInterpolate=_e;exports.guessInterpolate=ve;exports.handleAnchorClick=it;exports.html=pt;exports.input=mt;exports.interpolateDate=ge;exports.interpolateNumber=pe;exports.interpolateString=me;exports.isSSR=b;exports.localStorageProp=tt;exports.makeComputed=q;exports.makeComputedRecord=st;exports.makeEffect=xe;exports.makeProp=D;exports.makeProviderMark=tr;exports.makeSignal=et;exports.math=yt;exports.mathAttr=ht;exports.on=R;exports.prepareSSR=Ot;exports.removeTextTrackers=Re;exports.render=xt;exports.renderWithContext=ue;exports.renderableOfTNode=c;exports.sessionStorageProp=rt;exports.storedProp=H;exports.style=ar;exports.svg=_t;exports.svgAttr=dt;exports.useSSRDone=kt;

package/index.js

@@ -2,7 +2,7 @@ var De = Object.defineProperty;
 var be = (t, e, r) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var l = (t, e, r) => be(t, typeof e != "symbol" ? e + "" : e, r);
 const Te = (t, e, r) => t + (e - t) * r;
-const Le = (t, e, r) => {
+const Ce = (t, e, r) => {
   const s = Math.max(t.length, e.length);
   let n = "";
   for (let o = 0; o < s; o++) {
@@ -12,7 +12,7 @@ const Le = (t, e, r) => {
     isNaN(a) && (a = 97), n += String.fromCharCode(i + (a - i) * r);
   }
   return n;
-}, Ne = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ce = (t, e) => e, Oe = (t) => typeof t == "number" ? Te : typeof t == "string" ? Le : t instanceof Date ? Ne : Ce;
+}, Le = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ne = (t, e) => e, Oe = (t) => typeof t == "number" ? Te : typeof t == "string" ? Ce : t instanceof Date ? Le : Ne;
 class ke {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -22,6 +22,12 @@ class ke {
   constructor(e, r) {
     this.index = e, this.total = r;
   }
+  /**
+   * Gets the counter of the element.
+   */
+  get counter() {
+    return this.index + 1;
+  }
   /**
    * Checks if the element is the first element in the collection.
    * @returns `true` if the element is the first element, `false` otherwise.
@@ -51,7 +57,7 @@ class ke {
     return this.index % 2 === 1;
   }
 }
-const d = class d {
+const p = class p {
   /**
    * Represents a signal with a value of type T.
    *
@@ -237,29 +243,28 @@ const d = class d {
      * If no recovery function is provided, the error will be logged as an unhandled promise rejection.
      *
      * @typeParam O - The type of the mapped value.
-     * @param fn - The function to map the values emitted by the signal.
+     * @param fn - The function to map the values emitted by the signal. The second argument to this function allows to cancel the previously running mapping function if it has not completed by the time a new value is emitted.
      * @param alt - The alternate value to use if the signal is disposed or the mapping function throws an error.
      * @param recover - The recovery function to handle errors thrown by the mapping function.
      * @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.
      */
     l(this, "mapAsync", (e, r, s, n = (o, i) => o === i) => {
-      const o = L(r, n);
-      let i = 0;
+      const o = C(r, n);
+      let i = 0, a = new AbortController();
       return o.onDispose(
-        this.on((a) => {
-          const u = ++i;
+        this.on(async (u) => {
+          const f = ++i;
+          a.abort(), a = new AbortController();
           try {
-            e(a).then((c) => {
-              u === i && o.set(c);
-            }).catch((c) => {
-              u === i && (s != null ? o.set(s(c)) : console.error(
-                "Unhandled promise rejection in Signal.mapAsync:",
-                c
-              ));
-            });
-          } catch (c) {
-            throw console.error("Error in Signal.mapAsync:", c), c;
+            const d = await e(u, { abortSignal: a.signal });
+            f === i && o.set(d);
+          } catch (d) {
+            if (f === i)
+              if (s != null)
+                o.set(s(d));
+              else
+                throw d;
           }
         })
       ), o;
@@ -290,7 +295,7 @@ const d = class d {
      * @param autoDisposeProp - Determines whether the derived property should be automatically disposed.
      * @returns The derived property.
      */
-    l(this, "deriveProp", (e = !0) => this.feedProp(L(this.get()), e));
+    l(this, "deriveProp", (e = !0) => this.feedProp(C(this.get()), e));
     /**
      * Returns a signal that emits the count of values received so far.
      * @returns A signal that emits the count of values received so far.
@@ -333,8 +338,8 @@ const d = class d {
  * @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.
  */
-l(d, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
-  const o = new d(r, n);
+l(p, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
+  const o = new p(r, n);
   return e.then((i) => o._setAndNotify(i, !1)).catch((i) => {
     s != null ? o._setAndNotify(s(i), !1) : console.error(
       "Unhandled promise rejection in Signal.ofPromise:",
@@ -347,7 +352,7 @@ l(d, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-l(d, "is", (e) => (
+l(p, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 )), /**
@@ -360,19 +365,19 @@ l(d, "is", (e) => (
  * @param equals - A function that determines if two values are equal. Defaults to strict equality (===).
  * @returns A Signal instance.
  */
-l(d, "wrap", (e, r = (s, n) => s === n) => d.is(e) ? e : new d(e, r)), /**
+l(p, "wrap", (e, r = (s, n) => s === n) => p.is(e) ? e : new p(e, r)), /**
  * Wraps a value in a `Signal` if it is not already a `Signal`.
  * If the value is `null` or `undefined`, it returns `null` or `undefined` respectively.
  * @param value - The value to wrap or check.
  * @returns The wrapped value if it is not `null` or `undefined`, otherwise `null` or `undefined`.
  */
-l(d, "maybeWrap", (e) => e == null ? e : d.wrap(e)), /**
+l(p, "maybeWrap", (e) => e == null ? e : p.wrap(e)), /**
  * Unwraps a value from a `Signal` if it is a `Signal`, otherwise returns the value as is.
  *
  * @param value - The value to unwrap.
  * @returns The unwrapped value.
  */
-l(d, "unwrap", (e) => d.is(e) ? e.get() : e), /**
+l(p, "unwrap", (e) => p.is(e) ? e.get() : e), /**
  * Maps the value of a `Signal` or a regular value using the provided mapping function.
  * If the input value is a `Signal`, the mapping function is applied to its value.
  * If the input value is not a `Signal`, the mapping function is directly applied to the value.
@@ -385,8 +390,8 @@ l(d, "unwrap", (e) => d.is(e) ? e.get() : e), /**
  * @typeParam N - The type of the input value.
  * @typeParam O - The type of the mapped value.
  */
-l(d, "map", (e, r) => d.is(e) ? e.map(r) : r(e));
-let h = d;
+l(p, "map", (e, r) => p.is(e) ? e.map(r) : r(e));
+let h = p;
 const Re = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
@@ -536,7 +541,7 @@ let F = V;
 const j = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, pt = (t, e) => j(t, e).dispose, L = (t, e = (r, s) => r === s) => new F(t, e), mt = (t, e = (r, s) => r === s) => new h(t, e);
+}, pt = (t, e) => j(t, e).dispose, C = (t, e = (r, s) => r === s) => new F(t, e), mt = (t, e = (r, s) => r === s) => new h(t, e);
 class z {
   constructor() {
     l(this, "_store", /* @__PURE__ */ new Map());
@@ -569,8 +574,8 @@ const Q = ({
     a != null ? i(n(a)) : typeof e == "function" ? e() : e,
     o
   );
-  return u.on((c) => {
-    r.setItem(t, s(c));
+  return u.on((f) => {
+    r.setItem(t, s(f));
   }), u;
 }, gt = (t) => Q({
   ...t,
@@ -584,22 +589,22 @@ function X(t) {
 }
 const Me = (t, e, r, s) => {
   const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((_) => _), i = (s == null ? void 0 : s.equals) ?? ((_, k) => _ === k);
-  let a = s == null ? void 0 : s.interpolate, u = t, c = e(), g = performance.now(), S = null, p = !0;
-  const D = new E(e, i), A = L(t, i);
-  A.onDispose(() => {
-    S !== null && cancelAnimationFrame(S);
-  }), A.onDispose(D.dispose), r.forEach((_) => {
-    _.setDerivative(D), _.onDispose(A.dispose);
+  let a = s == null ? void 0 : s.interpolate, u = t, f = e(), d = performance.now(), A = null, m = !0;
+  const D = new E(e, i), S = C(t, i);
+  S.onDispose(() => {
+    A !== null && cancelAnimationFrame(A);
+  }), S.onDispose(D.dispose), r.forEach((_) => {
+    _.setDerivative(D), _.onDispose(S.dispose);
   });
   const Ee = (_) => {
-    c = _, g = performance.now(), u = A.value, p && (p = !1, S = X(J));
+    f = _, d = performance.now(), u = S.value, m && (m = !1, A = X(J));
   }, J = () => {
-    const k = (performance.now() - g) / h.unwrap(n), Pe = o(k);
+    const k = (performance.now() - d) / h.unwrap(n), Pe = o(k);
     a == null && (a = Oe(u));
-    let K = a(u, c, Pe);
-    k >= 1 ? (p = !0, K = c) : S = X(J), A.set(K);
+    let K = a(u, f, Pe);
+    k >= 1 ? (m = !0, K = f) : A = X(J), S.set(K);
   };
-  return D.on(Ee), A;
+  return D.on(Ee), S;
 }, vt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
   return Me(
@@ -787,7 +792,7 @@ class Be extends Error {
     super(`Provider not found: ${e.description}`);
   }
 }
-const m = (t) => {
+const g = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }, je = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1;
@@ -801,7 +806,7 @@ function Ue(t, e, r) {
     return !0;
   if (r) {
     const { pathname: o, search: i, hash: a } = n, u = o + i + a;
-    if (n.getAttribute("href") !== u || e === !0 && !/\/[^/.]*$/.test(o) || Array.isArray(e) && !e.some((c) => o.endsWith(c)))
+    if (n.getAttribute("href") !== u || e === !0 && !/\/[^/.]*$/.test(o) || Array.isArray(e) && !e.some((f) => o.endsWith(f)))
       return !0;
   }
   return !1;
@@ -815,7 +820,7 @@ const wt = (t, {
   he(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
-    s && m(r);
+    s && g(r);
   };
 }, oe = (t) => (e) => {
   he(e);
@@ -823,10 +828,10 @@ const wt = (t, {
   e.appendOrInsert(r);
   const s = t.on((n) => r.data = n);
   return (n) => {
-    s(), n && m(r);
+    s(), n && g(r);
   };
-}, St = (t) => h.is(t) ? oe(t) : ne(t), y = (...t) => (e) => {
-  const r = t.map((s) => f(s)(e));
+}, At = (t) => h.is(t) ? oe(t) : ne(t), y = (...t) => (e) => {
+  const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
@@ -843,7 +848,7 @@ const wt = (t, {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, N = (t, e) => {
+}, L = (t, e) => {
   const r = te(t), s = re(t);
   return (n) => {
     ae(n, t);
@@ -852,7 +857,7 @@ const wt = (t, {
       i && r(n.element, o);
     };
   };
-}, C = (t, e) => {
+}, N = (t, e) => {
   const r = te(t), s = re(t);
   return (n) => {
     ae(n, t);
@@ -877,15 +882,15 @@ const wt = (t, {
      */
     get: (t, e) => e === "class" ? (r) => h.is(r) ? Ge(r) : We(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? C(
+    ) : (r) => h.is(r) ? N(
       e,
       r
-    ) : N(
+    ) : L(
       e,
       r
     )
   }
-), At = new Proxy(
+), St = new Proxy(
   {},
   {
     /**
@@ -896,10 +901,10 @@ const wt = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? C(
+    get: (t, e) => (r) => h.is(r) ? N(
       `data-${e}`,
       r
-    ) : N(`data-${e}`, r)
+    ) : L(`data-${e}`, r)
   }
 ), Et = new Proxy(
   {},
@@ -912,10 +917,10 @@ const wt = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? C(
+    get: (t, e) => (r) => h.is(r) ? N(
       `aria-${e}`,
       r
-    ) : N(
+    ) : L(
       `aria-${e}`,
       r
     )
@@ -931,10 +936,10 @@ const wt = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? C(
+    get: (t, e) => (r) => h.is(r) ? N(
       e,
       r
-    ) : N(
+    ) : L(
       e,
       r
     )
@@ -949,27 +954,27 @@ const wt = (t, {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? C(
+    get: (t, e) => (r) => h.is(r) ? N(
       e,
       r
-    ) : N(
+    ) : L(
       e,
       r
     )
   }
-), f = (t) => t == null ? w : Array.isArray(t) ? y(...t.map(f)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
+), c = (t) => t == null ? w : Array.isArray(t) ? y(...t.map(c)) : typeof t == "string" ? ne(t) : h.is(t) ? oe(t) : t, ie = (t, ...e) => (r) => {
   const s = r.createElement(t, void 0);
   r.isFirstLevel && O() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
-  const n = e.map((o) => f(o)(r));
+  const n = e.map((o) => c(o)(r));
   return (o) => {
-    n.forEach((i) => i(!1)), o && m(s);
+    n.forEach((i) => i(!1)), o && g(s);
   };
 }, le = (t, e, ...r) => (s) => {
   const n = s.createElement(t, e);
   s.isFirstLevel && O() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
-  const o = r.map((i) => f(i)(s));
+  const o = r.map((i) => c(i)(s));
   return (i) => {
-    o.forEach((a) => a(!1)), i && m(n);
+    o.forEach((a) => a(!1)), i && g(n);
   };
 }, bt = new Proxy(
   {},
@@ -979,7 +984,7 @@ const wt = (t, {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...r) => ie(e, r.flatMap(f))
+    get: (t, e) => (...r) => ie(e, r.flatMap(c))
   }
 ), Tt = new Proxy(
   {},
@@ -991,7 +996,7 @@ const wt = (t, {
      */
     get: (t, e) => (...r) => ie("input", P.type(e), ...r)
   }
-), He = "http://www.w3.org/2000/svg", Lt = new Proxy(
+), He = "http://www.w3.org/2000/svg", Ct = new Proxy(
   {},
   {
     /**
@@ -999,9 +1004,9 @@ const wt = (t, {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, He, r.flatMap(f))
+    get: (t, e) => (...r) => le(e, He, r.flatMap(c))
   }
-), Je = "http://www.w3.org/1998/Math/MathML", Nt = new Proxy(
+), Je = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
   {},
   {
     /**
@@ -1009,7 +1014,7 @@ const wt = (t, {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...r) => le(e, Je, r.flatMap(f))
+    get: (t, e) => (...r) => le(e, Je, r.flatMap(c))
   }
 ), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", Ke = (t, e) => {
   const r = t.getAttribute(e);
@@ -1046,7 +1051,7 @@ const ce = (t) => {
   t.setAttribute(ue, "");
 }, Ye = (t) => {
   t.querySelectorAll(`[${ue}]`).forEach((e) => {
-    m(e);
+    g(e);
   });
 }, Ze = (t) => {
   t.setAttribute(M, t.textContent ?? "");
@@ -1073,7 +1078,7 @@ const ce = (t) => {
   U("counter", (W() ?? 0) + 1);
 }, rt = () => {
   U("counter", (W() ?? 0) - 1);
-}, Ct = (t = 30) => (I(!0), new Promise((e, r) => {
+}, Nt = (t = 30) => (I(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
     W() <= 0 && (clearInterval(n), clearTimeout(s), I(!1), e());
@@ -1081,24 +1086,24 @@ const ce = (t) => {
   s = setTimeout(() => {
     clearInterval(n), I(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), Ot = (t) => (tt(), f(t(rt))), O = () => pe("isSSR"), me = (t, e) => {
+})), Ot = (t) => (tt(), c(t(rt))), O = () => pe("isSSR"), me = (t, e) => {
   if (typeof e == "function")
     return me(t, { then: e });
-  const r = e.pending != null ? f(e.pending) : w, s = e.then, n = e.error != null ? (o) => f(e.error(o)) : () => w;
+  const r = e.pending != null ? c(e.pending) : w, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => w;
   return (o) => {
     let i = !0;
     const a = t();
     o = o.makeRef();
-    let u = f(r)(o);
+    let u = c(r)(o);
     return a.then(
-      (c) => {
-        i && (u(!0), u = f(s(c))(o));
+      (f) => {
+        i && (u(!0), u = c(s(f))(o));
       },
-      (c) => {
-        i && (u(!0), u = f(n(c))(o));
+      (f) => {
+        i && (u(!0), u = c(n(f))(o));
       }
-    ), (c) => {
-      i = !1, u(c), c && o.reference && m(o.reference);
+    ), (f) => {
+      i = !1, u(f), f && o.reference && g(o.reference);
     };
   };
 }, kt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
@@ -1171,13 +1176,13 @@ const ce = (t) => {
   let i;
   const a = o.on((u) => {
     if (u !== i) {
-      n == null || n.dispose(), s == null || s(!0), n = t.map((g) => g[u]);
-      const c = e[u](n);
-      s = f(c)(r), i = u;
+      n == null || n.dispose(), s == null || s(!0), n = t.map((d) => d[u]);
+      const f = e[u](n);
+      s = c(f)(r), i = u;
     }
   });
   return (u) => {
-    a(), u && r.reference != null && m(r.reference), s == null || s(!0);
+    a(), u && r.reference != null && g(r.reference), s == null || s(!0);
   };
 }, _e = (t, e, r) => G(
   t.map((s) => ({ [s[e]]: s })),
@@ -1206,7 +1211,7 @@ const ce = (t) => {
       throw new Error(`No provider found for mark: ${o.description}`);
     return n[o] = i, n;
   }, {});
-  return f(e(s))(r);
+  return c(e(s))(r);
 }, Jt = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
     (o, [i, a]) => (s.push(
@@ -1217,22 +1222,22 @@ const ce = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, Kt = (t, e) => ve([t], (r) => f(e(r[t]))), Xt = (t, e) => ve(t, (r) => f(e(r))), zt = (t) => (e) => t(e), Qt = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && m(t);
+}, Kt = (t, e) => ve([t], (r) => c(e(r[t]))), Xt = (t, e) => ve(t, (r) => c(e(r))), zt = (t) => (e) => t(e), Qt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && g(t);
 }), ut = (t, e, r) => (s) => {
   s = s.makeRef();
   let n = null, o = !1;
-  const i = L(null), a = t.on((u) => {
-    u == null ? (n == null || n(!0), n = f((r == null ? void 0 : r()) ?? w)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = f(e(i))(s), o = !0));
+  const i = C(null), a = t.on((u) => {
+    u == null ? (n == null || n(!0), n = c((r == null ? void 0 : r()) ?? w)(s), o = !1) : (i.value = u, o || (n == null || n(!0), n = c(e(i))(s), o = !0));
   });
   return (u) => {
-    a(), n == null || n(u), u && s.reference && m(s.reference);
+    a(), n == null || n(u), u && s.reference && g(s.reference);
   };
 }, B = (t) => (e) => (r) => t(r, e), ye = (t, e, r) => r != null ? ye(t, (s) => {
   const n = s.map((o) => o.isLast ? "last" : "other");
   return y(
     B(() => n.dispose()),
-    f(e(s)),
+    c(e(s)),
     H(n, {
       last: () => w,
       other: () => r(s)
@@ -1241,30 +1246,30 @@ const ce = (t) => {
 }) : (s) => {
   s = s.makeRef();
   const n = t.map(
-    (u) => Array.from({ length: u }, (c, g) => g).map(
-      (c) => new ke(c, u)
+    (u) => Array.from({ length: u }, (f, d) => d).map(
+      (f) => new ke(f, u)
     )
   ), o = [], i = [], a = n.on((u) => {
-    var g, S;
-    const c = u.length;
-    for (; c < o.length; )
-      (g = o.pop()) == null || g(!0), (S = i.pop()) == null || S.dispose();
-    for (let p = 0; p < c; p++)
-      if (i[p] == null) {
-        i[p] = L(u[p]);
-        const D = f(e(i[p]));
-        o[p] = D(s);
+    var d, A;
+    const f = u.length;
+    for (; f < o.length; )
+      (d = o.pop()) == null || d(!0), (A = i.pop()) == null || A.dispose();
+    for (let m = 0; m < f; m++)
+      if (i[m] == null) {
+        i[m] = C(u[m]);
+        const D = c(e(i[m]));
+        o[m] = D(s);
       } else
-        i[p].value = u[p];
+        i[m].value = u[m];
   });
   return (u) => {
-    a(), u && s.reference && m(s.reference);
+    a(), u && s.reference && g(s.reference);
   };
 }, at = (t, e, r) => r != null ? at(t, (s, n) => {
   const o = n.map((i) => i.isLast ? "last" : "other");
   return y([
     B(() => o.dispose()),
-    f(e(s, n)),
+    c(e(s, n)),
     H(o, {
       last: () => w,
       other: () => r(n)
@@ -1279,12 +1284,12 @@ const ce = (t) => {
     );
     return y(
       B(() => i.dispose()),
-      f(e(i, o))
+      c(e(i, o))
     );
   })(s);
 }, Yt = (t, e) => (r) => {
   r = r.makeRef();
-  const s = t.map((i) => f(e(i)));
+  const s = t.map((i) => c(e(i)));
   let n = () => {
   };
   const o = s.on((i) => {
@@ -1306,7 +1311,7 @@ const ce = (t) => {
   e,
   r
 ), er = (t) => (e) => t(e.element) ?? (() => {
-}), Se = (t, e) => {
+}), Ae = (t, e) => {
   const r = t(e);
   return () => r(!0);
 }, tr = (t, e, { doc: r, clear: s } = {}) => {
@@ -1317,7 +1322,7 @@ const ce = (t) => {
     );
   s !== !1 && (r ?? n.ownerDocument) != null && et(r ?? n.ownerDocument);
   const o = je(n), i = se(n) ? void 0 : n, a = v.of(o, i);
-  return Se(t, a);
+  return Ae(t, a);
 };
 class ct extends Error {
   constructor(e) {
@@ -1328,11 +1333,11 @@ const rr = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Se(
-    f(e),
+  return Ae(
+    c(e),
     r.withElement(s).withFirstLevel()
   );
-}, sr = (t) => Symbol(t), Ae = (t, e) => (r) => f(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : f, or = (t, e, r) => Ae({ [t]: e }, f(r)), ir = (t, e) => Ae(t, f(e)), ft = (t, e) => (r) => {
+}, sr = (t) => Symbol(t), Se = (t, e) => (r) => c(e)(r.withProviders(t)), nr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, or = (t, e, r) => Se({ [t]: e }, c(r)), ir = (t, e) => Se(t, c(e)), ft = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return s.style.setProperty(t, e), (o) => {
     o && s.style.setProperty(t, n);
@@ -1370,14 +1375,6 @@ export {
   ie as El,
   le as ElNS,
   ke as ElementPosition,
-  Rt as EmitChecked,
-  Mt as EmitPreventDefault,
-  Vt as EmitStopImmediatePropagation,
-  Ft as EmitStopPropagation,
-  nt as EmitValue,
-  it as EmitValueAsDate,
-  lt as EmitValueAsDateTime,
-  ot as EmitValueAsNumber,
   w as Empty,
   ut as Ensure,
   at as ForEach,
@@ -1403,7 +1400,7 @@ export {
   ye as Repeat,
   h as Signal,
   me as Task,
-  St as TextNode,
+  At as TextNode,
   Zt as Unless,
   Jt as Use,
   Kt as UseProvider,
@@ -1420,7 +1417,7 @@ export {
   ae as _maybeAddAttributeTracker,
   ce as _maybeAddClassTracker,
   he as _maybeAddTextTracker,
-  m as _removeDOMNode,
+  g as _removeDOMNode,
   Ie as _setAttribute,
   Fe as _setBooleanProperty,
   $e as _setDateProperty,
@@ -1432,35 +1429,43 @@ export {
   Me as animateSignals,
   Et as aria,
   P as attr,
-  At as dataAttr,
-  Ce as endInterpolate,
+  St as dataAttr,
+  Rt as emitChecked,
+  Mt as emitPreventDefault,
+  Vt as emitStopImmediatePropagation,
+  Ft as emitStopPropagation,
+  nt as emitValue,
+  it as emitValueAsDate,
+  lt as emitValueAsDateTime,
+  ot as emitValueAsNumber,
+  Ne as endInterpolate,
   Oe as guessInterpolate,
   wt as handleAnchorClick,
   bt as html,
   Tt as input,
-  Ne as interpolateDate,
+  Le as interpolateDate,
   Te as interpolateNumber,
-  Le as interpolateString,
+  Ce as interpolateString,
   O as isSSR,
   gt as localStorageProp,
   j as makeComputed,
   yt as makeComputedRecord,
   pt as makeEffect,
-  L as makeProp,
+  C as makeProp,
   sr as makeProviderMark,
   mt as makeSignal,
-  Nt as math,
+  Lt as math,
   Dt as mathAttr,
   $ as on,
-  Ct as prepareSSR,
+  Nt as prepareSSR,
   xe as removeTextTrackers,
   tr as render,
-  Se as renderWithContext,
-  f as renderableOfTNode,
+  Ae as renderWithContext,
+  c as renderableOfTNode,
   _t as sessionStorageProp,
   Q as storedProp,
   lr as style,
-  Lt as svg,
+  Ct as svg,
   Pt as svgAttr,
   Ot as useSSRDone
 };

package/package.json

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

package/renderable/handler.d.ts

@@ -106,7 +106,7 @@ export declare const on: {
  * @returns An event handler function that can be attached to an event listener.
  * @public
  */
-export declare const EmitValue: (fn: (text: string) => void) => (event: Event) => void;
+export declare const emitValue: (fn: (text: string) => void) => (event: Event) => void;
 /**
  * Calls the provided function with the value of an HTMLInputElement as a number.
  *
@@ -114,46 +114,46 @@ export declare const EmitValue: (fn: (text: string) => void) => (event: Event) =
  * @returns A function that can be used as an event handler.
  * @public
  */
-export declare const EmitValueAsNumber: (fn: (num: number) => void) => (event: Event) => void;
+export declare const emitValueAsNumber: (fn: (num: number) => void) => (event: Event) => void;
 /**
  * Converts the value of an HTML input element to a Date object and emits it using the provided callback function.
  * @param fn - The callback function to be called with the converted Date object.
  * @returns A function that can be used as an event handler for input events.
  * @public
  */
-export declare const EmitValueAsDate: (fn: (date: Date) => void) => (event: Event) => void;
+export declare const emitValueAsDate: (fn: (date: Date) => void) => (event: Event) => void;
 /**
  * Emits the value of an HTMLInputElement as a Date object.
  * @param fn - The callback function to be called with the emitted Date object.
  * @returns The event handler function.
  * @public
  */
-export declare const EmitValueAsDateTime: (fn: (date: Date) => void) => (event: Event) => void;
+export declare const emitValueAsDateTime: (fn: (date: Date) => void) => (event: Event) => void;
 /**
  * Calls the provided function with the checked value of the event target.
  * @param fn - The function to be called with the checked value.
  * @returns A function that takes an event and calls the provided function with the checked value of the event target.
  * @public
  */
-export declare const EmitChecked: (fn: (checked: boolean) => void) => (event: Event) => void;
+export declare const emitChecked: (fn: (checked: boolean) => void) => (event: Event) => void;
 /**
  * Wraps a function to prevent the default behavior of an event before invoking it.
  * @param fn - The function to be wrapped.
  * @returns A new function that prevents the default behavior of the event and then invokes the original function.
  * @public
  */
-export declare const EmitPreventDefault: (fn: () => void) => (event: Event) => void;
+export declare const emitPreventDefault: (fn: () => void) => (event: Event) => void;
 /**
  * Creates a new event handler that stops event propagation and invokes the provided function.
  * @param fn - The function to be invoked when the event is triggered.
  * @returns A new event handler function.
  * @public
  */
-export declare const EmitStopPropagation: (fn: () => void) => (event: Event) => void;
+export declare const emitStopPropagation: (fn: () => void) => (event: Event) => void;
 /**
  * Creates an event handler that stops immediate propagation of the event and invokes the provided function.
  * @param fn - The function to be invoked.
  * @returns The event handler function.
  * @public
  */
-export declare const EmitStopImmediatePropagation: (fn: () => void) => (event: Event) => void;
+export declare const emitStopImmediatePropagation: (fn: () => void) => (event: Event) => void;

package/std/position.d.ts

@@ -26,6 +26,10 @@ export declare class ElementPosition {
      * The total number of elements in the collection.
      */
     total: number);
+    /**
+     * Gets the counter of the element.
+     */
+    get counter(): number;
     /**
      * Checks if the element is the first element in the collection.
      * @returns `true` if the element is the first element, `false` otherwise.

package/std/signal.d.ts

@@ -213,13 +213,15 @@ export declare class Signal<T> {
      * If no recovery function is provided, the error will be logged as an unhandled promise rejection.
      *
      * @typeParam O - The type of the mapped value.
-     * @param fn - The function to map the values emitted by the signal.
+     * @param fn - The function to map the values emitted by the signal. The second argument to this function allows to cancel the previously running mapping function if it has not completed by the time a new value is emitted.
      * @param alt - The alternate value to use if the signal is disposed or the mapping function throws an error.
      * @param recover - The recovery function to handle errors thrown by the mapping function.
      * @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.
      */
-    readonly mapAsync: <O>(fn: (value: T) => Promise<O>, alt: O, recover?: (error: unknown) => O, equals?: (a: O, b: O) => boolean) => Prop<O>;
+    readonly mapAsync: <O>(fn: (value: T, options: {
+        abortSignal: AbortSignal;
+    }) => Promise<O>, alt: O, recover?: (error: unknown) => O, equals?: (a: O, b: O) => boolean) => Prop<O>;
     /**
      * Maps the values of the signal using the provided function `fn`, and returns a new signal
      * containing the mapped values. If the mapped value is `undefined` or `null`, it is replaced