@tempots/dom 20.0.0 → 20.0.1

package/index.cjs

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

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;
-}, Ce = (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" ? Le : t instanceof Date ? Ce : Ne;
+}, Le = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Oe = (t, e) => e, Ne = (t) => typeof t == "number" ? Te : typeof t == "string" ? Ce : t instanceof Date ? Le : Oe;
 class ke {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -241,7 +241,7 @@ const p = class p {
      * @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);
+      const o = C(r, n);
       let i = 0, a = new AbortController();
       return o.onDispose(
         this.on(async (u) => {
@@ -286,7 +286,7 @@ const p = class p {
      * @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.
@@ -538,10 +538,23 @@ l(F, "is", (r) => (
   r != null && r.$__prop__ === !0
 ));
 let $ = F;
-const j = (t, e, r = (s, n) => s === n) => {
+const V = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, dt = (t, e) => j(t, e).dispose, L = (t, e = (r, s) => r === s) => new $(t, e), pt = (t, e = (r, s) => r === s) => new h(t, e);
+}, pt = (...t) => (e, r) => {
+  const s = t.filter((n) => h.is(n));
+  return V(
+    () => e(...t.map((n) => h.unwrap(n))),
+    s,
+    r
+  );
+}, Me = (t, e) => V(t, e).dispose, mt = (...t) => (e) => {
+  const r = t.filter((s) => h.is(s));
+  Me(
+    () => e(...t.map(h.unwrap)),
+    r
+  );
+}, C = (t, e = (r, s) => r === s) => new $(t, e), gt = (t, e = (r, s) => r === s) => new h(t, e);
 class Q {
   constructor() {
     l(this, "_store", /* @__PURE__ */ new Map());
@@ -577,20 +590,20 @@ const Y = ({
   return u.on((f) => {
     r.setItem(t, s(f));
   }), u;
-}, mt = (t) => Y({
+}, _t = (t) => Y({
   ...t,
   store: (window == null ? void 0 : window.localStorage) ?? new Q()
-}), gt = (t) => Y({
+}), vt = (t) => Y({
   ...t,
   store: (window == null ? void 0 : window.sessionStorage) ?? new Q()
 });
 function z(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const Me = (t, e, r, s) => {
+const $e = (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, f = e(), d = performance.now(), S = null, m = !0;
-  const D = new E(e, i), A = L(t, i);
+  const D = new E(e, i), A = C(t, i);
   A.onDispose(() => {
     S !== null && cancelAnimationFrame(S);
   }), A.onDispose(D.dispose), r.forEach((_) => {
@@ -600,25 +613,25 @@ const Me = (t, e, r, s) => {
     f = _, d = performance.now(), u = A.value, m && (m = !1, S = z(H));
   }, H = () => {
     const k = (performance.now() - d) / h.unwrap(n), Pe = o(k);
-    a == null && (a = Oe(u));
+    a == null && (a = Ne(u));
     let X = a(u, f, Pe);
     k >= 1 ? (m = !0, X = f) : S = z(H), A.set(X);
   };
   return D.on(Ee), A;
-}, _t = (t, e) => {
+}, wt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return Me(
+  return $e(
     r ?? t.get(),
     t.get,
     [t],
     s
   );
-}, vt = (t, e) => {
+}, yt = (t, e) => {
   const { signals: r, literals: s } = Object.entries(t).reduce(
     ({ signals: o, literals: i }, [a, u]) => (h.is(u) ? o.push([a, u]) : i[a] = u, { signals: o, literals: i }),
     { signals: [], literals: {} }
   ), n = r.map(([, o]) => o);
-  return j(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+  return V(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
 }, Z = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), K = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
@@ -632,24 +645,24 @@ const Me = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), q = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (q.has(t))
-    return q.get(t);
+]), I = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (I.has(t))
+    return I.get(t);
   {
     const r = e(t);
-    return q.set(t, r), r;
+    return I.set(t, r), r;
   }
-}, $e = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = !!r;
 }, Fe = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = Number(r);
+  r == null ? e[t] = null : e[t] = !!r;
 }, Ve = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = r;
+  r == null ? e[t] = null : e[t] = Number(r);
 }, qe = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = String(r);
+  r == null ? e[t] = null : e[t] = r;
 }, Ie = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = String(r);
+}, Be = (t) => (e, r) => {
   r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, te = (t) => Z.has(t) ? b(t, $e) : K.has(t) ? b(t, Fe) : x.has(t) ? b(t, Ve) : ee.has(t) ? b(t, qe) : b(t, Ie), re = (t) => (e) => Z.has(t) ? !!e[t] : K.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
+}, te = (t) => Z.has(t) ? b(t, Fe) : K.has(t) ? b(t, Ve) : x.has(t) ? b(t, qe) : ee.has(t) ? b(t, Ie) : b(t, Be), re = (t) => (e) => Z.has(t) ? !!e[t] : K.has(t) ? Number(e[t]) : x.has(t) ? e[t] : ee.has(t) ? String(e[t]) : e.getAttribute(t);
 class v {
   /**
    * Constructs a new `DOMContext` instance.
@@ -771,7 +784,7 @@ class v {
      */
     l(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Be(e);
+        throw new je(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -787,7 +800,7 @@ class v {
     return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-class Be extends Error {
+class je extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -795,7 +808,7 @@ class Be extends Error {
 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, ne = (t) => (e) => {
+}, Ue = (t) => se(t) ? t : t.parentElement, se = (t) => t.nodeType === 1, ne = (t) => (e) => {
   he(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
@@ -809,15 +822,15 @@ const g = (t) => {
   return (n) => {
     s(), n && g(r);
   };
-}, yt = (t) => h.is(t) ? oe(t) : ne(t), y = (...t) => (e) => {
+}, St = (t) => h.is(t) ? oe(t) : ne(t), w = (...t) => (e) => {
   const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
-}, w = () => () => {
-}, Ue = (t) => (e) => (ce(e), e.element.classList.add(...t), (r) => {
+}, y = () => () => {
+}, Ge = (t) => (e) => (ce(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), Ge = (t) => (e) => {
+}), Je = (t) => (e) => {
   ce(e);
   const r = e.element;
   let s = [];
@@ -827,7 +840,7 @@ const g = (t) => {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, C = (t, e) => {
+}, L = (t, e) => {
   const r = te(t), s = re(t);
   return (n) => {
     ae(n, t);
@@ -836,7 +849,7 @@ const g = (t) => {
       i && r(n.element, o);
     };
   };
-}, N = (t, e) => {
+}, O = (t, e) => {
   const r = te(t), s = re(t);
   return (n) => {
     ae(n, t);
@@ -859,17 +872,17 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ge(r) : Ue(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Je(r) : Ge(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? N(
+    ) : (r) => h.is(r) ? O(
       e,
       r
-    ) : C(
+    ) : L(
       e,
       r
     )
   }
-), wt = new Proxy(
+), At = new Proxy(
   {},
   {
     /**
@@ -880,12 +893,12 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       `data-${e}`,
       r
-    ) : C(`data-${e}`, r)
+    ) : L(`data-${e}`, r)
   }
-), St = new Proxy(
+), Et = new Proxy(
   {},
   {
     /**
@@ -896,15 +909,15 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       `aria-${e}`,
       r
-    ) : C(
+    ) : L(
       `aria-${e}`,
       r
     )
   }
-), At = new Proxy(
+), Pt = new Proxy(
   {},
   {
     /**
@@ -915,15 +928,15 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       e,
       r
-    ) : C(
+    ) : L(
       e,
       r
     )
   }
-), Et = new Proxy(
+), Dt = new Proxy(
   {},
   {
     /**
@@ -933,29 +946,29 @@ const g = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? N(
+    get: (t, e) => (r) => h.is(r) ? O(
       e,
       r
-    ) : C(
+    ) : L(
       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) => {
+), c = (t) => t == null ? y : Array.isArray(t) ? w(...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);
+  r.isFirstLevel && N() && fe(s), r.appendOrInsert(s), r = r.withElement(s);
   const n = e.map((o) => c(o)(r));
   return (o) => {
     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);
+  s.isFirstLevel && N() && fe(n), s.appendOrInsert(n), s = s.withElement(n);
   const o = r.map((i) => c(i)(s));
   return (i) => {
     o.forEach((a) => a(!1)), i && g(n);
   };
-}, Pt = new Proxy(
+}, bt = new Proxy(
   {},
   {
     /**
@@ -965,7 +978,7 @@ const g = (t) => {
      */
     get: (t, e) => (...r) => ie(e, r.flatMap(c))
   }
-), Dt = new Proxy(
+), Tt = new Proxy(
   {},
   {
     /**
@@ -975,7 +988,7 @@ const g = (t) => {
      */
     get: (t, e) => (...r) => ie("input", P.type(e), ...r)
   }
-), Je = "http://www.w3.org/2000/svg", bt = new Proxy(
+), We = "http://www.w3.org/2000/svg", Ct = new Proxy(
   {},
   {
     /**
@@ -983,9 +996,9 @@ const g = (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, Je, r.flatMap(c))
+    get: (t, e) => (...r) => le(e, We, r.flatMap(c))
   }
-), We = "http://www.w3.org/1998/Math/MathML", Tt = new Proxy(
+), He = "http://www.w3.org/1998/Math/MathML", Lt = new Proxy(
   {},
   {
     /**
@@ -993,9 +1006,9 @@ const g = (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, We, r.flatMap(c))
+    get: (t, e) => (...r) => le(e, He, r.flatMap(c))
   }
-), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", He = (t, e) => {
+), T = "data-tempo-attr", R = "data-tempo-class", ue = "data-tempo-node", M = "data-tempo-text", Xe = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
     const s = t.getAttribute(T) ?? "{}", n = { ...JSON.parse(s), name: r };
@@ -1005,8 +1018,8 @@ const g = (t) => {
     );
   }
 }, ae = (t, e) => {
-  O() && t.isFirstLevel && He(t.element, e);
-}, Xe = (t) => {
+  N() && t.isFirstLevel && Xe(t.element, e);
+}, ze = (t) => {
   t.querySelectorAll(`[${T}]`).forEach((e) => {
     const r = JSON.parse(
       (e.getAttribute(T) ?? "{}").replace(/&quot;/g, '"')
@@ -1016,32 +1029,32 @@ const g = (t) => {
     e.removeAttribute(T);
   });
 };
-function ze(t) {
+function Qe(t) {
   t.setAttribute(R, t.className);
 }
 const ce = (t) => {
-  O() && t.isFirstLevel && ze(t.element);
-}, Qe = (t) => {
+  N() && t.isFirstLevel && Qe(t.element);
+}, Ye = (t) => {
   t.querySelectorAll(`[${R}]`).forEach((e) => {
     const r = e.getAttribute(R);
     r !== null && (e.className = r, e.removeAttribute(R));
   });
 }, fe = (t) => {
   t.setAttribute(ue, "");
-}, Ye = (t) => {
+}, Ze = (t) => {
   t.querySelectorAll(`[${ue}]`).forEach((e) => {
     g(e);
   });
-}, Ze = (t) => {
+}, Ke = (t) => {
   t.setAttribute(M, t.textContent ?? "");
 }, he = (t) => {
-  O() && t.isFirstLevel && Ze(t.element);
-}, Ke = (t) => {
+  N() && t.isFirstLevel && Ke(t.element);
+}, xe = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
     e.textContent = e.getAttribute(M), e.removeAttribute(M);
   });
-}, xe = (t) => {
-  Ye(t), Qe(t), Xe(t), Ke(t);
+}, et = (t) => {
+  Ze(t), Ye(t), ze(t), xe(t);
 }, de = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
@@ -1051,24 +1064,24 @@ const ce = (t) => {
 }, U = (t, e) => {
   const r = de();
   r[t] = e;
-}, pe = (t) => de()[t], I = (t) => {
+}, pe = (t) => de()[t], B = (t) => {
   U("isSSR", t);
-}, G = () => pe("counter"), et = () => {
+}, G = () => pe("counter"), tt = () => {
   U("counter", (G() ?? 0) + 1);
-}, tt = () => {
+}, rt = () => {
   U("counter", (G() ?? 0) - 1);
-}, Lt = (t = 30) => (I(!0), new Promise((e, r) => {
+}, Ot = (t = 30) => (B(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    G() <= 0 && (clearInterval(n), clearTimeout(s), I(!1), e());
+    G() <= 0 && (clearInterval(n), clearTimeout(s), B(!1), e());
   }, 30);
   s = setTimeout(() => {
-    clearInterval(n), I(!1), r(new Error("SSR Timeout"));
+    clearInterval(n), B(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), Ct = (t) => (et(), c(t(tt))), O = () => pe("isSSR"), me = (t, e) => {
+})), Nt = (t) => (tt(), c(t(rt))), N = () => pe("isSSR"), me = (t, e) => {
   if (typeof e == "function")
     return me(t, { then: e });
-  const r = e.pending != null ? c(e.pending) : w, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => w;
+  const r = e.pending != null ? c(e.pending) : y, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => y;
   return (o) => {
     let i = !0;
     const a = t();
@@ -1085,16 +1098,16 @@ const ce = (t) => {
       i = !1, u(f), f && o.reference && g(o.reference);
     };
   };
-}, Nt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, kt = (t, e) => me(() => t, e), ge = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), rt = (t) => ge("click", (e) => {
+}), st = (t) => ge("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
     const s = r.ownerDocument != null ? r == null ? void 0 : r.checked : void 0;
     s != null && t(!s);
   }, 0);
-}), V = new Proxy(
+}), q = new Proxy(
   {},
   {
     /**
@@ -1104,13 +1117,13 @@ const ce = (t) => {
      */
     get: (t, e) => (r) => ge(e, r)
   }
-), st = (t) => (e) => {
+), nt = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, nt = (t) => (e) => {
+}, ot = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, ot = (t) => (e) => {
+}, it = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1120,7 +1133,7 @@ const ce = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, it = (t) => (e) => {
+}, lt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1130,25 +1143,25 @@ const ce = (t) => {
     Number(n[2])
   ), i = s[1].split(":");
   o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
-}, Ot = (t) => (e) => {
+}, Rt = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, kt = (t) => (e) => {
+}, Mt = (t) => (e) => {
   e.preventDefault(), t();
-}, Rt = (t) => (e) => {
+}, $t = (t) => (e) => {
   e.stopPropagation(), t();
-}, Mt = (t) => (e) => {
+}, Ft = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, $t = (t, e = "input") => y(
+}, Vt = (t, e = "input") => w(
   P.valueAsDate(t),
-  V[e](ot(t.set))
-), Ft = (t, e = "input") => y(
+  q[e](it(t.set))
+), qt = (t, e = "input") => w(
   P.valueAsDate(t),
-  V[e](it(t.set))
-), Vt = (t, e = "input") => y(
+  q[e](lt(t.set))
+), It = (t, e = "input") => w(
   P.valueAsNumber(t),
-  V[e](nt(t.set))
-), qt = (t, e = "input") => y(P.value(t), V[e](st(t.set))), It = (t) => y(P.checked(t), rt(t.set)), J = (t, e) => (r) => {
+  q[e](ot(t.set))
+), Bt = (t, e = "input") => w(P.value(t), q[e](nt(t.set))), jt = (t) => w(P.checked(t), st(t.set)), J = (t, e) => (r) => {
   r = r.makeRef();
   let s, n;
   const o = t.map((u) => Object.keys(u)[0]);
@@ -1167,14 +1180,14 @@ const ce = (t) => {
   t.map((s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), Bt = (t, e) => _e(t, "kind", e), jt = (t, e) => {
+), Ut = (t, e) => _e(t, "kind", e), Gt = (t, e) => {
   const r = t.map(([s, n]) => ({ [s]: n }));
   return J(r, e);
-}, Ut = (t, e) => _e(t, "type", e), W = (t, e) => J(
+}, Jt = (t, e) => _e(t, "type", e), W = (t, e) => J(
   t.map((r) => ({ [r]: !0 })),
   e
-), Gt = (t, e = {}) => (r) => {
-  const s = (e == null ? void 0 : e.firstSeparator) ?? w, n = (e == null ? void 0 : e.lastSeparator) ?? w;
+), Wt = (t, e = {}) => (r) => {
+  const s = (e == null ? void 0 : e.firstSeparator) ?? y, n = (e == null ? void 0 : e.lastSeparator) ?? y;
   return W(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
@@ -1191,7 +1204,7 @@ const ce = (t) => {
     return n[o] = i, n;
   }, {});
   return c(e(s))(r);
-}, Jt = (t, e) => (r) => {
+}, Ht = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
     (o, [i, a]) => (s.push(
       a((u) => (Reflect.set(o, i, u), null))(r)
@@ -1201,24 +1214,24 @@ const ce = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, Wt = (t, e) => ve([t], (r) => c(e(r[t]))), Ht = (t, e) => ve(t, (r) => c(e(r))), Xt = (t) => (e) => t(e), zt = (t) => (e) => (e.appendOrInsert(t), (r) => {
+}, Xt = (t, e) => ve([t], (r) => c(e(r[t]))), zt = (t, e) => ve(t, (r) => c(e(r))), Qt = (t) => (e) => t(e), Yt = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && g(t);
-}), lt = (t, e, r) => (s) => {
+}), 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 = 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));
+  const i = C(null), a = t.on((u) => {
+    u == null ? (n == null || n(!0), n = c((r == null ? void 0 : r()) ?? y)(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 && g(s.reference);
   };
-}, B = (t) => (e) => (r) => t(r, e), ye = (t, e, r) => r != null ? ye(t, (s) => {
+}, j = (t) => (e) => (r) => t(r, e), we = (t, e, r) => r != null ? we(t, (s) => {
   const n = s.map((o) => o.isLast ? "last" : "other");
-  return y(
-    B(() => n.dispose()),
+  return w(
+    j(() => n.dispose()),
     c(e(s)),
     W(n, {
-      last: () => w,
+      last: () => y,
       other: () => r(s)
     })
   );
@@ -1235,7 +1248,7 @@ const ce = (t) => {
       (d = o.pop()) == null || d(!0), (S = i.pop()) == null || S.dispose();
     for (let m = 0; m < f; m++)
       if (i[m] == null) {
-        i[m] = L(u[m]);
+        i[m] = C(u[m]);
         const D = c(e(i[m]));
         o[m] = D(s);
       } else
@@ -1244,29 +1257,29 @@ const ce = (t) => {
   return (u) => {
     a(), u && s.reference && g(s.reference);
   };
-}, ut = (t, e, r) => r != null ? ut(t, (s, n) => {
+}, at = (t, e, r) => r != null ? at(t, (s, n) => {
   const o = n.map((i) => i.isLast ? "last" : "other");
-  return y([
-    B(() => o.dispose()),
+  return w([
+    j(() => o.dispose()),
     c(e(s, n)),
     W(o, {
-      last: () => w,
+      last: () => y,
       other: () => r(n)
     })
   ]);
 }) : (s) => {
   const n = t.map((o) => o.length);
-  return ye(n, (o) => {
-    const i = j(
+  return we(n, (o) => {
+    const i = V(
       () => t.value[o.value.index],
       [o, t]
     );
-    return y(
-      B(() => i.dispose()),
+    return w(
+      j(() => i.dispose()),
       c(e(i, o))
     );
   })(s);
-}, Qt = (t, e) => (r) => {
+}, Zt = (t, e) => (r) => {
   r = r.makeRef();
   const s = t.map((i) => c(e(i)));
   let n = () => {
@@ -1277,38 +1290,38 @@ const ce = (t) => {
   return (i) => {
     o(), n(i);
   };
-}, we = (t, e, r) => lt(
+}, ye = (t, e, r) => ut(
   t.map((s) => s ? !0 : null),
   () => e,
   r != null ? () => r : void 0
-), Yt = (t, e, r) => we(
+), Kt = (t, e, r) => ye(
   t.map((s) => !s),
   e,
   r
-), Zt = (t, e, r = w) => we(
+), xt = (t, e, r = y) => ye(
   t.map((s) => s.length > 0),
   e,
   r
-), Kt = (t) => (e) => t(e.element) ?? (() => {
+), er = (t) => (e) => t(e.element) ?? (() => {
 }), Se = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, xt = (t, e, { doc: r, clear: s } = {}) => {
+}, tr = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new at(
+    throw new ct(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (r ?? n.ownerDocument) != null && xe(r ?? n.ownerDocument);
-  const o = je(n), i = se(n) ? void 0 : n, a = v.of(o, i);
+  s !== !1 && (r ?? n.ownerDocument) != null && et(r ?? n.ownerDocument);
+  const o = Ue(n), i = se(n) ? void 0 : n, a = v.of(o, i);
   return Se(t, a);
 };
-class at extends Error {
+class ct extends Error {
   constructor(e) {
     super(e);
   }
 }
-const er = (t, e) => (r) => {
+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}`);
@@ -1316,17 +1329,17 @@ const er = (t, e) => (r) => {
     c(e),
     r.withElement(s).withFirstLevel()
   );
-}, tr = (t) => Symbol(t), Ae = (t, e) => (r) => c(e)(r.withProviders(t)), rr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, sr = (t, e, r) => Ae({ [t]: e }, c(r)), nr = (t, e) => Ae(t, c(e)), ct = (t, e) => (r) => {
+}, sr = (t) => Symbol(t), Ae = (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) => Ae({ [t]: e }, c(r)), ir = (t, e) => Ae(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);
   };
-}, ft = (t, e) => (r) => {
+}, ht = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return e.on((o) => s.style.setProperty(t, o)), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, or = new Proxy(
+}, lr = new Proxy(
   {},
   {
     /**
@@ -1337,60 +1350,60 @@ const er = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? ft(e, r) : ct(e, r)
+    get: (t, e) => (r) => h.is(r) ? ht(e, r) : ft(e, r)
   }
 );
 export {
-  Nt as Async,
-  It as BindChecked,
-  $t as BindDate,
-  Ft as BindDateTime,
-  Vt as BindNumber,
-  qt as BindText,
+  kt as Async,
+  jt as BindChecked,
+  Vt as BindDate,
+  qt as BindDateTime,
+  It as BindNumber,
+  Bt as BindText,
   E as Computed,
-  Gt as Conjunction,
+  Wt as Conjunction,
   v as DOMContext,
-  zt as DOMNode,
+  Yt as DOMNode,
   ie as El,
   le as ElNS,
   ke as ElementPosition,
-  w as Empty,
-  lt as Ensure,
-  ut as ForEach,
-  y as Fragment,
-  Qt as MapSignal,
+  y as Empty,
+  ut as Ensure,
+  at as ForEach,
+  w as Fragment,
+  Zt as MapSignal,
   Q as MemoryStore,
-  Zt as NotEmpty,
-  rt as OnChecked,
-  Xt as OnCtx,
-  Kt as OnMount,
-  B as OnUnmount,
+  xt as NotEmpty,
+  st as OnChecked,
+  Qt as OnCtx,
+  er as OnMount,
+  j as OnUnmount,
   J as OneOf,
   _e as OneOfField,
-  Bt as OneOfKind,
-  jt as OneOfTuple,
-  Ut as OneOfType,
+  Ut as OneOfKind,
+  Gt as OneOfTuple,
+  Jt as OneOfType,
   W as OneOfValue,
-  er as Portal,
+  rr as Portal,
   $ as Prop,
-  rr as Provide,
-  Be as ProviderNotFoundError,
-  at as RenderingError,
-  ye as Repeat,
+  nr as Provide,
+  je as ProviderNotFoundError,
+  ct as RenderingError,
+  we as Repeat,
   h as Signal,
   me as Task,
-  yt as TextNode,
-  Yt as Unless,
-  Jt as Use,
-  Wt as UseProvider,
-  Ht as UseProviders,
-  Ct as UseSSRDone,
-  we as When,
-  sr as WithProvider,
-  nr as WithProviders,
+  St as TextNode,
+  Kt as Unless,
+  Ht as Use,
+  Xt as UseProvider,
+  zt as UseProviders,
+  Nt as UseSSRDone,
+  ye as When,
+  or as WithProvider,
+  ir as WithProviders,
   fe as _addNodeTracker,
-  xe as _clearSSR,
-  je as _getSelfOrParentElement,
+  et as _clearSSR,
+  Ue as _getSelfOrParentElement,
   se as _isElement,
   re as _makeGetter,
   te as _makeSetter,
@@ -1398,52 +1411,54 @@ export {
   ce as _maybeAddClassTracker,
   he as _maybeAddTextTracker,
   g as _removeDOMNode,
-  Ie as _setAttribute,
-  $e as _setBooleanProperty,
-  Ve as _setDateProperty,
-  Fe as _setNumberProperty,
-  qe as _setStringProperty,
+  Be as _setAttribute,
+  Fe as _setBooleanProperty,
+  qe as _setDateProperty,
+  Ve as _setNumberProperty,
+  Ie as _setStringProperty,
   oe as _signalText,
   ne as _staticText,
-  _t as animateSignal,
-  Me as animateSignals,
-  St as aria,
+  wt as animateSignal,
+  $e as animateSignals,
+  Et as aria,
   P as attr,
-  wt as dataAttr,
-  Ot as emitChecked,
-  kt as emitPreventDefault,
-  Mt as emitStopImmediatePropagation,
-  Rt as emitStopPropagation,
-  st as emitValue,
-  ot as emitValueAsDate,
-  it as emitValueAsDateTime,
-  nt as emitValueAsNumber,
-  Ne as endInterpolate,
-  Oe as guessInterpolate,
-  Pt as html,
-  Dt as input,
-  Ce as interpolateDate,
+  At as dataAttr,
+  Rt as emitChecked,
+  Mt as emitPreventDefault,
+  Ft as emitStopImmediatePropagation,
+  $t as emitStopPropagation,
+  nt as emitValue,
+  it as emitValueAsDate,
+  lt as emitValueAsDateTime,
+  ot as emitValueAsNumber,
+  Oe as endInterpolate,
+  Ne as guessInterpolate,
+  bt as html,
+  Tt as input,
+  Le as interpolateDate,
   Te as interpolateNumber,
-  Le as interpolateString,
-  O as isSSR,
-  mt as localStorageProp,
-  j as makeComputed,
-  vt as makeComputedRecord,
-  dt as makeEffect,
-  L as makeProp,
-  tr as makeProviderMark,
-  pt as makeSignal,
-  Tt as math,
-  Et as mathAttr,
-  V as on,
-  Lt as prepareSSR,
-  Ke as removeTextTrackers,
-  xt as render,
+  Ce as interpolateString,
+  N as isSSR,
+  _t as localStorageProp,
+  V as makeComputed,
+  pt as makeComputedOf,
+  yt as makeComputedRecord,
+  Me as makeEffect,
+  mt as makeEffectOf,
+  C as makeProp,
+  sr as makeProviderMark,
+  gt as makeSignal,
+  Lt as math,
+  Dt as mathAttr,
+  q as on,
+  Ot as prepareSSR,
+  xe as removeTextTrackers,
+  tr as render,
   Se as renderWithContext,
   c as renderableOfTNode,
-  gt as sessionStorageProp,
+  vt as sessionStorageProp,
   Y as storedProp,
-  or as style,
-  bt as svg,
-  At as svgAttr
+  lr as style,
+  Ct as svg,
+  Pt as svgAttr
 };

package/package.json

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

package/std/signal.d.ts

@@ -1,4 +1,4 @@
-import { Value } from '../types/domain';
+import { GetValueTypes, Value } from '../types/domain';
 /**
  * Represents any type of signal.
  * It can be a Signal, Prop, or Computed.
@@ -422,6 +422,16 @@ export declare class Prop<T> extends Signal<T> {
  * @public
  */
 export declare const makeComputed: <T>(fn: () => T, dependencies: Array<AnySignal>, equals?: (a: T, b: T) => boolean) => Computed<T>;
+/**
+ * Creates a computed signal that depends on other signals or literal values and updates when any of the dependencies change.
+ *
+ * @typeParam T - The type of the argument values.
+ * @param fn - The function that computes the value.
+ * @param equals - The equality function used to compare the previous and current computed values.
+ * @returns - The computed signal.
+ * @public
+ */
+export declare const makeComputedOf: <T extends Value<unknown>[]>(...args: T) => <O>(fn: (...args: GetValueTypes<T>) => O, equals?: (a: O, b: O) => boolean) => Computed<O>;
 /**
  * Executes the provided function `fn` whenever any of the signals in the `signals` array change.
  * Returns a disposable object that can be used to stop the effect.
@@ -432,6 +442,14 @@ export declare const makeComputed: <T>(fn: () => T, dependencies: Array<AnySigna
  * @public
  */
 export declare const makeEffect: (fn: () => void, signals: Array<AnySignal>) => () => void;
+/**
+ * Creates an effect that depends on other signals or literal values and updates when any of the dependencies change.
+ *
+ * @param args - The array of signals or literal values that the effect depends on.
+ * @returns A disposable object that can be used to stop the effect.
+ * @public
+ */
+export declare const makeEffectOf: <T extends Value<unknown>[]>(...args: T) => (fn: (...args: GetValueTypes<T>) => void) => void;
 /**
  * Creates a new Prop object with the specified value and equality function.
  *

package/types/domain.d.ts

@@ -66,6 +66,13 @@ export type NValue<T> = Value<T> | Value<T | null> | Value<T | undefined> | Valu
  * @public
  */
 export type GetValueType<T> = T extends Signal<infer V> ? V : T;
+/**
+ * Gets the value types of a given array of Value types.
+ * @public
+ */
+export type GetValueTypes<T extends Value<unknown>[]> = {
+    [K in keyof T]: GetValueType<T[K]>;
+};
 /**
  * Removes signals from a given object type and returns a new object type
  * with only the non-signal properties.