@vielzeug/craftit 2.0.1 → 3.0.1

package/dist/craftit.js

@@ -1,2 +1,2 @@
-import{batch as e,computed as t,effect as n,isSignal as r,onCleanup as i,signal as a,untrack as o,watch as s}from"@vielzeug/stateit";export*from"@vielzeug/stateit";var c=0,l=e=>{for(let t of e)t()},u=(e,t,n)=>{/^on/i.test(t)||n==null||!1===n?e.removeAttribute(t):!0===n?e.setAttribute(t,``):e.setAttribute(t,String(n))},d=(e,t,n,r)=>{let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},f=e=>`${e?`${e}-`:`cft-`}${++c}`,p=(e,t)=>{let n=`${e}-${t&&t.trim()?t:f(e)}`;return{errorId:`error-${n}`,fieldId:n,helperId:`helper-${n}`,labelId:`label-${n}`}},m=(e,t)=>n=>{e()&&t(n)},h=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),g={"'":`&#39;`,'"':`&quot;`,"&":`&amp;`,"<":`&lt;`,">":`&gt;`},_=e=>String(e).replace(/[&<>"']/g,e=>g[e]),v=function(){return this.content},ee=(e,...t)=>{let n=``;for(let r=0;r<e.length;r++)if(n+=e[r],r<t.length){let e=t[r];n+=e&&typeof e==`object`&&`content`in e?e.content:e??``}return{content:n.trim(),toString:v}},y=new Map,te=e=>{if(e instanceof CSSStyleSheet)return e;let t=typeof e==`string`?e:e.content,n=y.get(t);if(n)return n;let r=new CSSStyleSheet;try{r.replaceSync(t),y.set(t,r)}catch(e){console.error(`[craftit:E2] style replace failed`,e)}return r},b=[],x=()=>{let e=b[b.length-1];if(!e)throw Error(`[craftit:E1] lifecycle outside setup`);return e},S=e=>{x().onMount.push(e)},C=e=>{b.length>0?x().cleanups.push(e):i(e)},ne=e=>{x().errorHandlers.push(e)},w=e=>{b.length>0&&C(e)},T=(e,t)=>{let r=n(e,t);return w(r),r};function re(e,t,r){if(Array.isArray(e)){let i=r,a=!1,s=!1,c=n(()=>{for(let t of e)t.value;if(a)o(t),i?.once&&c();else if(a=!0,i?.immediate&&(o(t),i.once))return void(s=!0)});return w(c),s&&c(),c}let i=s(e,t,r);return w(i),i}function E(e,t,n,r){e&&(e.addEventListener(t,n,r),C(()=>e.removeEventListener(t,n,r)))}var D={bubbles:!0,cancelable:!0,composed:!0},O={basic:(e,t,n={})=>e.dispatchEvent(new Event(t,{...D,...n})),custom:(e,t,n={})=>e.dispatchEvent(new CustomEvent(t,{...D,...n})),event:(e,t)=>e.dispatchEvent(t),focus:(e,t,n={})=>e.dispatchEvent(new FocusEvent(t,{...D,...n})),keyboard:(e,t,n={})=>e.dispatchEvent(new KeyboardEvent(t,{...D,...n})),mouse:(e,t,n={})=>e.dispatchEvent(new MouseEvent(t,{...D,...n})),touch:(e,t,n={})=>typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...D,...n})):e.dispatchEvent(new CustomEvent(t,{...D,...n}))};function ie(e,t){let n=t===void 0?x().el:e,r=Object.entries(t===void 0?e:t).map(([e,t])=>T(()=>((e,t)=>{let r=`aria-${e}`,i=typeof t==`function`?t():t;i==null||!1===i?n.removeAttribute(r):n.setAttribute(r,String(i))})(e,t)));if(t!==void 0)return()=>{for(let e of r)e()}}var k=new WeakMap,ae=(e,t)=>{let n=x().el;k.has(n)||k.set(n,new Map),k.get(n).set(e,t)};function oe(e,...t){let n=x().el;for(;n;){if(n instanceof HTMLElement){let t=k.get(n)?.get(e);if(t!==void 0)return t}let t=n.getRootNode();n=n.parentElement??(t instanceof ShadowRoot?t.host:null)}return t.length>0?t[0]:void 0}function se(e){return Symbol(e)}var ce=(e,t,n)=>{e&&S(()=>{T(()=>{for(let r of n){let n=e[r]?.value;n!==void 0&&(t[r].value=n)}})})},le=new Set,ue=(e,t,n)=>{let r=`${n}:${e.localName}:${t||`default`}`;le.has(r)||(le.add(r),console.warn(`[craftit:E10] ${n} could not find a matching <slot${t?` name="${t}"`:``}> in <${e.localName}>. Render the slot before using ${n}.`))},de=(e,t)=>{let n=x().el,r=e===`default`?``:e,i=r?`slot[name="${r}"]`:`slot:not([name])`,a=n.shadowRoot?.querySelector(i);if(!a)return void ue(n,r,`onSlotChange()`);let o=()=>t(a.assignedElements({flatten:!0}));o(),a.addEventListener(`slotchange`,o),C(()=>a.removeEventListener(`slotchange`,o))};function A(e,t){for(let[n,r]of Object.entries(t))if(n===`classMap`)pe(e,r);else if(n.startsWith(`on`)&&n.length>2&&typeof r==`function`){let t=n.slice(2);E(e,t[0].toLowerCase()+t.slice(1),r)}else fe(e,n,r)}function fe(e,t,n){typeof n==`function`?T(()=>u(e,t,n())):u(e,t,n)}function pe(e,t){let n=new Set;T(()=>{let r=new Set(Object.entries(t()).filter(([,e])=>e).map(([e])=>e));for(let t of n)r.has(t)||e.classList.remove(t);for(let t of r)n.has(t)||e.classList.add(t);n=r})}var j=Symbol(`craftit.htmlResultBrand`);function me(){return{value:null}}function he(){return[]}function M(e,t=[]){let n={__bindings:t,__html:e,toString:()=>e};return Object.defineProperty(n,j,{configurable:!1,enumerable:!1,value:!0,writable:!1}),n}var N=e=>typeof e==`object`&&!!e&&!0===e[j],P=Symbol(`craftit.eachSignal`),F=e=>r(e)?e:typeof e==`function`?t(e):void 0,ge=e=>{if(!r(e))return!1;let t=Object.getPrototypeOf(e);for(;t;){let e=Object.getOwnPropertyDescriptor(t,`value`);if(e)return typeof e.set==`function`;t=Object.getPrototypeOf(t)}return!1},I=(e,t)=>{if(!Object.is(e.value,t))try{e.value=t}catch{}},L=new Map,R=e=>(e=>{let t=L.get(e);if(!t){if(t=document.createElement(`template`),t.innerHTML=e,L.size>=1e3){let e=L.keys().next().value;e!==void 0&&L.delete(e)}L.set(e,t)}return t})(e).content.cloneNode(!0),z=(e,t)=>{if(e.nodeType===Node.COMMENT_NODE){let n=e.nodeValue;n&&t.comments.set(n,e);return}if(e.nodeType!==Node.ELEMENT_NODE)return;let n=e.getAttribute(`u`);n&&t.elements.set(n,e)},B=e=>{let t={comments:new Map,elements:new Map};for(let n of e){let e=document.createTreeWalker(n,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);for(z(n,t);e.nextNode();)z(e.currentNode,t)}return t},V=e=>Array.from(R(e).childNodes),H=(e,t,n)=>{if(e.parentNode)for(let r of t)e.parentNode.insertBefore(r,n)},U=e=>Array.isArray(e)||typeof e==`object`&&!!e,W=(e,t,n)=>{n(T(()=>t(e.value)))},_e=(e,t,n)=>{let r=n=>{let r=$.get(e)?.get(t.name);if(!r&&U(n))return void(e[t.name]=n);if(r&&!r.reflect||(t.mode===`bool`?e.toggleAttribute(t.name,!!n):u(e,t.name,n)),!r)return;let i=U(n)?n:r.parse(t.mode===`bool`?n?``:null:n==null||!1===n?null:String(n));Object.is(r.signal.peek(),i)||(r.signal.value=i)};t.signal?W(t.signal,r,n):r(t.value)},ve=(e,t,n)=>{let r=n=>{e[t.name]=n};t.signal?W(t.signal,r,n):r(t.value),((e,t,n,r)=>{n&&(t===`value`?(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&r(d(e,e instanceof HTMLSelectElement?`change`:`input`,()=>{I(n,e.value)})):t===`checked`&&e instanceof HTMLInputElement&&r(d(e,`change`,()=>{I(n,e.checked)})))})(e,t.name,t.model,n)},ye=(e,t,n)=>{let{modifiers:r}=t,i=r?{capture:!!r.capture,once:!!r.once,passive:!!r.passive}:void 0;n(d(e,t.name,e=>{r?.self&&e.target!==e.currentTarget||(r?.stop&&e.stopPropagation(),r?.prevent&&!r?.passive&&e.preventDefault(),t.handler(e))},i))},be=(e,t,n)=>{let{ref:r}=t;typeof r==`function`?(r(e),n(()=>r(null))):Array.isArray(r)?(r.push(e),n(()=>{let t=r.indexOf(e);t!==-1&&r.splice(t,1)})):(r.value=e,n(()=>{r.value=null}))},G=(e,t,n,r)=>{let i=new Map;for(let a of e){let e=a.uid;if(a.type===`text`){let r=n.comments.get(e);if(r){let i=document.createTextNode(``);r.replaceWith(i),n.comments.delete(e),W(a.signal,e=>{i.textContent=String(e)},t)}}else a.type===`html`?r?.onHtml?.(a):(i.has(e)||i.set(e,[]),i.get(e).push(a))}for(let[e,r]of i){let i=n.elements.get(e);if(i){i.removeAttribute(`u`),n.elements.delete(e);for(let e of r)switch(e.type){case`attr`:_e(i,e,t);break;case`callback`:e.apply(i,t);break;case`event`:ye(i,e,t);break;case`prop`:ve(i,e,t);break;case`ref`:be(i,e,t)}}}},K=(e,t,n,r)=>{let i=F(r);return i?{mode:e,name:t,signal:i,type:`attr`,uid:n}:{mode:e,name:t,type:`attr`,uid:n,value:r}},xe=(e,t,n)=>{let r=F(n);return r?{model:ge(n)?n:void 0,name:e,signal:r,type:`prop`,uid:t}:{name:e,type:`prop`,uid:t,value:n}},Se=RegExp(`u="([^"]+)"`,`g`),Ce=[{kind:`event`,regex:/\s+@([a-zA-Z_][-a-zA-Z0-9_.]*)\s*=\s*["']?$/},{kind:`ref`,regex:/\s+ref\s*=\s*["']?$/},{kind:`specialAttr`,regex:/\s+([:?])([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/},{kind:`prop`,regex:/\.([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/},{kind:`plainAttr`,regex:/\s+([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/}],q=new WeakMap,we=e=>{let[t,...n]=e.split(`.`),r={};for(let e of n)e===`capture`?r.capture=!0:e===`once`?r.once=!0:e===`passive`?r.passive=!0:e===`prevent`?r.prevent=!0:e===`self`?r.self=!0:e===`stop`&&(r.stop=!0);return{modifiers:Object.keys(r).length?r:void 0,name:t}},J=()=>{let e=0;return()=>String(e++)},Y=(e,t)=>{let n=new Map,r=e=>{let r=n.get(e);if(r)return r;let i=t();return n.set(e,i),i};return{bindings:e.__bindings.map(e=>({...e,uid:r(e.uid)})),html:e.__html.replace(Se,(e,t)=>`u="${r(t)}"`).replace(/<!--(\d+)-->/g,(e,t)=>`\x3c!--${r(t)}--\x3e`)}},X=e=>typeof e==`string`?_(e):e==null?``:N(e)?e.__html:_(String(e)),Te=(e,n)=>{let i=(e=>typeof e==`object`&&e&&P in e?e[P]:null)(e);if(i)return{keyed:!0,signal:i};if(typeof e==`function`&&!r(e)){let{signal:t}=((e,t)=>{let n={bindings:[],html:``},r=a(n);return t(()=>{let t=e(),i=Array.isArray(t)?t:[t],a=J(),o=``,s=[];for(let e of i)if(N(e)){let t=Y(e,a);o+=t.html,s.push(...t.bindings)}else o+=X(e);let c=s.length!==n.bindings.length||s.some((e,t)=>e!==n.bindings[t]);(o!==n.html||c)&&(n={bindings:s,html:o},r.value=n)}),{bindings:[],signal:r}})(e,n);return{keyed:!1,signal:t}}return r(e)&&N(e.value)?{keyed:!1,signal:t(()=>{let t=e.value;if(!N(t))return{bindings:[],html:X(t)};let n=Y(t,J());return{bindings:n.bindings,html:n.html}})}:null},Ee=e=>{l(e.cleanups);for(let t of e.nodes)t.remove()},Z=(e,t,n=B(e))=>{let r=[];return G(t,e=>r.push(e),n),r},De=(t,r,i,a,s)=>{let c=((e,t)=>{let n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;n.nextNode();){let e=n.currentNode;if(e.nodeValue===t)return e}return null})(t,r.uid);if(!c)return;let u=document.createComment(`html-binding`);c.replaceWith(u);let d=[],f=e=>d.push(e),p=()=>{l(d),d=[]},m=null,h=[];i(n(()=>{e(()=>{let n=r.signal.value;if(!r.keyed&&n.html===m)return;m=n.html,p();let{bindings:i,html:c,keys:d}=n;r.keyed&&!a.has(r.uid)&&a.set(r.uid,new Map);let g=r.keyed?a.get(r.uid):null,_=u.parentElement||t,v=!1;o(()=>{e(()=>{if(g&&d?.length&&n.items?.length===d.length){if(v=!0,g.size===0&&h.length>0){for(let e of h)e.remove();h=[]}let e=new Map;for(let t=0;t<d.length;t++){let r=d[t],i=n.items[t],a=g.get(r),o=t>0?e.get(d[t-1])?.nodes:null,s=o?.length?o[o.length-1].nextSibling:u.nextSibling;if(a?.html===i.html){a.nodes[0]&&H(u,a.nodes,s),l(a.cleanups);let t=B(a.nodes),n=Z(a.nodes,i.bindings,t);e.set(r,{...a,bindings:i.bindings,cleanups:n,targets:t})}else if(a){l(a.cleanups);let t=V(i.html),n=B(t);H(u,t,s);let o=Z(t,i.bindings,n);e.set(r,{bindings:i.bindings,cleanups:o,html:i.html,nodes:t,targets:n});for(let e of a.nodes)e.remove()}else{let t=V(i.html),n=B(t);H(u,t,s);let a=Z(t,i.bindings,n);e.set(r,{bindings:i.bindings,cleanups:a,html:i.html,nodes:t,targets:n})}}for(let[t,n]of g)e.has(t)||Ee(n);a.set(r.uid,e)}else{if(r.keyed&&g&&g.size>0)for(let[,e]of g)Ee(e);else for(let e of h)e.remove();let e=R(c);h=Array.from(e.childNodes),u.after(e),r.keyed&&a.set(r.uid,new Map)}}),v||s(_,i,f,{onHtml:e=>De(_,e,f,a,s)})})})})),i(p),r.keyed&&i(()=>a.delete(r.uid))},Oe=(e,t,n,r)=>{G(t,n,(e=>{let t={comments:new Map,elements:new Map},n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);for(z(e,t);n.nextNode();)z(n.currentNode,t);return t})(e),r)},ke=(e,...t)=>((e,t,n)=>{let i=(e=>{let t=q.get(e);return t||(t=(e=>{let t=[];for(let n=0;n<e.length-1;n++){let r=e[n],i=!1;for(let e of Ce){let n=e.regex.exec(r);if(!n)continue;let a=r.slice(0,-n[0].length);if(i=!0,e.kind===`event`){let e=we(n[1]);t.push({kind:`event`,modifiers:e.modifiers,name:e.name,prefix:a,raw:r})}else e.kind===`ref`?t.push({kind:`ref`,prefix:a,raw:r}):e.kind===`specialAttr`?t.push({kind:`specialAttr`,mode:n[1]===`?`?`bool`:`attr`,name:n[2],prefix:a,raw:r}):e.kind===`prop`?t.push({kind:`prop`,name:n[1],prefix:a,raw:r}):e.kind===`plainAttr`&&t.push({kind:`plainAttr`,name:n[1],prefix:a,raw:r});break}i||t.push({kind:`node`,prefix:r,raw:r})}return{slots:t,tail:e[e.length-1]??``}})(e),q.set(e,t)),t})(e),o=``,s=[],c=null,l=J(),u=e=>(c&&!(e=>e.lastIndexOf(`<`)>e.lastIndexOf(`>`))(e)||(c=l()),c),d=()=>{c=null};for(let e=0;e<i.slots.length;e++){let c=i.slots[e],f=t[e];if(c.kind===`event`){if(typeof f==`function`){let e=u(c.prefix);o+=`${c.prefix} u="${e}"`,s.push({handler:f,modifiers:c.modifiers,name:c.name,type:`event`,uid:e})}else o+=c.raw;continue}if(c.kind===`ref`){if(f){let e=u(c.prefix);o+=`${c.prefix} u="${e}"`,s.push({ref:f,type:`ref`,uid:e})}else o+=c.raw;continue}if(c.kind===`specialAttr`){let e=u(c.prefix);o+=`${c.prefix} u="${e}"`,s.push(K(c.mode,c.name,e,f));continue}if(c.kind===`prop`){let e=u(c.prefix);o+=`${c.prefix} u="${e}"`,s.push(xe(c.name,e,f));continue}if(c.kind===`plainAttr`){let e=u(c.prefix);o+=`${c.prefix} u="${e}"`,s.push(K(`attr`,c.name,e,f));continue}if(typeof f==`object`&&f&&(`mount`in f||`render`in f)){let e=`render`in f,t=e?l():u(c.raw);o+=e?`${c.raw}\x3c!--${t}--\x3e`:`${c.raw} u="${t}"`;let r=f.mount?.bind(f);if(r&&s.push({apply:(e,t)=>{r(e,{registerCleanup:t})},type:`callback`,uid:t}),e){let e=f.render.bind(f),r={bindings:[],html:``},i=a(r);n(()=>{let t=e(),n=Array.isArray(t)?t:[t],a=J(),o=``,s=[];for(let e of n)if(N(e)){let t=Y(e,a);o+=t.html,s.push(...t.bindings)}else o+=X(e);let c=s.length!==r.bindings.length||s.some((e,t)=>e!==r.bindings[t]);(o!==r.html||c)&&(r={bindings:s,html:o},i.value=r)}),s.push({keyed:!1,signal:i,type:`html`,uid:t})}continue}d();let p=Te(f,n);if(p){let e=l();o+=`${c.raw}\x3c!--${e}--\x3e`,s.push({keyed:p.keyed,signal:p.signal,type:`html`,uid:e});continue}if(Array.isArray(f)){let e=``;for(let t of f)if(N(t)){let n=Y(t,l);e+=n.html,s.push(...n.bindings)}else e+=X(t);o+=c.raw+e;continue}if(r(f)){let e=l();o+=`${c.raw}\x3c!--${e}--\x3e`,s.push({signal:f,type:`text`,uid:e})}else if(N(f)){let e=Y(f,l);o+=c.raw+e.html,s.push(...e.bindings)}else o+=c.raw+X(f)}return o+=i.tail,M((e=>e.replace(/>\s+</g,`><`).trim())(o),s)})(e,t,T),Q=new WeakMap,Ae=new WeakMap,je=(e,t)=>{let r=x().el;if(!r.constructor.formAssociated)throw Error(`[craftit:E8] defineField() requires defineComponent({ formAssociated: true })`);let i=Ae.get(r)??r.attachInternals();Ae.set(r,i);let a=e.toFormValue??(e=>e==null?``:String(e));return n(()=>{i.setFormValue(a(e.value.value))}),e.disabled&&n(()=>{e.disabled.value?i.states.add(`disabled`):i.states.delete(`disabled`)}),t&&Q.set(r,{...Q.get(r),...t}),{checkValidity:()=>i.checkValidity(),internals:i,reportValidity:()=>i.reportValidity(),setCustomValidity:e=>e?i.setValidity({customError:!0},e):i.setValidity({}),setValidity:i.setValidity.bind(i)}},Me=new Set([`default`,`omit`,`parse`,`reflect`,`type`]),Ne=e=>typeof e==`object`&&!!e&&`default`in e&&Object.keys(e).every(e=>Me.has(e)),$=new WeakMap,Pe=(e,t,r)=>{let i=x(),o=i.el;$.has(o)||$.set(o,new Map);let s=r?.parse??(e=>r?.type===Boolean?e===``||e===`true`:typeof t==`boolean`?e!==null&&e!==`false`:e==null?t:r?.type===Number||typeof t==`number`?Number(e):e),c=a(t),l=Object.prototype.hasOwnProperty.call(o,e),d=l?o[e]:void 0,f={parse:s,reflect:r?.reflect??!0,signal:c};if(l?(delete o[e],c.value=d):o.hasAttribute(e)&&(c.value=s(o.getAttribute(e))),$.get(o).set(e,f),Object.defineProperty(o,e,{configurable:!0,enumerable:!0,get:()=>c.value,set:e=>{c.value=e}}),r?.reflect??1){let t=r?.omit??!1;i.onMount.push(()=>{i.cleanups.push(n(()=>{let n=c.value;n==null||!1===n||t&&n===``?o.removeAttribute(e):u(o,e,n)}))})}return c},Fe=(e,t)=>({...t,default:e}),Ie=class extends HTMLElement{static _setup;static _options;static formAssociated=!1;static observedAttributes=[];shadow;_keyedStates=new Map;_mountFns=[];_template=null;_appliedHtmlBindings=new Set;_setupDone=!1;_runtime;constructor(){super();let e=this.constructor._options;this.shadow=this.attachShadow({mode:`open`,...e?.shadow}),this._runtime={cleanups:[],el:this,errorHandlers:[],onMount:[],styles:e?.styles}}connectedCallback(){this._setupDone||this._runSetup(),this._init()}attributeChangedCallback(e,t,n){if(t===n)return;let r=$.get(this)?.get(e);if(!r)return;let i=r.parse(n);Object.is(r.signal.peek(),i)||(r.signal.value=i)}disconnectedCallback(){l(this._runtime.cleanups),this._runtime.cleanups=[],this._runtime.onMount=this._mountFns.slice(),this._appliedHtmlBindings.clear(),this._keyedStates.clear()}formAssociatedCallback(e){Q.get(this)?.onAssociated?.(e)}formDisabledCallback(e){Q.get(this)?.onDisabled?.(e)}formResetCallback(){Q.get(this)?.onReset?.()}formStateRestoreCallback(e,t){Q.get(this)?.onStateRestore?.(e,t)}_handleError(e){if(this._runtime.errorHandlers.length>0)for(let t of this._runtime.errorHandlers)t(e);else console.error(`[craftit:E3] <${this.localName}>`,e)}_runSetup(){this._setupDone=!0,b.push(this._runtime);try{let{host:e}=this.constructor._options??{};if(e)for(let[t,n]of Object.entries(e))typeof n==`boolean`?n?this.setAttribute(t,``):this.removeAttribute(t):this.setAttribute(t,String(n));let t=this.constructor._setup({host:this,shadow:this.shadow});(typeof t==`string`||typeof t==`object`&&t&&`__html`in t)&&(this._template=t)}catch(e){this._handleError(e)}finally{b.pop()}}_init(){let{styles:e}=this._runtime;if(e?.length&&(this.shadow.adoptedStyleSheets=e.map(te)),this._template){let e=typeof this._template==`string`?M(this._template):this._template;if(this.shadow.replaceChildren(R(e.__html)),e.__bindings.length){let t=e=>this._runtime.cleanups.push(e);Oe(this.shadow,e.__bindings,t,{onHtml:e=>{this._appliedHtmlBindings.has(e.uid)||(this._appliedHtmlBindings.add(e.uid),((e,t,n,r)=>{De(e,t,n,r,Oe)})(this.shadow,e,t,this._keyedStates))}})}}queueMicrotask(()=>{b.push(this._runtime);try{let e=this._runtime.onMount;this._mountFns=e.slice();for(let t of e){let e=t();typeof e==`function`&&this._runtime.cleanups.push(e)}}catch(e){this._handleError(e)}finally{b.pop(),this._runtime.onMount=[]}})}};function Le(e){let{formAssociated:t,host:n,props:r,setup:i,shadow:o,styles:s,tag:c}=e;return function(e,t,n={}){if(!e)throw Error(`[craftit:E4] registerComponent(tag, ...) requires a tag name`);if(customElements.get(e))throw Error(`[craftit:E9] custom element already defined: ${e}`);class r extends Ie{static _setup=t;static _options=n;static formAssociated=n.formAssociated??!1;static observedAttributes=n.observedAttrs??[]}return customElements.define(e,r),e}(c,e=>{let t=r?function(e){let t={};for(let[n,r]of Object.entries(e)){let e=Ne(r)?r:{default:r},i={reflect:!(typeof e.default==`object`&&e.default!==null||Array.isArray(e.default)),...e};t[n]=Pe(h(n),e.default,i)}return t}(r):{},n=(()=>{let e=x().el;return(t,...n)=>{O.custom(e,String(t),n.length>0?{detail:n[0]}:void 0)}})(),o=(()=>{let e=x().el,t=new Map;return{has:n=>(n=>{if(t.has(n))return t.get(n);let r=a(!1);return t.set(n,r),S(()=>{let t=n?`slot[name="${n}"]`:`slot:not([name])`,i=e.shadowRoot?.querySelector(t);if(!i)return void ue(e,n,`slots.has()`);let a=()=>{r.value=i.assignedNodes().length>0};return a(),i.addEventListener(`slotchange`,a),()=>i.removeEventListener(`slotchange`,a)}),r})(n===`default`?``:String(n))}})();return i({emit:n,host:e.host,props:t,reflect:t=>A(e.host,t),shadow:e.shadow,slots:o})},{formAssociated:t,host:n,observedAttrs:r?Object.keys(r).map(h):[],shadow:o,styles:s})}var Re=e=>{let t=a({height:0,width:0}),n=new ResizeObserver(([e])=>{if(!e)return;let n=e.contentBoxSize[0];n&&(t.value={height:n.blockSize,width:n.inlineSize})});return n.observe(e),C(()=>n.disconnect()),t};export{ie as aria,se as createContext,p as createFormIds,f as createId,ee as css,Le as defineComponent,je as defineField,T as effect,_ as escapeHtml,O as fire,m as guard,E as handle,ke as html,oe as inject,Re as observeResize,C as onCleanup,ne as onError,S as onMount,de as onSlotChange,Pe as prop,ae as provide,me as ref,A as reflect,he as refs,ce as syncContextProps,h as toKebab,Fe as typed,re as watch};
+import{batch as e,batch as t,computed as n,computed as r,effect as i,isSignal as a,isSignal as o,onCleanup as s,scope as c,scope as l,signal as u,signal as d,untrack as f,untrack as p,watch as m}from"@vielzeug/stateit";var h={cleanupFailed:`One or more cleanup callbacks failed during dispose`,defineDuplicate:e=>`define('${e}') was called more than once`,defineFieldRequiresFormAssociated:e=>`defineField() requires define('${e}', { formAssociated: true })`,defineRequiresTag:`define() requires a non-empty tag name`,eachDuplicateKey:(e,t)=>`each() received duplicate key "${e}" at index ${t}`,injectStrictFailed:(e,t)=>`injectStrict() could not resolve key "${e}" in <${t}>`,lifecycleOutsideSetup:`Lifecycle hooks must be called synchronously during component setup`,styleReplaceFailed:`Style sheet replace failed`,unhandledComponentError:e=>`<${e}> threw an unhandled error during setup`};function g(){return d(null)}function _(){return[]}var ee=e=>typeof e==`object`&&!!e&&e.__craftitDirective===!0&&typeof e.mount==`function`;function v(e,t=[]){return{__bindings:t,__craftitHtmlResult:!0,__html:e,toString(){return e}}}var y=e=>typeof e==`object`&&!!e&&e.__craftitHtmlResult===!0;function b(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var te=e=>typeof e==`object`&&!!e&&e.__craftitCssResult===!0,x=e=>{let t=[];for(let n=e.length-1;n>=0;n--)try{e[n]()}catch(e){t.push(e)}if(t.length>0)throw AggregateError(t,h.cleanupFailed)},S=e=>{for(let t of e)t.remove()},C=(e,t,n)=>{if(/^on/i.test(t)){e.removeAttribute(t);return}n==null||n===!1?e.removeAttribute(t):e.setAttribute(t,n===!0?`true`:String(n))},w=(e,t,n,r)=>{if(!e)return()=>{};let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},T=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),ne={"'":`&#39;`,'"':`&quot;`,"&":`&amp;`,"<":`&lt;`,">":`&gt;`},E=e=>String(e).replace(/[&<>"']/g,e=>ne[e]),re=()=>{let e=P();return((t,...n)=>{ie.custom(e,String(t),n.length>0?{detail:n[0]}:void 0)})},D={bubbles:!0,cancelable:!0,composed:!0},ie={custom(e,t,n={}){return e.dispatchEvent(new CustomEvent(t,{...D,...n}))},event(e,t){return e.dispatchEvent(t)},focus(e,t,n={}){return e.dispatchEvent(new FocusEvent(t,{...D,...n}))},keyboard(e,t,n={}){return e.dispatchEvent(new KeyboardEvent(t,{...D,...n}))},mouse(e,t,n={}){return e.dispatchEvent(new MouseEvent(t,{...D,...n}))},touch(e,t,n={}){return typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...D,...n})):e.dispatchEvent(new CustomEvent(t,{...D,...n}))}},ae=0,oe=e=>`${e?`${e}-`:`cft-`}${++ae}`,se=RegExp(`u="([^"]+)"`,`g`),O=()=>{let e=0;return()=>String(e++)},k=(e,t)=>{let n=new Map,r=e=>{let r=n.get(e);if(r)return r;let i=t();return n.set(e,i),i};return{bindings:e.__bindings.map(e=>({...e,uid:r(e.uid)})),html:e.__html.replace(se,(e,t)=>`u="${r(t)}"`).replace(/<!--(\d+)-->/g,(e,t)=>`<!--${r(t)}-->`)}},ce=function(){return this.content},le=(e,...t)=>{let n=``;for(let r=0;r<e.length;r++)if(n+=e[r],r<t.length){let e=t[r];n+=te(e)?e.content:e??``}return{__craftitCssResult:!0,content:n.trim(),toString:ce}},A=new Map,ue=e=>{if(e instanceof CSSStyleSheet)return e;let t=typeof e==`string`?e:e.content,n=A.get(t);if(n)return n;let r=new CSSStyleSheet;try{r.replaceSync(t)}catch(e){console.error(h.styleReplaceFailed,e)}return A.set(t,r),r},j=null,M=null,N=(e,t)=>{let n=j;j=e;try{return t()}finally{j=n}},P=()=>{if(j)return j;throw Error(h.lifecycleOutsideSetup)},F=(e,t)=>{let n=M;M=e;try{return t()}finally{M=n}},I=e=>M?(s(e),!0):!1,L=s,de=e=>{if(!M)throw Error(h.lifecycleOutsideSetup);M.mountCallbacks.push(e)},R=e=>{let t=i(()=>e());return I(t),t};function fe(e,t,n,r){if(!M)throw Error(h.lifecycleOutsideSetup);e&&I(w(e,t,n,r))}function pe(e,t,n,r){return w(e,t,n,r)}var me=(e,t)=>R(()=>{let n=e.value;if(n)return t(n)}),z=new WeakMap,he=(e,t)=>{let n=P();z.has(n)||z.set(n,new Map),z.get(n).set(e,t)};function B(e,...t){let n=P();for(;n;){if(n instanceof HTMLElement){let t=z.get(n)?.get(e);if(t!==void 0)return t}let t=n.getRootNode();n=n.parentElement??(t instanceof ShadowRoot?t.host:null)}return t.length>0?t[0]:void 0}var ge=e=>{let t=B(e);if(t!==void 0)return t;let n=P();throw Error(h.injectStrictFailed(String(e),n.localName))};function _e(e){return Symbol(e)}var ve=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:`aria-${e}`,ye=e=>e===`role`||e.startsWith(`aria-`)?e:e.startsWith(`aria`)?`aria-${e.slice(4).toLowerCase()}`:e,V=(e,t,n)=>{if(n==null||n===!1){e.removeAttribute(t);return}e.setAttribute(t,n===!0?`true`:String(n))},be=(e,t,n={})=>{let{autoCleanup:r=!0}=n,a=[];for(let[n,r]of Object.entries(t)){let t=ve(n);if(typeof r==`function`){let n=r;a.push(i(()=>{V(e,t,n())}));continue}V(e,t,r)}let o=()=>{for(;a.length>0;)a.pop()?.()};return r&&I(o),o},xe=`default`,H=e=>e||xe,Se=()=>{let e=P(),t=new Map,n=new Map,r=new Map,i=e=>{let n=t.get(e);return n||(n={elements:d([]),presence:d(!1)},t.set(e,n)),n},a=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0},o=e=>{let t=H(e),r=n.get(t),o=[];if(r)for(let e of r)o.push(...e.assignedElements({flatten:!0}));let s=i(t);a(s.elements.value,o)||(s.elements.value=o);let c=o.length>0;s.presence.value!==c&&(s.presence.value=c)},s=e=>{if(r.has(e))return;let t=H(e.getAttribute(`name`)),i=n.get(t)??new Set;i.add(e),n.set(t,i);let a=()=>o(t);e.addEventListener(`slotchange`,a),r.set(e,()=>{e.removeEventListener(`slotchange`,a)}),o(t)},c=()=>{e.shadowRoot?.querySelectorAll(`slot`).forEach(e=>s(e))},l=()=>{for(let e of n.keys())o(e)};return c(),de(()=>{c(),l()}),L(()=>{for(let e of r.values())e();r.clear(),n.clear()}),{elements:e=>i(H(e)).elements,has:e=>i(H(e)).presence}},Ce=()=>{let e=P();return{bind:(t,n)=>{let r=[];if(t.attr)for(let[n,i]of Object.entries(t.attr)){let t=Te(e,ye(n),i);t&&r.push(t)}if(t.class&&r.push(De(e,t.class)),t.prop)for(let[n,i]of Object.entries(t.prop)){let{get:t,set:a}=i;Object.defineProperty(e,n,{configurable:!0,enumerable:!0,get:t,...a?{set:a}:{}}),r.push(()=>{let r=Object.getOwnPropertyDescriptor(e,n);!r||r.get!==t||r.set!==a||delete e[n]})}if(t.on)for(let i of Object.keys(t.on)){let a=t.on[i];a&&r.push(w(e,i,a,n))}if(t.style)for(let[n,i]of Object.entries(t.style)){let t=Ee(e,n,i);t&&r.push(t)}let i=()=>{for(;r.length>0;)r.pop()?.()};return L(i),i},el:e}},we=(e,t)=>{if(typeof e==`function`)return R(()=>t(e()));if(o(e))return R(()=>t(e.value));t(e)};function Te(e,t,n){return we(n,n=>C(e,t,n))}function Ee(e,t,n){let r=t.startsWith(`--`)?t:T(t),i=!1;return we(n,t=>{t!=null&&t!==``?(i=!0,e.style.setProperty(r,String(t))):i&&e.style.removeProperty(r)})}function De(e,t){let n=typeof t==`function`?t:()=>{let e={};for(let[n,r]of Object.entries(t))e[n]=typeof r==`function`?r():o(r)?r.value:!!r;return e},r=new Set;return R(()=>{let t=new Set;for(let[i,a]of Object.entries(n()))a&&(t.add(i),r.has(i)||e.classList.add(i));for(let n of r)t.has(n)||e.classList.remove(n);r=t})}var Oe={bool(e=!1){return{default:e,parse:e=>e===``||e===`true`,reflect:!0}},json(e){return{default:e,parse:t=>{if(t==null||t===``)return e;try{return JSON.parse(t)}catch{return e}},reflect:!1}},number(e=0){return{default:e,parse:t=>t==null?e:Number(t),reflect:!0}},oneOf(e,t){return{default:t,parse:n=>n!=null&&e.includes(n)?n:t,reflect:!0}},string(e){return{default:e,parse:t=>t??e,reflect:!0}}},ke=e=>typeof e==`object`&&!!e&&`default`in e,Ae=e=>Array.isArray(e)||typeof e==`object`&&!!e;function je(e){if(ke(e)){let t=e,n=t.reflect??!0;if(n&&Ae(t.default))throw Error(`Structured prop defaults cannot use reflect:true. Set reflect:false and sync explicitly.`);return{...t,reflect:n}}return Ae(e)?{default:e,reflect:!1}:{default:e,reflect:!0}}var U=new WeakMap,W=new WeakMap,Me=(e,t)=>{let n=W.get(e);n||(n=new Set,W.set(e,n)),n.add(t)},Ne=(e,t)=>{let n=W.get(e);n&&(n.delete(t),n.size===0&&W.delete(e))},Pe=(e,t)=>W.get(e)?.has(t)??!1,Fe={boolean:e=>e===``||e===`true`,number:e=>Number(e),string:e=>e},Ie=e=>t=>{if(t==null)return e;let n=Fe[typeof e];return n?n(t):t},Le=(e,t,n,r)=>{let i=P();U.has(i)||U.set(i,new Map);let a=r?.parse??Ie(n),o=d(n),s=Object.prototype.hasOwnProperty.call(i,e),c=s?i[e]:void 0,l={parse:a,reflect:r?.reflect??!0,signal:o};return s?(delete i[e],o.value=c):i.hasAttribute(t)&&(o.value=a(i.getAttribute(t))),U.get(i).set(t,l),Object.defineProperty(i,e,{configurable:!0,enumerable:!0,get:()=>o.value,set:e=>{o.value=e}}),(r?.reflect??!0)&&R(()=>{let e=o.value;Me(i,t);try{e==null?i.removeAttribute(t):typeof e==`boolean`?i.toggleAttribute(t,e):C(i,t,e)}finally{Ne(i,t)}}),o};function Re(e){let t={};for(let[n,r]of Object.entries(e)){let e=typeof r==`object`&&r&&`default`in r?r:je(r);t[n]=Le(n,T(n),e.default,e)}return t}var ze=e=>({__live:!0,get value(){return e.value}}),Be=e=>typeof e==`object`&&!!e&&e.__live===!0,G=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content.cloneNode(!0)},Ve=(e,t)=>{if(e.nodeType===Node.COMMENT_NODE){let n=e.nodeValue;n&&t.comments.set(n,e);return}if(e.nodeType!==Node.ELEMENT_NODE)return;let n=e.getAttribute(`u`);n&&t.elements.set(n,e)},He=(e,t)=>{let n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT);for(t(e);n.nextNode();)t(n.currentNode)},K=e=>{let t={comments:new Map,elements:new Map};for(let n of e)He(n,e=>Ve(e,t));return t},Ue=(e,t)=>{let n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT);for(;n.nextNode();){let e=n.currentNode;if(e.nodeValue===t)return e}return null},q=e=>Array.isArray(e)||typeof e==`object`&&!!e,We=e=>e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement,Ge=(e,t,n,r)=>{let i=t==null?``:String(t);n&&r.last!==void 0&&!Object.is(e.value,r.last)&&!Object.is(e.value,i)||(e.value=i,n&&(r.last=i))},Ke=(e,t,n,r)=>{let i=!!t;n&&r.last!==void 0&&e.checked!==!!r.last&&e.checked!==i||(e.checked=i,n&&(r.last=i))},qe=(e,t,n,r)=>{let i=q(r)?r:t.parse(n.mode===`bool`?r?``:null:r==null||r===!1?null:String(r));if(Object.is(p(()=>t.signal.value),i)||(t.signal.value=i),!t.reflect){if(q(r))return;n.mode===`bool`?e.toggleAttribute(n.name,!!r):C(e,n.name,r)}},J=(e,t,n)=>{n(i(()=>t(e.value)))},Je=(e,t,n)=>{let r=U.get(e)?.get(t.name),i={last:void 0},a=n=>{if(!r&&q(n)){e[t.name]=n;return}if(!r&&t.name===`value`&&We(e)){Ge(e,n,t.live,i);return}if(!r&&t.name===`checked`&&e instanceof HTMLInputElement){Ke(e,n,t.live,i);return}if(!r){t.mode===`bool`?e.toggleAttribute(t.name,!!n):C(e,t.name,n);return}qe(e,r,t,n)};t.signal?J(t.signal,a,n):a(t.value)},Ye=(e,t,n)=>{n(w(e,t.name,t.handler,t.options))},Xe=(e,t,n)=>{let{ref:r}=t;if(typeof r==`function`){r(e),n(()=>r(null));return}if(Array.isArray(r)){r.push(e),n(()=>{let t=r.indexOf(e);t!==-1&&r.splice(t,1)});return}r.value=e,n(()=>{r.value=null})},Y=(e,t,n,r)=>{let i=new Map;for(let a of e){let e=a.uid;if(a.type===`text`){let r=n.comments.get(e);if(r){let i=document.createTextNode(``);r.replaceWith(i),n.comments.delete(e),J(a.signal,e=>{i.textContent=String(e)},t)}}else if(a.type===`directive`){let r=n.comments.get(e);r&&(a.directive.mount(r,t),n.comments.delete(e))}else if(a.type===`html`)r?.onHtml?.(a);else{let t=i.get(e);t?t.push(a):i.set(e,[a])}}for(let[e,r]of i){let i=n.elements.get(e);if(i){i.removeAttribute(`u`),n.elements.delete(e);for(let e of r)e.type===`attr`?Je(i,e,t):e.type===`event`?Ye(i,e,t):e.type===`ref`&&Xe(i,e,t)}}},X=(e,t,n,r)=>{Y(t,n,K([e]),r)},Ze=(e,t,n,i)=>Be(i)?{live:!0,mode:e,name:t,signal:i,type:`attr`,uid:n}:typeof i==`function`?{mode:e,name:t,signal:r(i),type:`attr`,uid:n}:o(i)?{mode:e,name:t,signal:i,type:`attr`,uid:n}:{mode:e,name:t,type:`attr`,uid:n,value:i},Z=(e,n,r)=>{let a=Ue(e,n.uid);if(!a)return;let o=document.createComment(`html-binding`);a.replaceWith(o);let s=[],c=e=>s.push(e),l=()=>{x(s),s=[]},u=null,d=[];r(i(()=>{t(()=>{let r;try{r=n.signal.value}catch(e){if(e instanceof Error&&e.message.includes(`[stateit] Cannot read disposed computed signal`))return;throw e}if(r.html===u)return;u=r.html,l();let{bindings:i,html:a}=r,s=o.parentElement||e;p(()=>{t(()=>{S(d);let e=G(a);d=Array.from(e.childNodes),o.after(e)}),X(s,i,c,{onHtml:e=>Z(s,e,c)})})})})),r(l)},Qe=class extends HTMLElement{static _options;static _setup;static formAssociated=!1;static observedAttributes=[];shadow;_component;constructor(){super();let e=this.constructor._options;this.shadow=this.attachShadow({mode:`open`,...e?.shadow}),this._component={mountCallbacks:[],mountedCallbacksRan:!1,mountToken:0,scope:l(),setupDone:!1,styles:e?.styles,templateMounted:!1,templateResult:null}}connectedCallback(){p(()=>{this._component.setupDone||this._runSetup(),this._init()})}attributeChangedCallback(e,t,n){if(t===n||Pe(this,e))return;let r=U.get(this)?.get(e);if(!r)return;let i=r.parse(n);Object.is(p(()=>r.signal.value),i)||(r.signal.value=i)}disconnectedCallback(){this._component.mountToken++,this._component.scope.dispose(),this._component.scope=l(),this._component.mountCallbacks=[],this._component.mountedCallbacksRan=!1,this._component.templateMounted=!1,this._component.templateResult=null,this._component.setupDone=!1}_handleError(e){throw console.error(h.unhandledComponentError(this.localName),e),e instanceof Error?e:Error(String(e))}_runSetup(){let e={element:this,mountCallbacks:[]};try{this._component.scope.run(()=>{let t=F(e,()=>N(this,()=>this.constructor._setup()));this._component.templateResult=F(e,()=>N(this,()=>t()))}),this._component.mountCallbacks.push(...e.mountCallbacks),this._component.setupDone=!0}catch(e){this._handleError(e)}}_init(){let{styles:e}=this._component;if(e?.length&&(this.shadow.adoptedStyleSheets=e.map(ue)),!this._component.templateMounted&&this._component.templateResult!=null){let{bindings:e,html:t}=b(this._component.templateResult);this.shadow.replaceChildren(G(t)),this._component.templateMounted=!0,e.length&&this._component.scope.run(()=>{X(this.shadow,e,s,{onHtml:e=>Z(this.shadow,e,s)})})}if(!this._component.mountedCallbacksRan&&this._component.mountCallbacks.length>0){this._component.mountedCallbacksRan=!0;let e=++this._component.mountToken;queueMicrotask(()=>{if(!(!this.isConnected||e!==this._component.mountToken))try{for(let e of this._component.mountCallbacks)this._component.scope.run(()=>{F({element:this,mountCallbacks:[]},()=>N(this,()=>{let t=e();typeof t==`function`&&s(t)}))})}catch(e){this._handleError(e)}})}}},$e=(e,t,n={})=>{if(!e)throw Error(h.defineRequiresTag);if(customElements.get(e))throw Error(h.defineDuplicate(e));class r extends Qe{static _options=n;static _setup=t;static formAssociated=n.formAssociated??!1;static observedAttributes=n.observedAttrs??[]}return customElements.define(e,r),e},et=e=>e?Re(e):{};function tt(e,t){let{formAssociated:n,props:r,setup:i,shadow:a,styles:o}=t,s=(()=>{if(!r)return;let e={};for(let[t,n]of Object.entries(r))e[t]=je(n);return e})();return $e(e,()=>{let e=et(s),t=Ce();return i(e,{emit:re(),host:t,slots:Se()})},{formAssociated:n,observedAttrs:s?Object.keys(s).map(T):[],shadow:a,styles:o})}var nt=new WeakMap,rt=e=>{let t=P();if(!t.constructor.formAssociated)throw Error(h.defineFieldRequiresFormAssociated(t.localName));let n=nt.get(t)??t.attachInternals();nt.set(t,n);let r=e.toFormValue??(e=>e==null?null:e instanceof File||e instanceof FormData?e:String(e));R(()=>{n.setFormValue(r(e.value.value))});let i=e.disabled;if(i){let e=n.states;R(()=>{i.value?e.add(`disabled`):e.delete(`disabled`)})}return{checkValidity:()=>n.checkValidity(),internals:n,reportValidity:()=>n.reportValidity(),setCustomValidity:e=>e?n.setValidity({customError:!0},e):n.setValidity({}),setValidity:n.setValidity.bind(n)}},it=[{kind:`event`,regex:/\s+@([a-zA-Z_][-a-zA-Z0-9_.-]*)\s*=\s*["']?$/},{kind:`ref`,regex:/\s+ref\s*=\s*["']?$/},{kind:`boolAttr`,regex:/\s+\?([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/},{kind:`attr`,regex:/\s+:?([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/}],Q=new WeakMap,at=new WeakMap,ot=new WeakMap,st={prevent:e=>t=>{t.preventDefault(),e(t)},self:e=>t=>{t.target===t.currentTarget&&e(t)},stop:e=>t=>{t.stopPropagation(),e(t)}},ct=(e,t)=>{let n=t.reduce((e,t)=>st[t]?.(e)??e,e),r={};return t.includes(`capture`)&&(r.capture=!0),t.includes(`once`)&&(r.once=!0),t.includes(`passive`)&&(r.passive=!0),{handler:n,...Object.keys(r).length?{options:r}:{}}},$=e=>typeof e==`string`?E(e):e==null?``:y(e)?e.__html:E(String(e)),lt=e=>{let t={bindings:[],html:``};return{bindings:[],signal:r(()=>{let n=e(),r=Array.isArray(n)?n:[n],i=O(),a=``,o=[];for(let e of r)if(y(e)){let t=k(e,i);a+=t.html,o.push(...t.bindings)}else a+=$(e);let s=o.length!==t.bindings.length||o.some((e,n)=>e!==t.bindings[n]);return(a!==t.html||s)&&(t={bindings:o,html:a}),t})}},ut=e=>{if(typeof e==`function`){let t=e,n=at.get(t);if(n)return{signal:n};let{signal:r}=lt(t);return at.set(t,r),{signal:r}}if(o(e)&&y(e.value)){let t=e,n=ot.get(t);if(n)return{signal:n};let i=r(()=>{let e=t.value;if(!y(e))return{bindings:[],html:$(e)};let n=k(e,O());return{bindings:n.bindings,html:n.html}});return ot.set(t,i),{signal:i}}return null},dt=e=>{let t=[];for(let n=0;n<e.length-1;n++){let r=e[n],i=!1;for(let e of it){let n=e.regex.exec(r);if(!n)continue;let a=r.slice(0,-n[0].length);if(i=!0,e.kind===`event`){let e=n[1].split(`.`),i=e[0],o=e.slice(1);t.push({kind:`event`,modifiers:o,name:i,prefix:a,raw:r})}else e.kind===`ref`?t.push({kind:`ref`,prefix:a,raw:r}):e.kind===`boolAttr`?t.push({kind:`boolAttr`,mode:`bool`,name:n[1],prefix:a,raw:r}):e.kind===`attr`&&t.push({kind:`attr`,mode:`attr`,name:n[1],prefix:a,raw:r});break}i||t.push({kind:`node`,prefix:r,raw:r})}return{slots:t,tail:e[e.length-1]??``}},ft=e=>{let t=Q.get(e);return t||(t=dt(e),Q.set(e,t)),t},pt=(e,t)=>{let n=ft(e),r=``,i=[],a=null,s=O(),c=e=>e.lastIndexOf(`<`)>e.lastIndexOf(`>`),l=e=>((!a||c(e))&&(a=s()),a),u=()=>{a=null};for(let e=0;e<n.slots.length;e++){let a=n.slots[e],c=t[e];if(a.kind===`event`){if(typeof c==`function`){let e=l(a.prefix),{handler:t,options:n}=ct(c,a.modifiers??[]);r+=`${a.prefix} u="${e}"`,i.push({handler:t,name:a.name,options:n,type:`event`,uid:e})}else if(o(c)){let e=l(a.prefix),{handler:t,options:n}=ct(e=>{let t=c.value;typeof t==`function`&&t(e)},a.modifiers??[]);r+=`${a.prefix} u="${e}"`,i.push({handler:t,name:a.name,options:n,type:`event`,uid:e})}else r+=a.raw;continue}if(a.kind===`ref`){if(c){let e=l(a.prefix);r+=`${a.prefix} u="${e}"`,i.push({ref:c,type:`ref`,uid:e})}else r+=a.raw;continue}if(a.kind===`boolAttr`||a.kind===`attr`){let e=l(a.prefix);r+=`${a.prefix} u="${e}"`,i.push(Ze(a.mode,a.name,e,c));continue}if(a.kind===`node`){if(u(),ee(c)){let e=s();r+=`${a.raw}<!--${e}-->`,i.push({directive:c,type:`directive`,uid:e});continue}let e=ut(c);if(e){let t=s();r+=`${a.raw}<!--${t}-->`,i.push({signal:e.signal,type:`html`,uid:t});continue}if(Array.isArray(c)){let e=``;for(let t of c)if(y(t)){let n=k(t,s);e+=n.html,i.push(...n.bindings)}else e+=$(t);r+=a.raw+e;continue}if(o(c)){let e=s();r+=`${a.raw}<!--${e}-->`,i.push({signal:c,type:`text`,uid:e})}else if(y(c)){let e=k(c,s);r+=a.raw+e.html,i.push(...e.bindings)}else r+=a.raw+$(c);continue}}return r+=n.tail,v(r,i)},mt=(e,...t)=>pt(e,t),ht=(e,t)=>y(e)?k(e,t):{bindings:[],html:E(e)},gt=e=>y(e)?e:v(E(e));function _t(e,t,n){let r=``,i=[],a=[],o=new Set,s=[],c=O();for(let l=0;l<e.length;l++){let u=n(e[l],l);if(o.has(u))throw Error(h.eachDuplicateKey(String(u),l));o.add(u),a.push(u);let d=ht(t(e[l],l),c);r+=d.html,i.push(...d.bindings),s.push(d)}return{bindings:i,html:r,keys:a,rendered:s}}function vt(e,n){let{fallback:r,key:a,render:o}=n;return{__craftitDirective:!0,mount:(n,s)=>{let c=new Map,l=[],u=[],d=()=>{S(l),l=[],x(u),u=[]},f=()=>{for(let[,e]of c)S(e.nodes),x(e.cleanups);c.clear()};s(i(()=>{let i=n.parentNode;i&&t(()=>{let t=e.value;if(!t.length){if(f(),d(),!r)return;let e=b(gt(r())),t=G(e.html);l=Array.from(t.childNodes),n.after(t);let a=e=>u.push(e);Y(e.bindings,a,K(l),{onHtml:e=>Z(i,e,a)});return}d();let{keys:s,rendered:m}=_t(t,o,a),h=new Map,g=[];for(let e=0;e<s.length;e++){let t=s[e],n=m[e],r=c.get(t),i,a=[];if(r&&r.html===n.html)i=r.nodes,x(r.cleanups);else{r&&(S(r.nodes),x(r.cleanups));let e=G(n.html);i=Array.from(e.childNodes)}g.push({item:n,key:t,nodes:i}),h.set(t,{cleanups:a,html:n.html,nodes:i})}for(let[e,t]of c)h.has(e)||(S(t.nodes),x(t.cleanups));let _=n;for(let e of g){for(let t of e.nodes)i.insertBefore(t,_.nextSibling),_=t;let t=h.get(e.key);if(!t)continue;let n=e=>t.cleanups.push(e);p(()=>{Y(e.item.bindings,n,K(e.nodes),{onHtml:e=>Z(i,e,n)})})}c=h})})),s(()=>{d(),f()})}}}var yt=e=>r(()=>Object.entries(e).filter(([,e])=>typeof e==`function`?e():o(e)?e.value:e).map(([e])=>e).join(` `)),bt=e=>{let t=typeof e==`function`?e():o(e)?e.value:e;return t==null||t===!1?``:String(t)},xt=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),St=e=>r(()=>{let t=[];for(let[n,r]of Object.entries(e)){let e=bt(r);e&&t.push(`${xt(n)}:${e}`)}return t.join(`;`)}),Ct=e=>typeof e==`function`?e():o(e)?e.value:e;function wt(e,t,n){return r(()=>Ct(e)?t():n?n():``)}var Tt=e=>typeof e==`function`?e():o(e)?e.value:e,Et=(e,t)=>{if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Object.is(e[n],t[n]))return!1;return!0};function Dt(e,t){let n=!1,i=[],a=``;return r(()=>{let r=(Array.isArray(e)?e:[e]).map(e=>Tt(e));return(!n||!Et(i,r))&&(a=p(t),i=r,n=!0),a})}function Ot(e,t){let n=d({data:void 0,error:void 0,pending:!0}),r;if(!I(i(()=>{let i=e(),a=new AbortController;return n.value={data:r,error:void 0,pending:!0},t(i,a.signal).then(e=>{a.signal.aborted||(r=e,n.value={data:e,error:void 0,pending:!1})}).catch(e=>{a.signal.aborted||(n.value={data:r,error:e,pending:!1})}),()=>a.abort()})))throw Error(h.lifecycleOutsideSetup);return n}function kt(e){return o(e)?r(()=>v(e.value)):v(e)}export{e as batch,yt as classMap,n as computed,_e as createContext,oe as createId,le as css,tt as define,rt as defineField,vt as each,R as effect,Dt as guard,mt as html,B as inject,ge as injectStrict,a as isSignal,pe as listen,ze as live,fe as on,L as onCleanup,me as onElement,de as onMounted,Oe as prop,he as provide,kt as raw,g as ref,_ as refs,Ot as resource,c as scope,u as signal,St as styleMap,be as syncAria,f as untrack,m as watch,wt as when};
 //# sourceMappingURL=craftit.js.map