@symbo.ls/element 3.14.795 → 3.14.797
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
`+
|
|
1
|
+
"use strict";var ns=Object.create;var jt=Object.defineProperty;var rs=Object.getOwnPropertyDescriptor;var is=Object.getOwnPropertyNames;var cs=Object.getPrototypeOf,fs=Object.prototype.hasOwnProperty;var as=(t,s)=>{for(var o in s)jt(t,o,{get:s[o],enumerable:!0})},co=(t,s,o,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of is(s))!fs.call(t,r)&&r!==o&&jt(t,r,{get:()=>s[r],enumerable:!(n=rs(s,r))||n.enumerable});return t};var us=(t,s,o)=>(o=t!=null?ns(cs(t)):{},co(s||!t||!t.__esModule?jt(o,"default",{value:t,enumerable:!0}):o,t)),ls=t=>co(jt({},"__esModule",{value:!0}),t);var oe={};as(oe,{BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES:()=>It,acquireBeforeUpdateGuard:()=>Jo,create:()=>Q,default:()=>te,flushMounts:()=>$t,isStaticCssProp:()=>Ks,recompileStaticCss:()=>Ws,reconcileAttrProp:()=>zs,releaseBeforeUpdateGuard:()=>kt,writeElementText:()=>Ct});module.exports=ls(oe);var N=require("@symbo.ls/signal"),j=require("@symbo.ls/signal"),et=require("./cache.js"),U=require("./registry.js"),lt=require("./delegate.js"),qo=require("./extends.js"),Zo=require("./methods.js"),re=require("./dispose.js"),st=require("./devRuntime.js"),B=require("./mountScheduler.js"),D=require("@symbo.ls/utils"),Et=us(require("@symbo.ls/utils"),1),z=require("@symbo.ls/utils/function.js"),ut=require("@symbo.ls/state"),k=require("css-in-props"),X=require("@symbo.ls/css"),E=require("@symbo.ls/scratch"),v=require("attrs-in-props"),Qo=require("./engineRegistry.js"),no=require("./cssLonghands.js"),J=require("./attributeFirst.js"),Xo=require("./version.js");const fo=(0,Qo.resolveElementIdEngine)({uniqId:1,scopedStyleId:0},Xo.VERSION),ht=[],m=new Set;let Ht=!1,ao=0,it=null,yt=null;function ct(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function uo(){return typeof document<"u"&&document.visibilityState==="hidden"}const ds=250,ps=1e3;function hs(){return yt&&(yt!==(typeof requestAnimationFrame=="function"?requestAnimationFrame:null)||uo())?!0:ct()-ao>=ps}function ys(){if(Ht=!0,ao=ct(),yt=null,typeof requestAnimationFrame!="function"){const t=typeof clearTimeout=="function"?clearTimeout:null,s=setTimeout($t,0);it=t?()=>t(s):null;return}if(uo()){const t=typeof clearTimeout=="function"?clearTimeout:null,s=setTimeout($t,ds);it=t?()=>t(s):null}else{const t=typeof cancelAnimationFrame=="function"?cancelAnimationFrame:null;yt=requestAnimationFrame;const s=requestAnimationFrame($t);it=t?()=>t(s):null}}function Tt(){if(Ht){if(!hs())return;const t=it;if(it=null,t)try{t()}catch{}}ys()}const lo=300,po=15e4;function $t(){if(Ht=!1,it=null,yt=null,m.size&&qs(),!ht.length)return;const t=ht.splice(0,ht.length);for(let s=0;s<t.length;s++){const o=t[s];if(o.node){if(!o.node.isConnected){const n=o.__ref||(o.__ref={});n.__mountAttempts=(n.__mountAttempts||0)+1,n.__mountFirstAttemptAt==null&&(n.__mountFirstAttemptAt=ct());const r=ct()-n.__mountFirstAttemptAt;n.__mountAttempts<=lo&&r<po?(ht.push(o),Tt()):console.warn("[DOMQL] onMounted dropped after",n.__mountAttempts,"attempts /",r,"ms \u2014 node never connected:",o.key||o.tag||o);continue}$("Mounted",o,o.__ref?.__mountOptions||{})}}}function Kt(t,s){const o=t.__ref?.__autoGrow;o&&o.active&&St(t,!0),typeof t.onMounted=="function"&&(t.__ref.__mountOptions=s,ht.push(t),Tt())}function ho(t,s){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&(0,z.runPluginHook)("contentUpdate",t,s);const o=t.context?.designSystem;o&&(0,E.pushConfig)(o);try{t.onContentUpdate(t,t.state,t.context,s)}catch(n){if(t.context?.plugins?.length&&(0,z.runPluginHook)("error",t,{hook:"onContentUpdate",error:n})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',n),t.context?.strictMode)throw n}finally{o&&(0,E.popConfig)()}}function Z(t){return t.length>2&&t.charCodeAt(0)===111&&t.charCodeAt(1)===110&&t.charCodeAt(2)>=65&&t.charCodeAt(2)<=90}function _s(t){return t.charAt(2).toLowerCase()+t.slice(3)}function gs(t){return t.toLowerCase()}function Wt(t){const s=t.charCodeAt(0);return s===58||s===64||s===38||s===91}function _t(t,s){const o={...t};for(const n in s){const r=o[n],i=s[n];r&&i&&typeof r=="object"&&typeof i=="object"&&!Array.isArray(r)&&!Array.isArray(i)&&typeof r!="function"&&typeof i!="function"?o[n]=_t(r,i):o[n]=i}return o}function Pt(t){if(typeof t=="string")return t||void 0;if(typeof t=="number"||typeof t=="bigint")return String(t)}function yo(t,s,o){return Pt(t)||(s&&typeof s=="object"?Pt(s.key):void 0)||String(o)}function Q(t,s,o,n={},r){const i=(0,j.getObserver)();if(i){(0,j.setObserver)(null);try{return Q(t,s,o,n,r)}finally{(0,j.setObserver)(i)}}if(t==null||t===!1)return null;const a=js(t);(typeof t=="string"||typeof t=="number")&&(t={text:t}),o=Pt(o);const f=Pt(t.key),e=Object.create(null);e.key=o||f||`_${fo.uniqId++}`,e.parent=s||null,e.context=t.context||s?.context||n.context||{},e.context.__create||(e.context.__create=Q);const u=e.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:s?.__ref?.root||e,path:s?.__ref?.path?[...s.__ref.path,e.key]:[e.key],origin:t};if(a&&(u.__runtimeSource=a),o&&!t.extends&&!t.extend){const _=o.indexOf("_"),b=o.indexOf(".");let w=_>0?_:-1;if(b>0&&(w<0||b<w)&&(w=b),w>0){const S=o.substring(0,w),C=e.context?.components;C&&(C[S]||C["smbls."+S])?t={...t,extends:S}:C&&(0,st.isLoudDevRuntime)()&&(/^[A-Z]\w*_\d+$/.test(o)||/^[A-Z]\w*\.\w+$/.test(o))&&console.warn(`[smbls] auto-extend: key "${o}" looks like an instance of "${S}" but neither "${S}" nor "smbls.${S}" is registered in context.components \u2014 element will render as a plain <div>. Register the base component or rename the key.`)}}(0,qo.applyExtends)(e,t,n);const h=new Set(["childProps","attr","style","scope","data"]),p=e.props&&typeof e.props=="object"?e.props:null;for(const _ in t){if(_==="parent"||_==="node"||_==="__ref"||_==="extends"||_==="context"||_==="props")continue;if(_==="key"){f&&(e.key=f);continue}const b=t[_],w=e[_],S=w&&b&&typeof w=="object"&&typeof b=="object"&&!Array.isArray(w)&&!Array.isArray(b)&&typeof w!="function"&&typeof b!="function";S&&_.charCodeAt(0)>=65&&_.charCodeAt(0)<=90?e[_]=_t(w,b):S&&h.has(_)?e[_]={...w,...b}:S&&Wt(_)?e[_]=_t(w,b):e[_]=b}function y(_){for(const b in _){const w=_[b],S=e[b],C=S&&w&&typeof S=="object"&&typeof w=="object"&&!Array.isArray(S)&&!Array.isArray(w)&&typeof S!="function"&&typeof w!="function";C&&b.charCodeAt(0)>=65&&b.charCodeAt(0)<=90?e[b]=_t(S,w):C&&h.has(b)?e[b]={...S,...w}:C&&Wt(b)?e[b]=_t(S,w):e[b]=w}}p&&y(p),t.props&&typeof t.props=="object"&&y(t.props),t.classlist!==void 0&&(e.classlist=t.classlist),t.text!==void 0&&(e.text=t.text),t.html!==void 0&&(e.html=t.html);const g=e.scope&&typeof e.scope=="object"?e.scope:null,c=s?.scope,l=e.context&&typeof e.context.globalScope=="object"&&e.context.globalScope||null,d=c||l||null;if(t.scope!==void 0||g){const _={};g&&Object.assign(_,g),t.scope!==void 0&&Object.assign(_,t.scope),e.scope=(0,N.createScopeStore)(_,d)}else d&&(e.scope=d);t.if!==void 0&&(e.if=t.if);const A=Es(e,a);if(A&&(u.__declaredArrays=A),(0,Zo.addMethods)(e),bs(e,s,t),e.if!=null){let _;if(typeof e.if=="function")try{_=e.if(e,e.state,e.context)}catch(b){if(_=!1,u.__ifError=b,typeof console<"u"&&console.warn){const w=e.key||e.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${w} \u2014 treating as false:`,b?.message||b)}}else _=e.if;u.__if=!!_}if(u.__if)typeof e.if=="function"&&(u.__ifInitialized=!0);else return s&&(s[e.key]=e),typeof e.if=="function"&&ko(e,u,e.if),e;e.tag||(e.tag=(0,et.detectTag)(e)),$("Init",e,n);const x=e.node=(0,et.cacheNode)(e);if(!x)return e;if(e.tag==="fragment"){const b=(e.context?.document||globalThis.document).createComment("");x.appendChild(b),u.__fragmentAnchor=b}$("AttachNode",e,n),x.setAttribute&&e.key&&x.setAttribute("data-key",e.key),s&&(s[e.key]=e,s.__ref?.__children&&(s.__ref.__children.includes(e.key)||s.__ref.__children.push(e.key))),x.setAttribute&&e.context?.scopeSelector&&e.context.scopeSelector!==":root"&&e.context.key&&e.key===e.context.key&&x.setAttribute("data-smbls-app",e.context.key),e.id&&x.setAttribute&&(x.id=e.id),Wo(e,n),So(e),Zt(e),Io(e),Ho(e),Js(e);try{zo(e,n)}catch(_){if(typeof console<"u"&&console.error){const b=e.__ref?.path?.join(".")||e.key||"<root>";console.error(`[smbls] createChildren failed at ${b}:`,_?.message||_,_?.stack?`
|
|
2
|
+
`+_.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Lt(r,!0),Fo(r,s,e),typeof r.html=="function"&&r.node&&!r.node.innerHTML){const l=r.context?.designSystem;l&&(0,j.pushConfig)(l);try{const b=r.html(r,r.state,r.context);b!=null&&typeof b!="function"&&(r.node.innerHTML=b)}catch{}finally{l&&(0,j.popConfig)()}}if(I("Create",r,n),I("Complete",r,n),I("Render",r,n),I("RenderRouter",r,n),$t(r,n),typeof r.onFrame=="function"){const l=r.onFrame,b=r.context?.designSystem,A=()=>{if(r.node){if(r.node.isConnected){b&&(0,j.pushConfig)(b);try{l(r,r.state,r.context)}catch(w){console.error("[DOMQL] onFrame error:",w)}finally{b&&(0,j.popConfig)()}}requestAnimationFrame(A)}};requestAnimationFrame(A)}return r}function rs(t,s,o){const n=!s,e=o.state&&typeof o.state=="object"&&!Array.isArray(o.state)&&Object.keys(o.state).length===0,c=n&&e&&t.context?.state,a=o.state!==void 0&&!c?o.state:t.state&&!(0,N.isStore)(t.state)?t.state:void 0;if(a==null){if(s?.state)t.state=s.state,(0,it.applyStateMethods)(t,t.state);else if(t.context?.state){const r=t.context.state,i={...r},h=t.context?.polyglot;if(h?.translations){const g=t.context,f=r.lang||h.defaultLang||"en",d=new Set,p=(_,l)=>{d.has(_)||(0,D.isPolyglotWritableKey)(g,_,i)&&(i[_]=l,d.add(_),(0,D.markPolyglotSeeded)(g,_,l))},u=h.translations[f];if(u&&typeof u=="object")for(const _ in u)p(_,u[_]);const y=new Set(h.languages||[]);for(const _ in h.translations)y.has(_)||p(_,h.translations[_])}t.state=(0,N.isStore)(i)?i:(0,N.createStore)(i),t.state.__element=t,t.state.root=t.state,(0,it.applyStateMethods)(t,t.state),wt.promoteActiveRootState?.(r,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),(0,it.applyStateMethods)(t,t.state);return}if(typeof a=="string"){if(t.state=io(a,s),t.state&&typeof t.state=="object"&&!(0,N.isStore)(t.state)){const r=s?.state?.root||s?.state||t.state;Object.defineProperty(t.state,"root",{value:r,enumerable:!1,configurable:!0,writable:!0})}(0,it.applyStateMethods)(t,t.state);return}if(typeof a=="function"){const r=a(t,s?.state);t.state=(0,N.isStore)(r)?r:(0,N.createStore)(r||{})}else(0,N.isStore)(a)?t.state=a:t.state=(0,N.createStore)({...a});t.state.__element=t,s?.state?(t.state.parent=s.state,t.state.root=s.state.root||s.state):t.state.root=t.state,(0,it.applyStateMethods)(t,t.state),wt.promoteActiveRootState?.(a,t.state)}function Ut(t,s){if(!s)return t;const o=s.split("/");let n=t;for(const e of o){if(n==null)return{};n=n[e]}return n??{}}function io(t,s){if(!s)return{};if(t===".")return s.state||{};if(t.startsWith("../")){const e=t.slice(3);return e?Ut(s.state,e):s.state??{}}if(t.startsWith("~/")){const e=s.state?.root||s.state,c=t.slice(2);return c?Ut(e,c):e??{}}if(s.state?.[t]!==void 0)return s.state[t];const o=Ut(s.state,t);if(o!=null&&Object.keys(o).length>0)return o;const n=s.context?.polyglot;if(n?.translations){const e=s.state?.root?.lang||n.defaultLang||"en",c=n.translations[e];if(c?.[t]!==void 0)return c[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const is=new Set(["s","state","ctx","context"]);function cs(t){try{const o=(typeof wt.getFunctionSource=="function"?wt.getFunctionSource(t):Function.prototype.toString.call(t)).match(/^[^(]*\(([^)]*)\)/);return o?o[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function fs(t){if(typeof t!="function"||t.length!==2)return!1;const s=cs(t);if(s.length<2)return!1;const o=s[1].replace(/[{}[\]]/g,"").trim();return o.length>0&&!is.has(o)}function as(t){const s=t.__ref,o=t.tag||"div",n=t.context?.designSystem,e=[],c=Object.keys(t);for(let a=0;a<c.length;a++){const r=c[a];if(typeof t[r]!="function"||G.REGISTRY.has(r))continue;const i=r.charCodeAt(0);i>=65&&i<=90||Y(r)||S.CSS_PROPS_REGISTRY[r]||S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(r)||(0,v.checkAttributeByTagName)(o,r)||((0,tt.isLoudDevRuntime)()&&fs(t[r])&&console.warn(`[smbls] custom prop "${r}"${t.key?` on key "${t.key}"`:""} is a function \u2014 it will be auto-invoked on read and its RETURN VALUE stored, not preserved as a callable reference. If you meant to stash a callback, use el.call('${r}', \u2026) instead of reading el.${r}(\u2026) directly (see RULES.md Rule 8).`),e.push({prop:r,fn:t[r]}))}for(let a=0;a<e.length;a++){const{prop:r,fn:i}=e[a];s.__exec[r]=i,Object.defineProperty(t,r,{get(){n&&(0,j.pushConfig)(n);try{return i(t,t.state,t.context)}catch{return}finally{n&&(0,j.popConfig)()}},set(h){delete s.__exec[r],Object.defineProperty(t,r,{value:h,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function us(t,s){if(!(!Array.isArray(s)||s.length===0))for(let o=0;o<s.length;o++){const n=s[o];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function R(t,s,o){return!Array.isArray(s)||s.length===0?o:function(...n){return us(t,s),o.apply(this,n)}}function pt(t,s){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[s]}function E(t,s){return()=>t.path.join(".")+"::"+s}const co=new Set;function M(t,s,o){if(!(0,tt.isLoudDevRuntime)())return;const n=E(t,s)();co.has(n)||(co.add(n),console.warn(`[smbls] "${s}" effect threw on ${t.path.join(".")} \u2014 keeping previous value:`,o?.message||o))}const fo=/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,ls=(t,s)=>{let o;try{o=String(t)}catch{return}if(!o.includes("{{"))return;fo.lastIndex=0;let n;for(;(n=fo.exec(o))!==null;)n[2].includes("{{")&&s.add(n[2])},ds=(t,s)=>!Y(t)&&!(0,Q.isCssProp)(s,t),ao=(t,s,o,n)=>{if(typeof s=="string"){s.includes("{{")&&o.add(s);return}typeof s=="function"&&ds(t,n)&&ls(s,o)},ps=["attr","aria","data"],hs=t=>{if(ps.includes(t))return!0;const s=t.charCodeAt(0);return s===46||s===33||s===64},ys=t=>{const s=new Set,o=t.tag||"div";for(const n of Object.keys(t)){const e=Object.getOwnPropertyDescriptor(t,n),c=e&&e.value;if(c&&typeof c=="object"&&!Array.isArray(c)){if(!hs(n))continue;for(const a in c)ao(a,c[a],s,o);continue}ao(n,c,s,o)}return s};function uo(t,s){const o=t.__ref,n=!!(s&&s.skipIfEffect),e=ys(t);if(o.__authoredTemplates)for(const i of e)o.__authoredTemplates.add(i);else o.__authoredTemplates=e;if(as(t),typeof t.text=="function"){const i=t.text,h=R(t,t.textDeps,i),g=(0,k.createEffect)(()=>{if(!o.contentManaged)try{let f=h(t,t.state,t.context);t.node&&f!=null&&typeof f!="function"&&typeof f!="object"&&(typeof f=="string"&&f.includes("{{")&&(f=D.replaceLiteralsWithObjectFields.call(t,f,t.state)),_t(t,f))}catch(f){M(o,"text",f)}},{depth:o.path.length,label:E(o,"text")});o.__effects.push(g),o.__exec.text=i}else if(typeof t.text=="string"&&t.text.includes("{{")){const i=t.text,h=(0,k.createEffect)(()=>{if(o.contentManaged)return;const g=D.replaceLiteralsWithObjectFields.call(t,i,t.state);g!=null&&(t.text=g),t.node&&_t(t,g??"")},{depth:o.path.length,label:E(o,"text")});o.__effects.push(h),o.__exec.text=i}const c=t.tag||"div";for(const i of Object.keys(t))if(typeof t[i]=="function"&&!G.REGISTRY.has(i)&&!Y(i)&&!o.__exec[i]&&!(0,Q.isAttributeFirst)(c,i)){if(S.CSS_PROPS_REGISTRY[i]){const h=t[i],g=R(t,t[i+"Deps"],h),f=i;let d,p=null,u=null,y;const _=(0,k.createEffect)(()=>{const l=t.context?.designSystem;l&&(0,j.pushConfig)(l);try{const b=g(t,t.state,t.context);(0,S.pushStaticCssPass)();let A;try{A=S.CSS_PROPS_REGISTRY[f](b,t,t.state,t.context)}finally{(0,S.popStaticCssPass)()}if(Array.isArray(A)){const x={};for(const C of A)if(C)for(const L in C)x[L]=C[L];A=x}const w=f==="show"||f==="hide";if(A&&t.node&&_s(A)){const x=vt(A);if(x===null||x!==y){y=x;const C=(0,Z.css)(A,null,t.context?.cssPrefix),L=C?C.split(" ").filter(Boolean):null;if(t.node.classList){if(u)for(const U of u)t.node.classList.remove(U);if(L&&L.length)for(const U of L)t.node.classList.add(U);u=L}}d=void 0,p=null}else if(A&&t.node){if(u){for(const C of u)t.node.classList.remove(C);u=null,y=void 0}const x=vt(A);if(x===null||x!==d||!Et(t.node,p)){d=x;const C=go(t,A);p=kt(t.node,C)}}else t.node&&w&&(d=void 0,p=null,t.node.style.display="")}finally{l&&(0,j.popConfig)()}},{depth:o.path.length,label:E(o,f)});o.__effects.push(_),o.__exec[i]=h}else if(S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(i)){const h=t[i],g=R(t,t[i+"Deps"],h),f=i;let d,p=null;const u=(0,k.createEffect)(()=>{const y=t.context?.designSystem;y&&(0,j.pushConfig)(y);try{const _=g(t,t.state,t.context);if(t.node)if(_!=null){const l=f+":"+String(_);if(l!==d||!Et(t.node,p)){d=l;const b={[f]:_},A=go(t,b);p=kt(t.node,A)}}else d=void 0,p=null,t.node.style[f]=""}finally{y&&(0,j.popConfig)()}},{depth:o.path.length,label:E(o,f)});o.__effects.push(u),o.__exec[i]=h}}if(typeof t.html=="function"){const i=t.html,h=R(t,t.htmlDeps,i),g=(0,k.createEffect)(()=>{const f=t.context?.designSystem;f&&(0,j.pushConfig)(f);try{const d=h(t,t.state,t.context);t.node&&d!=null&&typeof d!="function"&&(t.node.innerHTML=d)}finally{f&&(0,j.popConfig)()}},{depth:o.path.length,label:E(o,"html")});o.__effects.push(g),o.__exec.html=i}if(typeof t.value=="function"){const i=t.value,h=R(t,t.valueDeps,i),g=(0,k.createEffect)(()=>{try{let f=h(t,t.state,t.context);typeof f=="string"&&f.includes("{{")&&(f=D.replaceLiteralsWithObjectFields.call(t,f,t.state)),ho(t,f)}catch(f){M(o,"value",f)}},{depth:o.path.length,label:E(o,"value")});o.__effects.push(g),o.__exec.value=i}else if(typeof t.value=="string"&&t.value.includes("{{")){const i=t.value,h=(0,k.createEffect)(()=>{try{ho(t,D.replaceLiteralsWithObjectFields.call(t,i,t.state))}catch(g){M(o,"value",g)}},{depth:o.path.length,label:E(o,"value")});o.__effects.push(h),o.__exec.value=i}if(typeof t.style=="function"){const i=t.style,h=R(t,t.styleDeps,i);let g,f=null;const d=(0,k.createEffect)(()=>{const p=h(t,t.state,t.context),u=vt(p);(u===null||u!==g||!Et(t.node,f))&&(g=u,gs(t.node,f,p),m(t.node,p),f=kt(t.node,p))},{depth:o.path.length,label:E(o,"style")});o.__effects.push(d),o.__exec.style=i}else if(t.style&&typeof t.style=="object")for(const i in t.style){const h=t.style[i];if(typeof h!="function")continue;const g=R(t,pt(t.styleDeps,i),h);let f,d=null;const p=(0,k.createEffect)(()=>{try{const u=g(t,t.state,t.context);if(t.node){const y=i+":"+String(u);if(y!==f||!Et(t.node,d)){f=y;const _={[i]:u};m(t.node,_),d=kt(t.node,_)}}}catch(u){M(o,"style."+i,u)}},{depth:o.path.length,label:E(o,"style."+i)});o.__effects.push(p)}if(t.attr&&typeof t.attr=="object"){for(const i in t.attr)if(typeof t.attr[i]=="function"){const h=R(t,pt(t.attrDeps,i),t.attr[i]),g=i,f=(0,k.createEffect)(()=>{try{let d=h(t,t.state,t.context);typeof d=="string"&&d.includes("{{")&&(d=D.replaceLiteralsWithObjectFields.call(t,d,t.state)),t.node?.setAttribute&&(d==null||d===!1&&!(0,v.isEnumeratedTrueFalseAttr)(g)?t.node.removeAttribute(g):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(g,(0,v.serializeAttrValue)(g,d)))}catch(d){M(o,"attr."+g,d)}},{depth:o.path.length,label:E(o,"attr."+g)});f._attrName=g.toLowerCase(),o.__effects.push(f)}else if(typeof t.attr[i]=="string"&&t.attr[i].includes("{{")){const h=t.attr[i],g=i,f=(0,k.createEffect)(()=>{try{const d=D.replaceLiteralsWithObjectFields.call(t,h,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(g,(0,v.serializeAttrValue)(g,d??""))}catch(d){M(o,"attr."+g,d)}},{depth:o.path.length,label:E(o,"attr."+g)});f._attrName=g.toLowerCase(),o.__effects.push(f)}}if(t.aria&&typeof t.aria=="object")for(const i in t.aria){const h=t.aria[i];if(typeof h=="string"&&h.includes("{{")){const p=h,u="aria-"+i.replace(/[A-Z]/g,_=>"-"+_.toLowerCase()),y=(0,k.createEffect)(()=>{try{const _=D.replaceLiteralsWithObjectFields.call(t,p,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(u,(0,v.serializeAttrValue)(u,_??""))}catch(_){M(o,"aria."+i,_)}},{depth:o.path.length,label:E(o,"aria."+i)});y._attrName=u,o.__effects.push(y);continue}if(typeof h!="function")continue;const g=R(t,pt(t.ariaDeps,i),t.aria[i]),f="aria-"+i.replace(/[A-Z]/g,p=>"-"+p.toLowerCase()),d=(0,k.createEffect)(()=>{try{const p=g(t,t.state,t.context);if(!t.node?.setAttribute)return;p==null?t.node.removeAttribute(f):typeof p!="function"&&typeof p!="object"&&t.node.setAttribute(f,(0,v.serializeAttrValue)(f,p))}catch(p){M(o,"aria."+i,p)}},{depth:o.path.length,label:E(o,"aria."+i)});d._attrName=f,o.__effects.push(d)}if(t.data&&typeof t.data=="object")for(const i in t.data){const h=t.data[i];if(typeof h=="string"&&h.includes("{{")){const u=h,y="data-"+i.replace(/[A-Z]/g,l=>"-"+l.toLowerCase()),_=(0,k.createEffect)(()=>{try{const l=D.replaceLiteralsWithObjectFields.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(y,l??"")}catch(l){M(o,"data."+i,l)}},{depth:o.path.length,label:E(o,"data."+i)});_._attrName=y,o.__effects.push(_);continue}if(typeof h!="function")continue;const g=R(t,pt(t.dataDeps,i),t.data[i]),d="data-"+i.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),p=(0,k.createEffect)(()=>{try{const u=g(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null||u===!1?t.node.removeAttribute(d):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(d,u===!0?"":u)}catch(u){M(o,"data."+i,u)}},{depth:o.path.length,label:E(o,"data."+i)});p._attrName=d,o.__effects.push(p)}const a=t.classlist&&typeof t.classlist=="object"&&!Array.isArray(t.classlist)?t.classlist:t.class&&typeof t.class=="object"&&!Array.isArray(t.class)?t.class:null;if(a)for(const i in a){if(typeof a[i]!="function")continue;const h=R(t,pt(t.classDeps,i),a[i]),g=(0,k.createEffect)(()=>{try{const f=h(t,t.state,t.context);if(!t.node?.classList)return;typeof f=="string"?t.node.classList.add(f):f?t.node.classList.add(i):t.node.classList.remove(i)}catch(f){M(o,"class."+i,f)}},{depth:o.path.length,label:E(o,"class."+i)});o.__effects.push(g)}!n&&typeof t.if=="function"&&po(t,o,t.if);for(const i of Object.keys(t)){if(G.REGISTRY.has(i)||typeof t[i]!="function")continue;const h=i.charCodeAt(0);if(h>=65&&h<=90||Y(i))continue;const g=t[i];o.__exec[i]=g;const f=t.tag||"div";if((0,v.checkAttributeByTagName)(f,i)&&!(0,Q.isCssProp)(f,i)){const d=(0,v.camelToAttr)(i)||i,p=R(t,t[i+"Deps"],g),u=(0,k.createEffect)(()=>{try{let y=p(t,t.state,t.context);typeof y=="string"&&y.includes("{{")&&(y=D.replaceLiteralsWithObjectFields.call(t,y,t.state)),t.node?.setAttribute&&(y==null||y===!1&&!(0,v.isEnumeratedTrueFalseAttr)(d)?t.node.removeAttribute(d):typeof y!="function"&&typeof y!="object"&&(d==="src"&&"src"in t.node?t.node.src=y:t.node.setAttribute(d,(0,v.serializeAttrValue)(d,y))))}catch(y){M(o,i,y)}},{depth:o.path.length,label:E(o,i)});u._attrName=d.toLowerCase(),o.__effects.push(u)}}const r=t.tag||"div";for(const i of Object.keys(t)){if(G.REGISTRY.has(i))continue;const h=t[i];if(typeof h!="string"||!h.includes("{{"))continue;const g=i.charCodeAt(0);if(g>=65&&g<=90||Y(i)||(0,Q.isCssProp)(r,i)||v.ATTR_TRANSFORMS[i]||!(0,v.checkAttributeByTagName)(r,i))continue;const f=(0,v.camelToAttr)(i)||i,d=(0,k.createEffect)(()=>{try{const p=D.replaceLiteralsWithObjectFields.call(t,h,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(f,(0,v.serializeAttrValue)(f,p??""))}catch(p){M(o,i,p)}},{depth:o.path.length,label:E(o,i)});d._attrName=f.toLowerCase(),o.__effects.push(d)}if(Ss(t),Es(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const i=t.onStateUpdate,h=t.stateDeps;let g=!1,f=[];const d=(0,k.createEffect)(()=>{const p=[];for(let l=0;l<h.length;l++){const b=h[l];try{p[l]=typeof b=="function"?b(t,t.state,t.context):t.state?.[b]}catch{p[l]=void 0}}if(!g){g=!0,f=p;return}let u=p.length!==f.length;for(let l=0;!u&&l<p.length;l++)p[l]!==f[l]&&(u=!0);const y=f;if(f=p,!u)return;const _=t.context?.designSystem;_&&(0,j.pushConfig)(_);try{i(t,t.state,t.context,{prev:y,next:p})}catch(l){if(t.context?.plugins?.length&&(0,W.runPluginHook)("error",t,{hook:"onStateUpdate",error:l})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',l),t.context?.strictMode)throw l}finally{_&&(0,j.popConfig)()}},{depth:o.path.length,label:E(o,"onStateUpdate")});o.__effects.push(d)}js(t)}function lo(t){const s=t.parent,o=s?.node;if(!o||!t.node){Fo(t,t.parent);return}let n=null;const e=Object.keys(s),c=e.indexOf(t.key);for(let a=c+1;a<e.length;a++){const r=s[e[a]];if(r?.node?.parentNode===o){n=r.node;break}}n?o.insertBefore(t.node,n):o.appendChild(t.node)}function po(t,s,o){const n=R(t,t.ifDeps,o),e=(0,k.createEffect)(()=>{let c;try{c=n(t,t.state,t.context)}catch(r){if(c=!1,s.__ifError=r,typeof console<"u"&&console.warn){const i=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${i} \u2014 treating as false:`,r?.message||r)}return}const a=s.__if;if(s.__if=!!c,a&&!s.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(r){console.error("[smbls] onRemove error:",r)}}else if(!a&&s.__if)if(s.__ifInitialized)t.node||(t.node=(0,ot.cacheNode)(t)),t.node&&(t.node.ref=t),lo(t),Bt(t),I("Render",t,{}),$t(t,{});else{if(s.__ifInitialized=!0,t.tag||(t.tag=(0,ot.detectTag)(t)),I("Init",t,{}),t.node||(t.node=(0,ot.cacheNode)(t)),!t.node)return;if(t.parent?.__ref?.__children&&!t.parent.__ref.__children.includes(t.key)&&t.parent.__ref.__children.push(t.key),t.tag==="fragment"&&!s.__fragmentAnchor){const i=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(i),s.__fragmentAnchor=i}I("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),Mo(t,{}),uo(t,{skipIfEffect:!0}),Bt(t),Eo(t),Do(t),No(t,{}),lo(t),I("Create",t,{}),I("Complete",t,{}),I("Render",t,{}),I("RenderRouter",t,{}),$t(t,{})}},{depth:s.path.length,label:E(s,"if")});s.__effects.push(e)}function _t(t,s){const o=t.node;if(!o)return;const n=s==null||typeof s=="object"?"":String(s);if(t.tag==="string"){o.nodeValue!==n&&(o.nodeValue=n);return}const e=t.__ref;let c=e?e.__textNode:null;if(c&&c.parentNode!==o&&(c=null),!c){const a=o.firstChild;a&&a.nodeType===3&&(c=a)}c?c.nodeValue!==n&&(c.nodeValue=n):o.firstChild?(c=(o.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),o.insertBefore(c,o.firstChild)):(o.textContent=n,c=o.firstChild&&o.firstChild.nodeType===3?o.firstChild:null),e&&(e.__textNode=c||null)}function ho(t,s){const o=t.node;if(!o||!("value"in o))return;const n=s==null?"":String(s);if(o.value===n)return;const e=typeof document<"u"&&document.activeElement===o,c=e&&typeof o.selectionStart=="number"?o.selectionStart:null,a=e&&typeof o.selectionEnd=="number"?o.selectionEnd:null;if(o.value=n,e&&c!=null&&a!=null)try{o.setSelectionRange(c,a)}catch{}const r=t.__ref&&t.__ref.__autoGrow;r&&r.active&&r.resize()}function Bt(t){const{node:s}=t;if(s){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&_t(t,t.text),jo(t),typeof t.html=="string"&&(s.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&!(typeof t.value=="string"&&t.value.includes("{{"))&&"value"in s){const o=String(t.value);s.value!==o&&(s.value=o)}if(t.style&&typeof t.style=="object"){let o=t.style;for(const n in t.style)if(typeof t.style[n]=="function"){o={};for(const e in t.style)typeof t.style[e]!="function"&&(o[e]=t.style[e]);break}m(s,o)}if(t.attr&&typeof t.attr=="object")for(const o in t.attr){const n=t.attr[o];typeof n=="function"||typeof n=="object"||n!=null&&(typeof n=="string"&&n.includes("{{")||n===!1&&!(0,v.isEnumeratedTrueFalseAttr)(o)||s.setAttribute&&s.setAttribute(o,(0,v.serializeAttrValue)(o,n)))}if(typeof t.themeModifier=="string"&&t.themeModifier&&s.setAttribute&&s.setAttribute("data-theme",t.themeModifier),t.data&&typeof t.data=="object")for(const o in t.data){const n=t.data[o];typeof n=="function"||typeof n=="object"||n==null||n===!1||typeof n=="string"&&n.includes("{{")||s.dataset&&(s.dataset[o]=n===!0?"":n)}if(t.classlist||t.class){const o=t.classlist||t.class;if(typeof o=="string")o.split(" ").forEach(n=>n&&s.classList.add(n));else if(typeof o=="object")for(const n in o){const e=typeof o[n]=="function"?o[n](t,t.state,t.context):o[n];e&&s.classList.add(typeof e=="string"?e:n)}}}}function vt(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function _s(t){if(!t||typeof t!="object")return!1;for(const s in t){const o=t[s];if(o&&typeof o=="object"&&!Array.isArray(o))return!0}return!1}function kt(t,s){if(!t||!t.style||!s)return null;const o=t.style,n=[];for(const e in s){if(s[e]==null||e.charAt(0)==="&")continue;const a=jt(e);n.push(a,Gt(o,a),yo(o,a))}return n}function Gt(t,s){return typeof t.getPropertyValue=="function"?t.getPropertyValue(s):""}function yo(t,s){return typeof t.getPropertyPriority=="function"?t.getPropertyPriority(s):""}function jt(t){return Tt(t)?t:t.replace(/[A-Z]/g,s=>"-"+s.toLowerCase())}function gs(t,s,o){if(!t||!t.style||!s||!s.length)return;const n=t.style,e=new Set;if(o&&typeof o=="object")for(const c in o)o[c]==null||c.charAt(0)==="&"||e.add(jt(c));for(let c=0;c<s.length;c+=3){const a=s[c];e.has(a)||Gt(n,a)===s[c+1]&&typeof n.removeProperty=="function"&&n.removeProperty(a)}}function Et(t,s){if(!s||!t||!t.style)return!1;const o=t.style;for(let n=0;n<s.length;n+=3)if(Gt(o,s[n])!==s[n+1]||yo(o,s[n])!==s[n+2])return!1;return!0}const Tt=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45;function bs(t){let s=null;for(const o in t)t[o]!=null&&o.charAt(0)!=="&"&&(s||(s=new Set),s.add(jt(o)));return s}function As(t,s,o,n){const e=t.__ref;if(!e)return;let c=null;if(o)for(const a of o){if(n&&n.has(a))continue;const r=s[a];if(r==null||typeof r=="object")continue;const i=jt(a);Zt.CSS_LONGHAND_SHORTHANDS[i]&&(c||(c={}),c[i]=r)}e.__declaredLonghands=c}function _o(t,s){const o=t.__ref,n=o&&o.__declaredLonghands;if(!n||!s)return null;let e=null;for(const c in n){if(s.has(c))continue;const a=Zt.CSS_LONGHAND_SHORTHANDS[c];let r=!1;for(let i=0;i<a.length;i++)if(s.has(a[i])){r=!0;break}r&&(e||(e={}),e[c]=n[c])}return e}function go(t,s){const o=t.node;m(o,s);const n=bs(s);if(!n)return s;const e=t.__ref;if(e)if(e.__inlineCssKeys)for(const a of n)e.__inlineCssKeys.add(a);else e.__inlineCssKeys=new Set(n);const c=_o(t,n);return c?(m(o,c),Object.assign({},s,c)):s}function xs(t){const s=t.__ref;if(!s||!s.__inlineCssKeys||!s.__declaredLonghands)return;const o=_o(t,s.__inlineCssKeys);o&&m(t.node,o)}function m(t,s){if(!t||!s||!t.style)return;let o=null;for(const n in s){const e=s[n];if(e!=null){if(n.charAt(0)==="&"&&typeof e=="object"){o||(o={}),o[n]=e;continue}try{const c=String(e),a=Tt(n)?n:n.replace(/[A-Z]/g,g=>"-"+g.toLowerCase()),r=c.trim(),i=/\s*!important\s*$/.test(r),h=r.replace(/\s*!important\s*$/,"");t.style.setProperty(a,h,i?"important":"")}catch{}}}o&&ws(t,o)}function ws(t,s){const o=`_ds${mt.scopedStyleId++}`;t.classList.add(o);const n=t.ownerDocument;let e=n.querySelector("style[data-smbls-scoped]");e||(e=n.createElement("style"),e.setAttribute("data-smbls-scoped",""),n.head.appendChild(e));let c="";for(const a in s){const r="."+o,i=a.replace(/&/g,r).split(",").map(g=>{const f=g.trim();return f.includes(r)?f:r+f}).join(", "),h=s[a];if(typeof h=="object"){let g="",f="";for(const d in h){const p=h[d];if(typeof p=="object"){const u=d.includes("&")?i.split(", ").map(_=>d.replace(/&/g,_)).join(", "):i.split(", ").map(_=>`${_} ${d}`).join(", ");let y="";for(const _ in p)y+=`${_.replace(/[A-Z]/g,l=>"-"+l.toLowerCase())}: ${p[_]};`;f+=(0,Z.wrapHoverRule)(`${u} { ${y} }`,u)+`
|
|
5
|
-
`}else
|
|
6
|
-
`),f&&(c+=f)}}c&&(e.textContent+=c)}const bo=new Set;function Ao(t){if(!Array.isArray(t))return"";const s=[];for(let o=0;o<t.length;o++)typeof t[o]=="string"&&t[o].length&&s.push(t[o]);return s.sort(),s.join("|")}function Cs(t,s,o){const n=Ao(o);queueMicrotask(()=>{if(!t.__ref)return;let e;try{e=s(t,t.state,t.context)}catch{return}if(Ao(e)===n)return;const c=t.__ref.path?t.__ref.path.join("."):t.key||"?";bo.has(c)||(bo.add(c),console.warn(`[smbls] subscribeTo function at "${c}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${o.join(", ")||"(none)"}], probed [${Array.isArray(e)?e.join(", "):String(e)}]. subscribeTo's function form is resolved ONCE at element-create time (registerSubscribeToEffects, @symbo.ls/element create.js) \u2014 this element stays wired to the ORIGINAL list for its whole lifetime, so this drift is invisible to the reactive effect and any key only present in the new list will never trigger onUpdate. If the watched key genuinely is not known until later (e.g. a module config that loads after shell boot), route the write through an imperative call instead of subscribeTo \u2014 see functions/moduleOpenBridge.js's moduleOpenPage (workspace repo) for the house pattern.`))})}function Ss(t){const s=t.subscribeTo,o=typeof s=="function";let n=s;if(o)try{n=s(t,t.state,t.context)}catch{n=null}if(o&&(0,tt.isLoudDevRuntime)()&&Cs(t,s,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const e=t.__ref;for(let c=0;c<n.length;c++){const a=n[c];if(typeof a!="string"||a.length===0)continue;const r=a.split("."),i=r[0],h=r.slice(1),g={value:!1},f=(0,k.createEffect)(()=>{const d=t.state&&((0,N.isStore)(t.state)?t.state.root:null);if(!d||!(0,N.isStore)(d))return;let p=d;p=p[i];for(let y=0;y<h.length&&!(p==null||typeof p!="object");y++)if((0,N.isStore)(p))p=p[h[y]];else break;if(!g.value)return;let u=!1;if(typeof t.onBeforeUpdate=="function"){const y=t.context?.designSystem;y&&(0,j.pushConfig)(y);try{if(Go(e)){const _=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});_&&typeof _.then=="function"?_.then(()=>gt(e,!1),l=>{gt(e,!0),t.context?.plugins?.length&&(0,W.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:l})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",l)}):(gt(e,!1),_===!1&&(u=!0))}}catch(_){gt(e,!0),t.context?.plugins?.length&&(0,W.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:_})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",_)}finally{y&&(0,j.popConfig)()}}if(!u&&t.node&&e.__effects)for(let y=0;y<e.__effects.length;y++){const _=e.__effects[y];_&&_!==f&&!_._disposed&&!_._isSubscribeToEffect&&typeof _._execute=="function"&&_._execute()}if(!u&&typeof t.onUpdate=="function"){const y=t.context?.designSystem;y&&(0,j.pushConfig)(y);try{t.onUpdate(t,t.state,t.context)}catch(_){t.context?.plugins?.length&&(0,W.runPluginHook)("error",t,{hook:"onUpdate",error:_})||console.error("[DOMQL] subscribeTo onUpdate error:",_)}finally{y&&(0,j.popConfig)()}}},{depth:e.path.length,label:E(e,"subscribeTo("+a+")")});g.value=!0,f._isSubscribeToEffect=!0,e.__effects.push(f)}}function Ht(t,s){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!s.context?.designSystem?.media?.[t.slice(1)])}function Vt(t,s){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const o=s.context?.designSystem?.media?.[t.slice(1)];return o?/^@(media|supports|container)\b/.test(o)?o:`@media ${o}`:t}const xo=new Set;function vs(t,s){const o=s?.__ref?.path?s.__ref.path.join("."):s?.key||"?",n=o+"::"+t;xo.has(n)||(xo.add(n),console.warn(`[smbls/css] "${t}" at ${o} is a CHILD-COMPONENT key nested inside a pseudo/selector block (":hover", "@dark", etc.) \u2014 that is never a valid CSS selector fragment. The rule is DROPPED (not shipped as a dead/never-matching selector). To reveal a child on a parent state, target the child's OWN class from the parent selector instead, e.g. move the declaration onto the child element itself, or use a sibling-selector combinator in a top-level style block.`))}function rt(t,s,o,n){const e={},c=new Set,a=(r,i,h)=>{const g=h?new Set(Object.keys(e)):null;if(S.CSS_PROPS_REGISTRY[r]){const f=S.CSS_PROPS_REGISTRY[r](i,s,s.state,s.context);if(f){const d=Array.isArray(f)?f:[f];for(const p of d)p&&Object.assign(e,p)}}else e[r]=i;if(h)for(const f in e)g.has(f)||c.add(f)};for(const r in t){if(!Object.prototype.hasOwnProperty.call(t,r))continue;let i=t[r];if(typeof i=="function"&&(i=i(s,s.state,s.context)),i==null||typeof i=="function")continue;if(typeof i=="object"&&!Array.isArray(i)){if(r==="style"){for(const p in i){let u=i[p];if(typeof u=="function"&&(u=u(s,s.state,s.context)),u==null||typeof u=="function")continue;const y=typeof s[p]=="function"&&(S.CSS_PROPS_REGISTRY[p]||S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(p))||!!(n&&n.has(p));a(p,u,y)}continue}if(Ht(r,s)){const p=rt(i,s,!1,n);Object.keys(p).length&&(e[`[data-theme="${r.slice(1)}"] &`]=p);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(r)){(0,tt.isLoudDevRuntime)()&&vs(r,s);continue}const f=Vt(r,s),d=rt(i,s,!1,n);Object.keys(d).length&&(e[f]=d);continue}const h=typeof s[r]=="function"&&(S.CSS_PROPS_REGISTRY[r]||S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(r)),g=!!(n&&n.has(r));a(r,i,h||g)}if(o)for(const r in e)c.add(r);for(const r of c){const i=e[r];typeof i=="string"&&!i.includes("!important")&&(e[r]=i+" !important")}return e}const Pt=t=>!!t&&typeof t=="object"&&!Array.isArray(t);function wo(t,s){for(const o in s){const n=s[o];t[o]=Pt(n)?wo(Pt(t[o])?t[o]:{},n):n}return t}function ks(t,s){if(!Pt(s))return;let o;for(const n of t.split(" ")){const e=n?s[n]:null;Pt(e)&&(o=wo(o||{},e))}return o}function Kt(t,s){if(s===void 0&&(s=0),s>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&Kt(t[o],s+1))return!0}return!1}function Co(t,s,o){if(!s||typeof s!="object"||Array.isArray(s))return null;if(Ht(t,o)){const c=rt(s,o,!1);return Object.keys(c).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:c}:null}const n=Vt(t,o),e=rt(s,o,!1);return Object.keys(e).length?{cssProp:n,block:e}:null}function js(t){const s=t.__ref;for(const o of Object.keys(t)){if(!It(o))continue;const n=t[o];if(!n||typeof n!="object"||Array.isArray(n)||!Kt(n))continue;let e=null,c;const a=(0,k.createEffect)(()=>{if(!t.node)return;const r=t.context?.designSystem;r&&(0,j.pushConfig)(r);let i,h=!1;try{const g=Co(o,n,t),f=g?vt(g.block)+"::"+g.cssProp:null;if(f!==null&&f===c)h=!0;else if(c=f,g){const d=(0,Z.css)({[g.cssProp]:g.block},null,t.context?.cssPrefix);i=d?d.split(" ").filter(Boolean):null}else i=null}finally{r&&(0,j.popConfig)()}if(!(h||!t.node.classList)){if(e)for(const g of e)t.node.classList.remove(g);if(i&&i.length)for(const g of i)t.node.classList.add(g);e=i}},{depth:s.path.length,label:E(s,"cssBlock("+o+")")});s.__effects.push(a)}}function Es(t){const s=t.__ref;s.__conditionalRunners=[];const o=new Map;for(const n of Object.keys(t)){const e=n.charAt(0);if(e!=="."&&e!=="!")continue;const c=n.slice(1);if(!c)continue;if(/[:@\s>~+[\]]/.test(c)){if(typeof console<"u"&&console.warn){const u=c.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${e}\` is read as one prop name. Nest the selector inside instead: \`${e}${u}: { '${c.slice(u.length)}': {...} }\`.`)}continue}const a=t[n];if(!a||typeof a!="object")continue;const r=e==="!",i={lastMatch:!1,appliedKeys:null,appliedClasses:null},h=new Set;for(const u in a){if(!Object.prototype.hasOwnProperty.call(a,u))continue;const y=u.charAt(0),_=a[u];(y===":"||y==="@"||y==="&"||y==="[")&&_&&typeof _=="object"&&!Array.isArray(_)||h.add(u)}const g=()=>{let u;const y=t[c];if(y===void 0){const b=!!t.state&&c in t.state,A=t.state?t.state[c]:void 0;if(b||A!==void 0)u=A;else{const w=t.context?.cases?.[c];if(w===void 0)return;try{u=typeof w=="function"?w.call(t,t):w}catch(x){u=!1,s.__conditionalError=x,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,x?.message||x)}}}else if(typeof y=="function")try{u=y(t,t.state,t.context)}catch(b){u=!1,s.__conditionalError=b,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,b?.message||b)}else u=y;const _=r?!u:!!u;if(!t.node||_===i.lastMatch)return;i.lastMatch=_;const l=t.context?.designSystem;l&&(0,j.pushConfig)(l);try{if(_){const b={},A={};let w=!1;for(const C in a){if(!Object.prototype.hasOwnProperty.call(a,C))continue;const L=a[C],U=C.charAt(0);if((U===":"||U==="@"||U==="&"||U==="[")&&L&&typeof L=="object"&&!Array.isArray(L)){if(Ht(C,t)){const O=rt(L,t,!1,h);Object.keys(O).length&&(A[`[data-theme="${C.slice(1)}"] &`]=O,w=!0)}else{const O=Vt(C,t),X=rt(L,t,!1,h);Object.keys(X).length&&(A[O]=X,w=!0)}continue}const F=typeof L=="function"?L(t,t.state,t.context):L;if(F!=null)if(S.CSS_PROPS_REGISTRY[C]){const O=S.CSS_PROPS_REGISTRY[C](F,t,t.state,t.context);if(O){const X=Array.isArray(O)?O:[O];for(const bt of X)bt&&Object.assign(b,bt)}}else(S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(C)||Tt(C))&&(b[C]=F)}const x=Object.keys(b);if(x.length){m(t.node,b);for(const C of x)o.set(C,n);i.appliedKeys=x}else i.appliedKeys=null;if(w){const C=(0,Z.css)(A,null,t.context?.cssPrefix,{state:!0}),L=C?C.split(" ").filter(Boolean):[];if(L.length&&t.node.classList){for(const U of L)t.node.classList.add(U);i.appliedClasses=L}else i.appliedClasses=null}else if(i.appliedClasses){for(const C of i.appliedClasses)t.node.classList.remove(C);i.appliedClasses=null}}else{if(i.appliedKeys){for(const b of i.appliedKeys)o.get(b)===n&&(Tt(b)?t.node.style.removeProperty(b):t.node.style[b]="",o.delete(b));i.appliedKeys=null}if(i.appliedClasses){for(const b of i.appliedClasses)t.node.classList.remove(b);i.appliedClasses=null}}}finally{l&&(0,j.popConfig)()}};s.__conditionalRunners.push(g);const f=R(t,t[c+"Deps"],g),d=(0,k.createEffect)(f,{depth:s.path.length,label:E(s,"conditional("+n+")")}),p=s.__exec&&s.__exec[c]||t[c];d._sources.size===0&&typeof p=="function"&&(0,tt.isLoudDevRuntime)()&&console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} subscribed to nothing \u2014 its predicate tracked no reactive read on its first run, so no state write will ever re-evaluate it (only a direct element.update() on this element re-runs it). If the predicate guards its state reads (\`in\`, short-circuits, \`?.\`), declare \`${c}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),s.__effects.push(d)}}const Wt=new WeakSet;function Ts(t){const s=t.ownerDocument;!s||Wt.has(s)||(Wt.add(s),queueMicrotask(()=>{Wt.delete(s);const o=s.body||s.documentElement;o&&o.offsetWidth}))}const zt=new WeakSet;let So=!1;function vo(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function Yt(t,s){const o={...t};for(const n in s){const e=s[n],c=o[n];o[n]=e&&typeof e=="object"&&c&&typeof c=="object"?Yt(c,e):e}return o}function ko(t,s){const o={};for(const n in t){const e=t[n];if(e&&typeof e=="object"){const c=ko(e,s);Object.keys(c).length&&(o[n]=c)}else s.has(n)||(o[n]=e)}return o}function jo(t){const{node:s}=t;if(!s)return;if(So||(So=!0,(0,Z.css)({display:"none"})),zt.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}zt.add(t);const o=t.context?.designSystem;o&&(0,j.pushConfig)(o),(0,S.pushStaticCssPass)();try{const n={};let e=!1,c=[],a=null,r=null,i=null;const h=(u,y)=>{if(y&&typeof y=="object"&&vo(u)){r||(r={});const _=r[u];_&&(y=Yt(_,y)),r[u]=y}else(y===null||typeof y!="object")&&(i||(i=new Set),i.add(u));n[u]=y};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&S.CSS_PROPS_REGISTRY.theme){const u=S.CSS_PROPS_REGISTRY.theme(t.theme,t,t.state,t.context);if(u){const y=_=>{for(const l in _){const b=_[l];b&&typeof b=="object"&&vo(l)&&(a||(a={}),a[l]=b),n[l]=b}};if(Array.isArray(u))for(const _ of u)_&&y(_);else y(u);e=!0}}const g=(u,y)=>{if(S.CSS_PROPS_REGISTRY[u]){const _=S.CSS_PROPS_REGISTRY[u](y,t,t.state,t.context);if(_){if(Array.isArray(_)){for(const l of _)if(l)for(const b in l)h(b,l[b])}else for(const l in _)h(l,_[l]);e=!0}}else if(S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(u))y!=null&&typeof y!="object"&&(h(u,y),e=!0);else if(u.charCodeAt(0)===45)y!=null&&typeof y!="object"&&(h(u,y),e=!0);else if((u.charAt(0)==="&"||u.charAt(0)==="@"||u.charAt(0)===":"||u.charAt(0)==="[")&&y&&typeof y=="object"&&!Array.isArray(y)){if(Kt(y))return;const _=Co(u,y,t);_&&(h(_.cssProp,_.block),e=!0)}};if(typeof t.class=="string"){const u=ks(t.class,t.context?.designSystem?.class);if(u)for(const y in u)g(y,u[y])}const f=i?new Set(i):null,d=t.tag||"div";for(const u of Object.keys(t)){if(typeof t[u]=="function"||G.REGISTRY.has(u)||u==="theme")continue;const y=u.charCodeAt(0);y>=65&&y<=90||Y(u)||(0,Q.isAttributeFirst)(d,u)||g(u,t[u])}if(a)for(const u in a){let y=i?ko(a[u],i):a[u];r&&r[u]&&(y=Yt(y,r[u])),Object.keys(y).length?n[u]=y:delete n[u]}if(As(t,n,i,f),e){n.display&&String(n.display).includes("!important")&&(s.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const u=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;typeof u=="string"&&u!==""&&n.display&&n.display!==u&&(n.display=u);const y=(0,Z.css)(n,null,t.context?.cssPrefix);if(c=y?y.split(" ").filter(Boolean):[],y&&s.classList){const _=c;let l=!1;for(const b of _)s.classList.add(b),l||(b.charCodeAt(0)===95&&b.charCodeAt(1)===99||b.charCodeAt(0)===95&&b.indexOf("_c",1)!==-1)&&(l=!0);l&&Ts(s)}}const p=t.__ref;if(p){const u=p.__staticCssClasses;if(u&&s.classList){const y=new Set(c);for(const _ of u)y.has(_)||s.classList.remove(_)}p.__staticCssClasses=c}xs(t)}finally{(0,S.popStaticCssPass)(),o&&(0,j.popConfig)(),zt.delete(t)}}const Ps=t=>!!S.CSS_PROPS_REGISTRY[t]||!!(S.DEFAULT_CSS_PROPERTIES_LIST&&S.DEFAULT_CSS_PROPERTIES_LIST.has(t))||typeof t=="string"&&t.charCodeAt(0)===45;function Ls(t){t&&t.node&&jo(t)}function Eo(t){const{node:s}=t;if(!s||!s.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const c=t.aria[e];if(typeof c=="function"||typeof c=="object"||c==null||typeof c=="string"&&c.includes("{{"))continue;const a="aria-"+e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase());s.setAttribute(a,(0,v.serializeAttrValue)(a,c))}const o=(0,v.applyAttrTransforms)(t);for(const e in o){const c=o[e];c!=null&&c!==!1&&typeof c!="function"&&typeof c!="object"&&s.setAttribute(e,c===!0?"":c)}const n=t.tag||"div";for(const e of Object.keys(t)){if(typeof t[e]=="function"||G.REGISTRY.has(e)||e==="on"||o[e]!==void 0)continue;const c=e.charCodeAt(0);if(!(c>=65&&c<=90)&&!Y(e)&&!(0,Q.isCssProp)(n,e)&&(0,v.checkAttributeByTagName)(n,e)){let a=t[e];if(a==null)continue;if(typeof a=="string"&&a.includes("{{")){if(!v.ATTR_TRANSFORMS[e])continue;a=D.replaceLiteralsWithObjectFields.call(t,a,t.state)}if(a==null||typeof a=="function"||typeof a=="object"||a===!1&&!(0,v.isEnumeratedTrueFalseAttr)((0,v.camelToAttr)(e)||e))continue;const r=(0,v.camelToAttr)(e)||e;s.setAttribute(r,(0,v.serializeAttrValue)(r,a))}}}function Os(t,s){const{node:o}=t;if(!o||!o.setAttribute)return;const n=s.charCodeAt(0);if(n>=65&&n<=90||Y(s))return;const e=t.tag||"div";if((0,Q.isCssProp)(e,s)||!(0,v.checkAttributeByTagName)(e,s))return;const c=(0,v.camelToAttr)(s)||s,a=c.toLowerCase(),r=t.__ref&&t.__ref.__effects;let i=!1;if(r)for(let f=0;f<r.length;f++){const d=r[f];d&&d._attrName===a&&!d._disposed&&typeof d._execute=="function"&&(i=!0,d._execute())}if(i)return;let h=t[s];const g=v.ATTR_TRANSFORMS[s];if(g&&h!=null){const f=g(t);f!==void 0&&(h=f)}typeof h=="string"&&h.includes("{{")&&(h=D.replaceLiteralsWithObjectFields.call(t,h,t.state)),h==null||h===!1&&!(0,v.isEnumeratedTrueFalseAttr)(c)?o.removeAttribute(c):typeof h!="function"&&typeof h!="object"&&o.setAttribute(c,(0,v.serializeAttrValue)(c,h))}function Ds(t,s){const o=t.node,n=t.__ref;let e=n.__autoGrow;if(!s){if(e&&e.active){try{o.removeEventListener("input",e.resize)}catch{}Po(e),J.delete(t),o.style.height="",e.appliedMax!=null&&o.style.maxHeight===e.appliedMax&&(o.style.maxHeight=""),Lo(o,e,!1),e.active=!1,e.appliedMax=null,e.lastMeasure=0}return}e||(e=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,lastWidth:null,watch:null,awaitingLayout:!1,appliedScroll:!1,fontsHooked:!1,attachAttempts:0,firstAttemptAt:null,resize:()=>{if(!o.isConnected){ht(t,!0);return}if(!(o.scrollHeight>0)){e.awaitingLayout=!0,To(t,e);return}e.awaitingLayout=!1;const a=o.style.height;o.style.height="0px";const r=o.scrollHeight;if(!(r>0)){o.style.height=a;return}const i=Ns(o),h=i!=null&&r>i;o.style.height=(h?i:r)+"px",Lo(o,e,h),e.lastMeasure=r,e.lastWidth=o.clientWidth,To(t,e)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{o.removeEventListener("input",e.resize)}catch{}Po(e),J.delete(t)})),e.active||(o.addEventListener("input",e.resize),e.active=!0,Ms(t,e));const c=typeof s=="object"&&s.max!=null?String(s.max):null;c!==e.appliedMax&&(c==null?e.appliedMax!=null&&o.style.maxHeight===e.appliedMax&&(o.style.maxHeight=""):o.style.maxHeight=c,e.appliedMax=c),e.resize()}function ht(t,s){const o=t.__ref?.__autoGrow;o&&(s&&(o.attachAttempts=0,o.firstAttemptAt=null),J.add(t),Ct())}function Rs(){const t=Array.from(J);J.clear();for(let s=0;s<t.length;s++){const o=t[s],n=o.node,e=o.__ref?.__autoGrow;if(!(!n||!e||!e.active)){if(!n.isConnected){e.firstAttemptAt==null&&(e.firstAttemptAt=nt()),e.attachAttempts+=1,e.attachAttempts<=so&&nt()-e.firstAttemptAt<eo&&(J.add(o),Ct());continue}e.attachAttempts=0,e.firstAttemptAt=null,e.resize()}}}function To(t,s){if(s.watch)return;const o=t.node;if(!o)return;const n=o.ownerDocument&&o.ownerDocument.defaultView,e=n&&n.ResizeObserver||(typeof ResizeObserver=="function"?ResizeObserver:null);if(typeof e!="function")return;const c=()=>{if(!s.active||!o.isConnected||!(o.scrollHeight>0))return;if(s.awaitingLayout){s.awaitingLayout=!1,ht(t,!0);return}const r=o.clientWidth;s.lastWidth!=null&&Math.abs(r-s.lastWidth)<.5||(s.lastWidth=r,ht(t,!0))};let a;try{a=new e(c),a.observe(o)}catch{return}s.watch=a}function Po(t){const s=t.watch;if(s){t.watch=null;try{s.disconnect()}catch{}}}function Ms(t,s){if(s.fontsHooked)return;s.fontsHooked=!0;const o=t.node&&t.node.ownerDocument,n=o&&o.fonts&&o.fonts.ready;!n||typeof n.then!="function"||n.then(()=>{s.active&&t.node&&ht(t,!0)},()=>{})}function Ns(t){const s=t.ownerDocument&&t.ownerDocument.defaultView;let o;try{o=s&&s.getComputedStyle?s.getComputedStyle(t):null}catch{o=null}if(!o)return null;const n=g=>typeof g=="string"&&/^\s*-?\d*\.?\d+px\s*$/.test(g)?parseFloat(g):null,e=n(o.maxHeight);if(e==null||!(e>0))return null;const c=(n(o.paddingTop)||0)+(n(o.paddingBottom)||0),a=(n(o.borderTopWidth)||0)+(n(o.borderBottomWidth)||0),r=o.boxSizing==="border-box"?e-a:e+c,i=n(o.lineHeight);if(!(i>0))return r;const h=Math.floor((r-c)/i+1e-6);return h>=1?h*i+c:r}function Lo(t,s,o){o?s.appliedScroll||(t.style.overflowY="auto",s.appliedScroll=!0):s.appliedScroll&&(t.style.overflowY==="auto"&&(t.style.overflowY=""),s.appliedScroll=!1)}const Oo=["srcObject","muted"],Fs=(t,s)=>t==="muted"?s===!0||s===""||s==="true"||s==="muted":s??null;function $s(t){const s=t.node,o=t.__ref;if(!(!s||!o))for(let n=0;n<Oo.length;n++){const e=Oo[n],c=t[e];if(c===void 0||!(e in s))continue;const a=r=>{const i=Fs(e,r);if(s[e]!==i)try{s[e]=i}catch(h){M(o,e,h)}};if(typeof c=="function"){const r=R(t,t[e+"Deps"],c),i=(0,k.createEffect)(()=>{try{a(r(t,t.state,t.context))}catch(h){M(o,e,h)}},{depth:o.path.length,label:E(o,e)});o.__effects.push(i),o.__exec[e]=c}else a(c);e==="srcObject"&&(o.__releaseMedia=()=>{try{s.srcObject!=null&&(s.srcObject=null)}catch{}})}}function Do(t){if(!t.autoGrow)return;const s=t.node;if(!s||s.tagName!=="TEXTAREA")return;const o=t.__ref,n=t.autoGrow,e=typeof n=="function"?R(t,t.autoGrowDeps,n):null,c=(0,k.createEffect)(()=>{const a=t.autoGrow;let r=a;if(typeof a=="function")try{r=(a===n&&e?e:a)(t,t.state,t.context)}catch{r=null}Ds(t,r)},{depth:o.path.length,label:E(o,"autoGrow")});o.__effects||(o.__effects=[]),o.__effects.push(c),e&&(o.__exec.autoGrow=n)}const Ro=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Mo(t,s){for(const o of Object.keys(t)){if(!Y(o)||Ro.has(o))continue;const n=(0,ct.globalEventKeyInfo)(o);if(n){(0,ct.registerGlobalEvent)(n,t,t[o]);continue}let e=t[o];if(typeof e=="string"&&/^[A-Za-z_$][\w$]*$/.test(e)){const a=e;e=function(i){return t.call(a,i)}}if(typeof e!="function")continue;const c=es(o);G.LIFECYCLE_EVENTS.has(c)||(0,ct.registerEvent)(ns(c),t,e)}Is(t)}function Is(t){const s=t.node;if(!s||!s.addEventListener)return;const o={};let n=!1;for(const d of Ro){const p=t[d];typeof p=="function"&&(o[d]=p,n=!0)}if(!n)return;const e=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,c=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let a=0,r=0,i=0,h=!1;const g=d=>{const p=d.touches&&d.touches[0]||d.changedTouches&&d.changedTouches[0];p&&(a=p.clientX,r=p.clientY,i=Date.now(),h=!0)},f=d=>{if(!h)return;h=!1;const p=d.changedTouches&&d.changedTouches[0]||d.touches&&d.touches[0];if(!p)return;const u=p.clientX-a,y=p.clientY-r,_=Date.now()-i;if(_>c)return;const l=Math.abs(u),b=Math.abs(y);if(Math.max(l,b)<e)return;let A;if(l>b*1.2)A=u<0?"left":"right";else if(b>l*1.2)A=y<0?"up":"down";else return;const w="onSwipe"+A.charAt(0).toUpperCase()+A.slice(1),x=o[w],C=o.onSwipe;x&&x.call(t,d,t,t.state,t.context),C&&C.call(t,{direction:A,dx:u,dy:y,dt:_,event:d},t,t.state,t.context)};s.addEventListener("touchstart",g,{passive:!0}),s.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{s.removeEventListener("touchstart",g)}catch{}try{s.removeEventListener("touchend",f)}catch{}})}function yt(t,s){const o={...t};for(const n in s){const e=o[n],c=s[n];e&&c&&typeof e=="object"&&typeof c=="object"&&!Array.isArray(e)&&!Array.isArray(c)&&typeof e!="function"&&typeof c!="function"?o[n]=yt(e,c):o[n]=c}return o}function qt(t,s,o,n){if(!s||!t.node)return;const e=t.childExtends;if(Array.isArray(s)){const c=t.tag==="fragment",a=t.context?.document||globalThis.document,r=c?null:a?.createDocumentFragment();if(!c&&!r)return;const i=t.childProps,h=t.childrenAs,g=_=>{let l=s[_];const b=l;(typeof l=="string"||typeof l=="number")&&(l={text:l});let A=i;if(typeof i=="function")try{A=i(t,l)}catch{A=null}if(h==="state"){let x=b;(typeof b=="string"||typeof b=="number")&&(x={value:b,text:b}),l=A?{...A,state:x}:{state:x}}else A&&(l=yt(A,l));if(e&&!l.ignoreChildExtends)if(l.extends){const x=Array.isArray(l.extends)?l.extends:[l.extends],C=Array.isArray(e)?e:[e];l={...l,extends:[...C,...x]}}else l={...l,extends:e};const w=ro(l?.key,b,_);try{return q(l,t,w,o)}catch(x){if(typeof console<"u"&&console.error){const C=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${w}" failed to construct at ${C} (initial render, skipping this row):`,x?.message||x)}return null}},f=t.__ref;if(!(n===!0&&!c&&!!f&&(o?.mountYield===!0||t.yieldChildren===!0))){for(let _=0;_<s.length;_++){const l=g(_);!c&&l?.node&&r.appendChild(l.node)}return c||t.node.appendChild(r),!0}const p=f.__childrenChunkGen=(f.__childrenChunkGen||0)+1;(0,H.openMountBudget)();let u=null;const y=_=>{if(f.__disposed||f.__childrenChunkGen!==p){u&&u.parentNode&&u.remove();return}for(let l=_;l<s.length;l++){const b=g(l);if(b?.node&&(u?t.node.insertBefore(b.node,u):r.appendChild(b.node)),l+1<s.length&&(0,H.mountBudgetExhausted)()){u||(u=a.createComment("smbls-mount"),r.appendChild(u),t.node.appendChild(r));const A=l+1;(0,H.enqueueMountWork)(()=>y(A));return}}u?(u.remove(),t.node.tagName==="SELECT"&&Lt(t,!0)):t.node.appendChild(r)};return y(0),(0,H.closeMountBudget)(),!0}if(typeof s=="string"){const c=io(s,t);if(Array.isArray(c))return qt(t,c,o,n)}if(typeof s=="object")for(const c in s){if(G.REGISTRY.has(c))continue;let a=s[c];if(!(a==null||a===!1)){if((typeof a=="string"||typeof a=="number")&&(a={text:a}),t.childProps&&(a=yt(t.childProps,a)),e&&!a.ignoreChildExtends)if(a.extends){const r=Array.isArray(a.extends)?a.extends:[a.extends],i=Array.isArray(e)?e:[e];a={...a,extends:[...i,...r]}}else a={...a,extends:e};q(a,t,c,o)}}}function Lt(t,s){const o=t.node;if(!o||o.tagName!=="SELECT")return;const n=o.options;if(!n||!n.length)return;const e=t.__ref,c=e&&e.__exec&&e.__exec.value,a=typeof c=="function",r=t.value!=null&&typeof t.value!="function";if(a||r){let g;if(a)try{g=c(t,t.state,t.context)}catch{return}else g=t.value,typeof g=="string"&&g.includes("{{")&&(g=D.replaceLiteralsWithObjectFields.call(t,g,t.state));const f=g==null?"":String(g);o.value!==f&&(o.value=f);return}const i=s||!(e&&e.__selectSynced);if(e&&(e.__selectSynced=!0),!i)return;let h=-1;for(let g=0;g<n.length;g++)n[g].defaultSelected&&(h=g);h>=0&&o.selectedIndex!==h&&(o.selectedIndex=h)}function No(t,s){let{children:o,content:n}=t;const e=t.childExtends;if(typeof o=="function"){const f=o;try{o=f(t,t.state,t.context)}catch(_){if(o=void 0,typeof console<"u"&&console.error){const l=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${l} (initial run, treating as empty):`,_?.message||_)}}t.children=o;const d=t.__ref;let p=!1;const u=R(t,t.childrenDeps,f),y=(0,k.createEffect)(()=>{const _=p;p=!0;let l;try{l=u(t,t.state,t.context)}catch(F){if(typeof console<"u"&&console.error){const O=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${O}${_?"":" (initial tracking run)"}:`,F?.message||F)}return}if(!_||l===t.children)return;t.children=l,d.__childrenChunkGen!=null&&d.__childrenChunkGen++;const b=typeof t.onContentUpdate=="function",A=b?[]:null,w=b?[]:null,x=b?[]:null;if(Array.isArray(l)&&t.childrenAs==="state"){const F=t.childProps,O=[],X=new Map;for(let T=0;T<l.length;T++){const V=l[T];let P=F;if(typeof F=="function")try{P=F(t,V)}catch{P=null}const z=ro(P&&P.key,V,T);O.push(z),X.set(z,{rawChild:V,childProps:P})}const bt=new Set(O),Ho=d.__children.slice();for(const T of Ho)if(!bt.has(T)){const V=t[T];V?.remove&&V.remove(),delete t[T],w&&w.push(T)}const ft=t.childExtends,At=t.tag==="fragment",Vo=t.context?.document||globalThis.document,at=At?null:Vo?.createDocumentFragment(),Rt=new Set;for(const T of O){const V=X.get(T),P=V.rawChild,z=t[T];if(z&&z.state){if(P&&typeof P=="object"){const $=z.state,st=$.$replace||$.replace,Xt=$.$update||$.update;try{if(typeof st=="function")st.call($,P);else if(typeof Xt=="function"){for(const B in $)if(!(B==="__element"||B==="root"||B==="parent"||B==="update")&&!Object.prototype.hasOwnProperty.call(P,B))try{$[B]=void 0}catch{}Xt.call($,P)}else for(const B in P)$[B]=P[B]}catch(B){if(typeof console<"u"&&console.error){const Ko=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${T}" failed to patch at ${Ko} (reconcile, keeping its previous data for this pass):`,B?.message||B)}}}x&&x.push(T);continue}let Mt=P;(typeof P=="string"||typeof P=="number")&&(Mt={value:P,text:P});const Qt=V.childProps;let K=Qt?{...Qt,state:Mt}:{state:Mt};if(ft&&!K.ignoreChildExtends)if(K.extends){const $=Array.isArray(K.extends)?K.extends:[K.extends],st=Array.isArray(ft)?ft:[ft];K={...K,extends:[...st,...$]}}else K={...K,extends:ft};let Nt;try{Nt=q(K,t,T,s)}catch($){if(typeof console<"u"&&console.error){const st=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${T}" failed to construct at ${st} (reconcile, skipping this row):`,$?.message||$)}Rt.add(T);continue}!At&&Nt?.node&&at&&at.appendChild(Nt.node),A&&A.push(T)}if(!At&&at&&at.childNodes.length&&t.node&&t.node.appendChild(at),!At&&t.node){let T=null;for(const V of O){const P=t[V]?.node;if(!P)continue;const z=T?T.nextSibling:t.node.firstChild;P!==z&&t.node.insertBefore(P,z),T=P}}d.__children=Rt.size?O.filter(T=>!Rt.has(T)):O,b&&(A.length||w.length)&&no(t,{added:A,removed:w,kept:x}),Lt(t,!1);return}const U=b?[...d.__children]:null;for(const F of[...d.__children]){const O=t[F];O?.remove&&O.remove(),delete t[F]}d.__children=[],qt(t,l,s),Lt(t,!1),b&&no(t,{added:[...d.__children],removed:U,kept:[]})},{depth:d.path.length,label:E(d,"children")});d.__effects.push(y)}const c=qt(t,o,s,!0);if(n!=null&&!(n&&n.__ref)){let f=n;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=yt(t.childProps,f)),e&&!f.ignoreChildExtends)if(f.extends){const d=Array.isArray(f.extends)?f.extends:[f.extends],p=Array.isArray(e)?e:[e];f={...f,extends:[...p,...d]}}else f={...f,extends:e};q(f,t,"content",s)}if(o&&!c)return;const a=t.context?.components||{};{const f=Object.keys(t);for(let d=0;d<f.length;d++){const p=f[d];if(!p.endsWith("Extends")||typeof t[p]!="string")continue;const u=p.slice(0,-7);if(!u||u.charCodeAt(0)<65||u.charCodeAt(0)>90)continue;const y={extends:t[p]};delete t[p];for(let _=d+1;_<f.length;_++){const l=f[_],b=l.charCodeAt(0);if(b>=65&&b<=90||G.REGISTRY.has(l)||typeof t[l]=="function"&&(l.startsWith("on")||l.startsWith(".")))break;const A=t[l];A!==void 0&&(y[l]=A,delete t[l])}t[u]&&typeof t[u]=="object"?t[u]={...y,...t[u]}:t[u]=y}}const r=s?.mountYield===!0||t.yieldChildren===!0,i=Object.keys(t),h=f=>{if(G.REGISTRY.has(f)||typeof t[f]!="object"||t[f]===null)return;const d=f.charCodeAt(0);if(d<65||d>90)return;let p=t[f];if(!p.__ref){if(!p.extends&&!p.extend){const u=a[f]||a[`smbls.${f}`];u&&(p={...p,extends:u})}if(t.childProps&&(p=yt(t.childProps,p)),e&&!p.ignoreChildExtends)if(p.extends){const u=Array.isArray(p.extends)?p.extends:[p.extends],y=Array.isArray(e)?e:[e];p={...p,extends:[...y,...u]}}else p={...p,extends:e};q(p,t,f,s)}};if(!r){for(const f of i)h(f);return}(0,H.openMountBudget)();const g=f=>{for(let d=f;d<i.length;d++)if(h(i[d]),d+1<i.length&&(0,H.mountBudgetExhausted)()){const p=d+1;(0,H.enqueueMountWork)(()=>g(p));return}};g(0),(0,H.closeMountBudget)()}function Fo(t,s,o){const{node:n}=t;if(!n)return;n.ref=t;const e=s?.tag==="fragment"?s.__ref?.__fragmentAnchor:null;if(e){const a=e.parentNode;if(a){if(o?.position==="before"&&o.node)a.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const r=o.node.nextSibling;a.insertBefore(n,r||e)}else a.insertBefore(n,e);return}}const c=s?.node||(s?.nodeType?s:null);if(c)if(o?.position==="before"&&o.node)c.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const a=o.node.nextSibling;a?c.insertBefore(n,a):c.appendChild(n)}else c.appendChild(n)}const Dt=3;function Go(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=Dt?!1:(t.__inBeforeUpdate=!0,!0)}function gt(t,s){t&&(t.__inBeforeUpdate=!1,s?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===Dt&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${Dt}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function I(t,s,o){const n=t.charAt(0).toLowerCase()+t.slice(1);s.context?.plugins?.length&&(0,W.runPluginHook)(n,s,o);const e="on"+t,c=s[e];if(typeof c=="function"){const i=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(i){if(s.__ref[i])return!0;s.__ref[i]=!0}const h=s.context?.designSystem;h&&(0,j.pushConfig)(h);let g=!!i;try{const f=c(s,s.state,s.context,o);if(f&&typeof f.then=="function"){const d=s.__ref;return f.catch(p=>{s.context?.plugins?.length&&(0,W.runPluginHook)("error",s,{hook:e,error:p})||console.error(`[DOMQL] Lifecycle "${e}" error:`,p)}).finally(()=>{i&&d&&(d[i]=!1)}),g=!1,!0}if(f===!1)return!1}catch(f){if(s.context?.plugins?.length&&(0,W.runPluginHook)("error",s,{hook:e,error:f})||console.error(`[DOMQL] Lifecycle "${e}" error:`,f),s.context?.strictMode)throw f}finally{h&&(0,j.popConfig)(),g&&s.__ref&&(s.__ref[i]=!1)}}return!0}var Us=q;
|
|
4
|
+
`):"")}}if(Ft(e,!0),Yo(e,s,r),typeof e.html=="function"&&e.node&&!e.node.innerHTML){const _=e.context?.designSystem;_&&(0,E.pushConfig)(_);try{const b=e.html(e,e.state,e.context);b!=null&&typeof b!="function"&&(e.node.innerHTML=b)}catch{}finally{_&&(0,E.popConfig)()}}if($("Create",e,n),$("Complete",e,n),$("Render",e,n),$("RenderRouter",e,n),Kt(e,n),typeof e.onFrame=="function"){const _=e.onFrame,b=e.context?.designSystem,w=()=>{if(e.node){if(e.node.isConnected){b&&(0,E.pushConfig)(b);try{_(e,e.state,e.context)}catch(S){console.error("[DOMQL] onFrame error:",S)}finally{b&&(0,E.popConfig)()}}requestAnimationFrame(w)}};requestAnimationFrame(w)}return e}function bs(t,s,o){const n=!s,r=o.state&&typeof o.state=="object"&&!Array.isArray(o.state)&&Object.keys(o.state).length===0,i=n&&r&&t.context?.state,a=o.state!==void 0&&!i?o.state:t.state&&!(0,N.isStore)(t.state)?t.state:void 0;if(a==null){if(s?.state)t.state=s.state,(0,ut.applyStateMethods)(t,t.state);else if(t.context?.state){const f=t.context.state,e={...f},u=t.context?.polyglot;if(u?.translations){const h=t.context,p=f.lang||u.defaultLang||"en",y=new Set,g=(d,A)=>{y.has(d)||(0,D.isPolyglotWritableKey)(h,d,e)&&(e[d]=A,y.add(d),(0,D.markPolyglotSeeded)(h,d,A))},c=u.translations[p];if(c&&typeof c=="object")for(const d in c)g(d,c[d]);const l=new Set(u.languages||[]);for(const d in u.translations)l.has(d)||g(d,u.translations[d])}t.state=(0,N.isStore)(e)?e:(0,N.createStore)(e),t.state.__element=t,t.state.root=t.state,(0,ut.applyStateMethods)(t,t.state),Et.promoteActiveRootState?.(f,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),(0,ut.applyStateMethods)(t,t.state);return}if(typeof a=="string"){if(t.state=_o(a,s),t.state&&typeof t.state=="object"&&!(0,N.isStore)(t.state)){const f=s?.state?.root||s?.state||t.state;Object.defineProperty(t.state,"root",{value:f,enumerable:!1,configurable:!0,writable:!0})}(0,ut.applyStateMethods)(t,t.state);return}if(typeof a=="function"){const f=a(t,s?.state);t.state=(0,N.isStore)(f)?f:(0,N.createStore)(f||{})}else(0,N.isStore)(a)?t.state=a:t.state=(0,N.createStore)({...a});t.state.__element=t,s?.state?(t.state.parent=s.state,t.state.root=s.state.root||s.state):t.state.root=t.state,(0,ut.applyStateMethods)(t,t.state),Et.promoteActiveRootState?.(a,t.state)}function zt(t,s){if(!s)return t;const o=s.split("/");let n=t;for(const r of o){if(n==null)return{};n=n[r]}return n??{}}function _o(t,s){if(!s)return{};if(t===".")return s.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?zt(s.state,r):s.state??{}}if(t.startsWith("~/")){const r=s.state?.root||s.state,i=t.slice(2);return i?zt(r,i):r??{}}if(s.state?.[t]!==void 0)return s.state[t];const o=zt(s.state,t);if(o!=null&&Object.keys(o).length>0)return o;const n=s.context?.polyglot;if(n?.translations){const r=s.state?.root?.lang||n.defaultLang||"en",i=n.translations[r];if(i?.[t]!==void 0)return i[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const As=new Set(["s","state","ctx","context"]);function xs(t){try{const o=(typeof Et.getFunctionSource=="function"?Et.getFunctionSource(t):Function.prototype.toString.call(t)).match(/^[^(]*\(([^)]*)\)/);return o?o[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function ws(t){if(typeof t!="function"||t.length!==2)return!1;const s=xs(t);if(s.length<2)return!1;const o=s[1].replace(/[{}[\]]/g,"").trim();return o.length>0&&!As.has(o)}function Ss(t){const s=t.__ref,o=t.tag||"div",n=t.context?.designSystem,r=[],i=Object.keys(t);for(let a=0;a<i.length;a++){const f=i[a];if(typeof t[f]!="function"||U.REGISTRY.has(f))continue;const e=f.charCodeAt(0);e>=65&&e<=90||Z(f)||k.CSS_PROPS_REGISTRY[f]||k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(f)||(0,v.checkAttributeByTagName)(o,f)||((0,st.isLoudDevRuntime)()&&ws(t[f])&&console.warn(`[smbls] custom prop "${f}"${t.key?` on key "${t.key}"`:""} is a function \u2014 it will be auto-invoked on read and its RETURN VALUE stored, not preserved as a callable reference. If you meant to stash a callback, use el.call('${f}', \u2026) instead of reading el.${f}(\u2026) directly (see RULES.md Rule 8).`),r.push({prop:f,fn:t[f]}))}for(let a=0;a<r.length;a++){const{prop:f,fn:e}=r[a];s.__exec[f]=e,Object.defineProperty(t,f,{get(){n&&(0,E.pushConfig)(n);try{return e(t,t.state,t.context)}catch{return}finally{n&&(0,E.popConfig)()}},set(u){delete s.__exec[f],Object.defineProperty(t,f,{value:u,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Cs(t,s){if(!(!Array.isArray(s)||s.length===0))for(let o=0;o<s.length;o++){const n=s[o];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function R(t,s,o){return!Array.isArray(s)||s.length===0?o:function(...n){return Cs(t,s),o.apply(this,n)}}function gt(t,s){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[s]}function T(t,s){return()=>t.path.join(".")+"::"+s}const go=new Set;function M(t,s,o){if(!(0,st.isLoudDevRuntime)())return;const n=T(t,s)();go.has(n)||(go.add(n),console.warn(`[smbls] "${s}" effect threw on ${t.path.join(".")} \u2014 keeping previous value:`,o?.message||o))}const bo=/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,ks=(t,s)=>{let o;try{o=String(t)}catch{return}if(!o.includes("{{"))return;bo.lastIndex=0;let n;for(;(n=bo.exec(o))!==null;)n[2].includes("{{")&&s.add(n[2])},vs=(t,s)=>!Z(t)&&!(0,J.isCssProp)(s,t),Ao=(t,s,o,n,r)=>{if(typeof s=="string"){!r&&s.includes("{{")&&o.add(s);return}typeof s=="function"&&vs(t,n)&&ks(s,o)},Yt=new WeakMap,bt=(t,s)=>Object.prototype.hasOwnProperty.call(t,s),At=t=>{if(typeof t=="string"||typeof t=="number")return{text:t};if(!t||typeof t!="object"||Array.isArray(t))return null;const s=t.props;return s&&typeof s=="object"&&!Array.isArray(s)?ot(t,s):t},xt=(t,s)=>t&&s?ot(t,s):t||s||null,xo=(t,s)=>{const o=t.__ref&&t.__ref.__runtimeSource;return!!o&&bt(o,s)},ft=(t,s)=>xo(t,s)?At(t.__ref.__runtimeSource[s]):null,wt=(t,s)=>(s&&t&&typeof t=="object"&&Yt.set(t,s),t),js=t=>{if(!t||typeof t!="object")return;const s=Yt.get(t);return s&&Yt.delete(t),s},qt=(t,s,o)=>{if(typeof t=="string"){t.includes("{{")&&s.add(t);return}if(!(!t||typeof t!="object"||o.has(t))){if(o.add(t),Array.isArray(t)){for(let n=0;n<t.length;n++)qt(t[n],s,o);return}if(!t.__ref)for(const n of Object.keys(t)){if(n==="state")continue;const r=Object.getOwnPropertyDescriptor(t,n);r&&"value"in r&&qt(r.value,s,o)}}},Es=(t,s)=>{let o=null;for(const n of Object.keys(t)){if(U.REGISTRY.has(n)||s&&bt(s,n))continue;const r=Object.getOwnPropertyDescriptor(t,n),i=r&&r.value;if(!Array.isArray(i))continue;const a=new Set;qt(i,a,new Set),a.size&&(o||(o=new Map),o.set(i,a))}return o},wo=(t,s)=>{if(Array.isArray(s))for(let o=t;o;o=o.parent){const n=o.__ref&&o.__ref.__declaredArrays,r=n&&n.get(s);if(!r)continue;const i=t.__ref;i.__authoredTemplates||(i.__authoredTemplates=new Set);for(const a of r)i.__authoredTemplates.add(a);return}},Ts=["attr","aria","data","metadata"],Ps=t=>{if(Ts.includes(t))return!0;const s=t.charCodeAt(0);return s===46||s===33||s===64},Os=(t,s)=>{const o=new Set,n=t.tag||"div";for(const r of Object.keys(t)){const i=Object.getOwnPropertyDescriptor(t,r),a=i&&i.value,f=!!s&&bt(s,r);if(a&&typeof a=="object"&&!Array.isArray(a)){if(!Ps(r))continue;const e=f?s[r]:null,u=e&&typeof e=="object"?e:null;for(const h in a){const p=f&&(!u||bt(u,h));Ao(h,a[h],o,n,p)}continue}Ao(r,a,o,n,f)}return o};function So(t,s){const o=t.__ref,n=!!(s&&s.skipIfEffect),r=Os(t,o.__runtimeSource);if(o.__authoredTemplates)for(const e of r)o.__authoredTemplates.add(e);else o.__authoredTemplates=r;if(Ss(t),typeof t.text=="function"){const e=t.text,u=R(t,t.textDeps,e),h=(0,j.createEffect)(()=>{if(!o.contentManaged)try{let p=u(t,t.state,t.context);t.node&&p!=null&&typeof p!="function"&&typeof p!="object"&&(typeof p=="string"&&p.includes("{{")&&(p=D.replaceLiteralsWithObjectFields.call(t,p,t.state)),Ct(t,p))}catch(p){M(o,"text",p)}},{depth:o.path.length,label:T(o,"text")});o.__effects.push(h),o.__exec.text=e}else if(typeof t.text=="string"&&t.text.includes("{{")){const e=t.text,u=(0,j.createEffect)(()=>{if(o.contentManaged)return;const h=D.replaceLiteralsWithObjectFields.call(t,e,t.state);h!=null&&(t.text=h),t.node&&Ct(t,h??"")},{depth:o.path.length,label:T(o,"text")});o.__effects.push(u),o.__exec.text=e}const i=t.tag||"div";for(const e of Object.keys(t))if(typeof t[e]=="function"&&!U.REGISTRY.has(e)&&!Z(e)&&!o.__exec[e]&&!(0,J.isAttributeFirst)(i,e)){if(k.CSS_PROPS_REGISTRY[e]){const u=t[e],h=R(t,t[e+"Deps"],u),p=e;let y,g=null,c=null,l;const d=(0,j.createEffect)(()=>{const A=t.context?.designSystem;A&&(0,E.pushConfig)(A);try{const x=h(t,t.state,t.context);(0,k.pushStaticCssPass)();let _;try{_=k.CSS_PROPS_REGISTRY[p](x,t,t.state,t.context)}finally{(0,k.popStaticCssPass)()}if(Array.isArray(_)){const w={};for(const S of _)if(S)for(const C in S)w[C]=S[C];_=w}const b=p==="show"||p==="hide";if(_&&t.node&&Ls(_)){const w=Ot(_);if(w===null||w!==l){l=w;const S=(0,X.css)(_,null,t.context?.cssPrefix),C=S?S.split(" ").filter(Boolean):null;if(t.node.classList){if(c)for(const P of c)t.node.classList.remove(P);if(C&&C.length)for(const P of C)t.node.classList.add(P);c=C}}y=void 0,g=null}else if(_&&t.node){if(c){for(const S of c)t.node.classList.remove(S);c=null,l=void 0}const w=Ot(_);if(w===null||w!==y||!Rt(t.node,g)){y=w;const S=To(t,_);g=Lt(t.node,S)}}else t.node&&b&&(y=void 0,g=null,t.node.style.display="")}finally{A&&(0,E.popConfig)()}},{depth:o.path.length,label:T(o,p)});o.__effects.push(d),o.__exec[e]=u}else if(k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(e)){const u=t[e],h=R(t,t[e+"Deps"],u),p=e;let y,g=null;const c=(0,j.createEffect)(()=>{const l=t.context?.designSystem;l&&(0,E.pushConfig)(l);try{const d=h(t,t.state,t.context);if(t.node)if(d!=null){const A=p+":"+String(d);if(A!==y||!Rt(t.node,g)){y=A;const x={[p]:d},_=To(t,x);g=Lt(t.node,_)}}else y=void 0,g=null,t.node.style[p]=""}finally{l&&(0,E.popConfig)()}},{depth:o.path.length,label:T(o,p)});o.__effects.push(c),o.__exec[e]=u}}if(typeof t.html=="function"){const e=t.html,u=R(t,t.htmlDeps,e),h=(0,j.createEffect)(()=>{const p=t.context?.designSystem;p&&(0,E.pushConfig)(p);try{const y=u(t,t.state,t.context);t.node&&y!=null&&typeof y!="function"&&(t.node.innerHTML=y)}finally{p&&(0,E.popConfig)()}},{depth:o.path.length,label:T(o,"html")});o.__effects.push(h),o.__exec.html=e}if(typeof t.value=="function"){const e=t.value,u=R(t,t.valueDeps,e),h=(0,j.createEffect)(()=>{try{let p=u(t,t.state,t.context);typeof p=="string"&&p.includes("{{")&&(p=D.replaceLiteralsWithObjectFields.call(t,p,t.state)),vo(t,p)}catch(p){M(o,"value",p)}},{depth:o.path.length,label:T(o,"value")});o.__effects.push(h),o.__exec.value=e}else if(typeof t.value=="string"&&t.value.includes("{{")){const e=t.value,u=(0,j.createEffect)(()=>{try{vo(t,D.replaceLiteralsWithObjectFields.call(t,e,t.state))}catch(h){M(o,"value",h)}},{depth:o.path.length,label:T(o,"value")});o.__effects.push(u),o.__exec.value=e}if(typeof t.style=="function"){const e=t.style,u=R(t,t.styleDeps,e);let h,p=null;const y=(0,j.createEffect)(()=>{const g=u(t,t.state,t.context),c=Ot(g);(c===null||c!==h||!Rt(t.node,p))&&(h=c,Ds(t.node,p,g),tt(t.node,g),p=Lt(t.node,g))},{depth:o.path.length,label:T(o,"style")});o.__effects.push(y),o.__exec.style=e}else if(t.style&&typeof t.style=="object")for(const e in t.style){const u=t.style[e];if(typeof u!="function")continue;const h=R(t,gt(t.styleDeps,e),u);let p,y=null;const g=(0,j.createEffect)(()=>{try{const c=h(t,t.state,t.context);if(t.node){const l=e+":"+String(c);if(l!==p||!Rt(t.node,y)){p=l;const d={[e]:c};tt(t.node,d),y=Lt(t.node,d)}}}catch(c){M(o,"style."+e,c)}},{depth:o.path.length,label:T(o,"style."+e)});o.__effects.push(g)}if(t.attr&&typeof t.attr=="object"){for(const e in t.attr)if(typeof t.attr[e]=="function"){const u=R(t,gt(t.attrDeps,e),t.attr[e]),h=e,p=(0,j.createEffect)(()=>{try{let y=u(t,t.state,t.context);typeof y=="string"&&y.includes("{{")&&(y=D.replaceLiteralsWithObjectFields.call(t,y,t.state)),t.node?.setAttribute&&(y==null||y===!1&&!(0,v.isEnumeratedTrueFalseAttr)(h)?t.node.removeAttribute(h):typeof y!="function"&&typeof y!="object"&&t.node.setAttribute(h,(0,v.serializeAttrValue)(h,y)))}catch(y){M(o,"attr."+h,y)}},{depth:o.path.length,label:T(o,"attr."+h)});p._attrName=h.toLowerCase(),o.__effects.push(p)}else if(typeof t.attr[e]=="string"&&t.attr[e].includes("{{")){const u=t.attr[e],h=e,p=(0,j.createEffect)(()=>{try{const y=D.replaceLiteralsWithObjectFields.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(h,(0,v.serializeAttrValue)(h,y??""))}catch(y){M(o,"attr."+h,y)}},{depth:o.path.length,label:T(o,"attr."+h)});p._attrName=h.toLowerCase(),o.__effects.push(p)}}if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const u=t.aria[e];if(typeof u=="string"&&u.includes("{{")){const g=u,c="aria-"+e.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),l=(0,j.createEffect)(()=>{try{const d=D.replaceLiteralsWithObjectFields.call(t,g,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(c,(0,v.serializeAttrValue)(c,d??""))}catch(d){M(o,"aria."+e,d)}},{depth:o.path.length,label:T(o,"aria."+e)});l._attrName=c,o.__effects.push(l);continue}if(typeof u!="function")continue;const h=R(t,gt(t.ariaDeps,e),t.aria[e]),p="aria-"+e.replace(/[A-Z]/g,g=>"-"+g.toLowerCase()),y=(0,j.createEffect)(()=>{try{const g=h(t,t.state,t.context);if(!t.node?.setAttribute)return;g==null?t.node.removeAttribute(p):typeof g!="function"&&typeof g!="object"&&t.node.setAttribute(p,(0,v.serializeAttrValue)(p,g))}catch(g){M(o,"aria."+e,g)}},{depth:o.path.length,label:T(o,"aria."+e)});y._attrName=p,o.__effects.push(y)}if(t.data&&typeof t.data=="object")for(const e in t.data){const u=t.data[e];if(typeof u=="string"&&u.includes("{{")){const c=u,l="data-"+e.replace(/[A-Z]/g,A=>"-"+A.toLowerCase()),d=(0,j.createEffect)(()=>{try{const A=D.replaceLiteralsWithObjectFields.call(t,c,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(l,A??"")}catch(A){M(o,"data."+e,A)}},{depth:o.path.length,label:T(o,"data."+e)});d._attrName=l,o.__effects.push(d);continue}if(typeof u!="function")continue;const h=R(t,gt(t.dataDeps,e),t.data[e]),y="data-"+e.replace(/[A-Z]/g,c=>"-"+c.toLowerCase()),g=(0,j.createEffect)(()=>{try{const c=h(t,t.state,t.context);if(!t.node?.setAttribute)return;c==null||c===!1?t.node.removeAttribute(y):typeof c!="function"&&typeof c!="object"&&t.node.setAttribute(y,c===!0?"":c)}catch(c){M(o,"data."+e,c)}},{depth:o.path.length,label:T(o,"data."+e)});g._attrName=y,o.__effects.push(g)}const a=t.classlist&&typeof t.classlist=="object"&&!Array.isArray(t.classlist)?t.classlist:t.class&&typeof t.class=="object"&&!Array.isArray(t.class)?t.class:null;if(a)for(const e in a){if(typeof a[e]!="function")continue;const u=R(t,gt(t.classDeps,e),a[e]),h=(0,j.createEffect)(()=>{try{const p=u(t,t.state,t.context);if(!t.node?.classList)return;typeof p=="string"?t.node.classList.add(p):p?t.node.classList.add(e):t.node.classList.remove(e)}catch(p){M(o,"class."+e,p)}},{depth:o.path.length,label:T(o,"class."+e)});o.__effects.push(h)}!n&&typeof t.if=="function"&&ko(t,o,t.if);for(const e of Object.keys(t)){if(U.REGISTRY.has(e)||typeof t[e]!="function")continue;const u=e.charCodeAt(0);if(u>=65&&u<=90||Z(e))continue;const h=t[e];o.__exec[e]=h;const p=t.tag||"div";if((0,v.checkAttributeByTagName)(p,e)&&!(0,J.isCssProp)(p,e)){const y=(0,v.camelToAttr)(e)||e,g=R(t,t[e+"Deps"],h),c=(0,j.createEffect)(()=>{try{let l=g(t,t.state,t.context);typeof l=="string"&&l.includes("{{")&&(l=D.replaceLiteralsWithObjectFields.call(t,l,t.state)),t.node?.setAttribute&&(l==null||l===!1&&!(0,v.isEnumeratedTrueFalseAttr)(y)?t.node.removeAttribute(y):typeof l!="function"&&typeof l!="object"&&(y==="src"&&"src"in t.node?t.node.src=l:t.node.setAttribute(y,(0,v.serializeAttrValue)(y,l))))}catch(l){M(o,e,l)}},{depth:o.path.length,label:T(o,e)});c._attrName=y.toLowerCase(),o.__effects.push(c)}}const f=t.tag||"div";for(const e of Object.keys(t)){if(U.REGISTRY.has(e))continue;const u=t[e];if(typeof u!="string"||!u.includes("{{"))continue;const h=e.charCodeAt(0);if(h>=65&&h<=90||Z(e)||(0,J.isCssProp)(f,e)||v.ATTR_TRANSFORMS[e]||!(0,v.checkAttributeByTagName)(f,e))continue;const p=(0,v.camelToAttr)(e)||e,y=(0,j.createEffect)(()=>{try{const g=D.replaceLiteralsWithObjectFields.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(p,(0,v.serializeAttrValue)(p,g??""))}catch(g){M(o,e,g)}},{depth:o.path.length,label:T(o,e)});y._attrName=p.toLowerCase(),o.__effects.push(y)}if(Is(t),Gs(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const e=t.onStateUpdate,u=t.stateDeps;let h=!1,p=[];const y=(0,j.createEffect)(()=>{const g=[];for(let A=0;A<u.length;A++){const x=u[A];try{g[A]=typeof x=="function"?x(t,t.state,t.context):t.state?.[x]}catch{g[A]=void 0}}if(!h){h=!0,p=g;return}let c=g.length!==p.length;for(let A=0;!c&&A<g.length;A++)g[A]!==p[A]&&(c=!0);const l=p;if(p=g,!c)return;const d=t.context?.designSystem;d&&(0,E.pushConfig)(d);try{e(t,t.state,t.context,{prev:l,next:g})}catch(A){if(t.context?.plugins?.length&&(0,z.runPluginHook)("error",t,{hook:"onStateUpdate",error:A})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',A),t.context?.strictMode)throw A}finally{d&&(0,E.popConfig)()}},{depth:o.path.length,label:T(o,"onStateUpdate")});o.__effects.push(y)}Bs(t)}function Co(t){const s=t.parent,o=s?.node;if(!o||!t.node){Yo(t,t.parent);return}let n=null;const r=Object.keys(s),i=r.indexOf(t.key);for(let a=i+1;a<r.length;a++){const f=s[r[a]];if(f?.node?.parentNode===o){n=f.node;break}}n?o.insertBefore(t.node,n):o.appendChild(t.node)}function ko(t,s,o){const n=R(t,t.ifDeps,o),r=(0,j.createEffect)(()=>{let i;try{i=n(t,t.state,t.context)}catch(f){if(i=!1,s.__ifError=f,typeof console<"u"&&console.warn){const e=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${e} \u2014 treating as false:`,f?.message||f)}return}const a=s.__if;if(s.__if=!!i,a&&!s.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(f){console.error("[smbls] onRemove error:",f)}}else if(!a&&s.__if)if(s.__ifInitialized)t.node||(t.node=(0,et.cacheNode)(t)),t.node&&(t.node.ref=t),Co(t),Zt(t),$("Render",t,{}),Kt(t,{});else{if(s.__ifInitialized=!0,t.tag||(t.tag=(0,et.detectTag)(t)),$("Init",t,{}),t.node||(t.node=(0,et.cacheNode)(t)),!t.node)return;if(t.parent?.__ref?.__children&&!t.parent.__ref.__children.includes(t.key)&&t.parent.__ref.__children.push(t.key),t.tag==="fragment"&&!s.__fragmentAnchor){const e=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(e),s.__fragmentAnchor=e}$("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),Wo(t,{}),So(t,{skipIfEffect:!0}),Zt(t),Io(t),Ho(t),zo(t,{}),Co(t),$("Create",t,{}),$("Complete",t,{}),$("Render",t,{}),$("RenderRouter",t,{}),Kt(t,{})}},{depth:s.path.length,label:T(s,"if")});s.__effects.push(r)}function Ct(t,s){const o=t.node;if(!o)return;const n=s==null||typeof s=="object"?"":String(s);if(t.tag==="string"){o.nodeValue!==n&&(o.nodeValue=n);return}const r=t.__ref;let i=r?r.__textNode:null;if(i&&i.parentNode!==o&&(i=null),!i){const a=o.firstChild;a&&a.nodeType===3&&(i=a)}i?i.nodeValue!==n&&(i.nodeValue=n):o.firstChild?(i=(o.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),o.insertBefore(i,o.firstChild)):(o.textContent=n,i=o.firstChild&&o.firstChild.nodeType===3?o.firstChild:null),r&&(r.__textNode=i||null)}function vo(t,s){const o=t.node;if(!o||!("value"in o))return;const n=s==null?"":String(s);if(o.value===n)return;const r=typeof document<"u"&&document.activeElement===o,i=r&&typeof o.selectionStart=="number"?o.selectionStart:null,a=r&&typeof o.selectionEnd=="number"?o.selectionEnd:null;if(o.value=n,r&&i!=null&&a!=null)try{o.setSelectionRange(i,a)}catch{}const f=t.__ref&&t.__ref.__autoGrow;f&&f.active&&f.resize()}function Zt(t){const{node:s}=t;if(s){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&Ct(t,t.text),$o(t),typeof t.html=="string"&&(s.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&!(typeof t.value=="string"&&t.value.includes("{{"))&&"value"in s){const o=String(t.value);s.value!==o&&(s.value=o)}if(t.style&&typeof t.style=="object"){let o=t.style;for(const n in t.style)if(typeof t.style[n]=="function"){o={};for(const r in t.style)typeof t.style[r]!="function"&&(o[r]=t.style[r]);break}tt(s,o)}if(t.attr&&typeof t.attr=="object")for(const o in t.attr){const n=t.attr[o];typeof n=="function"||typeof n=="object"||n!=null&&(typeof n=="string"&&n.includes("{{")||n===!1&&!(0,v.isEnumeratedTrueFalseAttr)(o)||s.setAttribute&&s.setAttribute(o,(0,v.serializeAttrValue)(o,n)))}if(typeof t.themeModifier=="string"&&t.themeModifier&&s.setAttribute&&s.setAttribute("data-theme",t.themeModifier),t.data&&typeof t.data=="object")for(const o in t.data){const n=t.data[o];typeof n=="function"||typeof n=="object"||n==null||n===!1||typeof n=="string"&&n.includes("{{")||s.dataset&&(s.dataset[o]=n===!0?"":n)}if(t.classlist||t.class){const o=t.classlist||t.class;if(typeof o=="string")o.split(" ").forEach(n=>n&&s.classList.add(n));else if(typeof o=="object")for(const n in o){const r=typeof o[n]=="function"?o[n](t,t.state,t.context):o[n];r&&s.classList.add(typeof r=="string"?r:n)}}}}function Ot(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Ls(t){if(!t||typeof t!="object")return!1;for(const s in t){const o=t[s];if(o&&typeof o=="object"&&!Array.isArray(o))return!0}return!1}function Lt(t,s){if(!t||!t.style||!s)return null;const o=t.style,n=[];for(const r in s){if(s[r]==null||r.charAt(0)==="&")continue;const a=Dt(r);n.push(a,Qt(o,a),jo(o,a))}return n}function Qt(t,s){return typeof t.getPropertyValue=="function"?t.getPropertyValue(s):""}function jo(t,s){return typeof t.getPropertyPriority=="function"?t.getPropertyPriority(s):""}function Dt(t){return Mt(t)?t:t.replace(/[A-Z]/g,s=>"-"+s.toLowerCase())}function Ds(t,s,o){if(!t||!t.style||!s||!s.length)return;const n=t.style,r=new Set;if(o&&typeof o=="object")for(const i in o)o[i]==null||i.charAt(0)==="&"||r.add(Dt(i));for(let i=0;i<s.length;i+=3){const a=s[i];r.has(a)||Qt(n,a)===s[i+1]&&typeof n.removeProperty=="function"&&n.removeProperty(a)}}function Rt(t,s){if(!s||!t||!t.style)return!1;const o=t.style;for(let n=0;n<s.length;n+=3)if(Qt(o,s[n])!==s[n+1]||jo(o,s[n])!==s[n+2])return!1;return!0}const Mt=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45;function Rs(t){let s=null;for(const o in t)t[o]!=null&&o.charAt(0)!=="&"&&(s||(s=new Set),s.add(Dt(o)));return s}function Ms(t,s,o,n){const r=t.__ref;if(!r)return;let i=null;if(o)for(const a of o){if(n&&n.has(a))continue;const f=s[a];if(f==null||typeof f=="object")continue;const e=Dt(a);no.CSS_LONGHAND_SHORTHANDS[e]&&(i||(i={}),i[e]=f)}r.__declaredLonghands=i}function Eo(t,s){const o=t.__ref,n=o&&o.__declaredLonghands;if(!n||!s)return null;let r=null;for(const i in n){if(s.has(i))continue;const a=no.CSS_LONGHAND_SHORTHANDS[i];let f=!1;for(let e=0;e<a.length;e++)if(s.has(a[e])){f=!0;break}f&&(r||(r={}),r[i]=n[i])}return r}function To(t,s){const o=t.node;tt(o,s);const n=Rs(s);if(!n)return s;const r=t.__ref;if(r)if(r.__inlineCssKeys)for(const a of n)r.__inlineCssKeys.add(a);else r.__inlineCssKeys=new Set(n);const i=Eo(t,n);return i?(tt(o,i),Object.assign({},s,i)):s}function Ns(t){const s=t.__ref;if(!s||!s.__inlineCssKeys||!s.__declaredLonghands)return;const o=Eo(t,s.__inlineCssKeys);o&&tt(t.node,o)}function tt(t,s){if(!t||!s||!t.style)return;let o=null;for(const n in s){const r=s[n];if(r!=null){if(n.charAt(0)==="&"&&typeof r=="object"){o||(o={}),o[n]=r;continue}try{const i=String(r),a=Mt(n)?n:n.replace(/[A-Z]/g,h=>"-"+h.toLowerCase()),f=i.trim(),e=/\s*!important\s*$/.test(f),u=f.replace(/\s*!important\s*$/,"");t.style.setProperty(a,u,e?"important":"")}catch{}}}o&&Fs(t,o)}function Fs(t,s){const o=`_ds${fo.scopedStyleId++}`;t.classList.add(o);const n=t.ownerDocument;let r=n.querySelector("style[data-smbls-scoped]");r||(r=n.createElement("style"),r.setAttribute("data-smbls-scoped",""),n.head.appendChild(r));let i="";for(const a in s){const f="."+o,e=a.replace(/&/g,f).split(",").map(h=>{const p=h.trim();return p.includes(f)?p:f+p}).join(", "),u=s[a];if(typeof u=="object"){let h="",p="";for(const y in u){const g=u[y];if(typeof g=="object"){const c=y.includes("&")?e.split(", ").map(d=>y.replace(/&/g,d)).join(", "):e.split(", ").map(d=>`${d} ${y}`).join(", ");let l="";for(const d in g)l+=`${d.replace(/[A-Z]/g,A=>"-"+A.toLowerCase())}: ${g[d]};`;p+=(0,X.wrapHoverRule)(`${c} { ${l} }`,c)+`
|
|
5
|
+
`}else h+=`${y.replace(/[A-Z]/g,c=>"-"+c.toLowerCase())}: ${g};`}h&&(i+=(0,X.wrapHoverRule)(`${e} { ${h} }`,e)+`
|
|
6
|
+
`),p&&(i+=p)}}i&&(r.textContent+=i)}const Po=new Set;function Oo(t){if(!Array.isArray(t))return"";const s=[];for(let o=0;o<t.length;o++)typeof t[o]=="string"&&t[o].length&&s.push(t[o]);return s.sort(),s.join("|")}function $s(t,s,o){const n=Oo(o);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=s(t,t.state,t.context)}catch{return}if(Oo(r)===n)return;const i=t.__ref.path?t.__ref.path.join("."):t.key||"?";Po.has(i)||(Po.add(i),console.warn(`[smbls] subscribeTo function at "${i}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${o.join(", ")||"(none)"}], probed [${Array.isArray(r)?r.join(", "):String(r)}]. subscribeTo's function form is resolved ONCE at element-create time (registerSubscribeToEffects, @symbo.ls/element create.js) \u2014 this element stays wired to the ORIGINAL list for its whole lifetime, so this drift is invisible to the reactive effect and any key only present in the new list will never trigger onUpdate. If the watched key genuinely is not known until later (e.g. a module config that loads after shell boot), route the write through an imperative call instead of subscribeTo \u2014 see functions/moduleOpenBridge.js's moduleOpenPage (workspace repo) for the house pattern.`))})}function Is(t){const s=t.subscribeTo,o=typeof s=="function";let n=s;if(o)try{n=s(t,t.state,t.context)}catch{n=null}if(o&&(0,st.isLoudDevRuntime)()&&$s(t,s,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const r=t.__ref;for(let i=0;i<n.length;i++){const a=n[i];if(typeof a!="string"||a.length===0)continue;const f=a.split("."),e=f[0],u=f.slice(1),h={value:!1},p=(0,j.createEffect)(()=>{const y=t.state&&((0,N.isStore)(t.state)?t.state.root:null);if(!y||!(0,N.isStore)(y))return;let g=y;g=g[e];for(let l=0;l<u.length&&!(g==null||typeof g!="object");l++)if((0,N.isStore)(g))g=g[u[l]];else break;if(!h.value)return;let c=!1;if(typeof t.onBeforeUpdate=="function"){const l=t.context?.designSystem;l&&(0,E.pushConfig)(l);try{if(Jo(r)){const d=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});d&&typeof d.then=="function"?d.then(()=>kt(r,!1),A=>{kt(r,!0),t.context?.plugins?.length&&(0,z.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:A})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",A)}):(kt(r,!1),d===!1&&(c=!0))}}catch(d){kt(r,!0),t.context?.plugins?.length&&(0,z.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:d})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",d)}finally{l&&(0,E.popConfig)()}}if(!c&&t.node&&r.__effects)for(let l=0;l<r.__effects.length;l++){const d=r.__effects[l];d&&d!==p&&!d._disposed&&!d._isSubscribeToEffect&&typeof d._execute=="function"&&d._execute()}if(!c&&typeof t.onUpdate=="function"){const l=t.context?.designSystem;l&&(0,E.pushConfig)(l);try{t.onUpdate(t,t.state,t.context)}catch(d){t.context?.plugins?.length&&(0,z.runPluginHook)("error",t,{hook:"onUpdate",error:d})||console.error("[DOMQL] subscribeTo onUpdate error:",d)}finally{l&&(0,E.popConfig)()}}},{depth:r.path.length,label:T(r,"subscribeTo("+a+")")});h.value=!0,p._isSubscribeToEffect=!0,r.__effects.push(p)}}function Xt(t,s){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!s.context?.designSystem?.media?.[t.slice(1)])}function Jt(t,s){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const o=s.context?.designSystem?.media?.[t.slice(1)];return o?/^@(media|supports|container)\b/.test(o)?o:`@media ${o}`:t}const Lo=new Set;function Us(t,s){const o=s?.__ref?.path?s.__ref.path.join("."):s?.key||"?",n=o+"::"+t;Lo.has(n)||(Lo.add(n),console.warn(`[smbls/css] "${t}" at ${o} is a CHILD-COMPONENT key nested inside a pseudo/selector block (":hover", "@dark", etc.) \u2014 that is never a valid CSS selector fragment. The rule is DROPPED (not shipped as a dead/never-matching selector). To reveal a child on a parent state, target the child's OWN class from the parent selector instead, e.g. move the declaration onto the child element itself, or use a sibling-selector combinator in a top-level style block.`))}function at(t,s,o,n){const r={},i=new Set,a=(f,e,u)=>{const h=u?new Set(Object.keys(r)):null;if(k.CSS_PROPS_REGISTRY[f]){const p=k.CSS_PROPS_REGISTRY[f](e,s,s.state,s.context);if(p){const y=Array.isArray(p)?p:[p];for(const g of y)g&&Object.assign(r,g)}}else r[f]=e;if(u)for(const p in r)h.has(p)||i.add(p)};for(const f in t){if(!Object.prototype.hasOwnProperty.call(t,f))continue;let e=t[f];if(typeof e=="function"&&(e=e(s,s.state,s.context)),e==null||typeof e=="function")continue;if(typeof e=="object"&&!Array.isArray(e)){if(f==="style"){for(const g in e){let c=e[g];if(typeof c=="function"&&(c=c(s,s.state,s.context)),c==null||typeof c=="function")continue;const l=typeof s[g]=="function"&&(k.CSS_PROPS_REGISTRY[g]||k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(g))||!!(n&&n.has(g));a(g,c,l)}continue}if(Xt(f,s)){const g=at(e,s,!1,n);Object.keys(g).length&&(r[`[data-theme="${f.slice(1)}"] &`]=g);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(f)){(0,st.isLoudDevRuntime)()&&Us(f,s);continue}const p=Jt(f,s),y=at(e,s,!1,n);Object.keys(y).length&&(r[p]=y);continue}const u=typeof s[f]=="function"&&(k.CSS_PROPS_REGISTRY[f]||k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(f)),h=!!(n&&n.has(f));a(f,e,u||h)}if(o)for(const f in r)i.add(f);for(const f of i){const e=r[f];typeof e=="string"&&!e.includes("!important")&&(r[f]=e+" !important")}return r}const Nt=t=>!!t&&typeof t=="object"&&!Array.isArray(t);function Do(t,s){for(const o in s){const n=s[o];t[o]=Nt(n)?Do(Nt(t[o])?t[o]:{},n):n}return t}function Vs(t,s){if(!Nt(s))return;let o;for(const n of t.split(" ")){const r=n?s[n]:null;Nt(r)&&(o=Do(o||{},r))}return o}function mt(t,s){if(s===void 0&&(s=0),s>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&mt(t[o],s+1))return!0}return!1}function Ro(t,s,o){if(!s||typeof s!="object"||Array.isArray(s))return null;if(Xt(t,o)){const i=at(s,o,!1);return Object.keys(i).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:i}:null}const n=Jt(t,o),r=at(s,o,!1);return Object.keys(r).length?{cssProp:n,block:r}:null}function Bs(t){const s=t.__ref;for(const o of Object.keys(t)){if(!Wt(o))continue;const n=t[o];if(!n||typeof n!="object"||Array.isArray(n)||!mt(n))continue;let r=null,i;const a=(0,j.createEffect)(()=>{if(!t.node)return;const f=t.context?.designSystem;f&&(0,E.pushConfig)(f);let e,u=!1;try{const h=Ro(o,n,t),p=h?Ot(h.block)+"::"+h.cssProp:null;if(p!==null&&p===i)u=!0;else if(i=p,h){const y=(0,X.css)({[h.cssProp]:h.block},null,t.context?.cssPrefix);e=y?y.split(" ").filter(Boolean):null}else e=null}finally{f&&(0,E.popConfig)()}if(!(u||!t.node.classList)){if(r)for(const h of r)t.node.classList.remove(h);if(e&&e.length)for(const h of e)t.node.classList.add(h);r=e}},{depth:s.path.length,label:T(s,"cssBlock("+o+")")});s.__effects.push(a)}}function Gs(t){const s=t.__ref;s.__conditionalRunners=[];const o=new Map;for(const n of Object.keys(t)){const r=n.charAt(0);if(r!=="."&&r!=="!")continue;const i=n.slice(1);if(!i)continue;if(/[:@\s>~+[\]]/.test(i)){if(typeof console<"u"&&console.warn){const c=i.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${r}\` is read as one prop name. Nest the selector inside instead: \`${r}${c}: { '${i.slice(c.length)}': {...} }\`.`)}continue}const a=t[n];if(!a||typeof a!="object")continue;const f=r==="!",e={lastMatch:!1,appliedKeys:null,appliedClasses:null},u=new Set;for(const c in a){if(!Object.prototype.hasOwnProperty.call(a,c))continue;const l=c.charAt(0),d=a[c];(l===":"||l==="@"||l==="&"||l==="[")&&d&&typeof d=="object"&&!Array.isArray(d)||u.add(c)}const h=()=>{let c;const l=t[i];if(l===void 0){const x=!!t.state&&i in t.state,_=t.state?t.state[i]:void 0;if(x||_!==void 0)c=_;else{const b=t.context?.cases?.[i];if(b===void 0)return;try{c=typeof b=="function"?b.call(t,t):b}catch(w){c=!1,s.__conditionalError=w,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,w?.message||w)}}}else if(typeof l=="function")try{c=l(t,t.state,t.context)}catch(x){c=!1,s.__conditionalError=x,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,x?.message||x)}else c=l;const d=f?!c:!!c;if(!t.node||d===e.lastMatch)return;e.lastMatch=d;const A=t.context?.designSystem;A&&(0,E.pushConfig)(A);try{if(d){const x={},_={};let b=!1;for(const S in a){if(!Object.prototype.hasOwnProperty.call(a,S))continue;const C=a[S],P=S.charAt(0);if((P===":"||P==="@"||P==="&"||P==="[")&&C&&typeof C=="object"&&!Array.isArray(C)){if(Xt(S,t)){const K=at(C,t,!1,u);Object.keys(K).length&&(_[`[data-theme="${S.slice(1)}"] &`]=K,b=!0)}else{const K=Jt(S,t),nt=at(C,t,!1,u);Object.keys(nt).length&&(_[K]=nt,b=!0)}continue}const Y=typeof C=="function"?C(t,t.state,t.context):C;if(Y!=null)if(k.CSS_PROPS_REGISTRY[S]){const K=k.CSS_PROPS_REGISTRY[S](Y,t,t.state,t.context);if(K){const nt=Array.isArray(K)?K:[K];for(const I of nt)I&&Object.assign(x,I)}}else(k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(S)||Mt(S))&&(x[S]=Y)}const w=Object.keys(x);if(w.length){tt(t.node,x);for(const S of w)o.set(S,n);e.appliedKeys=w}else e.appliedKeys=null;if(b){const S=(0,X.css)(_,null,t.context?.cssPrefix,{state:!0}),C=S?S.split(" ").filter(Boolean):[];if(C.length&&t.node.classList){for(const P of C)t.node.classList.add(P);e.appliedClasses=C}else e.appliedClasses=null}else if(e.appliedClasses){for(const S of e.appliedClasses)t.node.classList.remove(S);e.appliedClasses=null}}else{if(e.appliedKeys){for(const x of e.appliedKeys)o.get(x)===n&&(Mt(x)?t.node.style.removeProperty(x):t.node.style[x]="",o.delete(x));e.appliedKeys=null}if(e.appliedClasses){for(const x of e.appliedClasses)t.node.classList.remove(x);e.appliedClasses=null}}}finally{A&&(0,E.popConfig)()}};s.__conditionalRunners.push(h);const p=R(t,t[i+"Deps"],h),y=(0,j.createEffect)(p,{depth:s.path.length,label:T(s,"conditional("+n+")")}),g=s.__exec&&s.__exec[i]||t[i];y._sources.size===0&&typeof g=="function"&&(0,st.isLoudDevRuntime)()&&console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} subscribed to nothing \u2014 its predicate tracked no reactive read on its first run, so no state write will ever re-evaluate it (only a direct element.update() on this element re-runs it). If the predicate guards its state reads (\`in\`, short-circuits, \`?.\`), declare \`${i}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),s.__effects.push(y)}}const to=new WeakSet;function Hs(t){const s=t.ownerDocument;!s||to.has(s)||(to.add(s),queueMicrotask(()=>{to.delete(s);const o=s.body||s.documentElement;o&&o.offsetWidth}))}const oo=new WeakSet;let Mo=!1;function No(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function so(t,s){const o={...t};for(const n in s){const r=s[n],i=o[n];o[n]=r&&typeof r=="object"&&i&&typeof i=="object"?so(i,r):r}return o}function Fo(t,s){const o={};for(const n in t){const r=t[n];if(r&&typeof r=="object"){const i=Fo(r,s);Object.keys(i).length&&(o[n]=i)}else s.has(n)||(o[n]=r)}return o}function $o(t){const{node:s}=t;if(!s)return;if(Mo||(Mo=!0,(0,X.css)({display:"none"})),oo.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}oo.add(t);const o=t.context?.designSystem;o&&(0,E.pushConfig)(o),(0,k.pushStaticCssPass)();try{const n={};let r=!1,i=[],a=null,f=null,e=null;const u=(c,l)=>{if(l&&typeof l=="object"&&No(c)){f||(f={});const d=f[c];d&&(l=so(d,l)),f[c]=l}else(l===null||typeof l!="object")&&(e||(e=new Set),e.add(c));n[c]=l};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&k.CSS_PROPS_REGISTRY.theme){const c=k.CSS_PROPS_REGISTRY.theme(t.theme,t,t.state,t.context);if(c){const l=d=>{for(const A in d){const x=d[A];x&&typeof x=="object"&&No(A)&&(a||(a={}),a[A]=x),n[A]=x}};if(Array.isArray(c))for(const d of c)d&&l(d);else l(c);r=!0}}const h=(c,l)=>{if(k.CSS_PROPS_REGISTRY[c]){const d=k.CSS_PROPS_REGISTRY[c](l,t,t.state,t.context);if(d){if(Array.isArray(d)){for(const A of d)if(A)for(const x in A)u(x,A[x])}else for(const A in d)u(A,d[A]);r=!0}}else if(k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(c))l!=null&&typeof l!="object"&&(u(c,l),r=!0);else if(c.charCodeAt(0)===45)l!=null&&typeof l!="object"&&(u(c,l),r=!0);else if((c.charAt(0)==="&"||c.charAt(0)==="@"||c.charAt(0)===":"||c.charAt(0)==="[")&&l&&typeof l=="object"&&!Array.isArray(l)){if(mt(l))return;const d=Ro(c,l,t);d&&(u(d.cssProp,d.block),r=!0)}};if(typeof t.class=="string"){const c=Vs(t.class,t.context?.designSystem?.class);if(c)for(const l in c)h(l,c[l])}const p=e?new Set(e):null,y=t.tag||"div";for(const c of Object.keys(t)){if(typeof t[c]=="function"||U.REGISTRY.has(c)||c==="theme")continue;const l=c.charCodeAt(0);l>=65&&l<=90||Z(c)||(0,J.isAttributeFirst)(y,c)||h(c,t[c])}if(a)for(const c in a){let l=e?Fo(a[c],e):a[c];f&&f[c]&&(l=so(l,f[c])),Object.keys(l).length?n[c]=l:delete n[c]}if(Ms(t,n,e,p),r){n.display&&String(n.display).includes("!important")&&(s.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const c=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;typeof c=="string"&&c!==""&&n.display&&n.display!==c&&(n.display=c);const l=(0,X.css)(n,null,t.context?.cssPrefix);if(i=l?l.split(" ").filter(Boolean):[],l&&s.classList){const d=i;let A=!1;for(const x of d)s.classList.add(x),A||(x.charCodeAt(0)===95&&x.charCodeAt(1)===99||x.charCodeAt(0)===95&&x.indexOf("_c",1)!==-1)&&(A=!0);A&&Hs(s)}}const g=t.__ref;if(g){const c=g.__staticCssClasses;if(c&&s.classList){const l=new Set(i);for(const d of c)l.has(d)||s.classList.remove(d)}g.__staticCssClasses=i}Ns(t)}finally{(0,k.popStaticCssPass)(),o&&(0,E.popConfig)(),oo.delete(t)}}const Ks=t=>!!k.CSS_PROPS_REGISTRY[t]||!!(k.DEFAULT_CSS_PROPERTIES_LIST&&k.DEFAULT_CSS_PROPERTIES_LIST.has(t))||typeof t=="string"&&t.charCodeAt(0)===45;function Ws(t){t&&t.node&&$o(t)}function Io(t){const{node:s}=t;if(!s||!s.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const r in t.aria){const i=t.aria[r];if(typeof i=="function"||typeof i=="object"||i==null||typeof i=="string"&&i.includes("{{"))continue;const a="aria-"+r.replace(/[A-Z]/g,f=>"-"+f.toLowerCase());s.setAttribute(a,(0,v.serializeAttrValue)(a,i))}const o=(0,v.applyAttrTransforms)(t);for(const r in o){const i=o[r];i!=null&&i!==!1&&typeof i!="function"&&typeof i!="object"&&s.setAttribute(r,i===!0?"":i)}const n=t.tag||"div";for(const r of Object.keys(t)){if(typeof t[r]=="function"||U.REGISTRY.has(r)||r==="on"||o[r]!==void 0)continue;const i=r.charCodeAt(0);if(!(i>=65&&i<=90)&&!Z(r)&&!(0,J.isCssProp)(n,r)&&(0,v.checkAttributeByTagName)(n,r)){let a=t[r];if(a==null)continue;if(typeof a=="string"&&a.includes("{{")){if(!v.ATTR_TRANSFORMS[r])continue;a=D.replaceLiteralsWithObjectFields.call(t,a,t.state)}if(a==null||typeof a=="function"||typeof a=="object"||a===!1&&!(0,v.isEnumeratedTrueFalseAttr)((0,v.camelToAttr)(r)||r))continue;const f=(0,v.camelToAttr)(r)||r;s.setAttribute(f,(0,v.serializeAttrValue)(f,a))}}}function zs(t,s){const{node:o}=t;if(!o||!o.setAttribute)return;const n=s.charCodeAt(0);if(n>=65&&n<=90||Z(s))return;const r=t.tag||"div";if((0,J.isCssProp)(r,s)||!(0,v.checkAttributeByTagName)(r,s))return;const i=(0,v.camelToAttr)(s)||s,a=i.toLowerCase(),f=t.__ref&&t.__ref.__effects;let e=!1;if(f)for(let p=0;p<f.length;p++){const y=f[p];y&&y._attrName===a&&!y._disposed&&typeof y._execute=="function"&&(e=!0,y._execute())}if(e)return;let u=t[s];const h=v.ATTR_TRANSFORMS[s];if(h&&u!=null){const p=h(t);p!==void 0&&(u=p)}typeof u=="string"&&u.includes("{{")&&(u=D.replaceLiteralsWithObjectFields.call(t,u,t.state)),u==null||u===!1&&!(0,v.isEnumeratedTrueFalseAttr)(i)?o.removeAttribute(i):typeof u!="function"&&typeof u!="object"&&o.setAttribute(i,(0,v.serializeAttrValue)(i,u))}function Ys(t,s){const o=t.node,n=t.__ref;let r=n.__autoGrow;if(!s){if(r&&r.active){try{o.removeEventListener("input",r.resize)}catch{}Vo(r),m.delete(t),o.style.height="",r.appliedMax!=null&&o.style.maxHeight===r.appliedMax&&(o.style.maxHeight=""),Bo(o,r,!1),r.active=!1,r.appliedMax=null,r.lastMeasure=0}return}r||(r=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,lastWidth:null,watch:null,awaitingLayout:!1,appliedScroll:!1,fontsHooked:!1,attachAttempts:0,firstAttemptAt:null,resize:()=>{if(!o.isConnected){St(t,!0);return}if(!(o.scrollHeight>0)){r.awaitingLayout=!0,Uo(t,r);return}r.awaitingLayout=!1;const a=o.style.height;o.style.height="0px";const f=o.scrollHeight;if(!(f>0)){o.style.height=a;return}const e=Qs(o),u=e!=null&&f>e;o.style.height=(u?e:f)+"px",Bo(o,r,u),r.lastMeasure=f,r.lastWidth=o.clientWidth,Uo(t,r)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{o.removeEventListener("input",r.resize)}catch{}Vo(r),m.delete(t)})),r.active||(o.addEventListener("input",r.resize),r.active=!0,Zs(t,r));const i=typeof s=="object"&&s.max!=null?String(s.max):null;i!==r.appliedMax&&(i==null?r.appliedMax!=null&&o.style.maxHeight===r.appliedMax&&(o.style.maxHeight=""):o.style.maxHeight=i,r.appliedMax=i),r.resize()}function St(t,s){const o=t.__ref?.__autoGrow;o&&(s&&(o.attachAttempts=0,o.firstAttemptAt=null),m.add(t),Tt())}function qs(){const t=Array.from(m);m.clear();for(let s=0;s<t.length;s++){const o=t[s],n=o.node,r=o.__ref?.__autoGrow;if(!(!n||!r||!r.active)){if(!n.isConnected){r.firstAttemptAt==null&&(r.firstAttemptAt=ct()),r.attachAttempts+=1,r.attachAttempts<=lo&&ct()-r.firstAttemptAt<po&&(m.add(o),Tt());continue}r.attachAttempts=0,r.firstAttemptAt=null,r.resize()}}}function Uo(t,s){if(s.watch)return;const o=t.node;if(!o)return;const n=o.ownerDocument&&o.ownerDocument.defaultView,r=n&&n.ResizeObserver||(typeof ResizeObserver=="function"?ResizeObserver:null);if(typeof r!="function")return;const i=()=>{if(!s.active||!o.isConnected||!(o.scrollHeight>0))return;if(s.awaitingLayout){s.awaitingLayout=!1,St(t,!0);return}const f=o.clientWidth;s.lastWidth!=null&&Math.abs(f-s.lastWidth)<.5||(s.lastWidth=f,St(t,!0))};let a;try{a=new r(i),a.observe(o)}catch{return}s.watch=a}function Vo(t){const s=t.watch;if(s){t.watch=null;try{s.disconnect()}catch{}}}function Zs(t,s){if(s.fontsHooked)return;s.fontsHooked=!0;const o=t.node&&t.node.ownerDocument,n=o&&o.fonts&&o.fonts.ready;!n||typeof n.then!="function"||n.then(()=>{s.active&&t.node&&St(t,!0)},()=>{})}function Qs(t){const s=t.ownerDocument&&t.ownerDocument.defaultView;let o;try{o=s&&s.getComputedStyle?s.getComputedStyle(t):null}catch{o=null}if(!o)return null;const n=h=>typeof h=="string"&&/^\s*-?\d*\.?\d+px\s*$/.test(h)?parseFloat(h):null,r=n(o.maxHeight);if(r==null||!(r>0))return null;const i=(n(o.paddingTop)||0)+(n(o.paddingBottom)||0),a=(n(o.borderTopWidth)||0)+(n(o.borderBottomWidth)||0),f=o.boxSizing==="border-box"?r-a:r+i,e=n(o.lineHeight);if(!(e>0))return f;const u=Math.floor((f-i)/e+1e-6);return u>=1?u*e+i:f}function Bo(t,s,o){o?s.appliedScroll||(t.style.overflowY="auto",s.appliedScroll=!0):s.appliedScroll&&(t.style.overflowY==="auto"&&(t.style.overflowY=""),s.appliedScroll=!1)}const Go=["srcObject","muted"],Xs=(t,s)=>t==="muted"?s===!0||s===""||s==="true"||s==="muted":s??null;function Js(t){const s=t.node,o=t.__ref;if(!(!s||!o))for(let n=0;n<Go.length;n++){const r=Go[n],i=t[r];if(i===void 0||!(r in s))continue;const a=f=>{const e=Xs(r,f);if(s[r]!==e)try{s[r]=e}catch(u){M(o,r,u)}};if(typeof i=="function"){const f=R(t,t[r+"Deps"],i),e=(0,j.createEffect)(()=>{try{a(f(t,t.state,t.context))}catch(u){M(o,r,u)}},{depth:o.path.length,label:T(o,r)});o.__effects.push(e),o.__exec[r]=i}else a(i);r==="srcObject"&&(o.__releaseMedia=()=>{try{s.srcObject!=null&&(s.srcObject=null)}catch{}})}}function Ho(t){if(!t.autoGrow)return;const s=t.node;if(!s||s.tagName!=="TEXTAREA")return;const o=t.__ref,n=t.autoGrow,r=typeof n=="function"?R(t,t.autoGrowDeps,n):null,i=(0,j.createEffect)(()=>{const a=t.autoGrow;let f=a;if(typeof a=="function")try{f=(a===n&&r?r:a)(t,t.state,t.context)}catch{f=null}Ys(t,f)},{depth:o.path.length,label:T(o,"autoGrow")});o.__effects||(o.__effects=[]),o.__effects.push(i),r&&(o.__exec.autoGrow=n)}const Ko=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Wo(t,s){for(const o of Object.keys(t)){if(!Z(o)||Ko.has(o))continue;const n=(0,lt.globalEventKeyInfo)(o);if(n){(0,lt.registerGlobalEvent)(n,t,t[o]);continue}let r=t[o];if(typeof r=="string"&&/^[A-Za-z_$][\w$]*$/.test(r)){const a=r;r=function(e){return t.call(a,e)}}if(typeof r!="function")continue;const i=_s(o);U.LIFECYCLE_EVENTS.has(i)||(0,lt.registerEvent)(gs(i),t,r)}ms(t)}function ms(t){const s=t.node;if(!s||!s.addEventListener)return;const o={};let n=!1;for(const y of Ko){const g=t[y];typeof g=="function"&&(o[y]=g,n=!0)}if(!n)return;const r=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,i=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let a=0,f=0,e=0,u=!1;const h=y=>{const g=y.touches&&y.touches[0]||y.changedTouches&&y.changedTouches[0];g&&(a=g.clientX,f=g.clientY,e=Date.now(),u=!0)},p=y=>{if(!u)return;u=!1;const g=y.changedTouches&&y.changedTouches[0]||y.touches&&y.touches[0];if(!g)return;const c=g.clientX-a,l=g.clientY-f,d=Date.now()-e;if(d>i)return;const A=Math.abs(c),x=Math.abs(l);if(Math.max(A,x)<r)return;let _;if(A>x*1.2)_=c<0?"left":"right";else if(x>A*1.2)_=l<0?"up":"down";else return;const b="onSwipe"+_.charAt(0).toUpperCase()+_.slice(1),w=o[b],S=o.onSwipe;w&&w.call(t,y,t,t.state,t.context),S&&S.call(t,{direction:_,dx:c,dy:l,dt:d,event:y},t,t.state,t.context)};s.addEventListener("touchstart",h,{passive:!0}),s.addEventListener("touchend",p,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{s.removeEventListener("touchstart",h)}catch{}try{s.removeEventListener("touchend",p)}catch{}})}function ot(t,s){const o={...t};for(const n in s){const r=o[n],i=s[n];r&&i&&typeof r=="object"&&typeof i=="object"&&!Array.isArray(r)&&!Array.isArray(i)&&typeof r!="function"&&typeof i!="function"?o[n]=ot(r,i):o[n]=i}return o}function eo(t,s,o,n,r){if(!s||!t.node)return;const i=t.childExtends,a=ft(t,"childProps");if(Array.isArray(s)){const f=t.tag==="fragment",e=t.context?.document||globalThis.document,u=f?null:e?.createDocumentFragment();if(!f&&!u)return;const h=t.childProps,p=t.childrenAs,y=x=>{let _=s[x];const b=_;(typeof _=="string"||typeof _=="number")&&(_={text:_});let w=h;if(typeof h=="function")try{w=h(t,_)}catch{w=null}let S=typeof h=="function"?At(w):a;if(r&&p!=="state"&&(S=xt(S,At(b))),p==="state"){let P=b;(typeof b=="string"||typeof b=="number")&&(P={value:b,text:b}),_=w?{...w,state:P}:{state:P}}else w&&(_=ot(w,_));if(i&&!_.ignoreChildExtends)if(_.extends){const P=Array.isArray(_.extends)?_.extends:[_.extends],Y=Array.isArray(i)?i:[i];_={..._,extends:[...Y,...P]}}else _={..._,extends:i};const C=yo(_?.key,b,x);try{return Q(wt(_,S),t,C,o)}catch(P){if(typeof console<"u"&&console.error){const Y=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${C}" failed to construct at ${Y} (initial render, skipping this row):`,P?.message||P)}return null}},g=t.__ref;if(!(n===!0&&!f&&!!g&&(o?.mountYield===!0||t.yieldChildren===!0))){for(let x=0;x<s.length;x++){const _=y(x);!f&&_?.node&&u.appendChild(_.node)}return f||t.node.appendChild(u),!0}const l=g.__childrenChunkGen=(g.__childrenChunkGen||0)+1;(0,B.openMountBudget)();let d=null;const A=x=>{if(g.__disposed||g.__childrenChunkGen!==l){d&&d.parentNode&&d.remove();return}for(let _=x;_<s.length;_++){const b=y(_);if(b?.node&&(d?t.node.insertBefore(b.node,d):u.appendChild(b.node)),_+1<s.length&&(0,B.mountBudgetExhausted)()){d||(d=e.createComment("smbls-mount"),u.appendChild(d),t.node.appendChild(u));const w=_+1;(0,B.enqueueMountWork)(()=>A(w));return}}d?(d.remove(),t.node.tagName==="SELECT"&&Ft(t,!0)):t.node.appendChild(u)};return A(0),(0,B.closeMountBudget)(),!0}if(typeof s=="string"){const f=_o(s,t);if(Array.isArray(f))return eo(t,f,o,n,!0)}if(typeof s=="object")for(const f in s){if(U.REGISTRY.has(f))continue;let e=s[f];if(e==null||e===!1)continue;const u=r?xt(a,At(e)):a;if((typeof e=="string"||typeof e=="number")&&(e={text:e}),t.childProps&&(e=ot(t.childProps,e)),i&&!e.ignoreChildExtends)if(e.extends){const h=Array.isArray(e.extends)?e.extends:[e.extends],p=Array.isArray(i)?i:[i];e={...e,extends:[...p,...h]}}else e={...e,extends:i};Q(wt(e,u),t,f,o)}}function Ft(t,s){const o=t.node;if(!o||o.tagName!=="SELECT")return;const n=o.options;if(!n||!n.length)return;const r=t.__ref,i=r&&r.__exec&&r.__exec.value,a=typeof i=="function",f=t.value!=null&&typeof t.value!="function";if(a||f){let h;if(a)try{h=i(t,t.state,t.context)}catch{return}else h=t.value,typeof h=="string"&&h.includes("{{")&&(h=D.replaceLiteralsWithObjectFields.call(t,h,t.state));const p=h==null?"":String(h);o.value!==p&&(o.value=p);return}const e=s||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!e)return;let u=-1;for(let h=0;h<n.length;h++)n[h].defaultSelected&&(u=h);u>=0&&o.selectedIndex!==u&&(o.selectedIndex=u)}function zo(t,s){let{children:o,content:n}=t;const r=t.childExtends,i=typeof o=="function"||xo(t,"children");if(typeof o=="function"){const c=o;try{o=c(t,t.state,t.context)}catch(_){if(o=void 0,typeof console<"u"&&console.error){const b=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${b} (initial run, treating as empty):`,_?.message||_)}}wo(t,o),t.children=o;const l=t.__ref;let d=!1;const A=R(t,t.childrenDeps,c),x=(0,j.createEffect)(()=>{const _=d;d=!0;let b;try{b=A(t,t.state,t.context)}catch(I){if(typeof console<"u"&&console.error){const G=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${G}${_?"":" (initial tracking run)"}:`,I?.message||I)}return}if(!_||b===t.children)return;wo(t,b),t.children=b,l.__childrenChunkGen!=null&&l.__childrenChunkGen++;const w=typeof t.onContentUpdate=="function",S=w?[]:null,C=w?[]:null,P=w?[]:null;if(Array.isArray(b)&&t.childrenAs==="state"){const I=t.childProps,G=[],ro=new Map;for(let O=0;O<b.length;O++){const H=b[O];let L=I;if(typeof I=="function")try{L=I(t,H)}catch{L=null}const q=yo(L&&L.key,H,O);G.push(q),ro.set(q,{rawChild:H,childProps:L})}const mo=new Set(G),ts=l.__children.slice();for(const O of ts)if(!mo.has(O)){const H=t[O];H?.remove&&H.remove(),delete t[O],C&&C.push(O)}const dt=t.childExtends,vt=t.tag==="fragment",os=t.context?.document||globalThis.document,pt=vt?null:os?.createDocumentFragment(),Ut=new Set;for(const O of G){const H=ro.get(O),L=H.rawChild,q=t[O];if(q&&q.state){if(L&&typeof L=="object"){const F=q.state,rt=F.$replace||F.replace,io=F.$update||F.update;try{if(typeof rt=="function")rt.call(F,L);else if(typeof io=="function"){for(const V in F)if(!(V==="__element"||V==="root"||V==="parent"||V==="update")&&!Object.prototype.hasOwnProperty.call(L,V))try{F[V]=void 0}catch{}io.call(F,L)}else for(const V in L)F[V]=L[V]}catch(V){if(typeof console<"u"&&console.error){const es=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${O}" failed to patch at ${es} (reconcile, keeping its previous data for this pass):`,V?.message||V)}}}P&&P.push(O);continue}let Vt=L;(typeof L=="string"||typeof L=="number")&&(Vt={value:L,text:L});const Bt=H.childProps;let W=Bt?{...Bt,state:Vt}:{state:Vt};const ss=typeof I=="function"?At(Bt):ft(t,"childProps");if(dt&&!W.ignoreChildExtends)if(W.extends){const F=Array.isArray(W.extends)?W.extends:[W.extends],rt=Array.isArray(dt)?dt:[dt];W={...W,extends:[...rt,...F]}}else W={...W,extends:dt};let Gt;try{Gt=Q(wt(W,ss),t,O,s)}catch(F){if(typeof console<"u"&&console.error){const rt=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${O}" failed to construct at ${rt} (reconcile, skipping this row):`,F?.message||F)}Ut.add(O);continue}!vt&&Gt?.node&&pt&&pt.appendChild(Gt.node),S&&S.push(O)}if(!vt&&pt&&pt.childNodes.length&&t.node&&t.node.appendChild(pt),!vt&&t.node){let O=null;for(const H of G){const L=t[H]?.node;if(!L)continue;const q=O?O.nextSibling:t.node.firstChild;L!==q&&t.node.insertBefore(L,q),O=L}}l.__children=Ut.size?G.filter(O=>!Ut.has(O)):G,w&&(S.length||C.length)&&ho(t,{added:S,removed:C,kept:P}),Ft(t,!1);return}const nt=w?[...l.__children]:null;for(const I of[...l.__children]){const G=t[I];G?.remove&&G.remove(),delete t[I]}l.__children=[],eo(t,b,s,!1,!0),Ft(t,!1),w&&ho(t,{added:[...l.__children],removed:nt,kept:[]})},{depth:l.path.length,label:T(l,"children")});l.__effects.push(x)}const a=eo(t,o,s,!0,i);if(n!=null&&!(n&&n.__ref)){let c=n;if(typeof c=="string"||typeof c=="number"?c={text:c}:typeof c!="object"&&(c={}),t.childProps&&(c=ot(t.childProps,c)),r&&!c.ignoreChildExtends)if(c.extends){const d=Array.isArray(c.extends)?c.extends:[c.extends],A=Array.isArray(r)?r:[r];c={...c,extends:[...A,...d]}}else c={...c,extends:r};const l=xt(ft(t,"childProps"),ft(t,"content"));Q(wt(c,l),t,"content",s)}if(o&&!a)return;const f=t.context?.components||{},e=t.__ref&&t.__ref.__runtimeSource,u=e?{}:null;{const c=Object.keys(t);for(let l=0;l<c.length;l++){const d=c[l];if(!d.endsWith("Extends")||typeof t[d]!="string")continue;const A=d.slice(0,-7);if(!A||A.charCodeAt(0)<65||A.charCodeAt(0)>90)continue;const x={extends:t[d]};delete t[d];for(let _=l+1;_<c.length;_++){const b=c[_],w=b.charCodeAt(0);if(w>=65&&w<=90||U.REGISTRY.has(b)||typeof t[b]=="function"&&(b.startsWith("on")||b.startsWith(".")))break;const S=t[b];S!==void 0&&(x[b]=S,delete t[b],u&&bt(e,b)&&(u[A]||(u[A]={}),u[A][b]=e[b]))}t[A]&&typeof t[A]=="object"?t[A]={...x,...t[A]}:t[A]=x}}const h=s?.mountYield===!0||t.yieldChildren===!0,p=Object.keys(t),y=c=>{if(U.REGISTRY.has(c)||typeof t[c]!="object"||t[c]===null)return;const l=c.charCodeAt(0);if(l<65||l>90)return;let d=t[c];if(d.__ref)return;if(!d.extends&&!d.extend){const x=f[c]||f[`smbls.${c}`];x&&(d={...d,extends:x})}if(t.childProps&&(d=ot(t.childProps,d)),r&&!d.ignoreChildExtends)if(d.extends){const x=Array.isArray(d.extends)?d.extends:[d.extends],_=Array.isArray(r)?r:[r];d={...d,extends:[..._,...x]}}else d={...d,extends:r};const A=e?xt(ft(t,"childProps"),xt(u[c]||null,ft(t,c))):null;Q(wt(d,A),t,c,s)};if(!h){for(const c of p)y(c);return}(0,B.openMountBudget)();const g=c=>{for(let l=c;l<p.length;l++)if(y(p[l]),l+1<p.length&&(0,B.mountBudgetExhausted)()){const d=l+1;(0,B.enqueueMountWork)(()=>g(d));return}};g(0),(0,B.closeMountBudget)()}function Yo(t,s,o){const{node:n}=t;if(!n)return;n.ref=t;const r=s?.tag==="fragment"?s.__ref?.__fragmentAnchor:null;if(r){const a=r.parentNode;if(a){if(o?.position==="before"&&o.node)a.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const f=o.node.nextSibling;a.insertBefore(n,f||r)}else a.insertBefore(n,r);return}}const i=s?.node||(s?.nodeType?s:null);if(i)if(o?.position==="before"&&o.node)i.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const a=o.node.nextSibling;a?i.insertBefore(n,a):i.appendChild(n)}else i.appendChild(n)}const It=3;function Jo(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=It?!1:(t.__inBeforeUpdate=!0,!0)}function kt(t,s){t&&(t.__inBeforeUpdate=!1,s?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===It&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${It}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function $(t,s,o){const n=t.charAt(0).toLowerCase()+t.slice(1);s.context?.plugins?.length&&(0,z.runPluginHook)(n,s,o);const r="on"+t,i=s[r];if(typeof i=="function"){const e=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(e){if(s.__ref[e])return!0;s.__ref[e]=!0}const u=s.context?.designSystem;u&&(0,E.pushConfig)(u);let h=!!e;try{const p=i(s,s.state,s.context,o);if(p&&typeof p.then=="function"){const y=s.__ref;return p.catch(g=>{s.context?.plugins?.length&&(0,z.runPluginHook)("error",s,{hook:r,error:g})||console.error(`[DOMQL] Lifecycle "${r}" error:`,g)}).finally(()=>{e&&y&&(y[e]=!1)}),h=!1,!0}if(p===!1)return!1}catch(p){if(s.context?.plugins?.length&&(0,z.runPluginHook)("error",s,{hook:r,error:p})||console.error(`[DOMQL] Lifecycle "${r}" error:`,p),s.context?.strictMode)throw p}finally{u&&(0,E.popConfig)(),h&&s.__ref&&(s.__ref[e]=!1)}}return!0}var te=Q;
|
package/dist/cjs/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var E=(t,o)=>{for(var e in o)n(t,e,{get:o[e],enumerable:!0})},I=(t,o,e,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of s(o))!x.call(t,c)&&c!==e&&n(t,c,{get:()=>o[c],enumerable:!(p=r(o,c))||p.enumerable});return t};var N=t=>I(n({},"__esModule",{value:!0}),t);var R={};E(R,{VERSION:()=>O});module.exports=N(R);const O="3.14.
|
|
1
|
+
var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var E=(t,o)=>{for(var e in o)n(t,e,{get:o[e],enumerable:!0})},I=(t,o,e,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of s(o))!x.call(t,c)&&c!==e&&n(t,c,{get:()=>o[c],enumerable:!(p=r(o,c))||p.enumerable});return t};var N=t=>I(n({},"__esModule",{value:!0}),t);var R={};E(R,{VERSION:()=>O});module.exports=N(R);const O="3.14.797";
|
package/dist/esm/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{createStore as
|
|
2
|
-
`+
|
|
1
|
+
import{createStore as Gt,createScopeStore as ds,isStore as Q}from"@symbo.ls/signal";import{createEffect as v,getObserver as ps,setObserver as uo}from"@symbo.ls/signal";import{cacheNode as Ht,detectTag as lo}from"./cache.js";import{REGISTRY as K,LIFECYCLE_EVENTS as hs}from"./registry.js";import{registerEvent as ys,registerGlobalEvent as _s,globalEventKeyInfo as gs}from"./delegate.js";import{applyExtends as bs}from"./extends.js";import{addMethods as As}from"./methods.js";import"./dispose.js";import{isLoudDevRuntime as et}from"./devRuntime.js";import{mountBudgetExhausted as po,openMountBudget as ho,closeMountBudget as yo,enqueueMountWork as _o}from"./mountScheduler.js";import{replaceLiteralsWithObjectFields as I,isPolyglotWritableKey as xs,markPolyglotSeeded as ws}from"@symbo.ls/utils";import*as jt from"@symbo.ls/utils";import{runPluginHook as q}from"@symbo.ls/utils/function.js";import{applyStateMethods as ut}from"@symbo.ls/state";import{CSS_PROPS_REGISTRY as D,DEFAULT_CSS_PROPERTIES_LIST as R,pushStaticCssPass as go,popStaticCssPass as bo}from"css-in-props";import{css as lt,wrapHoverRule as Ao}from"@symbo.ls/css";import{pushConfig as M,popConfig as N}from"@symbo.ls/scratch";import{checkAttributeByTagName as dt,applyAttrTransforms as Ss,ATTR_TRANSFORMS as Kt,camelToAttr as pt,serializeAttrValue as W,isEnumeratedTrueFalseAttr as ht}from"attrs-in-props";import{resolveElementIdEngine as Cs}from"./engineRegistry.js";import{CSS_LONGHAND_SHORTHANDS as xo}from"./cssLonghands.js";import{isAttributeFirst as wo,isCssProp as yt}from"./attributeFirst.js";import{VERSION as ks}from"./version.js";const So=Cs({uniqId:1,scopedStyleId:0},ks),_t=[],J=new Set;let Wt=!1,Co=0,nt=null,gt=null;function rt(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function ko(){return typeof document<"u"&&document.visibilityState==="hidden"}const vs=250,js=1e3;function Es(){return gt&&(gt!==(typeof requestAnimationFrame=="function"?requestAnimationFrame:null)||ko())?!0:rt()-Co>=js}function Ts(){if(Wt=!0,Co=rt(),gt=null,typeof requestAnimationFrame!="function"){const t=typeof clearTimeout=="function"?clearTimeout:null,s=setTimeout(zt,0);nt=t?()=>t(s):null;return}if(ko()){const t=typeof clearTimeout=="function"?clearTimeout:null,s=setTimeout(zt,vs);nt=t?()=>t(s):null}else{const t=typeof cancelAnimationFrame=="function"?cancelAnimationFrame:null;gt=requestAnimationFrame;const s=requestAnimationFrame(zt);nt=t?()=>t(s):null}}function Et(){if(Wt){if(!Es())return;const t=nt;if(nt=null,t)try{t()}catch{}}Ts()}const vo=300,jo=15e4;function zt(){if(Wt=!1,nt=null,gt=null,J.size&&ne(),!_t.length)return;const t=_t.splice(0,_t.length);for(let s=0;s<t.length;s++){const o=t[s];if(o.node){if(!o.node.isConnected){const n=o.__ref||(o.__ref={});n.__mountAttempts=(n.__mountAttempts||0)+1,n.__mountFirstAttemptAt==null&&(n.__mountFirstAttemptAt=rt());const r=rt()-n.__mountFirstAttemptAt;n.__mountAttempts<=vo&&r<jo?(_t.push(o),Et()):console.warn("[DOMQL] onMounted dropped after",n.__mountAttempts,"attempts /",r,"ms \u2014 node never connected:",o.key||o.tag||o);continue}F("Mounted",o,o.__ref?.__mountOptions||{})}}}function Yt(t,s){const o=t.__ref?.__autoGrow;o&&o.active&&kt(t,!0),typeof t.onMounted=="function"&&(t.__ref.__mountOptions=s,_t.push(t),Et())}function Eo(t,s){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&q("contentUpdate",t,s);const o=t.context?.designSystem;o&&M(o);try{t.onContentUpdate(t,t.state,t.context,s)}catch(n){if(t.context?.plugins?.length&&q("error",t,{hook:"onContentUpdate",error:n})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',n),t.context?.strictMode)throw n}finally{o&&N()}}function Z(t){return t.length>2&&t.charCodeAt(0)===111&&t.charCodeAt(1)===110&&t.charCodeAt(2)>=65&&t.charCodeAt(2)<=90}function Ps(t){return t.charAt(2).toLowerCase()+t.slice(3)}function Os(t){return t.toLowerCase()}function qt(t){const s=t.charCodeAt(0);return s===58||s===64||s===38||s===91}function bt(t,s){const o={...t};for(const n in s){const r=o[n],i=s[n];r&&i&&typeof r=="object"&&typeof i=="object"&&!Array.isArray(r)&&!Array.isArray(i)&&typeof r!="function"&&typeof i!="function"?o[n]=bt(r,i):o[n]=i}return o}function Tt(t){if(typeof t=="string")return t||void 0;if(typeof t=="number"||typeof t=="bigint")return String(t)}function To(t,s,o){return Tt(t)||(s&&typeof s=="object"?Tt(s.key):void 0)||String(o)}function X(t,s,o,n={},r){const i=ps();if(i){uo(null);try{return X(t,s,o,n,r)}finally{uo(i)}}if(t==null||t===!1)return null;const a=Us(t);(typeof t=="string"||typeof t=="number")&&(t={text:t}),o=Tt(o);const f=Tt(t.key),e=Object.create(null);e.key=o||f||`_${So.uniqId++}`,e.parent=s||null,e.context=t.context||s?.context||n.context||{},e.context.__create||(e.context.__create=X);const u=e.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:s?.__ref?.root||e,path:s?.__ref?.path?[...s.__ref.path,e.key]:[e.key],origin:t};if(a&&(u.__runtimeSource=a),o&&!t.extends&&!t.extend){const _=o.indexOf("_"),b=o.indexOf(".");let w=_>0?_:-1;if(b>0&&(w<0||b<w)&&(w=b),w>0){const S=o.substring(0,w),C=e.context?.components;C&&(C[S]||C["smbls."+S])?t={...t,extends:S}:C&&et()&&(/^[A-Z]\w*_\d+$/.test(o)||/^[A-Z]\w*\.\w+$/.test(o))&&console.warn(`[smbls] auto-extend: key "${o}" looks like an instance of "${S}" but neither "${S}" nor "smbls.${S}" is registered in context.components \u2014 element will render as a plain <div>. Register the base component or rename the key.`)}}bs(e,t,n);const h=new Set(["childProps","attr","style","scope","data"]),p=e.props&&typeof e.props=="object"?e.props:null;for(const _ in t){if(_==="parent"||_==="node"||_==="__ref"||_==="extends"||_==="context"||_==="props")continue;if(_==="key"){f&&(e.key=f);continue}const b=t[_],w=e[_],S=w&&b&&typeof w=="object"&&typeof b=="object"&&!Array.isArray(w)&&!Array.isArray(b)&&typeof w!="function"&&typeof b!="function";S&&_.charCodeAt(0)>=65&&_.charCodeAt(0)<=90?e[_]=bt(w,b):S&&h.has(_)?e[_]={...w,...b}:S&&qt(_)?e[_]=bt(w,b):e[_]=b}function y(_){for(const b in _){const w=_[b],S=e[b],C=S&&w&&typeof S=="object"&&typeof w=="object"&&!Array.isArray(S)&&!Array.isArray(w)&&typeof S!="function"&&typeof w!="function";C&&b.charCodeAt(0)>=65&&b.charCodeAt(0)<=90?e[b]=bt(S,w):C&&h.has(b)?e[b]={...S,...w}:C&&qt(b)?e[b]=bt(S,w):e[b]=w}}p&&y(p),t.props&&typeof t.props=="object"&&y(t.props),t.classlist!==void 0&&(e.classlist=t.classlist),t.text!==void 0&&(e.text=t.text),t.html!==void 0&&(e.html=t.html);const g=e.scope&&typeof e.scope=="object"?e.scope:null,c=s?.scope,l=e.context&&typeof e.context.globalScope=="object"&&e.context.globalScope||null,d=c||l||null;if(t.scope!==void 0||g){const _={};g&&Object.assign(_,g),t.scope!==void 0&&Object.assign(_,t.scope),e.scope=ds(_,d)}else d&&(e.scope=d);t.if!==void 0&&(e.if=t.if);const A=Vs(e,a);if(A&&(u.__declaredArrays=A),As(e),Ls(e,s,t),e.if!=null){let _;if(typeof e.if=="function")try{_=e.if(e,e.state,e.context)}catch(b){if(_=!1,u.__ifError=b,typeof console<"u"&&console.warn){const w=e.key||e.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${w} \u2014 treating as false:`,b?.message||b)}}else _=e.if;u.__if=!!_}if(u.__if)typeof e.if=="function"&&(u.__ifInitialized=!0);else return s&&(s[e.key]=e),typeof e.if=="function"&&$o(e,u,e.if),e;e.tag||(e.tag=lo(e)),F("Init",e,n);const x=e.node=Ht(e);if(!x)return e;if(e.tag==="fragment"){const b=(e.context?.document||globalThis.document).createComment("");x.appendChild(b),u.__fragmentAnchor=b}F("AttachNode",e,n),x.setAttribute&&e.key&&x.setAttribute("data-key",e.key),s&&(s[e.key]=e,s.__ref?.__children&&(s.__ref.__children.includes(e.key)||s.__ref.__children.push(e.key))),x.setAttribute&&e.context?.scopeSelector&&e.context.scopeSelector!==":root"&&e.context.key&&e.key===e.context.key&&x.setAttribute("data-smbls-app",e.context.key),e.id&&x.setAttribute&&(x.id=e.id),ns(e,n),No(e),Jt(e),Xo(e),ss(e),fe(e);try{rs(e,n)}catch(_){if(typeof console<"u"&&console.error){const b=e.__ref?.path?.join(".")||e.key||"<root>";console.error(`[smbls] createChildren failed at ${b}:`,_?.message||_,_?.stack?`
|
|
2
|
+
`+_.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Lt(r,!0),Zo(r,s,e),typeof r.html=="function"&&r.node&&!r.node.innerHTML){const l=r.context?.designSystem;l&&N(l);try{const b=r.html(r,r.state,r.context);b!=null&&typeof b!="function"&&(r.node.innerHTML=b)}catch{}finally{l&&F()}}if($("Create",r,n),$("Complete",r,n),$("Render",r,n),$("RenderRouter",r,n),Bt(r,n),typeof r.onFrame=="function"){const l=r.onFrame,b=r.context?.designSystem,A=()=>{if(r.node){if(r.node.isConnected){b&&N(b);try{l(r,r.state,r.context)}catch(w){console.error("[DOMQL] onFrame error:",w)}finally{b&&F()}}requestAnimationFrame(A)}};requestAnimationFrame(A)}return r}function bs(t,s,o){const n=!s,e=o.state&&typeof o.state=="object"&&!Array.isArray(o.state)&&Object.keys(o.state).length===0,c=n&&e&&t.context?.state,a=o.state!==void 0&&!c?o.state:t.state&&!q(t.state)?t.state:void 0;if(a==null){if(s?.state)t.state=s.state,it(t,t.state);else if(t.context?.state){const r=t.context.state,i={...r},h=t.context?.polyglot;if(h?.translations){const g=t.context,f=r.lang||h.defaultLang||"en",d=new Set,p=(_,l)=>{d.has(_)||cs(g,_,i)&&(i[_]=l,d.add(_),fs(g,_,l))},u=h.translations[f];if(u&&typeof u=="object")for(const _ in u)p(_,u[_]);const y=new Set(h.languages||[]);for(const _ in h.translations)y.has(_)||p(_,h.translations[_])}t.state=q(i)?i:Nt(i),t.state.__element=t,t.state.root=t.state,it(t,t.state),xt.promoteActiveRootState?.(r,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),it(t,t.state);return}if(typeof a=="string"){if(t.state=xo(a,s),t.state&&typeof t.state=="object"&&!q(t.state)){const r=s?.state?.root||s?.state||t.state;Object.defineProperty(t.state,"root",{value:r,enumerable:!1,configurable:!0,writable:!0})}it(t,t.state);return}if(typeof a=="function"){const r=a(t,s?.state);t.state=q(r)?r:Nt(r||{})}else q(a)?t.state=a:t.state=Nt({...a});t.state.__element=t,s?.state?(t.state.parent=s.state,t.state.root=s.state.root||s.state):t.state.root=t.state,it(t,t.state),xt.promoteActiveRootState?.(a,t.state)}function Ht(t,s){if(!s)return t;const o=s.split("/");let n=t;for(const e of o){if(n==null)return{};n=n[e]}return n??{}}function xo(t,s){if(!s)return{};if(t===".")return s.state||{};if(t.startsWith("../")){const e=t.slice(3);return e?Ht(s.state,e):s.state??{}}if(t.startsWith("~/")){const e=s.state?.root||s.state,c=t.slice(2);return c?Ht(e,c):e??{}}if(s.state?.[t]!==void 0)return s.state[t];const o=Ht(s.state,t);if(o!=null&&Object.keys(o).length>0)return o;const n=s.context?.polyglot;if(n?.translations){const e=s.state?.root?.lang||n.defaultLang||"en",c=n.translations[e];if(c?.[t]!==void 0)return c[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const As=new Set(["s","state","ctx","context"]);function xs(t){try{const o=(typeof xt.getFunctionSource=="function"?xt.getFunctionSource(t):Function.prototype.toString.call(t)).match(/^[^(]*\(([^)]*)\)/);return o?o[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function ws(t){if(typeof t!="function"||t.length!==2)return!1;const s=xs(t);if(s.length<2)return!1;const o=s[1].replace(/[{}[\]]/g,"").trim();return o.length>0&&!As.has(o)}function Cs(t){const s=t.__ref,o=t.tag||"div",n=t.context?.designSystem,e=[],c=Object.keys(t);for(let a=0;a<c.length;a++){const r=c[a];if(typeof t[r]!="function"||W.has(r))continue;const i=r.charCodeAt(0);i>=65&&i<=90||Y(r)||R[r]||M&&M.has(r)||ft(o,r)||(tt()&&ws(t[r])&&console.warn(`[smbls] custom prop "${r}"${t.key?` on key "${t.key}"`:""} is a function \u2014 it will be auto-invoked on read and its RETURN VALUE stored, not preserved as a callable reference. If you meant to stash a callback, use el.call('${r}', \u2026) instead of reading el.${r}(\u2026) directly (see RULES.md Rule 8).`),e.push({prop:r,fn:t[r]}))}for(let a=0;a<e.length;a++){const{prop:r,fn:i}=e[a];s.__exec[r]=i,Object.defineProperty(t,r,{get(){n&&N(n);try{return i(t,t.state,t.context)}catch{return}finally{n&&F()}},set(h){delete s.__exec[r],Object.defineProperty(t,r,{value:h,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Ss(t,s){if(!(!Array.isArray(s)||s.length===0))for(let o=0;o<s.length;o++){const n=s[o];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function P(t,s,o){return!Array.isArray(s)||s.length===0?o:function(...n){return Ss(t,s),o.apply(this,n)}}function yt(t,s){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[s]}function S(t,s){return()=>t.path.join(".")+"::"+s}const wo=new Set;function L(t,s,o){if(!tt())return;const n=S(t,s)();wo.has(n)||(wo.add(n),console.warn(`[smbls] "${s}" effect threw on ${t.path.join(".")} \u2014 keeping previous value:`,o?.message||o))}const Co=/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,vs=(t,s)=>{let o;try{o=String(t)}catch{return}if(!o.includes("{{"))return;Co.lastIndex=0;let n;for(;(n=Co.exec(o))!==null;)n[2].includes("{{")&&s.add(n[2])},ks=(t,s)=>!Y(t)&&!lt(s,t),So=(t,s,o,n)=>{if(typeof s=="string"){s.includes("{{")&&o.add(s);return}typeof s=="function"&&ks(t,n)&&vs(s,o)},js=["attr","aria","data"],Es=t=>{if(js.includes(t))return!0;const s=t.charCodeAt(0);return s===46||s===33||s===64},Ts=t=>{const s=new Set,o=t.tag||"div";for(const n of Object.keys(t)){const e=Object.getOwnPropertyDescriptor(t,n),c=e&&e.value;if(c&&typeof c=="object"&&!Array.isArray(c)){if(!Es(n))continue;for(const a in c)So(a,c[a],s,o);continue}So(n,c,s,o)}return s};function vo(t,s){const o=t.__ref,n=!!(s&&s.skipIfEffect),e=Ts(t);if(o.__authoredTemplates)for(const i of e)o.__authoredTemplates.add(i);else o.__authoredTemplates=e;if(Cs(t),typeof t.text=="function"){const i=t.text,h=P(t,t.textDeps,i),g=v(()=>{if(!o.contentManaged)try{let f=h(t,t.state,t.context);t.node&&f!=null&&typeof f!="function"&&typeof f!="object"&&(typeof f=="string"&&f.includes("{{")&&(f=I.call(t,f,t.state)),St(t,f))}catch(f){L(o,"text",f)}},{depth:o.path.length,label:S(o,"text")});o.__effects.push(g),o.__exec.text=i}else if(typeof t.text=="string"&&t.text.includes("{{")){const i=t.text,h=v(()=>{if(o.contentManaged)return;const g=I.call(t,i,t.state);g!=null&&(t.text=g),t.node&&St(t,g??"")},{depth:o.path.length,label:S(o,"text")});o.__effects.push(h),o.__exec.text=i}const c=t.tag||"div";for(const i of Object.keys(t))if(typeof t[i]=="function"&&!W.has(i)&&!Y(i)&&!o.__exec[i]&&!lo(c,i)){if(R[i]){const h=t[i],g=P(t,t[i+"Deps"],h),f=i;let d,p=null,u=null,y;const _=v(()=>{const l=t.context?.designSystem;l&&N(l);try{const b=g(t,t.state,t.context);co();let A;try{A=R[f](b,t,t.state,t.context)}finally{fo()}if(Array.isArray(A)){const x={};for(const C of A)if(C)for(const E in C)x[E]=C[E];A=x}const w=f==="show"||f==="hide";if(A&&t.node&&Ps(A)){const x=vt(A);if(x===null||x!==y){y=x;const C=ct(A,null,t.context?.cssPrefix),E=C?C.split(" ").filter(Boolean):null;if(t.node.classList){if(u)for(const U of u)t.node.classList.remove(U);if(E&&E.length)for(const U of E)t.node.classList.add(U);u=E}}d=void 0,p=null}else if(A&&t.node){if(u){for(const C of u)t.node.classList.remove(C);u=null,y=void 0}const x=vt(A);if(x===null||x!==d||!Et(t.node,p)){d=x;const C=Lo(t,A);p=kt(t.node,C)}}else t.node&&w&&(d=void 0,p=null,t.node.style.display="")}finally{l&&F()}},{depth:o.path.length,label:S(o,f)});o.__effects.push(_),o.__exec[i]=h}else if(M&&M.has(i)){const h=t[i],g=P(t,t[i+"Deps"],h),f=i;let d,p=null;const u=v(()=>{const y=t.context?.designSystem;y&&N(y);try{const _=g(t,t.state,t.context);if(t.node)if(_!=null){const l=f+":"+String(_);if(l!==d||!Et(t.node,p)){d=l;const b={[f]:_},A=Lo(t,b);p=kt(t.node,A)}}else d=void 0,p=null,t.node.style[f]=""}finally{y&&F()}},{depth:o.path.length,label:S(o,f)});o.__effects.push(u),o.__exec[i]=h}}if(typeof t.html=="function"){const i=t.html,h=P(t,t.htmlDeps,i),g=v(()=>{const f=t.context?.designSystem;f&&N(f);try{const d=h(t,t.state,t.context);t.node&&d!=null&&typeof d!="function"&&(t.node.innerHTML=d)}finally{f&&F()}},{depth:o.path.length,label:S(o,"html")});o.__effects.push(g),o.__exec.html=i}if(typeof t.value=="function"){const i=t.value,h=P(t,t.valueDeps,i),g=v(()=>{try{let f=h(t,t.state,t.context);typeof f=="string"&&f.includes("{{")&&(f=I.call(t,f,t.state)),Eo(t,f)}catch(f){L(o,"value",f)}},{depth:o.path.length,label:S(o,"value")});o.__effects.push(g),o.__exec.value=i}else if(typeof t.value=="string"&&t.value.includes("{{")){const i=t.value,h=v(()=>{try{Eo(t,I.call(t,i,t.state))}catch(g){L(o,"value",g)}},{depth:o.path.length,label:S(o,"value")});o.__effects.push(h),o.__exec.value=i}if(typeof t.style=="function"){const i=t.style,h=P(t,t.styleDeps,i);let g,f=null;const d=v(()=>{const p=h(t,t.state,t.context),u=vt(p);(u===null||u!==g||!Et(t.node,f))&&(g=u,Ls(t.node,f,p),J(t.node,p),f=kt(t.node,p))},{depth:o.path.length,label:S(o,"style")});o.__effects.push(d),o.__exec.style=i}else if(t.style&&typeof t.style=="object")for(const i in t.style){const h=t.style[i];if(typeof h!="function")continue;const g=P(t,yt(t.styleDeps,i),h);let f,d=null;const p=v(()=>{try{const u=g(t,t.state,t.context);if(t.node){const y=i+":"+String(u);if(y!==f||!Et(t.node,d)){f=y;const _={[i]:u};J(t.node,_),d=kt(t.node,_)}}}catch(u){L(o,"style."+i,u)}},{depth:o.path.length,label:S(o,"style."+i)});o.__effects.push(p)}if(t.attr&&typeof t.attr=="object"){for(const i in t.attr)if(typeof t.attr[i]=="function"){const h=P(t,yt(t.attrDeps,i),t.attr[i]),g=i,f=v(()=>{try{let d=h(t,t.state,t.context);typeof d=="string"&&d.includes("{{")&&(d=I.call(t,d,t.state)),t.node?.setAttribute&&(d==null||d===!1&&!ut(g)?t.node.removeAttribute(g):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(g,V(g,d)))}catch(d){L(o,"attr."+g,d)}},{depth:o.path.length,label:S(o,"attr."+g)});f._attrName=g.toLowerCase(),o.__effects.push(f)}else if(typeof t.attr[i]=="string"&&t.attr[i].includes("{{")){const h=t.attr[i],g=i,f=v(()=>{try{const d=I.call(t,h,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(g,V(g,d??""))}catch(d){L(o,"attr."+g,d)}},{depth:o.path.length,label:S(o,"attr."+g)});f._attrName=g.toLowerCase(),o.__effects.push(f)}}if(t.aria&&typeof t.aria=="object")for(const i in t.aria){const h=t.aria[i];if(typeof h=="string"&&h.includes("{{")){const p=h,u="aria-"+i.replace(/[A-Z]/g,_=>"-"+_.toLowerCase()),y=v(()=>{try{const _=I.call(t,p,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(u,V(u,_??""))}catch(_){L(o,"aria."+i,_)}},{depth:o.path.length,label:S(o,"aria."+i)});y._attrName=u,o.__effects.push(y);continue}if(typeof h!="function")continue;const g=P(t,yt(t.ariaDeps,i),t.aria[i]),f="aria-"+i.replace(/[A-Z]/g,p=>"-"+p.toLowerCase()),d=v(()=>{try{const p=g(t,t.state,t.context);if(!t.node?.setAttribute)return;p==null?t.node.removeAttribute(f):typeof p!="function"&&typeof p!="object"&&t.node.setAttribute(f,V(f,p))}catch(p){L(o,"aria."+i,p)}},{depth:o.path.length,label:S(o,"aria."+i)});d._attrName=f,o.__effects.push(d)}if(t.data&&typeof t.data=="object")for(const i in t.data){const h=t.data[i];if(typeof h=="string"&&h.includes("{{")){const u=h,y="data-"+i.replace(/[A-Z]/g,l=>"-"+l.toLowerCase()),_=v(()=>{try{const l=I.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(y,l??"")}catch(l){L(o,"data."+i,l)}},{depth:o.path.length,label:S(o,"data."+i)});_._attrName=y,o.__effects.push(_);continue}if(typeof h!="function")continue;const g=P(t,yt(t.dataDeps,i),t.data[i]),d="data-"+i.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),p=v(()=>{try{const u=g(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null||u===!1?t.node.removeAttribute(d):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(d,u===!0?"":u)}catch(u){L(o,"data."+i,u)}},{depth:o.path.length,label:S(o,"data."+i)});p._attrName=d,o.__effects.push(p)}const a=t.classlist&&typeof t.classlist=="object"&&!Array.isArray(t.classlist)?t.classlist:t.class&&typeof t.class=="object"&&!Array.isArray(t.class)?t.class:null;if(a)for(const i in a){if(typeof a[i]!="function")continue;const h=P(t,yt(t.classDeps,i),a[i]),g=v(()=>{try{const f=h(t,t.state,t.context);if(!t.node?.classList)return;typeof f=="string"?t.node.classList.add(f):f?t.node.classList.add(i):t.node.classList.remove(i)}catch(f){L(o,"class."+i,f)}},{depth:o.path.length,label:S(o,"class."+i)});o.__effects.push(g)}!n&&typeof t.if=="function"&&jo(t,o,t.if);for(const i of Object.keys(t)){if(W.has(i)||typeof t[i]!="function")continue;const h=i.charCodeAt(0);if(h>=65&&h<=90||Y(i))continue;const g=t[i];o.__exec[i]=g;const f=t.tag||"div";if(ft(f,i)&&!lt(f,i)){const d=at(i)||i,p=P(t,t[i+"Deps"],g),u=v(()=>{try{let y=p(t,t.state,t.context);typeof y=="string"&&y.includes("{{")&&(y=I.call(t,y,t.state)),t.node?.setAttribute&&(y==null||y===!1&&!ut(d)?t.node.removeAttribute(d):typeof y!="function"&&typeof y!="object"&&(d==="src"&&"src"in t.node?t.node.src=y:t.node.setAttribute(d,V(d,y))))}catch(y){L(o,i,y)}},{depth:o.path.length,label:S(o,i)});u._attrName=d.toLowerCase(),o.__effects.push(u)}}const r=t.tag||"div";for(const i of Object.keys(t)){if(W.has(i))continue;const h=t[i];if(typeof h!="string"||!h.includes("{{"))continue;const g=i.charCodeAt(0);if(g>=65&&g<=90||Y(i)||lt(r,i)||$t[i]||!ft(r,i))continue;const f=at(i)||i,d=v(()=>{try{const p=I.call(t,h,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(f,V(f,p??""))}catch(p){L(o,i,p)}},{depth:o.path.length,label:S(o,i)});d._attrName=f.toLowerCase(),o.__effects.push(d)}if(Fs(t),Bs(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const i=t.onStateUpdate,h=t.stateDeps;let g=!1,f=[];const d=v(()=>{const p=[];for(let l=0;l<h.length;l++){const b=h[l];try{p[l]=typeof b=="function"?b(t,t.state,t.context):t.state?.[b]}catch{p[l]=void 0}}if(!g){g=!0,f=p;return}let u=p.length!==f.length;for(let l=0;!u&&l<p.length;l++)p[l]!==f[l]&&(u=!0);const y=f;if(f=p,!u)return;const _=t.context?.designSystem;_&&N(_);try{i(t,t.state,t.context,{prev:y,next:p})}catch(l){if(t.context?.plugins?.length&&z("error",t,{hook:"onStateUpdate",error:l})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',l),t.context?.strictMode)throw l}finally{_&&F()}},{depth:o.path.length,label:S(o,"onStateUpdate")});o.__effects.push(d)}Us(t)}function ko(t){const s=t.parent,o=s?.node;if(!o||!t.node){Zo(t,t.parent);return}let n=null;const e=Object.keys(s),c=e.indexOf(t.key);for(let a=c+1;a<e.length;a++){const r=s[e[a]];if(r?.node?.parentNode===o){n=r.node;break}}n?o.insertBefore(t.node,n):o.appendChild(t.node)}function jo(t,s,o){const n=P(t,t.ifDeps,o),e=v(()=>{let c;try{c=n(t,t.state,t.context)}catch(r){if(c=!1,s.__ifError=r,typeof console<"u"&&console.warn){const i=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${i} \u2014 treating as false:`,r?.message||r)}return}const a=s.__if;if(s.__if=!!c,a&&!s.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(r){console.error("[smbls] onRemove error:",r)}}else if(!a&&s.__if)if(s.__ifInitialized)t.node||(t.node=Ft(t)),t.node&&(t.node.ref=t),ko(t),Vt(t),$("Render",t,{}),Bt(t,{});else{if(s.__ifInitialized=!0,t.tag||(t.tag=so(t)),$("Init",t,{}),t.node||(t.node=Ft(t)),!t.node)return;if(t.parent?.__ref?.__children&&!t.parent.__ref.__children.includes(t.key)&&t.parent.__ref.__children.push(t.key),t.tag==="fragment"&&!s.__fragmentAnchor){const i=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(i),s.__fragmentAnchor=i}$("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),Yo(t,{}),vo(t,{skipIfEffect:!0}),Vt(t),Bo(t),Wo(t),qo(t,{}),ko(t),$("Create",t,{}),$("Complete",t,{}),$("Render",t,{}),$("RenderRouter",t,{}),Bt(t,{})}},{depth:s.path.length,label:S(s,"if")});s.__effects.push(e)}function St(t,s){const o=t.node;if(!o)return;const n=s==null||typeof s=="object"?"":String(s);if(t.tag==="string"){o.nodeValue!==n&&(o.nodeValue=n);return}const e=t.__ref;let c=e?e.__textNode:null;if(c&&c.parentNode!==o&&(c=null),!c){const a=o.firstChild;a&&a.nodeType===3&&(c=a)}c?c.nodeValue!==n&&(c.nodeValue=n):o.firstChild?(c=(o.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),o.insertBefore(c,o.firstChild)):(o.textContent=n,c=o.firstChild&&o.firstChild.nodeType===3?o.firstChild:null),e&&(e.__textNode=c||null)}function Eo(t,s){const o=t.node;if(!o||!("value"in o))return;const n=s==null?"":String(s);if(o.value===n)return;const e=typeof document<"u"&&document.activeElement===o,c=e&&typeof o.selectionStart=="number"?o.selectionStart:null,a=e&&typeof o.selectionEnd=="number"?o.selectionEnd:null;if(o.value=n,e&&c!=null&&a!=null)try{o.setSelectionRange(c,a)}catch{}const r=t.__ref&&t.__ref.__autoGrow;r&&r.active&&r.resize()}function Vt(t){const{node:s}=t;if(s){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&St(t,t.text),Uo(t),typeof t.html=="string"&&(s.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&!(typeof t.value=="string"&&t.value.includes("{{"))&&"value"in s){const o=String(t.value);s.value!==o&&(s.value=o)}if(t.style&&typeof t.style=="object"){let o=t.style;for(const n in t.style)if(typeof t.style[n]=="function"){o={};for(const e in t.style)typeof t.style[e]!="function"&&(o[e]=t.style[e]);break}J(s,o)}if(t.attr&&typeof t.attr=="object")for(const o in t.attr){const n=t.attr[o];typeof n=="function"||typeof n=="object"||n!=null&&(typeof n=="string"&&n.includes("{{")||n===!1&&!ut(o)||s.setAttribute&&s.setAttribute(o,V(o,n)))}if(typeof t.themeModifier=="string"&&t.themeModifier&&s.setAttribute&&s.setAttribute("data-theme",t.themeModifier),t.data&&typeof t.data=="object")for(const o in t.data){const n=t.data[o];typeof n=="function"||typeof n=="object"||n==null||n===!1||typeof n=="string"&&n.includes("{{")||s.dataset&&(s.dataset[o]=n===!0?"":n)}if(t.classlist||t.class){const o=t.classlist||t.class;if(typeof o=="string")o.split(" ").forEach(n=>n&&s.classList.add(n));else if(typeof o=="object")for(const n in o){const e=typeof o[n]=="function"?o[n](t,t.state,t.context):o[n];e&&s.classList.add(typeof e=="string"?e:n)}}}}function vt(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Ps(t){if(!t||typeof t!="object")return!1;for(const s in t){const o=t[s];if(o&&typeof o=="object"&&!Array.isArray(o))return!0}return!1}function kt(t,s){if(!t||!t.style||!s)return null;const o=t.style,n=[];for(const e in s){if(s[e]==null||e.charAt(0)==="&")continue;const a=jt(e);n.push(a,Kt(o,a),To(o,a))}return n}function Kt(t,s){return typeof t.getPropertyValue=="function"?t.getPropertyValue(s):""}function To(t,s){return typeof t.getPropertyPriority=="function"?t.getPropertyPriority(s):""}function jt(t){return Tt(t)?t:t.replace(/[A-Z]/g,s=>"-"+s.toLowerCase())}function Ls(t,s,o){if(!t||!t.style||!s||!s.length)return;const n=t.style,e=new Set;if(o&&typeof o=="object")for(const c in o)o[c]==null||c.charAt(0)==="&"||e.add(jt(c));for(let c=0;c<s.length;c+=3){const a=s[c];e.has(a)||Kt(n,a)===s[c+1]&&typeof n.removeProperty=="function"&&n.removeProperty(a)}}function Et(t,s){if(!s||!t||!t.style)return!1;const o=t.style;for(let n=0;n<s.length;n+=3)if(Kt(o,s[n])!==s[n+1]||To(o,s[n])!==s[n+2])return!1;return!0}const Tt=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45;function Os(t){let s=null;for(const o in t)t[o]!=null&&o.charAt(0)!=="&"&&(s||(s=new Set),s.add(jt(o)));return s}function Ds(t,s,o,n){const e=t.__ref;if(!e)return;let c=null;if(o)for(const a of o){if(n&&n.has(a))continue;const r=s[a];if(r==null||typeof r=="object")continue;const i=jt(a);uo[i]&&(c||(c={}),c[i]=r)}e.__declaredLonghands=c}function Po(t,s){const o=t.__ref,n=o&&o.__declaredLonghands;if(!n||!s)return null;let e=null;for(const c in n){if(s.has(c))continue;const a=uo[c];let r=!1;for(let i=0;i<a.length;i++)if(s.has(a[i])){r=!0;break}r&&(e||(e={}),e[c]=n[c])}return e}function Lo(t,s){const o=t.node;J(o,s);const n=Os(s);if(!n)return s;const e=t.__ref;if(e)if(e.__inlineCssKeys)for(const a of n)e.__inlineCssKeys.add(a);else e.__inlineCssKeys=new Set(n);const c=Po(t,n);return c?(J(o,c),Object.assign({},s,c)):s}function Rs(t){const s=t.__ref;if(!s||!s.__inlineCssKeys||!s.__declaredLonghands)return;const o=Po(t,s.__inlineCssKeys);o&&J(t.node,o)}function J(t,s){if(!t||!s||!t.style)return;let o=null;for(const n in s){const e=s[n];if(e!=null){if(n.charAt(0)==="&"&&typeof e=="object"){o||(o={}),o[n]=e;continue}try{const c=String(e),a=Tt(n)?n:n.replace(/[A-Z]/g,g=>"-"+g.toLowerCase()),r=c.trim(),i=/\s*!important\s*$/.test(r),h=r.replace(/\s*!important\s*$/,"");t.style.setProperty(a,h,i?"important":"")}catch{}}}o&&Ms(t,o)}function Ms(t,s){const o=`_ds${po.scopedStyleId++}`;t.classList.add(o);const n=t.ownerDocument;let e=n.querySelector("style[data-smbls-scoped]");e||(e=n.createElement("style"),e.setAttribute("data-smbls-scoped",""),n.head.appendChild(e));let c="";for(const a in s){const r="."+o,i=a.replace(/&/g,r).split(",").map(g=>{const f=g.trim();return f.includes(r)?f:r+f}).join(", "),h=s[a];if(typeof h=="object"){let g="",f="";for(const d in h){const p=h[d];if(typeof p=="object"){const u=d.includes("&")?i.split(", ").map(_=>d.replace(/&/g,_)).join(", "):i.split(", ").map(_=>`${_} ${d}`).join(", ");let y="";for(const _ in p)y+=`${_.replace(/[A-Z]/g,l=>"-"+l.toLowerCase())}: ${p[_]};`;f+=ao(`${u} { ${y} }`,u)+`
|
|
5
|
-
`}else
|
|
6
|
-
`),f&&(c+=f)}}c&&(e.textContent+=c)}const Oo=new Set;function Do(t){if(!Array.isArray(t))return"";const s=[];for(let o=0;o<t.length;o++)typeof t[o]=="string"&&t[o].length&&s.push(t[o]);return s.sort(),s.join("|")}function Ns(t,s,o){const n=Do(o);queueMicrotask(()=>{if(!t.__ref)return;let e;try{e=s(t,t.state,t.context)}catch{return}if(Do(e)===n)return;const c=t.__ref.path?t.__ref.path.join("."):t.key||"?";Oo.has(c)||(Oo.add(c),console.warn(`[smbls] subscribeTo function at "${c}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${o.join(", ")||"(none)"}], probed [${Array.isArray(e)?e.join(", "):String(e)}]. subscribeTo's function form is resolved ONCE at element-create time (registerSubscribeToEffects, @symbo.ls/element create.js) \u2014 this element stays wired to the ORIGINAL list for its whole lifetime, so this drift is invisible to the reactive effect and any key only present in the new list will never trigger onUpdate. If the watched key genuinely is not known until later (e.g. a module config that loads after shell boot), route the write through an imperative call instead of subscribeTo \u2014 see functions/moduleOpenBridge.js's moduleOpenPage (workspace repo) for the house pattern.`))})}function Fs(t){const s=t.subscribeTo,o=typeof s=="function";let n=s;if(o)try{n=s(t,t.state,t.context)}catch{n=null}if(o&&tt()&&Ns(t,s,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const e=t.__ref;for(let c=0;c<n.length;c++){const a=n[c];if(typeof a!="string"||a.length===0)continue;const r=a.split("."),i=r[0],h=r.slice(1),g={value:!1},f=v(()=>{const d=t.state&&(q(t.state)?t.state.root:null);if(!d||!q(d))return;let p=d;p=p[i];for(let y=0;y<h.length&&!(p==null||typeof p!="object");y++)if(q(p))p=p[h[y]];else break;if(!g.value)return;let u=!1;if(typeof t.onBeforeUpdate=="function"){const y=t.context?.designSystem;y&&N(y);try{if(Zs(e)){const _=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});_&&typeof _.then=="function"?_.then(()=>Ot(e,!1),l=>{Ot(e,!0),t.context?.plugins?.length&&z("error",t,{hook:"onBeforeUpdate",error:l})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",l)}):(Ot(e,!1),_===!1&&(u=!0))}}catch(_){Ot(e,!0),t.context?.plugins?.length&&z("error",t,{hook:"onBeforeUpdate",error:_})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",_)}finally{y&&F()}}if(!u&&t.node&&e.__effects)for(let y=0;y<e.__effects.length;y++){const _=e.__effects[y];_&&_!==f&&!_._disposed&&!_._isSubscribeToEffect&&typeof _._execute=="function"&&_._execute()}if(!u&&typeof t.onUpdate=="function"){const y=t.context?.designSystem;y&&N(y);try{t.onUpdate(t,t.state,t.context)}catch(_){t.context?.plugins?.length&&z("error",t,{hook:"onUpdate",error:_})||console.error("[DOMQL] subscribeTo onUpdate error:",_)}finally{y&&F()}}},{depth:e.path.length,label:S(e,"subscribeTo("+a+")")});g.value=!0,f._isSubscribeToEffect=!0,e.__effects.push(f)}}function Wt(t,s){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!s.context?.designSystem?.media?.[t.slice(1)])}function zt(t,s){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const o=s.context?.designSystem?.media?.[t.slice(1)];return o?/^@(media|supports|container)\b/.test(o)?o:`@media ${o}`:t}const Ro=new Set;function $s(t,s){const o=s?.__ref?.path?s.__ref.path.join("."):s?.key||"?",n=o+"::"+t;Ro.has(n)||(Ro.add(n),console.warn(`[smbls/css] "${t}" at ${o} is a CHILD-COMPONENT key nested inside a pseudo/selector block (":hover", "@dark", etc.) \u2014 that is never a valid CSS selector fragment. The rule is DROPPED (not shipped as a dead/never-matching selector). To reveal a child on a parent state, target the child's OWN class from the parent selector instead, e.g. move the declaration onto the child element itself, or use a sibling-selector combinator in a top-level style block.`))}function et(t,s,o,n){const e={},c=new Set,a=(r,i,h)=>{const g=h?new Set(Object.keys(e)):null;if(R[r]){const f=R[r](i,s,s.state,s.context);if(f){const d=Array.isArray(f)?f:[f];for(const p of d)p&&Object.assign(e,p)}}else e[r]=i;if(h)for(const f in e)g.has(f)||c.add(f)};for(const r in t){if(!Object.prototype.hasOwnProperty.call(t,r))continue;let i=t[r];if(typeof i=="function"&&(i=i(s,s.state,s.context)),i==null||typeof i=="function")continue;if(typeof i=="object"&&!Array.isArray(i)){if(r==="style"){for(const p in i){let u=i[p];if(typeof u=="function"&&(u=u(s,s.state,s.context)),u==null||typeof u=="function")continue;const y=typeof s[p]=="function"&&(R[p]||M&&M.has(p))||!!(n&&n.has(p));a(p,u,y)}continue}if(Wt(r,s)){const p=et(i,s,!1,n);Object.keys(p).length&&(e[`[data-theme="${r.slice(1)}"] &`]=p);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(r)){tt()&&$s(r,s);continue}const f=zt(r,s),d=et(i,s,!1,n);Object.keys(d).length&&(e[f]=d);continue}const h=typeof s[r]=="function"&&(R[r]||M&&M.has(r)),g=!!(n&&n.has(r));a(r,i,h||g)}if(o)for(const r in e)c.add(r);for(const r of c){const i=e[r];typeof i=="string"&&!i.includes("!important")&&(e[r]=i+" !important")}return e}const Pt=t=>!!t&&typeof t=="object"&&!Array.isArray(t);function Mo(t,s){for(const o in s){const n=s[o];t[o]=Pt(n)?Mo(Pt(t[o])?t[o]:{},n):n}return t}function Is(t,s){if(!Pt(s))return;let o;for(const n of t.split(" ")){const e=n?s[n]:null;Pt(e)&&(o=Mo(o||{},e))}return o}function Yt(t,s){if(s===void 0&&(s=0),s>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&Yt(t[o],s+1))return!0}return!1}function No(t,s,o){if(!s||typeof s!="object"||Array.isArray(s))return null;if(Wt(t,o)){const c=et(s,o,!1);return Object.keys(c).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:c}:null}const n=zt(t,o),e=et(s,o,!1);return Object.keys(e).length?{cssProp:n,block:e}:null}function Us(t){const s=t.__ref;for(const o of Object.keys(t)){if(!Gt(o))continue;const n=t[o];if(!n||typeof n!="object"||Array.isArray(n)||!Yt(n))continue;let e=null,c;const a=v(()=>{if(!t.node)return;const r=t.context?.designSystem;r&&N(r);let i,h=!1;try{const g=No(o,n,t),f=g?vt(g.block)+"::"+g.cssProp:null;if(f!==null&&f===c)h=!0;else if(c=f,g){const d=ct({[g.cssProp]:g.block},null,t.context?.cssPrefix);i=d?d.split(" ").filter(Boolean):null}else i=null}finally{r&&F()}if(!(h||!t.node.classList)){if(e)for(const g of e)t.node.classList.remove(g);if(i&&i.length)for(const g of i)t.node.classList.add(g);e=i}},{depth:s.path.length,label:S(s,"cssBlock("+o+")")});s.__effects.push(a)}}function Bs(t){const s=t.__ref;s.__conditionalRunners=[];const o=new Map;for(const n of Object.keys(t)){const e=n.charAt(0);if(e!=="."&&e!=="!")continue;const c=n.slice(1);if(!c)continue;if(/[:@\s>~+[\]]/.test(c)){if(typeof console<"u"&&console.warn){const u=c.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${e}\` is read as one prop name. Nest the selector inside instead: \`${e}${u}: { '${c.slice(u.length)}': {...} }\`.`)}continue}const a=t[n];if(!a||typeof a!="object")continue;const r=e==="!",i={lastMatch:!1,appliedKeys:null,appliedClasses:null},h=new Set;for(const u in a){if(!Object.prototype.hasOwnProperty.call(a,u))continue;const y=u.charAt(0),_=a[u];(y===":"||y==="@"||y==="&"||y==="[")&&_&&typeof _=="object"&&!Array.isArray(_)||h.add(u)}const g=()=>{let u;const y=t[c];if(y===void 0){const b=!!t.state&&c in t.state,A=t.state?t.state[c]:void 0;if(b||A!==void 0)u=A;else{const w=t.context?.cases?.[c];if(w===void 0)return;try{u=typeof w=="function"?w.call(t,t):w}catch(x){u=!1,s.__conditionalError=x,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,x?.message||x)}}}else if(typeof y=="function")try{u=y(t,t.state,t.context)}catch(b){u=!1,s.__conditionalError=b,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,b?.message||b)}else u=y;const _=r?!u:!!u;if(!t.node||_===i.lastMatch)return;i.lastMatch=_;const l=t.context?.designSystem;l&&N(l);try{if(_){const b={},A={};let w=!1;for(const C in a){if(!Object.prototype.hasOwnProperty.call(a,C))continue;const E=a[C],U=C.charAt(0);if((U===":"||U==="@"||U==="&"||U==="[")&&E&&typeof E=="object"&&!Array.isArray(E)){if(Wt(C,t)){const T=et(E,t,!1,h);Object.keys(T).length&&(A[`[data-theme="${C.slice(1)}"] &`]=T,w=!0)}else{const T=zt(C,t),Q=et(E,t,!1,h);Object.keys(Q).length&&(A[T]=Q,w=!0)}continue}const O=typeof E=="function"?E(t,t.state,t.context):E;if(O!=null)if(R[C]){const T=R[C](O,t,t.state,t.context);if(T){const Q=Array.isArray(T)?T:[T];for(const bt of Q)bt&&Object.assign(b,bt)}}else(M&&M.has(C)||Tt(C))&&(b[C]=O)}const x=Object.keys(b);if(x.length){J(t.node,b);for(const C of x)o.set(C,n);i.appliedKeys=x}else i.appliedKeys=null;if(w){const C=ct(A,null,t.context?.cssPrefix,{state:!0}),E=C?C.split(" ").filter(Boolean):[];if(E.length&&t.node.classList){for(const U of E)t.node.classList.add(U);i.appliedClasses=E}else i.appliedClasses=null}else if(i.appliedClasses){for(const C of i.appliedClasses)t.node.classList.remove(C);i.appliedClasses=null}}else{if(i.appliedKeys){for(const b of i.appliedKeys)o.get(b)===n&&(Tt(b)?t.node.style.removeProperty(b):t.node.style[b]="",o.delete(b));i.appliedKeys=null}if(i.appliedClasses){for(const b of i.appliedClasses)t.node.classList.remove(b);i.appliedClasses=null}}}finally{l&&F()}};s.__conditionalRunners.push(g);const f=P(t,t[c+"Deps"],g),d=v(f,{depth:s.path.length,label:S(s,"conditional("+n+")")}),p=s.__exec&&s.__exec[c]||t[c];d._sources.size===0&&typeof p=="function"&&tt()&&console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} subscribed to nothing \u2014 its predicate tracked no reactive read on its first run, so no state write will ever re-evaluate it (only a direct element.update() on this element re-runs it). If the predicate guards its state reads (\`in\`, short-circuits, \`?.\`), declare \`${c}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),s.__effects.push(d)}}const qt=new WeakSet;function Gs(t){const s=t.ownerDocument;!s||qt.has(s)||(qt.add(s),queueMicrotask(()=>{qt.delete(s);const o=s.body||s.documentElement;o&&o.offsetWidth}))}const Zt=new WeakSet;let Fo=!1;function $o(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function Qt(t,s){const o={...t};for(const n in s){const e=s[n],c=o[n];o[n]=e&&typeof e=="object"&&c&&typeof c=="object"?Qt(c,e):e}return o}function Io(t,s){const o={};for(const n in t){const e=t[n];if(e&&typeof e=="object"){const c=Io(e,s);Object.keys(c).length&&(o[n]=c)}else s.has(n)||(o[n]=e)}return o}function Uo(t){const{node:s}=t;if(!s)return;if(Fo||(Fo=!0,ct({display:"none"})),Zt.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}Zt.add(t);const o=t.context?.designSystem;o&&N(o),co();try{const n={};let e=!1,c=[],a=null,r=null,i=null;const h=(u,y)=>{if(y&&typeof y=="object"&&$o(u)){r||(r={});const _=r[u];_&&(y=Qt(_,y)),r[u]=y}else(y===null||typeof y!="object")&&(i||(i=new Set),i.add(u));n[u]=y};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&R.theme){const u=R.theme(t.theme,t,t.state,t.context);if(u){const y=_=>{for(const l in _){const b=_[l];b&&typeof b=="object"&&$o(l)&&(a||(a={}),a[l]=b),n[l]=b}};if(Array.isArray(u))for(const _ of u)_&&y(_);else y(u);e=!0}}const g=(u,y)=>{if(R[u]){const _=R[u](y,t,t.state,t.context);if(_){if(Array.isArray(_)){for(const l of _)if(l)for(const b in l)h(b,l[b])}else for(const l in _)h(l,_[l]);e=!0}}else if(M&&M.has(u))y!=null&&typeof y!="object"&&(h(u,y),e=!0);else if(u.charCodeAt(0)===45)y!=null&&typeof y!="object"&&(h(u,y),e=!0);else if((u.charAt(0)==="&"||u.charAt(0)==="@"||u.charAt(0)===":"||u.charAt(0)==="[")&&y&&typeof y=="object"&&!Array.isArray(y)){if(Yt(y))return;const _=No(u,y,t);_&&(h(_.cssProp,_.block),e=!0)}};if(typeof t.class=="string"){const u=Is(t.class,t.context?.designSystem?.class);if(u)for(const y in u)g(y,u[y])}const f=i?new Set(i):null,d=t.tag||"div";for(const u of Object.keys(t)){if(typeof t[u]=="function"||W.has(u)||u==="theme")continue;const y=u.charCodeAt(0);y>=65&&y<=90||Y(u)||lo(d,u)||g(u,t[u])}if(a)for(const u in a){let y=i?Io(a[u],i):a[u];r&&r[u]&&(y=Qt(y,r[u])),Object.keys(y).length?n[u]=y:delete n[u]}if(Ds(t,n,i,f),e){n.display&&String(n.display).includes("!important")&&(s.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const u=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;typeof u=="string"&&u!==""&&n.display&&n.display!==u&&(n.display=u);const y=ct(n,null,t.context?.cssPrefix);if(c=y?y.split(" ").filter(Boolean):[],y&&s.classList){const _=c;let l=!1;for(const b of _)s.classList.add(b),l||(b.charCodeAt(0)===95&&b.charCodeAt(1)===99||b.charCodeAt(0)===95&&b.indexOf("_c",1)!==-1)&&(l=!0);l&&Gs(s)}}const p=t.__ref;if(p){const u=p.__staticCssClasses;if(u&&s.classList){const y=new Set(c);for(const _ of u)y.has(_)||s.classList.remove(_)}p.__staticCssClasses=c}Rs(t)}finally{fo(),o&&F(),Zt.delete(t)}}const we=t=>!!R[t]||!!(M&&M.has(t))||typeof t=="string"&&t.charCodeAt(0)===45;function Ce(t){t&&t.node&&Uo(t)}function Bo(t){const{node:s}=t;if(!s||!s.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const c=t.aria[e];if(typeof c=="function"||typeof c=="object"||c==null||typeof c=="string"&&c.includes("{{"))continue;const a="aria-"+e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase());s.setAttribute(a,V(a,c))}const o=as(t);for(const e in o){const c=o[e];c!=null&&c!==!1&&typeof c!="function"&&typeof c!="object"&&s.setAttribute(e,c===!0?"":c)}const n=t.tag||"div";for(const e of Object.keys(t)){if(typeof t[e]=="function"||W.has(e)||e==="on"||o[e]!==void 0)continue;const c=e.charCodeAt(0);if(!(c>=65&&c<=90)&&!Y(e)&&!lt(n,e)&&ft(n,e)){let a=t[e];if(a==null)continue;if(typeof a=="string"&&a.includes("{{")){if(!$t[e])continue;a=I.call(t,a,t.state)}if(a==null||typeof a=="function"||typeof a=="object"||a===!1&&!ut(at(e)||e))continue;const r=at(e)||e;s.setAttribute(r,V(r,a))}}}function Se(t,s){const{node:o}=t;if(!o||!o.setAttribute)return;const n=s.charCodeAt(0);if(n>=65&&n<=90||Y(s))return;const e=t.tag||"div";if(lt(e,s)||!ft(e,s))return;const c=at(s)||s,a=c.toLowerCase(),r=t.__ref&&t.__ref.__effects;let i=!1;if(r)for(let f=0;f<r.length;f++){const d=r[f];d&&d._attrName===a&&!d._disposed&&typeof d._execute=="function"&&(i=!0,d._execute())}if(i)return;let h=t[s];const g=$t[s];if(g&&h!=null){const f=g(t);f!==void 0&&(h=f)}typeof h=="string"&&h.includes("{{")&&(h=I.call(t,h,t.state)),h==null||h===!1&&!ut(c)?o.removeAttribute(c):typeof h!="function"&&typeof h!="object"&&o.setAttribute(c,V(c,h))}function Hs(t,s){const o=t.node,n=t.__ref;let e=n.__autoGrow;if(!s){if(e&&e.active){try{o.removeEventListener("input",e.resize)}catch{}Ho(e),X.delete(t),o.style.height="",e.appliedMax!=null&&o.style.maxHeight===e.appliedMax&&(o.style.maxHeight=""),Vo(o,e,!1),e.active=!1,e.appliedMax=null,e.lastMeasure=0}return}e||(e=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,lastWidth:null,watch:null,awaitingLayout:!1,appliedScroll:!1,fontsHooked:!1,attachAttempts:0,firstAttemptAt:null,resize:()=>{if(!o.isConnected){_t(t,!0);return}if(!(o.scrollHeight>0)){e.awaitingLayout=!0,Go(t,e);return}e.awaitingLayout=!1;const a=o.style.height;o.style.height="0px";const r=o.scrollHeight;if(!(r>0)){o.style.height=a;return}const i=Ws(o),h=i!=null&&r>i;o.style.height=(h?i:r)+"px",Vo(o,e,h),e.lastMeasure=r,e.lastWidth=o.clientWidth,Go(t,e)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{o.removeEventListener("input",e.resize)}catch{}Ho(e),X.delete(t)})),e.active||(o.addEventListener("input",e.resize),e.active=!0,Ks(t,e));const c=typeof s=="object"&&s.max!=null?String(s.max):null;c!==e.appliedMax&&(c==null?e.appliedMax!=null&&o.style.maxHeight===e.appliedMax&&(o.style.maxHeight=""):o.style.maxHeight=c,e.appliedMax=c),e.resize()}function _t(t,s){const o=t.__ref?.__autoGrow;o&&(s&&(o.attachAttempts=0,o.firstAttemptAt=null),X.add(t),wt())}function Vs(){const t=Array.from(X);X.clear();for(let s=0;s<t.length;s++){const o=t[s],n=o.node,e=o.__ref?.__autoGrow;if(!(!n||!e||!e.active)){if(!n.isConnected){e.firstAttemptAt==null&&(e.firstAttemptAt=st()),e.attachAttempts+=1,e.attachAttempts<=_o&&st()-e.firstAttemptAt<go&&(X.add(o),wt());continue}e.attachAttempts=0,e.firstAttemptAt=null,e.resize()}}}function Go(t,s){if(s.watch)return;const o=t.node;if(!o)return;const n=o.ownerDocument&&o.ownerDocument.defaultView,e=n&&n.ResizeObserver||(typeof ResizeObserver=="function"?ResizeObserver:null);if(typeof e!="function")return;const c=()=>{if(!s.active||!o.isConnected||!(o.scrollHeight>0))return;if(s.awaitingLayout){s.awaitingLayout=!1,_t(t,!0);return}const r=o.clientWidth;s.lastWidth!=null&&Math.abs(r-s.lastWidth)<.5||(s.lastWidth=r,_t(t,!0))};let a;try{a=new e(c),a.observe(o)}catch{return}s.watch=a}function Ho(t){const s=t.watch;if(s){t.watch=null;try{s.disconnect()}catch{}}}function Ks(t,s){if(s.fontsHooked)return;s.fontsHooked=!0;const o=t.node&&t.node.ownerDocument,n=o&&o.fonts&&o.fonts.ready;!n||typeof n.then!="function"||n.then(()=>{s.active&&t.node&&_t(t,!0)},()=>{})}function Ws(t){const s=t.ownerDocument&&t.ownerDocument.defaultView;let o;try{o=s&&s.getComputedStyle?s.getComputedStyle(t):null}catch{o=null}if(!o)return null;const n=g=>typeof g=="string"&&/^\s*-?\d*\.?\d+px\s*$/.test(g)?parseFloat(g):null,e=n(o.maxHeight);if(e==null||!(e>0))return null;const c=(n(o.paddingTop)||0)+(n(o.paddingBottom)||0),a=(n(o.borderTopWidth)||0)+(n(o.borderBottomWidth)||0),r=o.boxSizing==="border-box"?e-a:e+c,i=n(o.lineHeight);if(!(i>0))return r;const h=Math.floor((r-c)/i+1e-6);return h>=1?h*i+c:r}function Vo(t,s,o){o?s.appliedScroll||(t.style.overflowY="auto",s.appliedScroll=!0):s.appliedScroll&&(t.style.overflowY==="auto"&&(t.style.overflowY=""),s.appliedScroll=!1)}const Ko=["srcObject","muted"],zs=(t,s)=>t==="muted"?s===!0||s===""||s==="true"||s==="muted":s??null;function Ys(t){const s=t.node,o=t.__ref;if(!(!s||!o))for(let n=0;n<Ko.length;n++){const e=Ko[n],c=t[e];if(c===void 0||!(e in s))continue;const a=r=>{const i=zs(e,r);if(s[e]!==i)try{s[e]=i}catch(h){L(o,e,h)}};if(typeof c=="function"){const r=P(t,t[e+"Deps"],c),i=v(()=>{try{a(r(t,t.state,t.context))}catch(h){L(o,e,h)}},{depth:o.path.length,label:S(o,e)});o.__effects.push(i),o.__exec[e]=c}else a(c);e==="srcObject"&&(o.__releaseMedia=()=>{try{s.srcObject!=null&&(s.srcObject=null)}catch{}})}}function Wo(t){if(!t.autoGrow)return;const s=t.node;if(!s||s.tagName!=="TEXTAREA")return;const o=t.__ref,n=t.autoGrow,e=typeof n=="function"?P(t,t.autoGrowDeps,n):null,c=v(()=>{const a=t.autoGrow;let r=a;if(typeof a=="function")try{r=(a===n&&e?e:a)(t,t.state,t.context)}catch{r=null}Hs(t,r)},{depth:o.path.length,label:S(o,"autoGrow")});o.__effects||(o.__effects=[]),o.__effects.push(c),e&&(o.__exec.autoGrow=n)}const zo=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Yo(t,s){for(const o of Object.keys(t)){if(!Y(o)||zo.has(o))continue;const n=ns(o);if(n){es(n,t,t[o]);continue}let e=t[o];if(typeof e=="string"&&/^[A-Za-z_$][\w$]*$/.test(e)){const a=e;e=function(i){return t.call(a,i)}}if(typeof e!="function")continue;const c=_s(o);os.has(c)||ss(gs(c),t,e)}qs(t)}function qs(t){const s=t.node;if(!s||!s.addEventListener)return;const o={};let n=!1;for(const d of zo){const p=t[d];typeof p=="function"&&(o[d]=p,n=!0)}if(!n)return;const e=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,c=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let a=0,r=0,i=0,h=!1;const g=d=>{const p=d.touches&&d.touches[0]||d.changedTouches&&d.changedTouches[0];p&&(a=p.clientX,r=p.clientY,i=Date.now(),h=!0)},f=d=>{if(!h)return;h=!1;const p=d.changedTouches&&d.changedTouches[0]||d.touches&&d.touches[0];if(!p)return;const u=p.clientX-a,y=p.clientY-r,_=Date.now()-i;if(_>c)return;const l=Math.abs(u),b=Math.abs(y);if(Math.max(l,b)<e)return;let A;if(l>b*1.2)A=u<0?"left":"right";else if(b>l*1.2)A=y<0?"up":"down";else return;const w="onSwipe"+A.charAt(0).toUpperCase()+A.slice(1),x=o[w],C=o.onSwipe;x&&x.call(t,d,t,t.state,t.context),C&&C.call(t,{direction:A,dx:u,dy:y,dt:_,event:d},t,t.state,t.context)};s.addEventListener("touchstart",g,{passive:!0}),s.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{s.removeEventListener("touchstart",g)}catch{}try{s.removeEventListener("touchend",f)}catch{}})}function gt(t,s){const o={...t};for(const n in s){const e=o[n],c=s[n];e&&c&&typeof e=="object"&&typeof c=="object"&&!Array.isArray(e)&&!Array.isArray(c)&&typeof e!="function"&&typeof c!="function"?o[n]=gt(e,c):o[n]=c}return o}function Xt(t,s,o,n){if(!s||!t.node)return;const e=t.childExtends;if(Array.isArray(s)){const c=t.tag==="fragment",a=t.context?.document||globalThis.document,r=c?null:a?.createDocumentFragment();if(!c&&!r)return;const i=t.childProps,h=t.childrenAs,g=_=>{let l=s[_];const b=l;(typeof l=="string"||typeof l=="number")&&(l={text:l});let A=i;if(typeof i=="function")try{A=i(t,l)}catch{A=null}if(h==="state"){let x=b;(typeof b=="string"||typeof b=="number")&&(x={value:b,text:b}),l=A?{...A,state:x}:{state:x}}else A&&(l=gt(A,l));if(e&&!l.ignoreChildExtends)if(l.extends){const x=Array.isArray(l.extends)?l.extends:[l.extends],C=Array.isArray(e)?e:[e];l={...l,extends:[...C,...x]}}else l={...l,extends:e};const w=Ao(l?.key,b,_);try{return Z(l,t,w,o)}catch(x){if(typeof console<"u"&&console.error){const C=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${w}" failed to construct at ${C} (initial render, skipping this row):`,x?.message||x)}return null}},f=t.__ref;if(!(n===!0&&!c&&!!f&&(o?.mountYield===!0||t.yieldChildren===!0))){for(let _=0;_<s.length;_++){const l=g(_);!c&&l?.node&&r.appendChild(l.node)}return c||t.node.appendChild(r),!0}const p=f.__childrenChunkGen=(f.__childrenChunkGen||0)+1;no();let u=null;const y=_=>{if(f.__disposed||f.__childrenChunkGen!==p){u&&u.parentNode&&u.remove();return}for(let l=_;l<s.length;l++){const b=g(l);if(b?.node&&(u?t.node.insertBefore(b.node,u):r.appendChild(b.node)),l+1<s.length&&eo()){u||(u=a.createComment("smbls-mount"),r.appendChild(u),t.node.appendChild(r));const A=l+1;io(()=>y(A));return}}u?(u.remove(),t.node.tagName==="SELECT"&&Lt(t,!0)):t.node.appendChild(r)};return y(0),ro(),!0}if(typeof s=="string"){const c=xo(s,t);if(Array.isArray(c))return Xt(t,c,o,n)}if(typeof s=="object")for(const c in s){if(W.has(c))continue;let a=s[c];if(!(a==null||a===!1)){if((typeof a=="string"||typeof a=="number")&&(a={text:a}),t.childProps&&(a=gt(t.childProps,a)),e&&!a.ignoreChildExtends)if(a.extends){const r=Array.isArray(a.extends)?a.extends:[a.extends],i=Array.isArray(e)?e:[e];a={...a,extends:[...i,...r]}}else a={...a,extends:e};Z(a,t,c,o)}}}function Lt(t,s){const o=t.node;if(!o||o.tagName!=="SELECT")return;const n=o.options;if(!n||!n.length)return;const e=t.__ref,c=e&&e.__exec&&e.__exec.value,a=typeof c=="function",r=t.value!=null&&typeof t.value!="function";if(a||r){let g;if(a)try{g=c(t,t.state,t.context)}catch{return}else g=t.value,typeof g=="string"&&g.includes("{{")&&(g=I.call(t,g,t.state));const f=g==null?"":String(g);o.value!==f&&(o.value=f);return}const i=s||!(e&&e.__selectSynced);if(e&&(e.__selectSynced=!0),!i)return;let h=-1;for(let g=0;g<n.length;g++)n[g].defaultSelected&&(h=g);h>=0&&o.selectedIndex!==h&&(o.selectedIndex=h)}function qo(t,s){let{children:o,content:n}=t;const e=t.childExtends;if(typeof o=="function"){const f=o;try{o=f(t,t.state,t.context)}catch(_){if(o=void 0,typeof console<"u"&&console.error){const l=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${l} (initial run, treating as empty):`,_?.message||_)}}t.children=o;const d=t.__ref;let p=!1;const u=P(t,t.childrenDeps,f),y=v(()=>{const _=p;p=!0;let l;try{l=u(t,t.state,t.context)}catch(O){if(typeof console<"u"&&console.error){const T=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${T}${_?"":" (initial tracking run)"}:`,O?.message||O)}return}if(!_||l===t.children)return;t.children=l,d.__childrenChunkGen!=null&&d.__childrenChunkGen++;const b=typeof t.onContentUpdate=="function",A=b?[]:null,w=b?[]:null,x=b?[]:null;if(Array.isArray(l)&&t.childrenAs==="state"){const O=t.childProps,T=[],Q=new Map;for(let k=0;k<l.length;k++){const G=l[k];let j=O;if(typeof O=="function")try{j=O(t,G)}catch{j=null}const K=Ao(j&&j.key,G,k);T.push(K),Q.set(K,{rawChild:G,childProps:j})}const bt=new Set(T),Qo=d.__children.slice();for(const k of Qo)if(!bt.has(k)){const G=t[k];G?.remove&&G.remove(),delete t[k],w&&w.push(k)}const nt=t.childExtends,At=t.tag==="fragment",Xo=t.context?.document||globalThis.document,rt=At?null:Xo?.createDocumentFragment(),Dt=new Set;for(const k of T){const G=Q.get(k),j=G.rawChild,K=t[k];if(K&&K.state){if(j&&typeof j=="object"){const D=K.state,m=D.$replace||D.replace,to=D.$update||D.update;try{if(typeof m=="function")m.call(D,j);else if(typeof to=="function"){for(const B in D)if(!(B==="__element"||B==="root"||B==="parent"||B==="update")&&!Object.prototype.hasOwnProperty.call(j,B))try{D[B]=void 0}catch{}to.call(D,j)}else for(const B in j)D[B]=j[B]}catch(B){if(typeof console<"u"&&console.error){const Jo=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${k}" failed to patch at ${Jo} (reconcile, keeping its previous data for this pass):`,B?.message||B)}}}x&&x.push(k);continue}let Rt=j;(typeof j=="string"||typeof j=="number")&&(Rt={value:j,text:j});const mt=G.childProps;let H=mt?{...mt,state:Rt}:{state:Rt};if(nt&&!H.ignoreChildExtends)if(H.extends){const D=Array.isArray(H.extends)?H.extends:[H.extends],m=Array.isArray(nt)?nt:[nt];H={...H,extends:[...m,...D]}}else H={...H,extends:nt};let Mt;try{Mt=Z(H,t,k,s)}catch(D){if(typeof console<"u"&&console.error){const m=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${k}" failed to construct at ${m} (reconcile, skipping this row):`,D?.message||D)}Dt.add(k);continue}!At&&Mt?.node&&rt&&rt.appendChild(Mt.node),A&&A.push(k)}if(!At&&rt&&rt.childNodes.length&&t.node&&t.node.appendChild(rt),!At&&t.node){let k=null;for(const G of T){const j=t[G]?.node;if(!j)continue;const K=k?k.nextSibling:t.node.firstChild;j!==K&&t.node.insertBefore(j,K),k=j}}d.__children=Dt.size?T.filter(k=>!Dt.has(k)):T,b&&(A.length||w.length)&&bo(t,{added:A,removed:w,kept:x}),Lt(t,!1);return}const U=b?[...d.__children]:null;for(const O of[...d.__children]){const T=t[O];T?.remove&&T.remove(),delete t[O]}d.__children=[],Xt(t,l,s),Lt(t,!1),b&&bo(t,{added:[...d.__children],removed:U,kept:[]})},{depth:d.path.length,label:S(d,"children")});d.__effects.push(y)}const c=Xt(t,o,s,!0);if(n!=null&&!(n&&n.__ref)){let f=n;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=gt(t.childProps,f)),e&&!f.ignoreChildExtends)if(f.extends){const d=Array.isArray(f.extends)?f.extends:[f.extends],p=Array.isArray(e)?e:[e];f={...f,extends:[...p,...d]}}else f={...f,extends:e};Z(f,t,"content",s)}if(o&&!c)return;const a=t.context?.components||{};{const f=Object.keys(t);for(let d=0;d<f.length;d++){const p=f[d];if(!p.endsWith("Extends")||typeof t[p]!="string")continue;const u=p.slice(0,-7);if(!u||u.charCodeAt(0)<65||u.charCodeAt(0)>90)continue;const y={extends:t[p]};delete t[p];for(let _=d+1;_<f.length;_++){const l=f[_],b=l.charCodeAt(0);if(b>=65&&b<=90||W.has(l)||typeof t[l]=="function"&&(l.startsWith("on")||l.startsWith(".")))break;const A=t[l];A!==void 0&&(y[l]=A,delete t[l])}t[u]&&typeof t[u]=="object"?t[u]={...y,...t[u]}:t[u]=y}}const r=s?.mountYield===!0||t.yieldChildren===!0,i=Object.keys(t),h=f=>{if(W.has(f)||typeof t[f]!="object"||t[f]===null)return;const d=f.charCodeAt(0);if(d<65||d>90)return;let p=t[f];if(!p.__ref){if(!p.extends&&!p.extend){const u=a[f]||a[`smbls.${f}`];u&&(p={...p,extends:u})}if(t.childProps&&(p=gt(t.childProps,p)),e&&!p.ignoreChildExtends)if(p.extends){const u=Array.isArray(p.extends)?p.extends:[p.extends],y=Array.isArray(e)?e:[e];p={...p,extends:[...y,...u]}}else p={...p,extends:e};Z(p,t,f,s)}};if(!r){for(const f of i)h(f);return}no();const g=f=>{for(let d=f;d<i.length;d++)if(h(i[d]),d+1<i.length&&eo()){const p=d+1;io(()=>g(p));return}};g(0),ro()}function Zo(t,s,o){const{node:n}=t;if(!n)return;n.ref=t;const e=s?.tag==="fragment"?s.__ref?.__fragmentAnchor:null;if(e){const a=e.parentNode;if(a){if(o?.position==="before"&&o.node)a.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const r=o.node.nextSibling;a.insertBefore(n,r||e)}else a.insertBefore(n,e);return}}const c=s?.node||(s?.nodeType?s:null);if(c)if(o?.position==="before"&&o.node)c.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const a=o.node.nextSibling;a?c.insertBefore(n,a):c.appendChild(n)}else c.appendChild(n)}const Jt=3;function Zs(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=Jt?!1:(t.__inBeforeUpdate=!0,!0)}function Ot(t,s){t&&(t.__inBeforeUpdate=!1,s?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===Jt&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${Jt}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function $(t,s,o){const n=t.charAt(0).toLowerCase()+t.slice(1);s.context?.plugins?.length&&z(n,s,o);const e="on"+t,c=s[e];if(typeof c=="function"){const i=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(i){if(s.__ref[i])return!0;s.__ref[i]=!0}const h=s.context?.designSystem;h&&N(h);let g=!!i;try{const f=c(s,s.state,s.context,o);if(f&&typeof f.then=="function"){const d=s.__ref;return f.catch(p=>{s.context?.plugins?.length&&z("error",s,{hook:e,error:p})||console.error(`[DOMQL] Lifecycle "${e}" error:`,p)}).finally(()=>{i&&d&&(d[i]=!1)}),g=!1,!0}if(f===!1)return!1}catch(f){if(s.context?.plugins?.length&&z("error",s,{hook:e,error:f})||console.error(`[DOMQL] Lifecycle "${e}" error:`,f),s.context?.strictMode)throw f}finally{h&&F(),g&&s.__ref&&(s.__ref[i]=!1)}}return!0}var ve=Z;export{Jt as BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES,Zs as acquireBeforeUpdateGuard,Z as create,ve as default,Ut as flushMounts,we as isStaticCssProp,Ce as recompileStaticCss,Se as reconcileAttrProp,Ot as releaseBeforeUpdateGuard,St as writeElementText};
|
|
4
|
+
`):"")}}if(Ft(e,!0),is(e,s,r),typeof e.html=="function"&&e.node&&!e.node.innerHTML){const _=e.context?.designSystem;_&&M(_);try{const b=e.html(e,e.state,e.context);b!=null&&typeof b!="function"&&(e.node.innerHTML=b)}catch{}finally{_&&N()}}if(F("Create",e,n),F("Complete",e,n),F("Render",e,n),F("RenderRouter",e,n),Yt(e,n),typeof e.onFrame=="function"){const _=e.onFrame,b=e.context?.designSystem,w=()=>{if(e.node){if(e.node.isConnected){b&&M(b);try{_(e,e.state,e.context)}catch(S){console.error("[DOMQL] onFrame error:",S)}finally{b&&N()}}requestAnimationFrame(w)}};requestAnimationFrame(w)}return e}function Ls(t,s,o){const n=!s,r=o.state&&typeof o.state=="object"&&!Array.isArray(o.state)&&Object.keys(o.state).length===0,i=n&&r&&t.context?.state,a=o.state!==void 0&&!i?o.state:t.state&&!Q(t.state)?t.state:void 0;if(a==null){if(s?.state)t.state=s.state,ut(t,t.state);else if(t.context?.state){const f=t.context.state,e={...f},u=t.context?.polyglot;if(u?.translations){const h=t.context,p=f.lang||u.defaultLang||"en",y=new Set,g=(d,A)=>{y.has(d)||xs(h,d,e)&&(e[d]=A,y.add(d),ws(h,d,A))},c=u.translations[p];if(c&&typeof c=="object")for(const d in c)g(d,c[d]);const l=new Set(u.languages||[]);for(const d in u.translations)l.has(d)||g(d,u.translations[d])}t.state=Q(e)?e:Gt(e),t.state.__element=t,t.state.root=t.state,ut(t,t.state),jt.promoteActiveRootState?.(f,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),ut(t,t.state);return}if(typeof a=="string"){if(t.state=Po(a,s),t.state&&typeof t.state=="object"&&!Q(t.state)){const f=s?.state?.root||s?.state||t.state;Object.defineProperty(t.state,"root",{value:f,enumerable:!1,configurable:!0,writable:!0})}ut(t,t.state);return}if(typeof a=="function"){const f=a(t,s?.state);t.state=Q(f)?f:Gt(f||{})}else Q(a)?t.state=a:t.state=Gt({...a});t.state.__element=t,s?.state?(t.state.parent=s.state,t.state.root=s.state.root||s.state):t.state.root=t.state,ut(t,t.state),jt.promoteActiveRootState?.(a,t.state)}function Zt(t,s){if(!s)return t;const o=s.split("/");let n=t;for(const r of o){if(n==null)return{};n=n[r]}return n??{}}function Po(t,s){if(!s)return{};if(t===".")return s.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?Zt(s.state,r):s.state??{}}if(t.startsWith("~/")){const r=s.state?.root||s.state,i=t.slice(2);return i?Zt(r,i):r??{}}if(s.state?.[t]!==void 0)return s.state[t];const o=Zt(s.state,t);if(o!=null&&Object.keys(o).length>0)return o;const n=s.context?.polyglot;if(n?.translations){const r=s.state?.root?.lang||n.defaultLang||"en",i=n.translations[r];if(i?.[t]!==void 0)return i[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const Ds=new Set(["s","state","ctx","context"]);function Rs(t){try{const o=(typeof jt.getFunctionSource=="function"?jt.getFunctionSource(t):Function.prototype.toString.call(t)).match(/^[^(]*\(([^)]*)\)/);return o?o[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function Ms(t){if(typeof t!="function"||t.length!==2)return!1;const s=Rs(t);if(s.length<2)return!1;const o=s[1].replace(/[{}[\]]/g,"").trim();return o.length>0&&!Ds.has(o)}function Ns(t){const s=t.__ref,o=t.tag||"div",n=t.context?.designSystem,r=[],i=Object.keys(t);for(let a=0;a<i.length;a++){const f=i[a];if(typeof t[f]!="function"||K.has(f))continue;const e=f.charCodeAt(0);e>=65&&e<=90||Z(f)||D[f]||R&&R.has(f)||dt(o,f)||(et()&&Ms(t[f])&&console.warn(`[smbls] custom prop "${f}"${t.key?` on key "${t.key}"`:""} is a function \u2014 it will be auto-invoked on read and its RETURN VALUE stored, not preserved as a callable reference. If you meant to stash a callback, use el.call('${f}', \u2026) instead of reading el.${f}(\u2026) directly (see RULES.md Rule 8).`),r.push({prop:f,fn:t[f]}))}for(let a=0;a<r.length;a++){const{prop:f,fn:e}=r[a];s.__exec[f]=e,Object.defineProperty(t,f,{get(){n&&M(n);try{return e(t,t.state,t.context)}catch{return}finally{n&&N()}},set(u){delete s.__exec[f],Object.defineProperty(t,f,{value:u,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Fs(t,s){if(!(!Array.isArray(s)||s.length===0))for(let o=0;o<s.length;o++){const n=s[o];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function P(t,s,o){return!Array.isArray(s)||s.length===0?o:function(...n){return Fs(t,s),o.apply(this,n)}}function At(t,s){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[s]}function k(t,s){return()=>t.path.join(".")+"::"+s}const Oo=new Set;function O(t,s,o){if(!et())return;const n=k(t,s)();Oo.has(n)||(Oo.add(n),console.warn(`[smbls] "${s}" effect threw on ${t.path.join(".")} \u2014 keeping previous value:`,o?.message||o))}const Lo=/(['"`])((?:\\.|(?!\1)[^\\])*)\1/g,$s=(t,s)=>{let o;try{o=String(t)}catch{return}if(!o.includes("{{"))return;Lo.lastIndex=0;let n;for(;(n=Lo.exec(o))!==null;)n[2].includes("{{")&&s.add(n[2])},Is=(t,s)=>!Z(t)&&!yt(s,t),Do=(t,s,o,n,r)=>{if(typeof s=="string"){!r&&s.includes("{{")&&o.add(s);return}typeof s=="function"&&Is(t,n)&&$s(s,o)},Qt=new WeakMap,xt=(t,s)=>Object.prototype.hasOwnProperty.call(t,s),wt=t=>{if(typeof t=="string"||typeof t=="number")return{text:t};if(!t||typeof t!="object"||Array.isArray(t))return null;const s=t.props;return s&&typeof s=="object"&&!Array.isArray(s)?tt(t,s):t},St=(t,s)=>t&&s?tt(t,s):t||s||null,Ro=(t,s)=>{const o=t.__ref&&t.__ref.__runtimeSource;return!!o&&xt(o,s)},it=(t,s)=>Ro(t,s)?wt(t.__ref.__runtimeSource[s]):null,Ct=(t,s)=>(s&&t&&typeof t=="object"&&Qt.set(t,s),t),Us=t=>{if(!t||typeof t!="object")return;const s=Qt.get(t);return s&&Qt.delete(t),s},Xt=(t,s,o)=>{if(typeof t=="string"){t.includes("{{")&&s.add(t);return}if(!(!t||typeof t!="object"||o.has(t))){if(o.add(t),Array.isArray(t)){for(let n=0;n<t.length;n++)Xt(t[n],s,o);return}if(!t.__ref)for(const n of Object.keys(t)){if(n==="state")continue;const r=Object.getOwnPropertyDescriptor(t,n);r&&"value"in r&&Xt(r.value,s,o)}}},Vs=(t,s)=>{let o=null;for(const n of Object.keys(t)){if(K.has(n)||s&&xt(s,n))continue;const r=Object.getOwnPropertyDescriptor(t,n),i=r&&r.value;if(!Array.isArray(i))continue;const a=new Set;Xt(i,a,new Set),a.size&&(o||(o=new Map),o.set(i,a))}return o},Mo=(t,s)=>{if(Array.isArray(s))for(let o=t;o;o=o.parent){const n=o.__ref&&o.__ref.__declaredArrays,r=n&&n.get(s);if(!r)continue;const i=t.__ref;i.__authoredTemplates||(i.__authoredTemplates=new Set);for(const a of r)i.__authoredTemplates.add(a);return}},Bs=["attr","aria","data","metadata"],Gs=t=>{if(Bs.includes(t))return!0;const s=t.charCodeAt(0);return s===46||s===33||s===64},Hs=(t,s)=>{const o=new Set,n=t.tag||"div";for(const r of Object.keys(t)){const i=Object.getOwnPropertyDescriptor(t,r),a=i&&i.value,f=!!s&&xt(s,r);if(a&&typeof a=="object"&&!Array.isArray(a)){if(!Gs(r))continue;const e=f?s[r]:null,u=e&&typeof e=="object"?e:null;for(const h in a){const p=f&&(!u||xt(u,h));Do(h,a[h],o,n,p)}continue}Do(r,a,o,n,f)}return o};function No(t,s){const o=t.__ref,n=!!(s&&s.skipIfEffect),r=Hs(t,o.__runtimeSource);if(o.__authoredTemplates)for(const e of r)o.__authoredTemplates.add(e);else o.__authoredTemplates=r;if(Ns(t),typeof t.text=="function"){const e=t.text,u=P(t,t.textDeps,e),h=v(()=>{if(!o.contentManaged)try{let p=u(t,t.state,t.context);t.node&&p!=null&&typeof p!="function"&&typeof p!="object"&&(typeof p=="string"&&p.includes("{{")&&(p=I.call(t,p,t.state)),Pt(t,p))}catch(p){O(o,"text",p)}},{depth:o.path.length,label:k(o,"text")});o.__effects.push(h),o.__exec.text=e}else if(typeof t.text=="string"&&t.text.includes("{{")){const e=t.text,u=v(()=>{if(o.contentManaged)return;const h=I.call(t,e,t.state);h!=null&&(t.text=h),t.node&&Pt(t,h??"")},{depth:o.path.length,label:k(o,"text")});o.__effects.push(u),o.__exec.text=e}const i=t.tag||"div";for(const e of Object.keys(t))if(typeof t[e]=="function"&&!K.has(e)&&!Z(e)&&!o.__exec[e]&&!wo(i,e)){if(D[e]){const u=t[e],h=P(t,t[e+"Deps"],u),p=e;let y,g=null,c=null,l;const d=v(()=>{const A=t.context?.designSystem;A&&M(A);try{const x=h(t,t.state,t.context);go();let _;try{_=D[p](x,t,t.state,t.context)}finally{bo()}if(Array.isArray(_)){const w={};for(const S of _)if(S)for(const C in S)w[C]=S[C];_=w}const b=p==="show"||p==="hide";if(_&&t.node&&Ks(_)){const w=Ot(_);if(w===null||w!==l){l=w;const S=lt(_,null,t.context?.cssPrefix),C=S?S.split(" ").filter(Boolean):null;if(t.node.classList){if(c)for(const j of c)t.node.classList.remove(j);if(C&&C.length)for(const j of C)t.node.classList.add(j);c=C}}y=void 0,g=null}else if(_&&t.node){if(c){for(const S of c)t.node.classList.remove(S);c=null,l=void 0}const w=Ot(_);if(w===null||w!==y||!Rt(t.node,g)){y=w;const S=Bo(t,_);g=Lt(t.node,S)}}else t.node&&b&&(y=void 0,g=null,t.node.style.display="")}finally{A&&N()}},{depth:o.path.length,label:k(o,p)});o.__effects.push(d),o.__exec[e]=u}else if(R&&R.has(e)){const u=t[e],h=P(t,t[e+"Deps"],u),p=e;let y,g=null;const c=v(()=>{const l=t.context?.designSystem;l&&M(l);try{const d=h(t,t.state,t.context);if(t.node)if(d!=null){const A=p+":"+String(d);if(A!==y||!Rt(t.node,g)){y=A;const x={[p]:d},_=Bo(t,x);g=Lt(t.node,_)}}else y=void 0,g=null,t.node.style[p]=""}finally{l&&N()}},{depth:o.path.length,label:k(o,p)});o.__effects.push(c),o.__exec[e]=u}}if(typeof t.html=="function"){const e=t.html,u=P(t,t.htmlDeps,e),h=v(()=>{const p=t.context?.designSystem;p&&M(p);try{const y=u(t,t.state,t.context);t.node&&y!=null&&typeof y!="function"&&(t.node.innerHTML=y)}finally{p&&N()}},{depth:o.path.length,label:k(o,"html")});o.__effects.push(h),o.__exec.html=e}if(typeof t.value=="function"){const e=t.value,u=P(t,t.valueDeps,e),h=v(()=>{try{let p=u(t,t.state,t.context);typeof p=="string"&&p.includes("{{")&&(p=I.call(t,p,t.state)),Io(t,p)}catch(p){O(o,"value",p)}},{depth:o.path.length,label:k(o,"value")});o.__effects.push(h),o.__exec.value=e}else if(typeof t.value=="string"&&t.value.includes("{{")){const e=t.value,u=v(()=>{try{Io(t,I.call(t,e,t.state))}catch(h){O(o,"value",h)}},{depth:o.path.length,label:k(o,"value")});o.__effects.push(u),o.__exec.value=e}if(typeof t.style=="function"){const e=t.style,u=P(t,t.styleDeps,e);let h,p=null;const y=v(()=>{const g=u(t,t.state,t.context),c=Ot(g);(c===null||c!==h||!Rt(t.node,p))&&(h=c,Ws(t.node,p,g),m(t.node,g),p=Lt(t.node,g))},{depth:o.path.length,label:k(o,"style")});o.__effects.push(y),o.__exec.style=e}else if(t.style&&typeof t.style=="object")for(const e in t.style){const u=t.style[e];if(typeof u!="function")continue;const h=P(t,At(t.styleDeps,e),u);let p,y=null;const g=v(()=>{try{const c=h(t,t.state,t.context);if(t.node){const l=e+":"+String(c);if(l!==p||!Rt(t.node,y)){p=l;const d={[e]:c};m(t.node,d),y=Lt(t.node,d)}}}catch(c){O(o,"style."+e,c)}},{depth:o.path.length,label:k(o,"style."+e)});o.__effects.push(g)}if(t.attr&&typeof t.attr=="object"){for(const e in t.attr)if(typeof t.attr[e]=="function"){const u=P(t,At(t.attrDeps,e),t.attr[e]),h=e,p=v(()=>{try{let y=u(t,t.state,t.context);typeof y=="string"&&y.includes("{{")&&(y=I.call(t,y,t.state)),t.node?.setAttribute&&(y==null||y===!1&&!ht(h)?t.node.removeAttribute(h):typeof y!="function"&&typeof y!="object"&&t.node.setAttribute(h,W(h,y)))}catch(y){O(o,"attr."+h,y)}},{depth:o.path.length,label:k(o,"attr."+h)});p._attrName=h.toLowerCase(),o.__effects.push(p)}else if(typeof t.attr[e]=="string"&&t.attr[e].includes("{{")){const u=t.attr[e],h=e,p=v(()=>{try{const y=I.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(h,W(h,y??""))}catch(y){O(o,"attr."+h,y)}},{depth:o.path.length,label:k(o,"attr."+h)});p._attrName=h.toLowerCase(),o.__effects.push(p)}}if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const u=t.aria[e];if(typeof u=="string"&&u.includes("{{")){const g=u,c="aria-"+e.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),l=v(()=>{try{const d=I.call(t,g,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(c,W(c,d??""))}catch(d){O(o,"aria."+e,d)}},{depth:o.path.length,label:k(o,"aria."+e)});l._attrName=c,o.__effects.push(l);continue}if(typeof u!="function")continue;const h=P(t,At(t.ariaDeps,e),t.aria[e]),p="aria-"+e.replace(/[A-Z]/g,g=>"-"+g.toLowerCase()),y=v(()=>{try{const g=h(t,t.state,t.context);if(!t.node?.setAttribute)return;g==null?t.node.removeAttribute(p):typeof g!="function"&&typeof g!="object"&&t.node.setAttribute(p,W(p,g))}catch(g){O(o,"aria."+e,g)}},{depth:o.path.length,label:k(o,"aria."+e)});y._attrName=p,o.__effects.push(y)}if(t.data&&typeof t.data=="object")for(const e in t.data){const u=t.data[e];if(typeof u=="string"&&u.includes("{{")){const c=u,l="data-"+e.replace(/[A-Z]/g,A=>"-"+A.toLowerCase()),d=v(()=>{try{const A=I.call(t,c,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(l,A??"")}catch(A){O(o,"data."+e,A)}},{depth:o.path.length,label:k(o,"data."+e)});d._attrName=l,o.__effects.push(d);continue}if(typeof u!="function")continue;const h=P(t,At(t.dataDeps,e),t.data[e]),y="data-"+e.replace(/[A-Z]/g,c=>"-"+c.toLowerCase()),g=v(()=>{try{const c=h(t,t.state,t.context);if(!t.node?.setAttribute)return;c==null||c===!1?t.node.removeAttribute(y):typeof c!="function"&&typeof c!="object"&&t.node.setAttribute(y,c===!0?"":c)}catch(c){O(o,"data."+e,c)}},{depth:o.path.length,label:k(o,"data."+e)});g._attrName=y,o.__effects.push(g)}const a=t.classlist&&typeof t.classlist=="object"&&!Array.isArray(t.classlist)?t.classlist:t.class&&typeof t.class=="object"&&!Array.isArray(t.class)?t.class:null;if(a)for(const e in a){if(typeof a[e]!="function")continue;const u=P(t,At(t.classDeps,e),a[e]),h=v(()=>{try{const p=u(t,t.state,t.context);if(!t.node?.classList)return;typeof p=="string"?t.node.classList.add(p):p?t.node.classList.add(e):t.node.classList.remove(e)}catch(p){O(o,"class."+e,p)}},{depth:o.path.length,label:k(o,"class."+e)});o.__effects.push(h)}!n&&typeof t.if=="function"&&$o(t,o,t.if);for(const e of Object.keys(t)){if(K.has(e)||typeof t[e]!="function")continue;const u=e.charCodeAt(0);if(u>=65&&u<=90||Z(e))continue;const h=t[e];o.__exec[e]=h;const p=t.tag||"div";if(dt(p,e)&&!yt(p,e)){const y=pt(e)||e,g=P(t,t[e+"Deps"],h),c=v(()=>{try{let l=g(t,t.state,t.context);typeof l=="string"&&l.includes("{{")&&(l=I.call(t,l,t.state)),t.node?.setAttribute&&(l==null||l===!1&&!ht(y)?t.node.removeAttribute(y):typeof l!="function"&&typeof l!="object"&&(y==="src"&&"src"in t.node?t.node.src=l:t.node.setAttribute(y,W(y,l))))}catch(l){O(o,e,l)}},{depth:o.path.length,label:k(o,e)});c._attrName=y.toLowerCase(),o.__effects.push(c)}}const f=t.tag||"div";for(const e of Object.keys(t)){if(K.has(e))continue;const u=t[e];if(typeof u!="string"||!u.includes("{{"))continue;const h=e.charCodeAt(0);if(h>=65&&h<=90||Z(e)||yt(f,e)||Kt[e]||!dt(f,e))continue;const p=pt(e)||e,y=v(()=>{try{const g=I.call(t,u,t.state);if(!t.node||!t.node.setAttribute)return;t.node.setAttribute(p,W(p,g??""))}catch(g){O(o,e,g)}},{depth:o.path.length,label:k(o,e)});y._attrName=p.toLowerCase(),o.__effects.push(y)}if(Xs(t),oe(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const e=t.onStateUpdate,u=t.stateDeps;let h=!1,p=[];const y=v(()=>{const g=[];for(let A=0;A<u.length;A++){const x=u[A];try{g[A]=typeof x=="function"?x(t,t.state,t.context):t.state?.[x]}catch{g[A]=void 0}}if(!h){h=!0,p=g;return}let c=g.length!==p.length;for(let A=0;!c&&A<g.length;A++)g[A]!==p[A]&&(c=!0);const l=p;if(p=g,!c)return;const d=t.context?.designSystem;d&&M(d);try{e(t,t.state,t.context,{prev:l,next:g})}catch(A){if(t.context?.plugins?.length&&q("error",t,{hook:"onStateUpdate",error:A})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',A),t.context?.strictMode)throw A}finally{d&&N()}},{depth:o.path.length,label:k(o,"onStateUpdate")});o.__effects.push(y)}te(t)}function Fo(t){const s=t.parent,o=s?.node;if(!o||!t.node){is(t,t.parent);return}let n=null;const r=Object.keys(s),i=r.indexOf(t.key);for(let a=i+1;a<r.length;a++){const f=s[r[a]];if(f?.node?.parentNode===o){n=f.node;break}}n?o.insertBefore(t.node,n):o.appendChild(t.node)}function $o(t,s,o){const n=P(t,t.ifDeps,o),r=v(()=>{let i;try{i=n(t,t.state,t.context)}catch(f){if(i=!1,s.__ifError=f,typeof console<"u"&&console.warn){const e=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${e} \u2014 treating as false:`,f?.message||f)}return}const a=s.__if;if(s.__if=!!i,a&&!s.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(f){console.error("[smbls] onRemove error:",f)}}else if(!a&&s.__if)if(s.__ifInitialized)t.node||(t.node=Ht(t)),t.node&&(t.node.ref=t),Fo(t),Jt(t),F("Render",t,{}),Yt(t,{});else{if(s.__ifInitialized=!0,t.tag||(t.tag=lo(t)),F("Init",t,{}),t.node||(t.node=Ht(t)),!t.node)return;if(t.parent?.__ref?.__children&&!t.parent.__ref.__children.includes(t.key)&&t.parent.__ref.__children.push(t.key),t.tag==="fragment"&&!s.__fragmentAnchor){const e=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(e),s.__fragmentAnchor=e}F("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),ns(t,{}),No(t,{skipIfEffect:!0}),Jt(t),Xo(t),ss(t),rs(t,{}),Fo(t),F("Create",t,{}),F("Complete",t,{}),F("Render",t,{}),F("RenderRouter",t,{}),Yt(t,{})}},{depth:s.path.length,label:k(s,"if")});s.__effects.push(r)}function Pt(t,s){const o=t.node;if(!o)return;const n=s==null||typeof s=="object"?"":String(s);if(t.tag==="string"){o.nodeValue!==n&&(o.nodeValue=n);return}const r=t.__ref;let i=r?r.__textNode:null;if(i&&i.parentNode!==o&&(i=null),!i){const a=o.firstChild;a&&a.nodeType===3&&(i=a)}i?i.nodeValue!==n&&(i.nodeValue=n):o.firstChild?(i=(o.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),o.insertBefore(i,o.firstChild)):(o.textContent=n,i=o.firstChild&&o.firstChild.nodeType===3?o.firstChild:null),r&&(r.__textNode=i||null)}function Io(t,s){const o=t.node;if(!o||!("value"in o))return;const n=s==null?"":String(s);if(o.value===n)return;const r=typeof document<"u"&&document.activeElement===o,i=r&&typeof o.selectionStart=="number"?o.selectionStart:null,a=r&&typeof o.selectionEnd=="number"?o.selectionEnd:null;if(o.value=n,r&&i!=null&&a!=null)try{o.setSelectionRange(i,a)}catch{}const f=t.__ref&&t.__ref.__autoGrow;f&&f.active&&f.resize()}function Jt(t){const{node:s}=t;if(s){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&Pt(t,t.text),Qo(t),typeof t.html=="string"&&(s.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&!(typeof t.value=="string"&&t.value.includes("{{"))&&"value"in s){const o=String(t.value);s.value!==o&&(s.value=o)}if(t.style&&typeof t.style=="object"){let o=t.style;for(const n in t.style)if(typeof t.style[n]=="function"){o={};for(const r in t.style)typeof t.style[r]!="function"&&(o[r]=t.style[r]);break}m(s,o)}if(t.attr&&typeof t.attr=="object")for(const o in t.attr){const n=t.attr[o];typeof n=="function"||typeof n=="object"||n!=null&&(typeof n=="string"&&n.includes("{{")||n===!1&&!ht(o)||s.setAttribute&&s.setAttribute(o,W(o,n)))}if(typeof t.themeModifier=="string"&&t.themeModifier&&s.setAttribute&&s.setAttribute("data-theme",t.themeModifier),t.data&&typeof t.data=="object")for(const o in t.data){const n=t.data[o];typeof n=="function"||typeof n=="object"||n==null||n===!1||typeof n=="string"&&n.includes("{{")||s.dataset&&(s.dataset[o]=n===!0?"":n)}if(t.classlist||t.class){const o=t.classlist||t.class;if(typeof o=="string")o.split(" ").forEach(n=>n&&s.classList.add(n));else if(typeof o=="object")for(const n in o){const r=typeof o[n]=="function"?o[n](t,t.state,t.context):o[n];r&&s.classList.add(typeof r=="string"?r:n)}}}}function Ot(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Ks(t){if(!t||typeof t!="object")return!1;for(const s in t){const o=t[s];if(o&&typeof o=="object"&&!Array.isArray(o))return!0}return!1}function Lt(t,s){if(!t||!t.style||!s)return null;const o=t.style,n=[];for(const r in s){if(s[r]==null||r.charAt(0)==="&")continue;const a=Dt(r);n.push(a,mt(o,a),Uo(o,a))}return n}function mt(t,s){return typeof t.getPropertyValue=="function"?t.getPropertyValue(s):""}function Uo(t,s){return typeof t.getPropertyPriority=="function"?t.getPropertyPriority(s):""}function Dt(t){return Mt(t)?t:t.replace(/[A-Z]/g,s=>"-"+s.toLowerCase())}function Ws(t,s,o){if(!t||!t.style||!s||!s.length)return;const n=t.style,r=new Set;if(o&&typeof o=="object")for(const i in o)o[i]==null||i.charAt(0)==="&"||r.add(Dt(i));for(let i=0;i<s.length;i+=3){const a=s[i];r.has(a)||mt(n,a)===s[i+1]&&typeof n.removeProperty=="function"&&n.removeProperty(a)}}function Rt(t,s){if(!s||!t||!t.style)return!1;const o=t.style;for(let n=0;n<s.length;n+=3)if(mt(o,s[n])!==s[n+1]||Uo(o,s[n])!==s[n+2])return!1;return!0}const Mt=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45;function zs(t){let s=null;for(const o in t)t[o]!=null&&o.charAt(0)!=="&"&&(s||(s=new Set),s.add(Dt(o)));return s}function Ys(t,s,o,n){const r=t.__ref;if(!r)return;let i=null;if(o)for(const a of o){if(n&&n.has(a))continue;const f=s[a];if(f==null||typeof f=="object")continue;const e=Dt(a);xo[e]&&(i||(i={}),i[e]=f)}r.__declaredLonghands=i}function Vo(t,s){const o=t.__ref,n=o&&o.__declaredLonghands;if(!n||!s)return null;let r=null;for(const i in n){if(s.has(i))continue;const a=xo[i];let f=!1;for(let e=0;e<a.length;e++)if(s.has(a[e])){f=!0;break}f&&(r||(r={}),r[i]=n[i])}return r}function Bo(t,s){const o=t.node;m(o,s);const n=zs(s);if(!n)return s;const r=t.__ref;if(r)if(r.__inlineCssKeys)for(const a of n)r.__inlineCssKeys.add(a);else r.__inlineCssKeys=new Set(n);const i=Vo(t,n);return i?(m(o,i),Object.assign({},s,i)):s}function qs(t){const s=t.__ref;if(!s||!s.__inlineCssKeys||!s.__declaredLonghands)return;const o=Vo(t,s.__inlineCssKeys);o&&m(t.node,o)}function m(t,s){if(!t||!s||!t.style)return;let o=null;for(const n in s){const r=s[n];if(r!=null){if(n.charAt(0)==="&"&&typeof r=="object"){o||(o={}),o[n]=r;continue}try{const i=String(r),a=Mt(n)?n:n.replace(/[A-Z]/g,h=>"-"+h.toLowerCase()),f=i.trim(),e=/\s*!important\s*$/.test(f),u=f.replace(/\s*!important\s*$/,"");t.style.setProperty(a,u,e?"important":"")}catch{}}}o&&Zs(t,o)}function Zs(t,s){const o=`_ds${So.scopedStyleId++}`;t.classList.add(o);const n=t.ownerDocument;let r=n.querySelector("style[data-smbls-scoped]");r||(r=n.createElement("style"),r.setAttribute("data-smbls-scoped",""),n.head.appendChild(r));let i="";for(const a in s){const f="."+o,e=a.replace(/&/g,f).split(",").map(h=>{const p=h.trim();return p.includes(f)?p:f+p}).join(", "),u=s[a];if(typeof u=="object"){let h="",p="";for(const y in u){const g=u[y];if(typeof g=="object"){const c=y.includes("&")?e.split(", ").map(d=>y.replace(/&/g,d)).join(", "):e.split(", ").map(d=>`${d} ${y}`).join(", ");let l="";for(const d in g)l+=`${d.replace(/[A-Z]/g,A=>"-"+A.toLowerCase())}: ${g[d]};`;p+=Ao(`${c} { ${l} }`,c)+`
|
|
5
|
+
`}else h+=`${y.replace(/[A-Z]/g,c=>"-"+c.toLowerCase())}: ${g};`}h&&(i+=Ao(`${e} { ${h} }`,e)+`
|
|
6
|
+
`),p&&(i+=p)}}i&&(r.textContent+=i)}const Go=new Set;function Ho(t){if(!Array.isArray(t))return"";const s=[];for(let o=0;o<t.length;o++)typeof t[o]=="string"&&t[o].length&&s.push(t[o]);return s.sort(),s.join("|")}function Qs(t,s,o){const n=Ho(o);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=s(t,t.state,t.context)}catch{return}if(Ho(r)===n)return;const i=t.__ref.path?t.__ref.path.join("."):t.key||"?";Go.has(i)||(Go.add(i),console.warn(`[smbls] subscribeTo function at "${i}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${o.join(", ")||"(none)"}], probed [${Array.isArray(r)?r.join(", "):String(r)}]. subscribeTo's function form is resolved ONCE at element-create time (registerSubscribeToEffects, @symbo.ls/element create.js) \u2014 this element stays wired to the ORIGINAL list for its whole lifetime, so this drift is invisible to the reactive effect and any key only present in the new list will never trigger onUpdate. If the watched key genuinely is not known until later (e.g. a module config that loads after shell boot), route the write through an imperative call instead of subscribeTo \u2014 see functions/moduleOpenBridge.js's moduleOpenPage (workspace repo) for the house pattern.`))})}function Xs(t){const s=t.subscribeTo,o=typeof s=="function";let n=s;if(o)try{n=s(t,t.state,t.context)}catch{n=null}if(o&&et()&&Qs(t,s,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const r=t.__ref;for(let i=0;i<n.length;i++){const a=n[i];if(typeof a!="string"||a.length===0)continue;const f=a.split("."),e=f[0],u=f.slice(1),h={value:!1},p=v(()=>{const y=t.state&&(Q(t.state)?t.state.root:null);if(!y||!Q(y))return;let g=y;g=g[e];for(let l=0;l<u.length&&!(g==null||typeof g!="object");l++)if(Q(g))g=g[u[l]];else break;if(!h.value)return;let c=!1;if(typeof t.onBeforeUpdate=="function"){const l=t.context?.designSystem;l&&M(l);try{if(ue(r)){const d=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});d&&typeof d.then=="function"?d.then(()=>$t(r,!1),A=>{$t(r,!0),t.context?.plugins?.length&&q("error",t,{hook:"onBeforeUpdate",error:A})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",A)}):($t(r,!1),d===!1&&(c=!0))}}catch(d){$t(r,!0),t.context?.plugins?.length&&q("error",t,{hook:"onBeforeUpdate",error:d})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",d)}finally{l&&N()}}if(!c&&t.node&&r.__effects)for(let l=0;l<r.__effects.length;l++){const d=r.__effects[l];d&&d!==p&&!d._disposed&&!d._isSubscribeToEffect&&typeof d._execute=="function"&&d._execute()}if(!c&&typeof t.onUpdate=="function"){const l=t.context?.designSystem;l&&M(l);try{t.onUpdate(t,t.state,t.context)}catch(d){t.context?.plugins?.length&&q("error",t,{hook:"onUpdate",error:d})||console.error("[DOMQL] subscribeTo onUpdate error:",d)}finally{l&&N()}}},{depth:r.path.length,label:k(r,"subscribeTo("+a+")")});h.value=!0,p._isSubscribeToEffect=!0,r.__effects.push(p)}}function to(t,s){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!s.context?.designSystem?.media?.[t.slice(1)])}function oo(t,s){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const o=s.context?.designSystem?.media?.[t.slice(1)];return o?/^@(media|supports|container)\b/.test(o)?o:`@media ${o}`:t}const Ko=new Set;function Js(t,s){const o=s?.__ref?.path?s.__ref.path.join("."):s?.key||"?",n=o+"::"+t;Ko.has(n)||(Ko.add(n),console.warn(`[smbls/css] "${t}" at ${o} is a CHILD-COMPONENT key nested inside a pseudo/selector block (":hover", "@dark", etc.) \u2014 that is never a valid CSS selector fragment. The rule is DROPPED (not shipped as a dead/never-matching selector). To reveal a child on a parent state, target the child's OWN class from the parent selector instead, e.g. move the declaration onto the child element itself, or use a sibling-selector combinator in a top-level style block.`))}function ct(t,s,o,n){const r={},i=new Set,a=(f,e,u)=>{const h=u?new Set(Object.keys(r)):null;if(D[f]){const p=D[f](e,s,s.state,s.context);if(p){const y=Array.isArray(p)?p:[p];for(const g of y)g&&Object.assign(r,g)}}else r[f]=e;if(u)for(const p in r)h.has(p)||i.add(p)};for(const f in t){if(!Object.prototype.hasOwnProperty.call(t,f))continue;let e=t[f];if(typeof e=="function"&&(e=e(s,s.state,s.context)),e==null||typeof e=="function")continue;if(typeof e=="object"&&!Array.isArray(e)){if(f==="style"){for(const g in e){let c=e[g];if(typeof c=="function"&&(c=c(s,s.state,s.context)),c==null||typeof c=="function")continue;const l=typeof s[g]=="function"&&(D[g]||R&&R.has(g))||!!(n&&n.has(g));a(g,c,l)}continue}if(to(f,s)){const g=ct(e,s,!1,n);Object.keys(g).length&&(r[`[data-theme="${f.slice(1)}"] &`]=g);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(f)){et()&&Js(f,s);continue}const p=oo(f,s),y=ct(e,s,!1,n);Object.keys(y).length&&(r[p]=y);continue}const u=typeof s[f]=="function"&&(D[f]||R&&R.has(f)),h=!!(n&&n.has(f));a(f,e,u||h)}if(o)for(const f in r)i.add(f);for(const f of i){const e=r[f];typeof e=="string"&&!e.includes("!important")&&(r[f]=e+" !important")}return r}const Nt=t=>!!t&&typeof t=="object"&&!Array.isArray(t);function Wo(t,s){for(const o in s){const n=s[o];t[o]=Nt(n)?Wo(Nt(t[o])?t[o]:{},n):n}return t}function ms(t,s){if(!Nt(s))return;let o;for(const n of t.split(" ")){const r=n?s[n]:null;Nt(r)&&(o=Wo(o||{},r))}return o}function so(t,s){if(s===void 0&&(s=0),s>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&so(t[o],s+1))return!0}return!1}function zo(t,s,o){if(!s||typeof s!="object"||Array.isArray(s))return null;if(to(t,o)){const i=ct(s,o,!1);return Object.keys(i).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:i}:null}const n=oo(t,o),r=ct(s,o,!1);return Object.keys(r).length?{cssProp:n,block:r}:null}function te(t){const s=t.__ref;for(const o of Object.keys(t)){if(!qt(o))continue;const n=t[o];if(!n||typeof n!="object"||Array.isArray(n)||!so(n))continue;let r=null,i;const a=v(()=>{if(!t.node)return;const f=t.context?.designSystem;f&&M(f);let e,u=!1;try{const h=zo(o,n,t),p=h?Ot(h.block)+"::"+h.cssProp:null;if(p!==null&&p===i)u=!0;else if(i=p,h){const y=lt({[h.cssProp]:h.block},null,t.context?.cssPrefix);e=y?y.split(" ").filter(Boolean):null}else e=null}finally{f&&N()}if(!(u||!t.node.classList)){if(r)for(const h of r)t.node.classList.remove(h);if(e&&e.length)for(const h of e)t.node.classList.add(h);r=e}},{depth:s.path.length,label:k(s,"cssBlock("+o+")")});s.__effects.push(a)}}function oe(t){const s=t.__ref;s.__conditionalRunners=[];const o=new Map;for(const n of Object.keys(t)){const r=n.charAt(0);if(r!=="."&&r!=="!")continue;const i=n.slice(1);if(!i)continue;if(/[:@\s>~+[\]]/.test(i)){if(typeof console<"u"&&console.warn){const c=i.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${r}\` is read as one prop name. Nest the selector inside instead: \`${r}${c}: { '${i.slice(c.length)}': {...} }\`.`)}continue}const a=t[n];if(!a||typeof a!="object")continue;const f=r==="!",e={lastMatch:!1,appliedKeys:null,appliedClasses:null},u=new Set;for(const c in a){if(!Object.prototype.hasOwnProperty.call(a,c))continue;const l=c.charAt(0),d=a[c];(l===":"||l==="@"||l==="&"||l==="[")&&d&&typeof d=="object"&&!Array.isArray(d)||u.add(c)}const h=()=>{let c;const l=t[i];if(l===void 0){const x=!!t.state&&i in t.state,_=t.state?t.state[i]:void 0;if(x||_!==void 0)c=_;else{const b=t.context?.cases?.[i];if(b===void 0)return;try{c=typeof b=="function"?b.call(t,t):b}catch(w){c=!1,s.__conditionalError=w,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,w?.message||w)}}}else if(typeof l=="function")try{c=l(t,t.state,t.context)}catch(x){c=!1,s.__conditionalError=x,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,x?.message||x)}else c=l;const d=f?!c:!!c;if(!t.node||d===e.lastMatch)return;e.lastMatch=d;const A=t.context?.designSystem;A&&M(A);try{if(d){const x={},_={};let b=!1;for(const S in a){if(!Object.prototype.hasOwnProperty.call(a,S))continue;const C=a[S],j=S.charAt(0);if((j===":"||j==="@"||j==="&"||j==="[")&&C&&typeof C=="object"&&!Array.isArray(C)){if(to(S,t)){const G=ct(C,t,!1,u);Object.keys(G).length&&(_[`[data-theme="${S.slice(1)}"] &`]=G,b=!0)}else{const G=oo(S,t),ot=ct(C,t,!1,u);Object.keys(ot).length&&(_[G]=ot,b=!0)}continue}const z=typeof C=="function"?C(t,t.state,t.context):C;if(z!=null)if(D[S]){const G=D[S](z,t,t.state,t.context);if(G){const ot=Array.isArray(G)?G:[G];for(const $ of ot)$&&Object.assign(x,$)}}else(R&&R.has(S)||Mt(S))&&(x[S]=z)}const w=Object.keys(x);if(w.length){m(t.node,x);for(const S of w)o.set(S,n);e.appliedKeys=w}else e.appliedKeys=null;if(b){const S=lt(_,null,t.context?.cssPrefix,{state:!0}),C=S?S.split(" ").filter(Boolean):[];if(C.length&&t.node.classList){for(const j of C)t.node.classList.add(j);e.appliedClasses=C}else e.appliedClasses=null}else if(e.appliedClasses){for(const S of e.appliedClasses)t.node.classList.remove(S);e.appliedClasses=null}}else{if(e.appliedKeys){for(const x of e.appliedKeys)o.get(x)===n&&(Mt(x)?t.node.style.removeProperty(x):t.node.style[x]="",o.delete(x));e.appliedKeys=null}if(e.appliedClasses){for(const x of e.appliedClasses)t.node.classList.remove(x);e.appliedClasses=null}}}finally{A&&N()}};s.__conditionalRunners.push(h);const p=P(t,t[i+"Deps"],h),y=v(p,{depth:s.path.length,label:k(s,"conditional("+n+")")}),g=s.__exec&&s.__exec[i]||t[i];y._sources.size===0&&typeof g=="function"&&et()&&console.warn(`[smbls] conditional \`${n}\` on ${t.key||"?"} subscribed to nothing \u2014 its predicate tracked no reactive read on its first run, so no state write will ever re-evaluate it (only a direct element.update() on this element re-runs it). If the predicate guards its state reads (\`in\`, short-circuits, \`?.\`), declare \`${i}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),s.__effects.push(y)}}const eo=new WeakSet;function se(t){const s=t.ownerDocument;!s||eo.has(s)||(eo.add(s),queueMicrotask(()=>{eo.delete(s);const o=s.body||s.documentElement;o&&o.offsetWidth}))}const no=new WeakSet;let Yo=!1;function qo(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function ro(t,s){const o={...t};for(const n in s){const r=s[n],i=o[n];o[n]=r&&typeof r=="object"&&i&&typeof i=="object"?ro(i,r):r}return o}function Zo(t,s){const o={};for(const n in t){const r=t[n];if(r&&typeof r=="object"){const i=Zo(r,s);Object.keys(i).length&&(o[n]=i)}else s.has(n)||(o[n]=r)}return o}function Qo(t){const{node:s}=t;if(!s)return;if(Yo||(Yo=!0,lt({display:"none"})),no.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}no.add(t);const o=t.context?.designSystem;o&&M(o),go();try{const n={};let r=!1,i=[],a=null,f=null,e=null;const u=(c,l)=>{if(l&&typeof l=="object"&&qo(c)){f||(f={});const d=f[c];d&&(l=ro(d,l)),f[c]=l}else(l===null||typeof l!="object")&&(e||(e=new Set),e.add(c));n[c]=l};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&D.theme){const c=D.theme(t.theme,t,t.state,t.context);if(c){const l=d=>{for(const A in d){const x=d[A];x&&typeof x=="object"&&qo(A)&&(a||(a={}),a[A]=x),n[A]=x}};if(Array.isArray(c))for(const d of c)d&&l(d);else l(c);r=!0}}const h=(c,l)=>{if(D[c]){const d=D[c](l,t,t.state,t.context);if(d){if(Array.isArray(d)){for(const A of d)if(A)for(const x in A)u(x,A[x])}else for(const A in d)u(A,d[A]);r=!0}}else if(R&&R.has(c))l!=null&&typeof l!="object"&&(u(c,l),r=!0);else if(c.charCodeAt(0)===45)l!=null&&typeof l!="object"&&(u(c,l),r=!0);else if((c.charAt(0)==="&"||c.charAt(0)==="@"||c.charAt(0)===":"||c.charAt(0)==="[")&&l&&typeof l=="object"&&!Array.isArray(l)){if(so(l))return;const d=zo(c,l,t);d&&(u(d.cssProp,d.block),r=!0)}};if(typeof t.class=="string"){const c=ms(t.class,t.context?.designSystem?.class);if(c)for(const l in c)h(l,c[l])}const p=e?new Set(e):null,y=t.tag||"div";for(const c of Object.keys(t)){if(typeof t[c]=="function"||K.has(c)||c==="theme")continue;const l=c.charCodeAt(0);l>=65&&l<=90||Z(c)||wo(y,c)||h(c,t[c])}if(a)for(const c in a){let l=e?Zo(a[c],e):a[c];f&&f[c]&&(l=ro(l,f[c])),Object.keys(l).length?n[c]=l:delete n[c]}if(Ys(t,n,e,p),r){n.display&&String(n.display).includes("!important")&&(s.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const c=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;typeof c=="string"&&c!==""&&n.display&&n.display!==c&&(n.display=c);const l=lt(n,null,t.context?.cssPrefix);if(i=l?l.split(" ").filter(Boolean):[],l&&s.classList){const d=i;let A=!1;for(const x of d)s.classList.add(x),A||(x.charCodeAt(0)===95&&x.charCodeAt(1)===99||x.charCodeAt(0)===95&&x.indexOf("_c",1)!==-1)&&(A=!0);A&&se(s)}}const g=t.__ref;if(g){const c=g.__staticCssClasses;if(c&&s.classList){const l=new Set(i);for(const d of c)l.has(d)||s.classList.remove(d)}g.__staticCssClasses=i}qs(t)}finally{bo(),o&&N(),no.delete(t)}}const Fe=t=>!!D[t]||!!(R&&R.has(t))||typeof t=="string"&&t.charCodeAt(0)===45;function $e(t){t&&t.node&&Qo(t)}function Xo(t){const{node:s}=t;if(!s||!s.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const r in t.aria){const i=t.aria[r];if(typeof i=="function"||typeof i=="object"||i==null||typeof i=="string"&&i.includes("{{"))continue;const a="aria-"+r.replace(/[A-Z]/g,f=>"-"+f.toLowerCase());s.setAttribute(a,W(a,i))}const o=Ss(t);for(const r in o){const i=o[r];i!=null&&i!==!1&&typeof i!="function"&&typeof i!="object"&&s.setAttribute(r,i===!0?"":i)}const n=t.tag||"div";for(const r of Object.keys(t)){if(typeof t[r]=="function"||K.has(r)||r==="on"||o[r]!==void 0)continue;const i=r.charCodeAt(0);if(!(i>=65&&i<=90)&&!Z(r)&&!yt(n,r)&&dt(n,r)){let a=t[r];if(a==null)continue;if(typeof a=="string"&&a.includes("{{")){if(!Kt[r])continue;a=I.call(t,a,t.state)}if(a==null||typeof a=="function"||typeof a=="object"||a===!1&&!ht(pt(r)||r))continue;const f=pt(r)||r;s.setAttribute(f,W(f,a))}}}function Ie(t,s){const{node:o}=t;if(!o||!o.setAttribute)return;const n=s.charCodeAt(0);if(n>=65&&n<=90||Z(s))return;const r=t.tag||"div";if(yt(r,s)||!dt(r,s))return;const i=pt(s)||s,a=i.toLowerCase(),f=t.__ref&&t.__ref.__effects;let e=!1;if(f)for(let p=0;p<f.length;p++){const y=f[p];y&&y._attrName===a&&!y._disposed&&typeof y._execute=="function"&&(e=!0,y._execute())}if(e)return;let u=t[s];const h=Kt[s];if(h&&u!=null){const p=h(t);p!==void 0&&(u=p)}typeof u=="string"&&u.includes("{{")&&(u=I.call(t,u,t.state)),u==null||u===!1&&!ht(i)?o.removeAttribute(i):typeof u!="function"&&typeof u!="object"&&o.setAttribute(i,W(i,u))}function ee(t,s){const o=t.node,n=t.__ref;let r=n.__autoGrow;if(!s){if(r&&r.active){try{o.removeEventListener("input",r.resize)}catch{}mo(r),J.delete(t),o.style.height="",r.appliedMax!=null&&o.style.maxHeight===r.appliedMax&&(o.style.maxHeight=""),ts(o,r,!1),r.active=!1,r.appliedMax=null,r.lastMeasure=0}return}r||(r=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,lastWidth:null,watch:null,awaitingLayout:!1,appliedScroll:!1,fontsHooked:!1,attachAttempts:0,firstAttemptAt:null,resize:()=>{if(!o.isConnected){kt(t,!0);return}if(!(o.scrollHeight>0)){r.awaitingLayout=!0,Jo(t,r);return}r.awaitingLayout=!1;const a=o.style.height;o.style.height="0px";const f=o.scrollHeight;if(!(f>0)){o.style.height=a;return}const e=ie(o),u=e!=null&&f>e;o.style.height=(u?e:f)+"px",ts(o,r,u),r.lastMeasure=f,r.lastWidth=o.clientWidth,Jo(t,r)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{o.removeEventListener("input",r.resize)}catch{}mo(r),J.delete(t)})),r.active||(o.addEventListener("input",r.resize),r.active=!0,re(t,r));const i=typeof s=="object"&&s.max!=null?String(s.max):null;i!==r.appliedMax&&(i==null?r.appliedMax!=null&&o.style.maxHeight===r.appliedMax&&(o.style.maxHeight=""):o.style.maxHeight=i,r.appliedMax=i),r.resize()}function kt(t,s){const o=t.__ref?.__autoGrow;o&&(s&&(o.attachAttempts=0,o.firstAttemptAt=null),J.add(t),Et())}function ne(){const t=Array.from(J);J.clear();for(let s=0;s<t.length;s++){const o=t[s],n=o.node,r=o.__ref?.__autoGrow;if(!(!n||!r||!r.active)){if(!n.isConnected){r.firstAttemptAt==null&&(r.firstAttemptAt=rt()),r.attachAttempts+=1,r.attachAttempts<=vo&&rt()-r.firstAttemptAt<jo&&(J.add(o),Et());continue}r.attachAttempts=0,r.firstAttemptAt=null,r.resize()}}}function Jo(t,s){if(s.watch)return;const o=t.node;if(!o)return;const n=o.ownerDocument&&o.ownerDocument.defaultView,r=n&&n.ResizeObserver||(typeof ResizeObserver=="function"?ResizeObserver:null);if(typeof r!="function")return;const i=()=>{if(!s.active||!o.isConnected||!(o.scrollHeight>0))return;if(s.awaitingLayout){s.awaitingLayout=!1,kt(t,!0);return}const f=o.clientWidth;s.lastWidth!=null&&Math.abs(f-s.lastWidth)<.5||(s.lastWidth=f,kt(t,!0))};let a;try{a=new r(i),a.observe(o)}catch{return}s.watch=a}function mo(t){const s=t.watch;if(s){t.watch=null;try{s.disconnect()}catch{}}}function re(t,s){if(s.fontsHooked)return;s.fontsHooked=!0;const o=t.node&&t.node.ownerDocument,n=o&&o.fonts&&o.fonts.ready;!n||typeof n.then!="function"||n.then(()=>{s.active&&t.node&&kt(t,!0)},()=>{})}function ie(t){const s=t.ownerDocument&&t.ownerDocument.defaultView;let o;try{o=s&&s.getComputedStyle?s.getComputedStyle(t):null}catch{o=null}if(!o)return null;const n=h=>typeof h=="string"&&/^\s*-?\d*\.?\d+px\s*$/.test(h)?parseFloat(h):null,r=n(o.maxHeight);if(r==null||!(r>0))return null;const i=(n(o.paddingTop)||0)+(n(o.paddingBottom)||0),a=(n(o.borderTopWidth)||0)+(n(o.borderBottomWidth)||0),f=o.boxSizing==="border-box"?r-a:r+i,e=n(o.lineHeight);if(!(e>0))return f;const u=Math.floor((f-i)/e+1e-6);return u>=1?u*e+i:f}function ts(t,s,o){o?s.appliedScroll||(t.style.overflowY="auto",s.appliedScroll=!0):s.appliedScroll&&(t.style.overflowY==="auto"&&(t.style.overflowY=""),s.appliedScroll=!1)}const os=["srcObject","muted"],ce=(t,s)=>t==="muted"?s===!0||s===""||s==="true"||s==="muted":s??null;function fe(t){const s=t.node,o=t.__ref;if(!(!s||!o))for(let n=0;n<os.length;n++){const r=os[n],i=t[r];if(i===void 0||!(r in s))continue;const a=f=>{const e=ce(r,f);if(s[r]!==e)try{s[r]=e}catch(u){O(o,r,u)}};if(typeof i=="function"){const f=P(t,t[r+"Deps"],i),e=v(()=>{try{a(f(t,t.state,t.context))}catch(u){O(o,r,u)}},{depth:o.path.length,label:k(o,r)});o.__effects.push(e),o.__exec[r]=i}else a(i);r==="srcObject"&&(o.__releaseMedia=()=>{try{s.srcObject!=null&&(s.srcObject=null)}catch{}})}}function ss(t){if(!t.autoGrow)return;const s=t.node;if(!s||s.tagName!=="TEXTAREA")return;const o=t.__ref,n=t.autoGrow,r=typeof n=="function"?P(t,t.autoGrowDeps,n):null,i=v(()=>{const a=t.autoGrow;let f=a;if(typeof a=="function")try{f=(a===n&&r?r:a)(t,t.state,t.context)}catch{f=null}ee(t,f)},{depth:o.path.length,label:k(o,"autoGrow")});o.__effects||(o.__effects=[]),o.__effects.push(i),r&&(o.__exec.autoGrow=n)}const es=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function ns(t,s){for(const o of Object.keys(t)){if(!Z(o)||es.has(o))continue;const n=gs(o);if(n){_s(n,t,t[o]);continue}let r=t[o];if(typeof r=="string"&&/^[A-Za-z_$][\w$]*$/.test(r)){const a=r;r=function(e){return t.call(a,e)}}if(typeof r!="function")continue;const i=Ps(o);hs.has(i)||ys(Os(i),t,r)}ae(t)}function ae(t){const s=t.node;if(!s||!s.addEventListener)return;const o={};let n=!1;for(const y of es){const g=t[y];typeof g=="function"&&(o[y]=g,n=!0)}if(!n)return;const r=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,i=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let a=0,f=0,e=0,u=!1;const h=y=>{const g=y.touches&&y.touches[0]||y.changedTouches&&y.changedTouches[0];g&&(a=g.clientX,f=g.clientY,e=Date.now(),u=!0)},p=y=>{if(!u)return;u=!1;const g=y.changedTouches&&y.changedTouches[0]||y.touches&&y.touches[0];if(!g)return;const c=g.clientX-a,l=g.clientY-f,d=Date.now()-e;if(d>i)return;const A=Math.abs(c),x=Math.abs(l);if(Math.max(A,x)<r)return;let _;if(A>x*1.2)_=c<0?"left":"right";else if(x>A*1.2)_=l<0?"up":"down";else return;const b="onSwipe"+_.charAt(0).toUpperCase()+_.slice(1),w=o[b],S=o.onSwipe;w&&w.call(t,y,t,t.state,t.context),S&&S.call(t,{direction:_,dx:c,dy:l,dt:d,event:y},t,t.state,t.context)};s.addEventListener("touchstart",h,{passive:!0}),s.addEventListener("touchend",p,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{s.removeEventListener("touchstart",h)}catch{}try{s.removeEventListener("touchend",p)}catch{}})}function tt(t,s){const o={...t};for(const n in s){const r=o[n],i=s[n];r&&i&&typeof r=="object"&&typeof i=="object"&&!Array.isArray(r)&&!Array.isArray(i)&&typeof r!="function"&&typeof i!="function"?o[n]=tt(r,i):o[n]=i}return o}function io(t,s,o,n,r){if(!s||!t.node)return;const i=t.childExtends,a=it(t,"childProps");if(Array.isArray(s)){const f=t.tag==="fragment",e=t.context?.document||globalThis.document,u=f?null:e?.createDocumentFragment();if(!f&&!u)return;const h=t.childProps,p=t.childrenAs,y=x=>{let _=s[x];const b=_;(typeof _=="string"||typeof _=="number")&&(_={text:_});let w=h;if(typeof h=="function")try{w=h(t,_)}catch{w=null}let S=typeof h=="function"?wt(w):a;if(r&&p!=="state"&&(S=St(S,wt(b))),p==="state"){let j=b;(typeof b=="string"||typeof b=="number")&&(j={value:b,text:b}),_=w?{...w,state:j}:{state:j}}else w&&(_=tt(w,_));if(i&&!_.ignoreChildExtends)if(_.extends){const j=Array.isArray(_.extends)?_.extends:[_.extends],z=Array.isArray(i)?i:[i];_={..._,extends:[...z,...j]}}else _={..._,extends:i};const C=To(_?.key,b,x);try{return X(Ct(_,S),t,C,o)}catch(j){if(typeof console<"u"&&console.error){const z=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${C}" failed to construct at ${z} (initial render, skipping this row):`,j?.message||j)}return null}},g=t.__ref;if(!(n===!0&&!f&&!!g&&(o?.mountYield===!0||t.yieldChildren===!0))){for(let x=0;x<s.length;x++){const _=y(x);!f&&_?.node&&u.appendChild(_.node)}return f||t.node.appendChild(u),!0}const l=g.__childrenChunkGen=(g.__childrenChunkGen||0)+1;ho();let d=null;const A=x=>{if(g.__disposed||g.__childrenChunkGen!==l){d&&d.parentNode&&d.remove();return}for(let _=x;_<s.length;_++){const b=y(_);if(b?.node&&(d?t.node.insertBefore(b.node,d):u.appendChild(b.node)),_+1<s.length&&po()){d||(d=e.createComment("smbls-mount"),u.appendChild(d),t.node.appendChild(u));const w=_+1;_o(()=>A(w));return}}d?(d.remove(),t.node.tagName==="SELECT"&&Ft(t,!0)):t.node.appendChild(u)};return A(0),yo(),!0}if(typeof s=="string"){const f=Po(s,t);if(Array.isArray(f))return io(t,f,o,n,!0)}if(typeof s=="object")for(const f in s){if(K.has(f))continue;let e=s[f];if(e==null||e===!1)continue;const u=r?St(a,wt(e)):a;if((typeof e=="string"||typeof e=="number")&&(e={text:e}),t.childProps&&(e=tt(t.childProps,e)),i&&!e.ignoreChildExtends)if(e.extends){const h=Array.isArray(e.extends)?e.extends:[e.extends],p=Array.isArray(i)?i:[i];e={...e,extends:[...p,...h]}}else e={...e,extends:i};X(Ct(e,u),t,f,o)}}function Ft(t,s){const o=t.node;if(!o||o.tagName!=="SELECT")return;const n=o.options;if(!n||!n.length)return;const r=t.__ref,i=r&&r.__exec&&r.__exec.value,a=typeof i=="function",f=t.value!=null&&typeof t.value!="function";if(a||f){let h;if(a)try{h=i(t,t.state,t.context)}catch{return}else h=t.value,typeof h=="string"&&h.includes("{{")&&(h=I.call(t,h,t.state));const p=h==null?"":String(h);o.value!==p&&(o.value=p);return}const e=s||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!e)return;let u=-1;for(let h=0;h<n.length;h++)n[h].defaultSelected&&(u=h);u>=0&&o.selectedIndex!==u&&(o.selectedIndex=u)}function rs(t,s){let{children:o,content:n}=t;const r=t.childExtends,i=typeof o=="function"||Ro(t,"children");if(typeof o=="function"){const c=o;try{o=c(t,t.state,t.context)}catch(_){if(o=void 0,typeof console<"u"&&console.error){const b=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${b} (initial run, treating as empty):`,_?.message||_)}}Mo(t,o),t.children=o;const l=t.__ref;let d=!1;const A=P(t,t.childrenDeps,c),x=v(()=>{const _=d;d=!0;let b;try{b=A(t,t.state,t.context)}catch($){if(typeof console<"u"&&console.error){const V=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${V}${_?"":" (initial tracking run)"}:`,$?.message||$)}return}if(!_||b===t.children)return;Mo(t,b),t.children=b,l.__childrenChunkGen!=null&&l.__childrenChunkGen++;const w=typeof t.onContentUpdate=="function",S=w?[]:null,C=w?[]:null,j=w?[]:null;if(Array.isArray(b)&&t.childrenAs==="state"){const $=t.childProps,V=[],fo=new Map;for(let E=0;E<b.length;E++){const B=b[E];let T=$;if(typeof $=="function")try{T=$(t,B)}catch{T=null}const Y=To(T&&T.key,B,E);V.push(Y),fo.set(Y,{rawChild:B,childProps:T})}const cs=new Set(V),fs=l.__children.slice();for(const E of fs)if(!cs.has(E)){const B=t[E];B?.remove&&B.remove(),delete t[E],C&&C.push(E)}const ft=t.childExtends,vt=t.tag==="fragment",as=t.context?.document||globalThis.document,at=vt?null:as?.createDocumentFragment(),It=new Set;for(const E of V){const B=fo.get(E),T=B.rawChild,Y=t[E];if(Y&&Y.state){if(T&&typeof T=="object"){const L=Y.state,st=L.$replace||L.replace,ao=L.$update||L.update;try{if(typeof st=="function")st.call(L,T);else if(typeof ao=="function"){for(const U in L)if(!(U==="__element"||U==="root"||U==="parent"||U==="update")&&!Object.prototype.hasOwnProperty.call(T,U))try{L[U]=void 0}catch{}ao.call(L,T)}else for(const U in T)L[U]=T[U]}catch(U){if(typeof console<"u"&&console.error){const ls=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${E}" failed to patch at ${ls} (reconcile, keeping its previous data for this pass):`,U?.message||U)}}}j&&j.push(E);continue}let Ut=T;(typeof T=="string"||typeof T=="number")&&(Ut={value:T,text:T});const Vt=B.childProps;let H=Vt?{...Vt,state:Ut}:{state:Ut};const us=typeof $=="function"?wt(Vt):it(t,"childProps");if(ft&&!H.ignoreChildExtends)if(H.extends){const L=Array.isArray(H.extends)?H.extends:[H.extends],st=Array.isArray(ft)?ft:[ft];H={...H,extends:[...st,...L]}}else H={...H,extends:ft};let Bt;try{Bt=X(Ct(H,us),t,E,s)}catch(L){if(typeof console<"u"&&console.error){const st=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${E}" failed to construct at ${st} (reconcile, skipping this row):`,L?.message||L)}It.add(E);continue}!vt&&Bt?.node&&at&&at.appendChild(Bt.node),S&&S.push(E)}if(!vt&&at&&at.childNodes.length&&t.node&&t.node.appendChild(at),!vt&&t.node){let E=null;for(const B of V){const T=t[B]?.node;if(!T)continue;const Y=E?E.nextSibling:t.node.firstChild;T!==Y&&t.node.insertBefore(T,Y),E=T}}l.__children=It.size?V.filter(E=>!It.has(E)):V,w&&(S.length||C.length)&&Eo(t,{added:S,removed:C,kept:j}),Ft(t,!1);return}const ot=w?[...l.__children]:null;for(const $ of[...l.__children]){const V=t[$];V?.remove&&V.remove(),delete t[$]}l.__children=[],io(t,b,s,!1,!0),Ft(t,!1),w&&Eo(t,{added:[...l.__children],removed:ot,kept:[]})},{depth:l.path.length,label:k(l,"children")});l.__effects.push(x)}const a=io(t,o,s,!0,i);if(n!=null&&!(n&&n.__ref)){let c=n;if(typeof c=="string"||typeof c=="number"?c={text:c}:typeof c!="object"&&(c={}),t.childProps&&(c=tt(t.childProps,c)),r&&!c.ignoreChildExtends)if(c.extends){const d=Array.isArray(c.extends)?c.extends:[c.extends],A=Array.isArray(r)?r:[r];c={...c,extends:[...A,...d]}}else c={...c,extends:r};const l=St(it(t,"childProps"),it(t,"content"));X(Ct(c,l),t,"content",s)}if(o&&!a)return;const f=t.context?.components||{},e=t.__ref&&t.__ref.__runtimeSource,u=e?{}:null;{const c=Object.keys(t);for(let l=0;l<c.length;l++){const d=c[l];if(!d.endsWith("Extends")||typeof t[d]!="string")continue;const A=d.slice(0,-7);if(!A||A.charCodeAt(0)<65||A.charCodeAt(0)>90)continue;const x={extends:t[d]};delete t[d];for(let _=l+1;_<c.length;_++){const b=c[_],w=b.charCodeAt(0);if(w>=65&&w<=90||K.has(b)||typeof t[b]=="function"&&(b.startsWith("on")||b.startsWith(".")))break;const S=t[b];S!==void 0&&(x[b]=S,delete t[b],u&&xt(e,b)&&(u[A]||(u[A]={}),u[A][b]=e[b]))}t[A]&&typeof t[A]=="object"?t[A]={...x,...t[A]}:t[A]=x}}const h=s?.mountYield===!0||t.yieldChildren===!0,p=Object.keys(t),y=c=>{if(K.has(c)||typeof t[c]!="object"||t[c]===null)return;const l=c.charCodeAt(0);if(l<65||l>90)return;let d=t[c];if(d.__ref)return;if(!d.extends&&!d.extend){const x=f[c]||f[`smbls.${c}`];x&&(d={...d,extends:x})}if(t.childProps&&(d=tt(t.childProps,d)),r&&!d.ignoreChildExtends)if(d.extends){const x=Array.isArray(d.extends)?d.extends:[d.extends],_=Array.isArray(r)?r:[r];d={...d,extends:[..._,...x]}}else d={...d,extends:r};const A=e?St(it(t,"childProps"),St(u[c]||null,it(t,c))):null;X(Ct(d,A),t,c,s)};if(!h){for(const c of p)y(c);return}ho();const g=c=>{for(let l=c;l<p.length;l++)if(y(p[l]),l+1<p.length&&po()){const d=l+1;_o(()=>g(d));return}};g(0),yo()}function is(t,s,o){const{node:n}=t;if(!n)return;n.ref=t;const r=s?.tag==="fragment"?s.__ref?.__fragmentAnchor:null;if(r){const a=r.parentNode;if(a){if(o?.position==="before"&&o.node)a.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const f=o.node.nextSibling;a.insertBefore(n,f||r)}else a.insertBefore(n,r);return}}const i=s?.node||(s?.nodeType?s:null);if(i)if(o?.position==="before"&&o.node)i.insertBefore(n,o.node);else if(o?.position==="after"&&o.node){const a=o.node.nextSibling;a?i.insertBefore(n,a):i.appendChild(n)}else i.appendChild(n)}const co=3;function ue(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=co?!1:(t.__inBeforeUpdate=!0,!0)}function $t(t,s){t&&(t.__inBeforeUpdate=!1,s?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===co&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${co}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function F(t,s,o){const n=t.charAt(0).toLowerCase()+t.slice(1);s.context?.plugins?.length&&q(n,s,o);const r="on"+t,i=s[r];if(typeof i=="function"){const e=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(e){if(s.__ref[e])return!0;s.__ref[e]=!0}const u=s.context?.designSystem;u&&M(u);let h=!!e;try{const p=i(s,s.state,s.context,o);if(p&&typeof p.then=="function"){const y=s.__ref;return p.catch(g=>{s.context?.plugins?.length&&q("error",s,{hook:r,error:g})||console.error(`[DOMQL] Lifecycle "${r}" error:`,g)}).finally(()=>{e&&y&&(y[e]=!1)}),h=!1,!0}if(p===!1)return!1}catch(p){if(s.context?.plugins?.length&&q("error",s,{hook:r,error:p})||console.error(`[DOMQL] Lifecycle "${r}" error:`,p),s.context?.strictMode)throw p}finally{u&&N(),h&&s.__ref&&(s.__ref[e]=!1)}}return!0}var Ue=X;export{co as BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES,ue as acquireBeforeUpdateGuard,X as create,Ue as default,zt as flushMounts,Fe as isStaticCssProp,$e as recompileStaticCss,Ie as reconcileAttrProp,$t as releaseBeforeUpdateGuard,Pt as writeElementText};
|
package/dist/esm/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="3.14.
|
|
1
|
+
const o="3.14.797";export{o as VERSION};
|