@symbo.ls/element 3.14.782 → 3.14.784
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 +5 -5
- package/dist/cjs/src/delegate.js +1 -1
- package/dist/cjs/src/dispose.js +1 -1
- package/dist/cjs/src/version.js +1 -1
- package/dist/esm/src/create.js +5 -5
- package/dist/esm/src/delegate.js +1 -1
- package/dist/esm/src/dispose.js +1 -1
- package/dist/esm/src/version.js +1 -1
- package/package.json +1 -1
package/dist/cjs/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
`+
|
|
1
|
+
"use strict";var Ct=Object.defineProperty;var lo=Object.getOwnPropertyDescriptor;var po=Object.getOwnPropertyNames;var yo=Object.prototype.hasOwnProperty;var ho=(t,n)=>{for(var s in n)Ct(t,s,{get:n[s],enumerable:!0})},_o=(t,n,s,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of po(n))!yo.call(t,e)&&e!==s&&Ct(t,e,{get:()=>n[e],enumerable:!(r=lo(n,e))||r.enumerable});return t};var go=t=>_o(Ct({},"__esModule",{value:!0}),t);var Go={};ho(Go,{BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES:()=>gt,acquireBeforeUpdateGuard:()=>io,create:()=>H,default:()=>Vo,flushMounts:()=>_t,releaseBeforeUpdateGuard:()=>ut,writeElementText:()=>at});module.exports=go(Go);var R=require("@symbo.ls/signal"),E=require("@symbo.ls/signal"),Y=require("./cache.js"),U=require("./registry.js"),tt=require("./delegate.js"),so=require("./extends.js"),no=require("./methods.js"),Yo=require("./dispose.js"),J=require("./devRuntime.js"),I=require("./mountScheduler.js"),W=require("@symbo.ls/utils"),K=require("@symbo.ls/utils/function.js"),m=require("@symbo.ls/state"),A=require("css-in-props"),G=require("@symbo.ls/css"),k=require("@symbo.ls/scratch"),j=require("attrs-in-props"),eo=require("./engineRegistry.js"),ro=require("./version.js");const Nt=(0,eo.resolveElementIdEngine)({uniqId:1,scopedStyleId:0},ro.VERSION),rt=[];let kt=!1;function Ft(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function bo(){return typeof document<"u"&&document.visibilityState==="hidden"}const xo=250;function It(){if(!kt){if(kt=!0,typeof requestAnimationFrame!="function"){setTimeout(_t,0);return}bo()?setTimeout(_t,xo):requestAnimationFrame(_t)}}const Ao=300,Co=15e4;function _t(){if(kt=!1,!rt.length)return;const t=rt.splice(0,rt.length);for(let n=0;n<t.length;n++){const s=t[n];if(s.node){if(!s.node.isConnected){const r=s.__ref||(s.__ref={});r.__mountAttempts=(r.__mountAttempts||0)+1,r.__mountFirstAttemptAt==null&&(r.__mountFirstAttemptAt=Ft());const e=Ft()-r.__mountFirstAttemptAt;r.__mountAttempts<=Ao&&e<Co?(rt.push(s),It()):console.warn("[DOMQL] onMounted dropped after",r.__mountAttempts,"attempts /",e,"ms \u2014 node never connected:",s.key||s.tag||s);continue}M("Mounted",s,s.__ref?.__mountOptions||{})}}}function St(t,n){typeof t.onMounted=="function"&&(t.__ref.__mountOptions=n,rt.push(t),It())}function Ut(t,n){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&(0,K.runPluginHook)("contentUpdate",t,n);const s=t.context?.designSystem;s&&(0,k.pushConfig)(s);try{t.onContentUpdate(t,t.state,t.context,n)}catch(r){if(t.context?.plugins?.length&&(0,K.runPluginHook)("error",t,{hook:"onContentUpdate",error:r})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',r),t.context?.strictMode)throw r}finally{s&&(0,k.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 ko(t){return t.charAt(2).toLowerCase()+t.slice(3)}function So(t){return t.toLowerCase()}function vt(t){const n=t.charCodeAt(0);return n===58||n===64||n===38||n===91}function it(t,n){const s={...t};for(const r in n){const e=s[r],o=n[r];e&&o&&typeof e=="object"&&typeof o=="object"&&!Array.isArray(e)&&!Array.isArray(o)&&typeof e!="function"&&typeof o!="function"?s[r]=it(e,o):s[r]=o}return s}function H(t,n,s,r={},e){if(t==null||t===!1)return null;(typeof t=="string"||typeof t=="number")&&(t={text:t});const o=Object.create(null);o.key=s||t.key||`_${Nt.uniqId++}`,o.parent=n||null,o.context=t.context||n?.context||r.context||{},o.context.__create||(o.context.__create=H);const i=o.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:n?.__ref?.root||o,path:n?.__ref?.path?[...n.__ref.path,o.key]:[o.key],origin:t};if(s&&!t.extends&&!t.extend){const _=s.indexOf("_"),p=s.indexOf(".");let h=_>0?_:-1;if(p>0&&(h<0||p<h)&&(h=p),h>0){const b=s.substring(0,h),x=o.context?.components;x&&(x[b]||x["smbls."+b])?t={...t,extends:b}:x&&(0,J.isLoudDevRuntime)()&&(/^[A-Z]\w*_\d+$/.test(s)||/^[A-Z]\w*\.\w+$/.test(s))&&console.warn(`[smbls] auto-extend: key "${s}" looks like an instance of "${b}" but neither "${b}" nor "smbls.${b}" is registered in context.components \u2014 element will render as a plain <div>. Register the base component or rename the key.`)}}(0,so.applyExtends)(o,t,r);const c=new Set(["childProps","attr","style","scope","data"]),a=o.props&&typeof o.props=="object"?o.props:null;for(const _ in t){if(_==="parent"||_==="node"||_==="__ref"||_==="extends"||_==="context"||_==="props")continue;const p=t[_],h=o[_],b=h&&p&&typeof h=="object"&&typeof p=="object"&&!Array.isArray(h)&&!Array.isArray(p)&&typeof h!="function"&&typeof p!="function";b&&_.charCodeAt(0)>=65&&_.charCodeAt(0)<=90?o[_]=it(h,p):b&&c.has(_)?o[_]={...h,...p}:b&&vt(_)?o[_]=it(h,p):o[_]=p}function u(_){for(const p in _){const h=_[p],b=o[p],x=b&&h&&typeof b=="object"&&typeof h=="object"&&!Array.isArray(b)&&!Array.isArray(h)&&typeof b!="function"&&typeof h!="function";x&&p.charCodeAt(0)>=65&&p.charCodeAt(0)<=90?o[p]=it(b,h):x&&c.has(p)?o[p]={...b,...h}:x&&vt(p)?o[p]=it(b,h):o[p]=h}}a&&u(a),t.props&&typeof t.props=="object"&&u(t.props),t.data!==void 0&&(o.data=t.data),t.classlist!==void 0&&(o.classlist=t.classlist),t.text!==void 0&&(o.text=t.text),t.html!==void 0&&(o.html=t.html);const d=o.scope&&typeof o.scope=="object"?o.scope:null,f=n?.scope,l=o.context&&typeof o.context.globalScope=="object"&&o.context.globalScope||null,y=f||l||null;if(t.scope!==void 0||d){const _={};d&&Object.assign(_,d),t.scope!==void 0&&Object.assign(_,t.scope),o.scope=(0,R.createScopeStore)(_,y)}else y&&(o.scope=y);if(t.if!==void 0&&(o.if=t.if),(0,no.addMethods)(o),vo(o,n,t),o.if!=null){let _;if(typeof o.if=="function")try{_=o.if(o,o.state,o.context)}catch(p){if(_=!1,i.__ifError=p,typeof console<"u"&&console.warn){const h=o.key||o.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${h} \u2014 treating as false:`,p?.message||p)}}else _=o.if;i.__if=!!_}if(i.__if)typeof o.if=="function"&&(i.__ifInitialized=!0);else return n&&(n[o.key]=o),typeof o.if=="function"&&Gt(o,i,o.if),o;o.tag||(o.tag=(0,Y.detectTag)(o)),M("Init",o,r);const g=o.node=(0,Y.cacheNode)(o);if(!g)return o;if(o.tag==="fragment"){const p=(o.context?.document||globalThis.document).createComment("");g.appendChild(p),i.__fragmentAnchor=p}M("AttachNode",o,r),g.setAttribute&&o.key&&g.setAttribute("data-key",o.key),n&&(n[o.key]=o,n.__ref?.__children&&(n.__ref.__children.includes(o.key)||n.__ref.__children.push(o.key))),g.setAttribute&&o.context?.scopeSelector&&o.context.scopeSelector!==":root"&&o.context.key&&o.key===o.context.key&&g.setAttribute("data-smbls-app",o.context.key),o.id&&g.setAttribute&&(g.id=o.id),mt(o,r),Kt(o),jt(o),Xt(o),Bo(o);try{to(o,r)}catch(_){if(typeof console<"u"&&console.error){const p=o.__ref?.path?.join(".")||o.key||"<root>";console.error(`[smbls] createChildren failed at ${p}:`,_?.message||_,_?.stack?`
|
|
2
|
+
`+_.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Et(o,!0),Zt(o,e,r),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const d=o.context?.designSystem;d&&(0,k.pushConfig)(d);try{const y=o.html(o,o.state,o.context);y!=null&&typeof y!="function"&&(o.node.innerHTML=y)}catch{}finally{d&&(0,k.popConfig)()}}if(K("Create",o,n),K("Complete",o,n),K("Render",o,n),K("RenderRouter",o,n),Mt(o,n),typeof o.onFrame=="function"){const d=o.onFrame,y=o.context?.designSystem,g=()=>{if(o.node){if(o.node.isConnected){y&&(0,k.pushConfig)(y);try{d(o,o.state,o.context)}catch(b){console.error("[DOMQL] onFrame error:",b)}finally{y&&(0,k.popConfig)()}}requestAnimationFrame(g)}};requestAnimationFrame(g)}return o}function bo(t,e,s){const n=!e,r=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=n&&r&&t.context?.state,i=s.state!==void 0&&!o?s.state:t.state&&!(0,D.isStore)(t.state)?t.state:void 0;if(i==null){if(e?.state)t.state=e.state,(0,m.applyStateMethods)(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},l=t.context?.polyglot;if(l?.translations){const u=t.context,f=c.lang||l.defaultLang||"en",p=new Set,h=(y,g)=>{p.has(y)||(0,G.isPolyglotWritableKey)(u,y,a)&&(a[y]=g,p.add(y),(0,G.markPolyglotSeeded)(u,y))},_=l.translations[f];if(_&&typeof _=="object")for(const y in _)h(y,_[y]);const d=new Set(l.languages||[]);for(const y in l.translations)d.has(y)||h(y,l.translations[y])}t.state=(0,D.isStore)(a)?a:(0,D.createStore)(a),t.state.__element=t,t.state.root=t.state,(0,m.applyStateMethods)(t,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),(0,m.applyStateMethods)(t,t.state);return}if(typeof i=="string"){if(t.state=Nt(i,e),t.state&&typeof t.state=="object"&&!(0,D.isStore)(t.state)){const c=e?.state?.root||e?.state||t.state;Object.defineProperty(t.state,"root",{value:c,enumerable:!1,configurable:!0,writable:!0})}(0,m.applyStateMethods)(t,t.state);return}if(typeof i=="function"){const c=i(t,e?.state);t.state=(0,D.isStore)(c)?c:(0,D.createStore)(c||{})}else(0,D.isStore)(i)?t.state=i:t.state=(0,D.createStore)({...i});t.state.__element=t,e?.state?(t.state.parent=e.state,t.state.root=e.state.root||e.state):t.state.root=t.state,(0,m.applyStateMethods)(t,t.state)}function xt(t,e){if(!e)return t;const s=e.split("/");let n=t;for(const r of s){if(n==null)return{};n=n[r]}return n??{}}function Nt(t,e){if(!e)return{};if(t===".")return e.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?xt(e.state,r):e.state??{}}if(t.startsWith("~/")){const r=e.state?.root||e.state,o=t.slice(2);return o?xt(r,o):r??{}}if(e.state?.[t]!==void 0)return e.state[t];const s=xt(e.state,t);if(s!=null&&Object.keys(s).length>0)return s;const n=e.context?.polyglot;if(n?.translations){const r=e.state?.root?.lang||n.defaultLang||"en",o=n.translations[r];if(o?.[t]!==void 0)return o[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const xo=new Set(["s","state","ctx","context"]);function Ao(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function ko(t){if(typeof t!="function"||t.length!==2)return!1;const e=Ao(t);if(e.length<2)return!1;const s=e[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!xo.has(s)}function So(t){const e=t.__ref,s=t.tag||"div",n=t.context?.designSystem,r=[],o=Object.keys(t);for(let i=0;i<o.length;i++){const c=o[i];if(typeof t[c]!="function"||F.REGISTRY.has(c))continue;const a=c.charCodeAt(0);a>=65&&a<=90||Q(c)||A.CSS_PROPS_REGISTRY[c]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(c)||(0,v.checkAttributeByTagName)(s,c)||((0,ct.isLoudDevRuntime)()&&ko(t[c])&&console.warn(`[smbls] custom prop "${c}"${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('${c}', \u2026) instead of reading el.${c}(\u2026) directly (see RULES.md Rule 8).`),r.push({prop:c,fn:t[c]}))}for(let i=0;i<r.length;i++){const{prop:c,fn:a}=r[i];e.__exec[c]=a,Object.defineProperty(t,c,{get(){n&&(0,k.pushConfig)(n);try{return a(t,t.state,t.context)}catch{return}finally{n&&(0,k.popConfig)()}},set(l){delete e.__exec[c],Object.defineProperty(t,c,{value:l,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Co(t,e){if(!(!Array.isArray(e)||e.length===0))for(let s=0;s<e.length;s++){const n=e[s];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function P(t,e,s){return!Array.isArray(e)||e.length===0?s:function(...n){return Co(t,e),s.apply(this,n)}}function rt(t,e){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[e]}function j(t,e){return()=>t.path.join(".")+"::"+e}function Ft(t,e){const s=t.__ref,n=!!(e&&e.skipIfEffect);if(So(t),typeof t.text=="function"){const o=t.text,i=P(t,t.textDeps,o),c=(0,w.createEffect)(()=>{if(!s.contentManaged)try{let a=i(t,t.state,t.context);t.node&&a!=null&&typeof a!="function"&&typeof a!="object"&&(typeof a=="string"&&a.includes("{{")&&(a=G.replaceLiteralsWithObjectFields.call(t,a,t.state)),at(t,a))}catch{}},{depth:s.path.length,label:j(s,"text")});s.__effects.push(c),s.__exec.text=o}else if(typeof t.text=="string"&&t.text.includes("{{")){const o=t.text,i=(0,w.createEffect)(()=>{if(s.contentManaged)return;const c=G.replaceLiteralsWithObjectFields.call(t,o,t.state);c!=null&&(t.text=c),t.node&&at(t,c??"")},{depth:s.path.length,label:j(s,"text")});s.__effects.push(i),s.__exec.text=o}for(const o of Object.keys(t))if(typeof t[o]=="function"&&!F.REGISTRY.has(o)&&!Q(o)&&!s.__exec[o]){if(A.CSS_PROPS_REGISTRY[o]){const i=t[o],c=P(t,t[o+"Deps"],i),a=o;let l;const u=(0,w.createEffect)(()=>{const f=t.context?.designSystem;f&&(0,k.pushConfig)(f);try{const p=c(t,t.state,t.context),h=A.CSS_PROPS_REGISTRY[a](p,t,t.state,t.context),_=a==="show"||a==="hide";if(h&&t.node){const d=kt(h),y=_&&t.node.style.display!=="none";(d===null||d!==l||y)&&(l=d,X(t.node,h))}else if(t.node&&_){l=void 0;const d=s.__explicitDisplay;t.node.style.display=typeof d=="string"?d:""}}finally{f&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,a)});s.__effects.push(u),s.__exec[o]=i}else if(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(o)){const i=t[o],c=P(t,t[o+"Deps"],i),a=o;let l;const u=(0,w.createEffect)(()=>{const f=t.context?.designSystem;f&&(0,k.pushConfig)(f);try{const p=c(t,t.state,t.context);if(t.node)if(p!=null){const h=a+":"+String(p);h!==l&&(l=h,X(t.node,{[a]:p}))}else l=void 0,t.node.style[a]=""}finally{f&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,a)});s.__effects.push(u),s.__exec[o]=i}}if(typeof t.html=="function"){const o=t.html,i=P(t,t.htmlDeps,o),c=(0,w.createEffect)(()=>{const a=t.context?.designSystem;a&&(0,k.pushConfig)(a);try{const l=i(t,t.state,t.context);t.node&&l!=null&&typeof l!="function"&&(t.node.innerHTML=l)}finally{a&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,"html")});s.__effects.push(c),s.__exec.html=o}if(typeof t.value=="function"){const o=t.value,i=P(t,t.valueDeps,o),c=(0,w.createEffect)(()=>{try{const a=i(t,t.state,t.context);if(!t.node||!("value"in t.node))return;const l=a==null?"":String(a);if(t.node.value===l)return;const u=typeof document<"u"&&document.activeElement===t.node,f=u&&typeof t.node.selectionStart=="number"?t.node.selectionStart:null,p=u&&typeof t.node.selectionEnd=="number"?t.node.selectionEnd:null;if(t.node.value=l,u&&f!=null&&p!=null)try{t.node.setSelectionRange(f,p)}catch{}}catch{}},{depth:s.path.length,label:j(s,"value")});s.__effects.push(c),s.__exec.value=o}if(typeof t.style=="function"){const o=t.style,i=P(t,t.styleDeps,o);let c;const a=(0,w.createEffect)(()=>{const l=i(t,t.state,t.context),u=kt(l);(u===null||u!==c)&&(c=u,X(t.node,l))},{depth:s.path.length,label:j(s,"style")});s.__effects.push(a),s.__exec.style=o}else if(t.style&&typeof t.style=="object")for(const o in t.style){const i=t.style[o];if(typeof i!="function")continue;const c=P(t,rt(t.styleDeps,o),i);let a;const l=(0,w.createEffect)(()=>{try{const u=c(t,t.state,t.context);if(t.node){const f=o+":"+String(u);f!==a&&(a=f,X(t.node,{[o]:u}))}}catch{}},{depth:s.path.length,label:j(s,"style."+o)});s.__effects.push(l)}if(t.attr&&typeof t.attr=="object"){for(const o in t.attr)if(typeof t.attr[o]=="function"){const i=P(t,rt(t.attrDeps,o),t.attr[o]),c=o,a=(0,w.createEffect)(()=>{try{const l=i(t,t.state,t.context);t.node?.setAttribute&&(l==null||l===!1&&!(0,v.isEnumeratedTrueFalseAttr)(c)?t.node.removeAttribute(c):typeof l!="function"&&typeof l!="object"&&t.node.setAttribute(c,(0,v.serializeAttrValue)(c,l)))}catch{}},{depth:s.path.length,label:j(s,"attr."+c)});s.__effects.push(a)}}if(t.aria&&typeof t.aria=="object")for(const o in t.aria){if(typeof t.aria[o]!="function")continue;const i=P(t,rt(t.ariaDeps,o),t.aria[o]),c="aria-"+o.replace(/[A-Z]/g,l=>"-"+l.toLowerCase()),a=(0,w.createEffect)(()=>{try{const l=i(t,t.state,t.context);if(!t.node?.setAttribute)return;l==null?t.node.removeAttribute(c):typeof l!="function"&&typeof l!="object"&&t.node.setAttribute(c,(0,v.serializeAttrValue)(c,l))}catch{}},{depth:s.path.length,label:j(s,"aria."+o)});s.__effects.push(a)}if(t.data&&typeof t.data=="object")for(const o in t.data){if(typeof t.data[o]!="function")continue;const i=P(t,rt(t.dataDeps,o),t.data[o]),a="data-"+o.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),l=(0,w.createEffect)(()=>{try{const u=i(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null||u===!1?t.node.removeAttribute(a):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(a,u===!0?"":u)}catch{}},{depth:s.path.length,label:j(s,"data."+o)});s.__effects.push(l)}const r=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(r)for(const o in r){if(typeof r[o]!="function")continue;const i=P(t,rt(t.classDeps,o),r[o]),c=(0,w.createEffect)(()=>{try{const a=i(t,t.state,t.context);if(!t.node?.classList)return;typeof a=="string"?t.node.classList.add(a):a?t.node.classList.add(o):t.node.classList.remove(o)}catch{}},{depth:s.path.length,label:j(s,"class."+o)});s.__effects.push(c)}!n&&typeof t.if=="function"&&Ut(t,s,t.if);for(const o of Object.keys(t)){if(F.REGISTRY.has(o)||typeof t[o]!="function")continue;const i=o.charCodeAt(0);if(i>=65&&i<=90||Q(o))continue;const c=t[o];s.__exec[o]=c;const a=t.tag||"div";if((0,v.checkAttributeByTagName)(a,o)&&!A.CSS_PROPS_REGISTRY[o]&&!(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(o))){const l=(0,v.camelToAttr)(o)||o,u=P(t,t[o+"Deps"],c),f=(0,w.createEffect)(()=>{try{const p=u(t,t.state,t.context);t.node?.setAttribute&&(p==null||p===!1&&!(0,v.isEnumeratedTrueFalseAttr)(l)?t.node.removeAttribute(l):typeof p!="function"&&typeof p!="object"&&(l==="src"&&"src"in t.node?t.node.src=p:t.node.setAttribute(l,(0,v.serializeAttrValue)(l,p))))}catch{}},{depth:s.path.length,label:j(s,o)});s.__effects.push(f)}}if(jo(t),Po(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const l=(0,w.createEffect)(()=>{const u=[];for(let _=0;_<i.length;_++){const d=i[_];try{u[_]=typeof d=="function"?d(t,t.state,t.context):t.state?.[d]}catch{u[_]=void 0}}if(!c){c=!0,a=u;return}let f=u.length!==a.length;for(let _=0;!f&&_<u.length;_++)u[_]!==a[_]&&(f=!0);const p=a;if(a=u,!f)return;const h=t.context?.designSystem;h&&(0,k.pushConfig)(h);try{o(t,t.state,t.context,{prev:p,next:u})}catch(_){if(t.context?.plugins?.length&&(0,U.runPluginHook)("error",t,{hook:"onStateUpdate",error:_})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',_),t.context?.strictMode)throw _}finally{h&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,"onStateUpdate")});s.__effects.push(l)}To(t)}function It(t){const e=t.parent,s=e?.node;if(!s||!t.node){Zt(t,t.parent);return}let n=null;const r=Object.keys(e),o=r.indexOf(t.key);for(let i=o+1;i<r.length;i++){const c=e[r[i]];if(c?.node?.parentNode===s){n=c.node;break}}n?s.insertBefore(t.node,n):s.appendChild(t.node)}function Ut(t,e,s){const n=P(t,t.ifDeps,s),r=(0,w.createEffect)(()=>{let o;try{o=n(t,t.state,t.context)}catch(c){if(o=!1,e.__ifError=c,typeof console<"u"&&console.warn){const a=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${a} \u2014 treating as false:`,c?.message||c)}return}const i=e.__if;if(e.__if=!!o,i&&!e.__if&&t.node)t.node.remove();else if(!i&&e.__if)if(e.__ifInitialized)t.node||(t.node=(0,Y.cacheNode)(t)),t.node&&(t.node.ref=t),It(t),At(t);else{if(e.__ifInitialized=!0,t.tag||(t.tag=(0,Y.detectTag)(t)),K("Init",t,{}),t.node||(t.node=(0,Y.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"&&!e.__fragmentAnchor){const a=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(a),e.__fragmentAnchor=a}K("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),Yt(t,{}),Ft(t,{skipIfEffect:!0}),At(t),Wt(t),qt(t,{}),It(t),Mt(t,{})}},{depth:e.path.length,label:j(e,"if")});e.__effects.push(r)}function at(t,e){const s=t.node;if(!s)return;const n=e==null||typeof e=="object"?"":String(e);if(t.tag==="string"){s.nodeValue!==n&&(s.nodeValue=n);return}const r=t.__ref;let o=r?r.__textNode:null;if(o&&o.parentNode!==s&&(o=null),!o){const i=s.firstChild;i&&i.nodeType===3&&(o=i)}o?o.nodeValue!==n&&(o.nodeValue=n):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),s.insertBefore(o,s.firstChild)):(s.textContent=n,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),r&&(r.__textNode=o||null)}function At(t){const{node:e}=t;if(e){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&at(t,t.text),Oo(t),typeof t.html=="string"&&(e.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&"value"in e){const s=String(t.value);e.value!==s&&(e.value=s)}if(t.style&&typeof t.style=="object"&&X(e,t.style),t.attr&&typeof t.attr=="object")for(const s in t.attr){const n=t.attr[s];typeof n=="function"||typeof n=="object"||n!=null&&(n===!1&&!(0,v.isEnumeratedTrueFalseAttr)(s)||e.setAttribute&&e.setAttribute(s,(0,v.serializeAttrValue)(s,n)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const n=t.data[s];typeof n=="function"||typeof n=="object"||n==null||n===!1||e.dataset&&(e.dataset[s]=n===!0?"":n)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(n=>n&&e.classList.add(n));else if(typeof s=="object")for(const n in s){const r=typeof s[n]=="function"?s[n](t,t.state,t.context):s[n];r&&e.classList.add(typeof r=="string"?r:n)}}}}function kt(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function X(t,e){if(!t||!e||!t.style)return;let s=null;for(const n in e){const r=e[n];if(r!=null){if(n.charAt(0)==="&"&&typeof r=="object"){s||(s={}),s[n]=r;continue}try{const o=String(r),i=n.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),l=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,l,a?"important":"")}catch{}}}s&&vo(t,s)}function vo(t,e){const s=`_ds${Ot.scopedStyleId++}`;t.classList.add(s);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 o="";for(const i in e){const c="."+s,a=i.replace(/&/g,c).split(",").map(u=>{const f=u.trim();return f.includes(c)?f:c+f}).join(", "),l=e[i];if(typeof l=="object"){let u="",f="";for(const p in l){const h=l[p];if(typeof h=="object"){const _=p.includes("&")?a.split(", ").map(y=>p.replace(/&/g,y)).join(", "):a.split(", ").map(y=>`${y} ${p}`).join(", ");let d="";for(const y in h)d+=`${y.replace(/[A-Z]/g,g=>"-"+g.toLowerCase())}: ${h[y]};`;f+=(0,H.wrapHoverRule)(`${_} { ${d} }`,_)+`
|
|
5
|
-
`}else
|
|
6
|
-
`),f&&(o+=f)}}o&&(r.textContent+=o)}const Bt=new Set;function Kt(t){if(!Array.isArray(t))return"";const e=[];for(let s=0;s<t.length;s++)typeof t[s]=="string"&&t[s].length&&e.push(t[s]);return e.sort(),e.join("|")}function wo(t,e,s){const n=Kt(s);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=e(t,t.state,t.context)}catch{return}if(Kt(r)===n)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";Bt.has(o)||(Bt.add(o),console.warn(`[smbls] subscribeTo function at "${o}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${s.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 jo(t){const e=t.subscribeTo,s=typeof e=="function";let n=e;if(s)try{n=e(t,t.state,t.context)}catch{n=null}if(s&&(0,ct.isLoudDevRuntime)()&&wo(t,e,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const r=t.__ref;for(let o=0;o<n.length;o++){const i=n[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],l=c.slice(1),u={value:!1},f=(0,w.createEffect)(()=>{const p=t.state&&((0,D.isStore)(t.state)?t.state.root:null);if(!p||!(0,D.isStore)(p))return;let h=p;h=h[a];for(let d=0;d<l.length&&!(h==null||typeof h!="object");d++)if((0,D.isStore)(h))h=h[l[d]];else break;if(!u.value)return;let _=!1;if(typeof t.onBeforeUpdate=="function"){const d=t.context?.designSystem;d&&(0,k.pushConfig)(d);try{if(to(r)){const y=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});y&&typeof y.then=="function"?y.then(()=>ft(r,!1),g=>{ft(r,!0),t.context?.plugins?.length&&(0,U.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:g})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",g)}):(ft(r,!1),y===!1&&(_=!0))}}catch(y){ft(r,!0),t.context?.plugins?.length&&(0,U.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:y})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",y)}finally{d&&(0,k.popConfig)()}}if(!_&&t.node&&r.__effects)for(let d=0;d<r.__effects.length;d++){const y=r.__effects[d];y&&y!==f&&!y._disposed&&!y._isSubscribeToEffect&&typeof y._execute=="function"&&y._execute()}if(!_&&typeof t.onUpdate=="function"){const d=t.context?.designSystem;d&&(0,k.pushConfig)(d);try{t.onUpdate(t,t.state,t.context)}catch(y){t.context?.plugins?.length&&(0,U.runPluginHook)("error",t,{hook:"onUpdate",error:y})||console.error("[DOMQL] subscribeTo onUpdate error:",y)}finally{d&&(0,k.popConfig)()}}},{depth:r.path.length,label:j(r,"subscribeTo("+i+")")});u.value=!0,f._isSubscribeToEffect=!0,r.__effects.push(f)}}function St(t,e){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&(t==="@dark"||t==="@light"||!e.context?.designSystem?.media?.[t.slice(1)])}const Vt=new Set;function Eo(t,e){const s=e?.__ref?.path?e.__ref.path.join("."):e?.key||"?",n=s+"::"+t;Vt.has(n)||(Vt.add(n),console.warn(`[smbls/css] "${t}" at ${s} 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 J(t,e,s){const n={},r=new Set,o=(i,c,a)=>{const l=a?new Set(Object.keys(n)):null;if(A.CSS_PROPS_REGISTRY[i]){const u=A.CSS_PROPS_REGISTRY[i](c,e,e.state,e.context);if(u){const f=Array.isArray(u)?u:[u];for(const p of f)p&&Object.assign(n,p)}}else n[i]=c;if(a)for(const u in n)l.has(u)||r.add(u)};for(const i in t){if(!Object.prototype.hasOwnProperty.call(t,i))continue;let c=t[i];if(typeof c=="function"&&(c=c(e,e.state,e.context)),c==null||typeof c=="function")continue;if(typeof c=="object"&&!Array.isArray(c)){if(i==="style"){for(const f in c){let p=c[f];if(typeof p=="function"&&(p=p(e,e.state,e.context)),p==null||typeof p=="function")continue;const h=typeof e[f]=="function"&&(A.CSS_PROPS_REGISTRY[f]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(f));o(f,p,h)}continue}if(St(i,e)){const f=J(c,e,!1);Object.keys(f).length&&(n[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){(0,ct.isLoudDevRuntime)()&&Eo(i,e);continue}let l=i;if(i.charCodeAt(0)===64&&!i.startsWith("@media")&&!i.startsWith("@keyframes")){const f=e.context?.designSystem?.media?.[i.slice(1)];f&&(l=`@media ${f}`)}const u=J(c,e,!1);Object.keys(u).length&&(n[l]=u);continue}const a=typeof e[i]=="function"&&(A.CSS_PROPS_REGISTRY[i]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(i));o(i,c,a)}if(s)for(const i in n)r.add(i);for(const i of r){const c=n[i];typeof c=="string"&&!c.includes("!important")&&(n[i]=c+" !important")}return n}function Ct(t,e){if(e===void 0&&(e=0),e>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&Ct(t[s],e+1))return!0}return!1}function Ht(t,e,s){if(!e||typeof e!="object"||Array.isArray(e))return null;if(St(t,s)){const o=J(e,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}let n=t;if(t.charAt(0)==="@"&&!t.startsWith("@media")&&!t.startsWith("@keyframes")){const o=s.context?.designSystem?.media?.[t.slice(1)];o&&(n=`@media ${o}`)}const r=J(e,s,!1);return Object.keys(r).length?{cssProp:n,block:r}:null}function To(t){const e=t.__ref;for(const s of Object.keys(t)){if(!bt(s))continue;const n=t[s];if(!n||typeof n!="object"||Array.isArray(n)||!Ct(n))continue;let r=null,o;const i=(0,w.createEffect)(()=>{if(!t.node)return;const c=t.context?.designSystem;c&&(0,k.pushConfig)(c);let a,l=!1;try{const u=Ht(s,n,t),f=u?kt(u.block)+"::"+u.cssProp:null;if(f!==null&&f===o)l=!0;else if(o=f,u){const p=(0,H.css)({[u.cssProp]:u.block},null,t.context?.cssPrefix);a=p?p.split(" ").filter(Boolean):null}else a=null}finally{c&&(0,k.popConfig)()}if(!(l||!t.node.classList)){if(r)for(const u of r)t.node.classList.remove(u);if(a&&a.length)for(const u of a)t.node.classList.add(u);r=a}},{depth:e.path.length,label:j(e,"cssBlock("+s+")")});e.__effects.push(i)}}function Po(t){const e=t.__ref;e.__conditionalRunners=[];const s=new Map;for(const n of Object.keys(t)){const r=n.charAt(0);if(r!=="."&&r!=="!")continue;const o=n.slice(1);if(!o)continue;if(/[:@\s>~+[\]]/.test(o)){if(typeof console<"u"&&console.warn){const f=o.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}${f}: { '${o.slice(f.length)}': {...} }\`.`)}continue}const i=t[n];if(!i||typeof i!="object")continue;const c=r==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},l=()=>{let f;const p=t[o];if(p===void 0){const d=!!t.state&&o in t.state,y=t.state?t.state[o]:void 0;if(d||y!==void 0)f=y;else{const g=t.context?.cases?.[o];if(g===void 0)return;try{f=typeof g=="function"?g.call(t,t):g}catch(b){f=!1,e.__conditionalError=b,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,b?.message||b)}}}else if(typeof p=="function")try{f=p(t,t.state,t.context)}catch(d){f=!1,e.__conditionalError=d,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,d?.message||d)}else f=p;const h=c?!f:!!f;if(!t.node||h===a.lastMatch)return;a.lastMatch=h;const _=t.context?.designSystem;_&&(0,k.pushConfig)(_);try{if(h){const d={},y={};let g=!1;for(const x in i){if(!Object.prototype.hasOwnProperty.call(i,x))continue;const E=i[x],L=x.charAt(0);if((L===":"||L==="@"||L==="&")&&E&&typeof E=="object"&&!Array.isArray(E)){if(St(x,t)){const R=J(E,t,!1);Object.keys(R).length&&(y[`[data-theme="${x.slice(1)}"] &`]=R,g=!0)}else{let R=x;if(L==="@"&&!x.startsWith("@media")&&!x.startsWith("@keyframes")){const T=t.context?.designSystem?.media?.[x.slice(1)];T&&(R=`@media ${T}`)}const q=J(E,t,!1);Object.keys(q).length&&(y[R]=q,g=!0)}continue}const z=typeof E=="function"?E(t,t.state,t.context):E;if(z!=null)if(A.CSS_PROPS_REGISTRY[x]){const R=A.CSS_PROPS_REGISTRY[x](z,t,t.state,t.context);if(R){const q=Array.isArray(R)?R:[R];for(const T of q)T&&Object.assign(d,T)}}else A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(x)&&(d[x]=z)}const b=Object.keys(d);if(b.length){X(t.node,d);for(const x of b)s.set(x,n);a.appliedKeys=b}else a.appliedKeys=null;if(g){const x=(0,H.css)(y,null,t.context?.cssPrefix),E=x?x.split(" ").filter(Boolean):[];if(E.length&&t.node.classList){for(const L of E)t.node.classList.add(L);a.appliedClasses=E}else a.appliedClasses=null}else if(a.appliedClasses){for(const x of a.appliedClasses)t.node.classList.remove(x);a.appliedClasses=null}}else{if(a.appliedKeys){for(const d of a.appliedKeys)s.get(d)===n&&(t.node.style[d]="",s.delete(d));a.appliedKeys=null}if(a.appliedClasses){for(const d of a.appliedClasses)t.node.classList.remove(d);a.appliedClasses=null}}}finally{_&&(0,k.popConfig)()}};e.__conditionalRunners.push(l);const u=(0,w.createEffect)(l,{depth:e.path.length,label:j(e,"conditional("+n+")")});e.__effects.push(u)}}const vt=new WeakSet;function Do(t){const e=t.ownerDocument;!e||vt.has(e)||(vt.add(e),queueMicrotask(()=>{vt.delete(e);const s=e.body||e.documentElement;s&&s.offsetWidth}))}const wt=new WeakSet;let Gt=!1;function Oo(t){const{node:e}=t;if(!e)return;if(Gt||(Gt=!0,(0,H.css)({display:"none"})),wt.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}wt.add(t);const s=t.context?.designSystem;s&&(0,k.pushConfig)(s),(0,A.pushStaticCssPass)();try{const n={};let r=!1;if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&A.CSS_PROPS_REGISTRY.theme){const o=A.CSS_PROPS_REGISTRY.theme(t.theme,t,t.state,t.context);if(o){if(Array.isArray(o))for(const i of o)i&&Object.assign(n,i);else Object.assign(n,o);r=!0}}for(const o of Object.keys(t)){if(typeof t[o]=="function"||F.REGISTRY.has(o)||o==="theme")continue;const i=o.charCodeAt(0);if(!(i>=65&&i<=90)&&!Q(o)){if(A.CSS_PROPS_REGISTRY[o]){const c=t[o],a=A.CSS_PROPS_REGISTRY[o](c,t,t.state,t.context);if(a){if(Array.isArray(a))for(const l of a)l&&Object.assign(n,l);else Object.assign(n,a);r=!0}}else if(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(o)){const c=t[o];c!=null&&typeof c!="object"&&(n[o]=c,r=!0)}else if(o.charCodeAt(0)===45){const c=t[o];c!=null&&typeof c!="object"&&(n[o]=c,r=!0)}else if(o.charAt(0)==="&"||o.charAt(0)==="@"||o.charAt(0)===":"){const c=t[o];if(c&&typeof c=="object"&&!Array.isArray(c)){if(Ct(c))continue;const a=Ht(o,c,t);a&&(n[a.cssProp]=a.block,r=!0)}}}}if(r){n.display&&String(n.display).includes("!important")&&(e.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const o=(0,H.css)(n,null,t.context?.cssPrefix);if(o&&e.classList){const c=o.split(" ").filter(Boolean);let a=!1;for(const l of c)e.classList.add(l),a||(l.charCodeAt(0)===95&&l.charCodeAt(1)===99||l.charCodeAt(0)===95&&l.indexOf("_c",1)!==-1)&&(a=!0);a&&Do(e)}const i=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(i!=null){const c=n.display;if(c&&c!==i)if(i==="none"){const a=[];for(const l of e.classList)l.startsWith("_d-")&&l!=="_d-none"&&a.push(l);for(const l of a)e.classList.remove(l);e.classList.add("_d-none")}else e.style.display==="none"&&(typeof t.hide=="function"||typeof t.show=="function")||(e.style.display=t.display),t.__ref&&(t.__ref.__explicitDisplay=t.display)}}}finally{(0,A.popStaticCssPass)(),s&&(0,k.popConfig)(),wt.delete(t)}}function Wt(t){const{node:e}=t;if(!e||!e.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const r in t.aria){const o=t.aria[r];if(typeof o=="function"||typeof o=="object"||o==null)continue;const i="aria-"+r.replace(/[A-Z]/g,c=>"-"+c.toLowerCase());e.setAttribute(i,(0,v.serializeAttrValue)(i,o))}const s=(0,v.applyAttrTransforms)(t);for(const r in s){const o=s[r];o!=null&&o!==!1&&typeof o!="function"&&typeof o!="object"&&e.setAttribute(r,o===!0?"":o)}const n=t.tag||"div";for(const r of Object.keys(t)){if(typeof t[r]=="function"||F.REGISTRY.has(r)||r==="on"||s[r]!==void 0)continue;const o=r.charCodeAt(0);if(!(o>=65&&o<=90)&&!Q(r)&&!(A.CSS_PROPS_REGISTRY[r]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(r))&&(0,v.checkAttributeByTagName)(n,r)){let i=t[r];if(i==null||(typeof i=="string"&&i.includes("{{")&&(i=(0,G.replaceLiteralsWithObjectFields)(i,t,t.state,t.context),t[r]=i),i==null||typeof i=="function"||typeof i=="object")||i===!1&&!(0,v.isEnumeratedTrueFalseAttr)((0,v.camelToAttr)(r)||r))continue;const c=(0,v.camelToAttr)(r)||r;e.setAttribute(c,(0,v.serializeAttrValue)(c,i))}}}function Lo(t,e){const s=t.node,n=t.__ref;let r=n.__autoGrow;if(!e){if(r&&r.active){try{s.removeEventListener("input",r.resize)}catch{}s.style.height="",r.appliedMax!=null&&s.style.maxHeight===r.appliedMax&&(s.style.maxHeight=""),r.active=!1,r.appliedMax=null,r.lastMeasure=0}return}r||(r=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,resize:()=>{if(s.scrollHeight===0&&r.lastMeasure>0)return;s.style.height="auto";const i=s.scrollHeight;s.style.height=i+"px",i>0&&(r.lastMeasure=i)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{s.removeEventListener("input",r.resize)}catch{}})),r.active||(s.addEventListener("input",r.resize),r.active=!0);const o=typeof e=="object"&&e.max!=null?String(e.max):null;o!==r.appliedMax&&(o==null?r.appliedMax!=null&&s.style.maxHeight===r.appliedMax&&(s.style.maxHeight=""):s.style.maxHeight=o,r.appliedMax=o),r.resize()}function $o(t){if(!t.autoGrow)return;const e=t.node;if(!e||e.tagName!=="TEXTAREA")return;const s=t.__ref,n=t.autoGrow,r=typeof n=="function"?P(t,t.autoGrowDeps,n):null,o=(0,w.createEffect)(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===n&&r?r:i)(t,t.state,t.context)}catch{c=null}Lo(t,c)},{depth:s.path.length,label:j(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),r&&(s.__exec.autoGrow=n)}const zt=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Yt(t,e){for(const s of Object.keys(t)){if(!Q(s)||zt.has(s))continue;const n=(0,tt.globalEventKeyInfo)(s);if(n){(0,tt.registerGlobalEvent)(n,t,t[s]);continue}let r=t[s];if(typeof r=="string"&&/^[A-Za-z_$][\w$]*$/.test(r)){const i=r;r=function(a){return t.call(i,a)}}if(typeof r!="function")continue;const o=_o(s);F.LIFECYCLE_EVENTS.has(o)||(0,tt.registerEvent)(go(o),t,r)}Mo(t)}function Mo(t){const e=t.node;if(!e||!e.addEventListener)return;const s={};let n=!1;for(const p of zt){const h=t[p];typeof h=="function"&&(s[p]=h,n=!0)}if(!n)return;const r=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,o=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let i=0,c=0,a=0,l=!1;const u=p=>{const h=p.touches&&p.touches[0]||p.changedTouches&&p.changedTouches[0];h&&(i=h.clientX,c=h.clientY,a=Date.now(),l=!0)},f=p=>{if(!l)return;l=!1;const h=p.changedTouches&&p.changedTouches[0]||p.touches&&p.touches[0];if(!h)return;const _=h.clientX-i,d=h.clientY-c,y=Date.now()-a;if(y>o)return;const g=Math.abs(_),b=Math.abs(d);if(Math.max(g,b)<r)return;let x;if(g>b*1.2)x=_<0?"left":"right";else if(b>g*1.2)x=d<0?"up":"down";else return;const E="onSwipe"+x.charAt(0).toUpperCase()+x.slice(1),L=s[E],z=s.onSwipe;L&&L.call(t,p,t,t.state,t.context),z&&z.call(t,{direction:x,dx:_,dy:d,dt:y,event:p},t,t.state,t.context)};e.addEventListener("touchstart",u,{passive:!0}),e.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{e.removeEventListener("touchstart",u)}catch{}try{e.removeEventListener("touchend",f)}catch{}})}function it(t,e){const s={...t};for(const n in e){const r=s[n],o=e[n];r&&o&&typeof r=="object"&&typeof o=="object"&&!Array.isArray(r)&&!Array.isArray(o)&&typeof r!="function"&&typeof o!="function"?s[n]=it(r,o):s[n]=o}return s}function jt(t,e,s){if(!e||!t.node)return;const n=t.childExtends;if(Array.isArray(e)){const r=t.tag==="fragment",o=t.context?.document||globalThis.document,i=r?null:o?.createDocumentFragment();if(!r&&!i)return;const c=t.childProps,a=t.childrenAs;for(let l=0;l<e.length;l++){let u=e[l];const f=u;(typeof u=="string"||typeof u=="number")&&(u={text:u});let p=c;if(typeof c=="function")try{p=c(t,u)}catch{p=null}if(a==="state"){let d=f;(typeof f=="string"||typeof f=="number")&&(d={value:f,text:f}),u=p?{...p,state:d}:{state:d}}else p&&(u=it(p,u));if(n&&!u.ignoreChildExtends)if(u.extends){const d=Array.isArray(u.extends)?u.extends:[u.extends],y=Array.isArray(n)?n:[n];u={...u,extends:[...y,...d]}}else u={...u,extends:n};const h=u?.key||f&&typeof f=="object"&&f.key||`${l}`;let _;try{_=V(u,t,h,s)}catch(d){if(typeof console<"u"&&console.error){const y=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${h}" failed to construct at ${y} (initial render, skipping this row):`,d?.message||d)}continue}!r&&_?.node&&i.appendChild(_.node)}return r||t.node.appendChild(i),!0}if(typeof e=="string"){const r=Nt(e,t);if(Array.isArray(r))return jt(t,r,s)}if(typeof e=="object")for(const r in e){if(F.REGISTRY.has(r))continue;let o=e[r];if(!(o==null||o===!1)){if((typeof o=="string"||typeof o=="number")&&(o={text:o}),t.childProps&&(o=it(t.childProps,o)),n&&!o.ignoreChildExtends)if(o.extends){const i=Array.isArray(o.extends)?o.extends:[o.extends],c=Array.isArray(n)?n:[n];o={...o,extends:[...c,...i]}}else o={...o,extends:n};V(o,t,r,s)}}}function Et(t,e){const s=t.node;if(!s||s.tagName!=="SELECT")return;const n=s.options;if(!n||!n.length)return;const r=t.__ref,o=r&&r.__exec&&r.__exec.value,i=typeof o=="function",c=t.value!=null&&typeof t.value!="function";if(i||c){let u;if(i)try{u=o(t,t.state,t.context)}catch{return}else u=t.value;const f=u==null?"":String(u);s.value!==f&&(s.value=f);return}const a=e||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!a)return;let l=-1;for(let u=0;u<n.length;u++)n[u].defaultSelected&&(l=u);l>=0&&s.selectedIndex!==l&&(s.selectedIndex=l)}function qt(t,e){let{children:s,content:n}=t;const r=t.childExtends;if(typeof s=="function"){const f=s;try{s=f(t,t.state,t.context)}catch(y){if(s=void 0,typeof console<"u"&&console.error){const g=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${g} (initial run, treating as empty):`,y?.message||y)}}t.children=s;const p=t.__ref;let h=!1;const _=P(t,t.childrenDeps,f),d=(0,w.createEffect)(()=>{const y=h;h=!0;let g;try{g=_(t,t.state,t.context)}catch(T){if(typeof console<"u"&&console.error){const N=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${N}${y?"":" (initial tracking run)"}:`,T?.message||T)}return}if(!y||g===t.children)return;t.children=g;const b=typeof t.onContentUpdate=="function",x=b?[]:null,E=b?[]:null,L=b?[]:null;if(Array.isArray(g)&&t.childrenAs==="state"){const T=t.childProps,N=[],Tt=new Map;for(let S=0;S<g.length;S++){const $=g[S];let C=T;if(typeof T=="function")try{C=T(t,$)}catch{C=null}const B=C&&C.key||$&&$.key||`${S}`;N.push(B),Tt.set(B,{rawChild:$,childProps:C})}const oo=new Set(N),so=p.__children.slice();for(const S of so)if(!oo.has(S)){const $=t[S];$?.remove&&$.remove(),delete t[S],E&&E.push(S)}const ot=t.childExtends,ut=t.tag==="fragment",eo=t.context?.document||globalThis.document,st=ut?null:eo?.createDocumentFragment(),pt=new Set;for(const S of N){const $=Tt.get(S),C=$.rawChild,B=t[S];if(B&&B.state){if(C&&typeof C=="object"){const O=B.state,Z=O.$replace||O.replace,Dt=O.$update||O.update;try{if(typeof Z=="function")Z.call(O,C);else if(typeof Dt=="function"){for(const M in O)if(!(M==="__element"||M==="root"||M==="parent"||M==="update")&&!Object.prototype.hasOwnProperty.call(C,M))try{O[M]=void 0}catch{}Dt.call(O,C)}else for(const M in C)O[M]=C[M]}catch(M){if(typeof console<"u"&&console.error){const no=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${S}" failed to patch at ${no} (reconcile, keeping its previous data for this pass):`,M?.message||M)}}}L&&L.push(S);continue}let yt=C;(typeof C=="string"||typeof C=="number")&&(yt={value:C,text:C});const Pt=$.childProps;let I=Pt?{...Pt,state:yt}:{state:yt};if(ot&&!I.ignoreChildExtends)if(I.extends){const O=Array.isArray(I.extends)?I.extends:[I.extends],Z=Array.isArray(ot)?ot:[ot];I={...I,extends:[...Z,...O]}}else I={...I,extends:ot};let ht;try{ht=V(I,t,S,e)}catch(O){if(typeof console<"u"&&console.error){const Z=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${S}" failed to construct at ${Z} (reconcile, skipping this row):`,O?.message||O)}pt.add(S);continue}!ut&&ht?.node&&st&&st.appendChild(ht.node),x&&x.push(S)}if(!ut&&st&&st.childNodes.length&&t.node&&t.node.appendChild(st),!ut&&t.node){let S=null;for(const $ of N){const C=t[$]?.node;if(!C)continue;const B=S?S.nextSibling:t.node.firstChild;C!==B&&t.node.insertBefore(C,B),S=C}}p.__children=pt.size?N.filter(S=>!pt.has(S)):N,b&&(x.length||E.length)&&Rt(t,{added:x,removed:E,kept:L}),Et(t,!1);return}const q=b?[...p.__children]:null;for(const T of[...p.__children]){const N=t[T];N?.remove&&N.remove(),delete t[T]}p.__children=[],jt(t,g,e),Et(t,!1),b&&Rt(t,{added:[...p.__children],removed:q,kept:[]})},{depth:p.path.length,label:j(p,"children")});p.__effects.push(d)}const o=jt(t,s,e);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=it(t.childProps,f)),r&&!f.ignoreChildExtends)if(f.extends){const p=Array.isArray(f.extends)?f.extends:[f.extends],h=Array.isArray(r)?r:[r];f={...f,extends:[...h,...p]}}else f={...f,extends:r};V(f,t,"content",e)}if(s&&!o)return;const i=t.context?.components||{};{const f=Object.keys(t);for(let p=0;p<f.length;p++){const h=f[p];if(!h.endsWith("Extends")||typeof t[h]!="string")continue;const _=h.slice(0,-7);if(!_||_.charCodeAt(0)<65||_.charCodeAt(0)>90)continue;const d={extends:t[h]};delete t[h];for(let y=p+1;y<f.length;y++){const g=f[y],b=g.charCodeAt(0);if(b>=65&&b<=90||F.REGISTRY.has(g)||typeof t[g]=="function"&&(g.startsWith("on")||g.startsWith(".")))break;const x=t[g];x!==void 0&&(d[g]=x,delete t[g])}t[_]&&typeof t[_]=="object"?t[_]={...d,...t[_]}:t[_]=d}}const c=e?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),l=f=>{if(F.REGISTRY.has(f)||typeof t[f]!="object"||t[f]===null)return;const p=f.charCodeAt(0);if(p<65||p>90)return;let h=t[f];if(!h.__ref){if(!h.extends&&!h.extend){const _=i[f]||i[`smbls.${f}`];_&&(h={...h,extends:_})}if(t.childProps&&(h=it(t.childProps,h)),r&&!h.ignoreChildExtends)if(h.extends){const _=Array.isArray(h.extends)?h.extends:[h.extends],d=Array.isArray(r)?r:[r];h={...h,extends:[...d,..._]}}else h={...h,extends:r};V(h,t,f,e)}};if(!c){for(const f of a)l(f);return}(0,W.openMountBudget)();const u=f=>{for(let p=f;p<a.length;p++)if(l(a[p]),p+1<a.length&&(0,W.mountBudgetExhausted)()){const h=p+1;(0,W.enqueueMountWork)(()=>u(h));return}};u(0),(0,W.closeMountBudget)()}function Zt(t,e,s){const{node:n}=t;if(!n)return;n.ref=t;const r=e?.tag==="fragment"?e.__ref?.__fragmentAnchor:null;if(r){const i=r.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(n,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(n,c||r)}else i.insertBefore(n,r);return}}const o=e?.node||(e?.nodeType?e:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(n,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(n,i):o.appendChild(n)}else o.appendChild(n)}const lt=3;function to(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=lt?!1:(t.__inBeforeUpdate=!0,!0)}function ft(t,e){t&&(t.__inBeforeUpdate=!1,e?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===lt&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${lt}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function K(t,e,s){const n=t.charAt(0).toLowerCase()+t.slice(1);e.context?.plugins?.length&&(0,U.runPluginHook)(n,e,s);const r="on"+t,o=e[r];if(typeof o=="function"){const a=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(a){if(e.__ref[a])return!0;e.__ref[a]=!0}const l=e.context?.designSystem;l&&(0,k.pushConfig)(l);let u=!!a;try{const f=o(e,e.state,e.context,s);if(f&&typeof f.then=="function"){const p=e.__ref;return f.catch(h=>{e.context?.plugins?.length&&(0,U.runPluginHook)("error",e,{hook:r,error:h})||console.error(`[DOMQL] Lifecycle "${r}" error:`,h)}).finally(()=>{a&&p&&(p[a]=!1)}),u=!1,!0}if(f===!1)return!1}catch(f){if(e.context?.plugins?.length&&(0,U.runPluginHook)("error",e,{hook:r,error:f})||console.error(`[DOMQL] Lifecycle "${r}" error:`,f),e.context?.strictMode)throw f}finally{l&&(0,k.popConfig)(),u&&e.__ref&&(e.__ref[a]=!1)}}return!0}var Ro=V;
|
|
4
|
+
`):"")}}if(ht(o,!0),oo(o,n,e),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const _=o.context?.designSystem;_&&(0,k.pushConfig)(_);try{const p=o.html(o,o.state,o.context);p!=null&&typeof p!="function"&&(o.node.innerHTML=p)}catch{}finally{_&&(0,k.popConfig)()}}if(M("Create",o,r),M("Complete",o,r),M("Render",o,r),M("RenderRouter",o,r),St(o,r),typeof o.onFrame=="function"){const _=o.onFrame,p=o.context?.designSystem,h=()=>{if(o.node){if(o.node.isConnected){p&&(0,k.pushConfig)(p);try{_(o,o.state,o.context)}catch(b){console.error("[DOMQL] onFrame error:",b)}finally{p&&(0,k.popConfig)()}}requestAnimationFrame(h)}};requestAnimationFrame(h)}return o}function vo(t,n,s){const r=!n,e=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=r&&e&&t.context?.state,i=s.state!==void 0&&!o?s.state:t.state&&!(0,R.isStore)(t.state)?t.state:void 0;if(i==null){if(n?.state)t.state=n.state,(0,m.applyStateMethods)(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},u=t.context?.polyglot;if(u?.translations){const d=t.context,f=c.lang||u.defaultLang||"en",l=new Set,y=(p,h)=>{l.has(p)||(0,W.isPolyglotWritableKey)(d,p,a)&&(a[p]=h,l.add(p),(0,W.markPolyglotSeeded)(d,p))},g=u.translations[f];if(g&&typeof g=="object")for(const p in g)y(p,g[p]);const _=new Set(u.languages||[]);for(const p in u.translations)_.has(p)||y(p,u.translations[p])}t.state=(0,R.isStore)(a)?a:(0,R.createStore)(a),t.state.__element=t,t.state.root=t.state,(0,m.applyStateMethods)(t,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),(0,m.applyStateMethods)(t,t.state);return}if(typeof i=="string"){if(t.state=Bt(i,n),t.state&&typeof t.state=="object"&&!(0,R.isStore)(t.state)){const c=n?.state?.root||n?.state||t.state;Object.defineProperty(t.state,"root",{value:c,enumerable:!1,configurable:!0,writable:!0})}(0,m.applyStateMethods)(t,t.state);return}if(typeof i=="function"){const c=i(t,n?.state);t.state=(0,R.isStore)(c)?c:(0,R.createStore)(c||{})}else(0,R.isStore)(i)?t.state=i:t.state=(0,R.createStore)({...i});t.state.__element=t,n?.state?(t.state.parent=n.state,t.state.root=n.state.root||n.state):t.state.root=t.state,(0,m.applyStateMethods)(t,t.state)}function wt(t,n){if(!n)return t;const s=n.split("/");let r=t;for(const e of s){if(r==null)return{};r=r[e]}return r??{}}function Bt(t,n){if(!n)return{};if(t===".")return n.state||{};if(t.startsWith("../")){const e=t.slice(3);return e?wt(n.state,e):n.state??{}}if(t.startsWith("~/")){const e=n.state?.root||n.state,o=t.slice(2);return o?wt(e,o):e??{}}if(n.state?.[t]!==void 0)return n.state[t];const s=wt(n.state,t);if(s!=null&&Object.keys(s).length>0)return s;const r=n.context?.polyglot;if(r?.translations){const e=n.state?.root?.lang||r.defaultLang||"en",o=r.translations[e];if(o?.[t]!==void 0)return o[t];if(r.translations[t]!==void 0)return r.translations[t]}return{}}const wo=new Set(["s","state","ctx","context"]);function jo(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(r=>r.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function Eo(t){if(typeof t!="function"||t.length!==2)return!1;const n=jo(t);if(n.length<2)return!1;const s=n[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!wo.has(s)}function Po(t){const n=t.__ref,s=t.tag||"div",r=t.context?.designSystem,e=[],o=Object.keys(t);for(let i=0;i<o.length;i++){const c=o[i];if(typeof t[c]!="function"||U.REGISTRY.has(c))continue;const a=c.charCodeAt(0);a>=65&&a<=90||Z(c)||A.CSS_PROPS_REGISTRY[c]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(c)||(0,j.checkAttributeByTagName)(s,c)||((0,J.isLoudDevRuntime)()&&Eo(t[c])&&console.warn(`[smbls] custom prop "${c}"${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('${c}', \u2026) instead of reading el.${c}(\u2026) directly (see RULES.md Rule 8).`),e.push({prop:c,fn:t[c]}))}for(let i=0;i<e.length;i++){const{prop:c,fn:a}=e[i];n.__exec[c]=a,Object.defineProperty(t,c,{get(){r&&(0,k.pushConfig)(r);try{return a(t,t.state,t.context)}catch{return}finally{r&&(0,k.popConfig)()}},set(u){delete n.__exec[c],Object.defineProperty(t,c,{value:u,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function To(t,n){if(!(!Array.isArray(n)||n.length===0))for(let s=0;s<n.length;s++){const r=n[s];try{typeof r=="function"?r(t,t.state,t.context):typeof r=="string"&&t.state?.[r]}catch{}}}function O(t,n,s){return!Array.isArray(n)||n.length===0?s:function(...r){return To(t,n),s.apply(this,r)}}function ct(t,n){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[n]}function T(t,n){return()=>t.path.join(".")+"::"+n}function Kt(t,n){const s=t.__ref,r=!!(n&&n.skipIfEffect);if(Po(t),typeof t.text=="function"){const o=t.text,i=O(t,t.textDeps,o),c=(0,E.createEffect)(()=>{if(!s.contentManaged)try{let a=i(t,t.state,t.context);t.node&&a!=null&&typeof a!="function"&&typeof a!="object"&&(typeof a=="string"&&a.includes("{{")&&(a=W.replaceLiteralsWithObjectFields.call(t,a,t.state)),at(t,a))}catch{}},{depth:s.path.length,label:T(s,"text")});s.__effects.push(c),s.__exec.text=o}else if(typeof t.text=="string"&&t.text.includes("{{")){const o=t.text,i=(0,E.createEffect)(()=>{if(s.contentManaged)return;const c=W.replaceLiteralsWithObjectFields.call(t,o,t.state);c!=null&&(t.text=c),t.node&&at(t,c??"")},{depth:s.path.length,label:T(s,"text")});s.__effects.push(i),s.__exec.text=o}for(const o of Object.keys(t))if(typeof t[o]=="function"&&!U.REGISTRY.has(o)&&!Z(o)&&!s.__exec[o]){if(A.CSS_PROPS_REGISTRY[o]){const i=t[o],c=O(t,t[o+"Deps"],i),a=o;let u,d=null,f=null,l;const y=(0,E.createEffect)(()=>{const g=t.context?.designSystem;g&&(0,k.pushConfig)(g);try{const _=c(t,t.state,t.context);(0,A.pushStaticCssPass)();let p;try{p=A.CSS_PROPS_REGISTRY[a](_,t,t.state,t.context)}finally{(0,A.popStaticCssPass)()}if(Array.isArray(p)){const b={};for(const x of p)if(x)for(const S in x)b[S]=x[S];p=b}const h=a==="show"||a==="hide";if(p&&t.node&&Do(p)){const b=lt(p);if(b===null||b!==l){l=b;const x=(0,G.css)(p,null,t.context?.cssPrefix),S=x?x.split(" ").filter(Boolean):null;if(t.node.classList){if(f)for(const C of f)t.node.classList.remove(C);if(S&&S.length)for(const C of S)t.node.classList.add(C);f=S}}u=void 0,d=null}else if(p&&t.node){if(f){for(const x of f)t.node.classList.remove(x);f=null,l=void 0}const b=lt(p);(b===null||b!==u||!yt(t.node,d))&&(u=b,Q(t.node,p),d=pt(t.node,p))}else if(t.node&&h){u=void 0,d=null;const b=s.__explicitDisplay;t.node.style.display=typeof b=="string"?b:""}}finally{g&&(0,k.popConfig)()}},{depth:s.path.length,label:T(s,a)});s.__effects.push(y),s.__exec[o]=i}else if(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(o)){const i=t[o],c=O(t,t[o+"Deps"],i),a=o;let u,d=null;const f=(0,E.createEffect)(()=>{const l=t.context?.designSystem;l&&(0,k.pushConfig)(l);try{const y=c(t,t.state,t.context);if(t.node)if(y!=null){const g=a+":"+String(y);if(g!==u||!yt(t.node,d)){u=g;const _={[a]:y};Q(t.node,_),d=pt(t.node,_)}}else u=void 0,d=null,t.node.style[a]=""}finally{l&&(0,k.popConfig)()}},{depth:s.path.length,label:T(s,a)});s.__effects.push(f),s.__exec[o]=i}}if(typeof t.html=="function"){const o=t.html,i=O(t,t.htmlDeps,o),c=(0,E.createEffect)(()=>{const a=t.context?.designSystem;a&&(0,k.pushConfig)(a);try{const u=i(t,t.state,t.context);t.node&&u!=null&&typeof u!="function"&&(t.node.innerHTML=u)}finally{a&&(0,k.popConfig)()}},{depth:s.path.length,label:T(s,"html")});s.__effects.push(c),s.__exec.html=o}if(typeof t.value=="function"){const o=t.value,i=O(t,t.valueDeps,o),c=(0,E.createEffect)(()=>{try{const a=i(t,t.state,t.context);if(!t.node||!("value"in t.node))return;const u=a==null?"":String(a);if(t.node.value===u)return;const d=typeof document<"u"&&document.activeElement===t.node,f=d&&typeof t.node.selectionStart=="number"?t.node.selectionStart:null,l=d&&typeof t.node.selectionEnd=="number"?t.node.selectionEnd:null;if(t.node.value=u,d&&f!=null&&l!=null)try{t.node.setSelectionRange(f,l)}catch{}}catch{}},{depth:s.path.length,label:T(s,"value")});s.__effects.push(c),s.__exec.value=o}if(typeof t.style=="function"){const o=t.style,i=O(t,t.styleDeps,o);let c,a=null;const u=(0,E.createEffect)(()=>{const d=i(t,t.state,t.context),f=lt(d);(f===null||f!==c||!yt(t.node,a))&&(c=f,Q(t.node,d),a=pt(t.node,d))},{depth:s.path.length,label:T(s,"style")});s.__effects.push(u),s.__exec.style=o}else if(t.style&&typeof t.style=="object")for(const o in t.style){const i=t.style[o];if(typeof i!="function")continue;const c=O(t,ct(t.styleDeps,o),i);let a,u=null;const d=(0,E.createEffect)(()=>{try{const f=c(t,t.state,t.context);if(t.node){const l=o+":"+String(f);if(l!==a||!yt(t.node,u)){a=l;const y={[o]:f};Q(t.node,y),u=pt(t.node,y)}}}catch{}},{depth:s.path.length,label:T(s,"style."+o)});s.__effects.push(d)}if(t.attr&&typeof t.attr=="object"){for(const o in t.attr)if(typeof t.attr[o]=="function"){const i=O(t,ct(t.attrDeps,o),t.attr[o]),c=o,a=(0,E.createEffect)(()=>{try{const u=i(t,t.state,t.context);t.node?.setAttribute&&(u==null||u===!1&&!(0,j.isEnumeratedTrueFalseAttr)(c)?t.node.removeAttribute(c):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(c,(0,j.serializeAttrValue)(c,u)))}catch{}},{depth:s.path.length,label:T(s,"attr."+c)});s.__effects.push(a)}}if(t.aria&&typeof t.aria=="object")for(const o in t.aria){if(typeof t.aria[o]!="function")continue;const i=O(t,ct(t.ariaDeps,o),t.aria[o]),c="aria-"+o.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),a=(0,E.createEffect)(()=>{try{const u=i(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null?t.node.removeAttribute(c):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(c,(0,j.serializeAttrValue)(c,u))}catch{}},{depth:s.path.length,label:T(s,"aria."+o)});s.__effects.push(a)}if(t.data&&typeof t.data=="object")for(const o in t.data){if(typeof t.data[o]!="function")continue;const i=O(t,ct(t.dataDeps,o),t.data[o]),a="data-"+o.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),u=(0,E.createEffect)(()=>{try{const d=i(t,t.state,t.context);if(!t.node?.setAttribute)return;d==null||d===!1?t.node.removeAttribute(a):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(a,d===!0?"":d)}catch{}},{depth:s.path.length,label:T(s,"data."+o)});s.__effects.push(u)}const e=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(e)for(const o in e){if(typeof e[o]!="function")continue;const i=O(t,ct(t.classDeps,o),e[o]),c=(0,E.createEffect)(()=>{try{const a=i(t,t.state,t.context);if(!t.node?.classList)return;typeof a=="string"?t.node.classList.add(a):a?t.node.classList.add(o):t.node.classList.remove(o)}catch{}},{depth:s.path.length,label:T(s,"class."+o)});s.__effects.push(c)}!r&&typeof t.if=="function"&&Gt(t,s,t.if);for(const o of Object.keys(t)){if(U.REGISTRY.has(o)||typeof t[o]!="function")continue;const i=o.charCodeAt(0);if(i>=65&&i<=90||Z(o))continue;const c=t[o];s.__exec[o]=c;const a=t.tag||"div";if((0,j.checkAttributeByTagName)(a,o)&&!A.CSS_PROPS_REGISTRY[o]&&!(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(o))){const u=(0,j.camelToAttr)(o)||o,d=O(t,t[o+"Deps"],c),f=(0,E.createEffect)(()=>{try{const l=d(t,t.state,t.context);t.node?.setAttribute&&(l==null||l===!1&&!(0,j.isEnumeratedTrueFalseAttr)(u)?t.node.removeAttribute(u):typeof l!="function"&&typeof l!="object"&&(u==="src"&&"src"in t.node?t.node.src=l:t.node.setAttribute(u,(0,j.serializeAttrValue)(u,l))))}catch{}},{depth:s.path.length,label:T(s,o)});s.__effects.push(f)}}if(Ro(t),No(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const u=(0,E.createEffect)(()=>{const d=[];for(let g=0;g<i.length;g++){const _=i[g];try{d[g]=typeof _=="function"?_(t,t.state,t.context):t.state?.[_]}catch{d[g]=void 0}}if(!c){c=!0,a=d;return}let f=d.length!==a.length;for(let g=0;!f&&g<d.length;g++)d[g]!==a[g]&&(f=!0);const l=a;if(a=d,!f)return;const y=t.context?.designSystem;y&&(0,k.pushConfig)(y);try{o(t,t.state,t.context,{prev:l,next:d})}catch(g){if(t.context?.plugins?.length&&(0,K.runPluginHook)("error",t,{hook:"onStateUpdate",error:g})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',g),t.context?.strictMode)throw g}finally{y&&(0,k.popConfig)()}},{depth:s.path.length,label:T(s,"onStateUpdate")});s.__effects.push(u)}Mo(t)}function Vt(t){const n=t.parent,s=n?.node;if(!s||!t.node){oo(t,t.parent);return}let r=null;const e=Object.keys(n),o=e.indexOf(t.key);for(let i=o+1;i<e.length;i++){const c=n[e[i]];if(c?.node?.parentNode===s){r=c.node;break}}r?s.insertBefore(t.node,r):s.appendChild(t.node)}function Gt(t,n,s){const r=O(t,t.ifDeps,s),e=(0,E.createEffect)(()=>{let o;try{o=r(t,t.state,t.context)}catch(c){if(o=!1,n.__ifError=c,typeof console<"u"&&console.warn){const a=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${a} \u2014 treating as false:`,c?.message||c)}return}const i=n.__if;if(n.__if=!!o,i&&!n.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(c){console.error("[smbls] onRemove error:",c)}}else if(!i&&n.__if)if(n.__ifInitialized)t.node||(t.node=(0,Y.cacheNode)(t)),t.node&&(t.node.ref=t),Vt(t),jt(t),M("Render",t,{}),St(t,{});else{if(n.__ifInitialized=!0,t.tag||(t.tag=(0,Y.detectTag)(t)),M("Init",t,{}),t.node||(t.node=(0,Y.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"&&!n.__fragmentAnchor){const a=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(a),n.__fragmentAnchor=a}M("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),mt(t,{}),Kt(t,{skipIfEffect:!0}),jt(t),Xt(t),to(t,{}),Vt(t),M("Create",t,{}),M("Complete",t,{}),M("Render",t,{}),M("RenderRouter",t,{}),St(t,{})}},{depth:n.path.length,label:T(n,"if")});n.__effects.push(e)}function at(t,n){const s=t.node;if(!s)return;const r=n==null||typeof n=="object"?"":String(n);if(t.tag==="string"){s.nodeValue!==r&&(s.nodeValue=r);return}const e=t.__ref;let o=e?e.__textNode:null;if(o&&o.parentNode!==s&&(o=null),!o){const i=s.firstChild;i&&i.nodeType===3&&(o=i)}o?o.nodeValue!==r&&(o.nodeValue=r):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(r),s.insertBefore(o,s.firstChild)):(s.textContent=r,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),e&&(e.__textNode=o||null)}function jt(t){const{node:n}=t;if(n){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&at(t,t.text),Io(t),typeof t.html=="string"&&(n.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&"value"in n){const s=String(t.value);n.value!==s&&(n.value=s)}if(t.style&&typeof t.style=="object"){let s=t.style;for(const r in t.style)if(typeof t.style[r]=="function"){s={};for(const e in t.style)typeof t.style[e]!="function"&&(s[e]=t.style[e]);break}Q(n,s)}if(t.attr&&typeof t.attr=="object")for(const s in t.attr){const r=t.attr[s];typeof r=="function"||typeof r=="object"||r!=null&&(r===!1&&!(0,j.isEnumeratedTrueFalseAttr)(s)||n.setAttribute&&n.setAttribute(s,(0,j.serializeAttrValue)(s,r)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const r=t.data[s];typeof r=="function"||typeof r=="object"||r==null||r===!1||n.dataset&&(n.dataset[s]=r===!0?"":r)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(r=>r&&n.classList.add(r));else if(typeof s=="object")for(const r in s){const e=typeof s[r]=="function"?s[r](t,t.state,t.context):s[r];e&&n.classList.add(typeof e=="string"?e:r)}}}}function lt(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Do(t){if(!t||typeof t!="object")return!1;for(const n in t){const s=t[n];if(s&&typeof s=="object"&&!Array.isArray(s))return!0}return!1}function pt(t,n){if(!t||!t.style||!n)return null;const s=[];for(const r in n){if(n[r]==null||r.charAt(0)==="&")continue;const o=r.replace(/[A-Z]/g,i=>"-"+i.toLowerCase());s.push(o,t.style.getPropertyValue(o),t.style.getPropertyPriority(o))}return s}function yt(t,n){if(!n||!t||!t.style)return!1;for(let s=0;s<n.length;s+=3)if(t.style.getPropertyValue(n[s])!==n[s+1]||t.style.getPropertyPriority(n[s])!==n[s+2])return!1;return!0}function Q(t,n){if(!t||!n||!t.style)return;let s=null;for(const r in n){const e=n[r];if(e!=null){if(r.charAt(0)==="&"&&typeof e=="object"){s||(s={}),s[r]=e;continue}try{const o=String(e),i=r.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),u=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,u,a?"important":"")}catch{}}}s&&Lo(t,s)}function Lo(t,n){const s=`_ds${Nt.scopedStyleId++}`;t.classList.add(s);const r=t.ownerDocument;let e=r.querySelector("style[data-smbls-scoped]");e||(e=r.createElement("style"),e.setAttribute("data-smbls-scoped",""),r.head.appendChild(e));let o="";for(const i in n){const c="."+s,a=i.replace(/&/g,c).split(",").map(d=>{const f=d.trim();return f.includes(c)?f:c+f}).join(", "),u=n[i];if(typeof u=="object"){let d="",f="";for(const l in u){const y=u[l];if(typeof y=="object"){const g=l.includes("&")?a.split(", ").map(p=>l.replace(/&/g,p)).join(", "):a.split(", ").map(p=>`${p} ${l}`).join(", ");let _="";for(const p in y)_+=`${p.replace(/[A-Z]/g,h=>"-"+h.toLowerCase())}: ${y[p]};`;f+=(0,G.wrapHoverRule)(`${g} { ${_} }`,g)+`
|
|
5
|
+
`}else d+=`${l.replace(/[A-Z]/g,g=>"-"+g.toLowerCase())}: ${y};`}d&&(o+=(0,G.wrapHoverRule)(`${a} { ${d} }`,a)+`
|
|
6
|
+
`),f&&(o+=f)}}o&&(e.textContent+=o)}const Ht=new Set;function Wt(t){if(!Array.isArray(t))return"";const n=[];for(let s=0;s<t.length;s++)typeof t[s]=="string"&&t[s].length&&n.push(t[s]);return n.sort(),n.join("|")}function Oo(t,n,s){const r=Wt(s);queueMicrotask(()=>{if(!t.__ref)return;let e;try{e=n(t,t.state,t.context)}catch{return}if(Wt(e)===r)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";Ht.has(o)||(Ht.add(o),console.warn(`[smbls] subscribeTo function at "${o}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${s.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 Ro(t){const n=t.subscribeTo,s=typeof n=="function";let r=n;if(s)try{r=n(t,t.state,t.context)}catch{r=null}if(s&&(0,J.isLoudDevRuntime)()&&Oo(t,n,Array.isArray(r)?r:[]),!Array.isArray(r)||r.length===0)return;const e=t.__ref;for(let o=0;o<r.length;o++){const i=r[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],u=c.slice(1),d={value:!1},f=(0,E.createEffect)(()=>{const l=t.state&&((0,R.isStore)(t.state)?t.state.root:null);if(!l||!(0,R.isStore)(l))return;let y=l;y=y[a];for(let _=0;_<u.length&&!(y==null||typeof y!="object");_++)if((0,R.isStore)(y))y=y[u[_]];else break;if(!d.value)return;let g=!1;if(typeof t.onBeforeUpdate=="function"){const _=t.context?.designSystem;_&&(0,k.pushConfig)(_);try{if(io(e)){const p=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});p&&typeof p.then=="function"?p.then(()=>ut(e,!1),h=>{ut(e,!0),t.context?.plugins?.length&&(0,K.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:h})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",h)}):(ut(e,!1),p===!1&&(g=!0))}}catch(p){ut(e,!0),t.context?.plugins?.length&&(0,K.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:p})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",p)}finally{_&&(0,k.popConfig)()}}if(!g&&t.node&&e.__effects)for(let _=0;_<e.__effects.length;_++){const p=e.__effects[_];p&&p!==f&&!p._disposed&&!p._isSubscribeToEffect&&typeof p._execute=="function"&&p._execute()}if(!g&&typeof t.onUpdate=="function"){const _=t.context?.designSystem;_&&(0,k.pushConfig)(_);try{t.onUpdate(t,t.state,t.context)}catch(p){t.context?.plugins?.length&&(0,K.runPluginHook)("error",t,{hook:"onUpdate",error:p})||console.error("[DOMQL] subscribeTo onUpdate error:",p)}finally{_&&(0,k.popConfig)()}}},{depth:e.path.length,label:T(e,"subscribeTo("+i+")")});d.value=!0,f._isSubscribeToEffect=!0,e.__effects.push(f)}}function Et(t,n){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!n.context?.designSystem?.media?.[t.slice(1)])}function Pt(t,n){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const s=n.context?.designSystem?.media?.[t.slice(1)];return s?/^@(media|supports|container)\b/.test(s)?s:`@media ${s}`:t}const zt=new Set;function $o(t,n){const s=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?",r=s+"::"+t;zt.has(r)||(zt.add(r),console.warn(`[smbls/css] "${t}" at ${s} 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 X(t,n,s){const r={},e=new Set,o=(i,c,a)=>{const u=a?new Set(Object.keys(r)):null;if(A.CSS_PROPS_REGISTRY[i]){const d=A.CSS_PROPS_REGISTRY[i](c,n,n.state,n.context);if(d){const f=Array.isArray(d)?d:[d];for(const l of f)l&&Object.assign(r,l)}}else r[i]=c;if(a)for(const d in r)u.has(d)||e.add(d)};for(const i in t){if(!Object.prototype.hasOwnProperty.call(t,i))continue;let c=t[i];if(typeof c=="function"&&(c=c(n,n.state,n.context)),c==null||typeof c=="function")continue;if(typeof c=="object"&&!Array.isArray(c)){if(i==="style"){for(const f in c){let l=c[f];if(typeof l=="function"&&(l=l(n,n.state,n.context)),l==null||typeof l=="function")continue;const y=typeof n[f]=="function"&&(A.CSS_PROPS_REGISTRY[f]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(f));o(f,l,y)}continue}if(Et(i,n)){const f=X(c,n,!1);Object.keys(f).length&&(r[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){(0,J.isLoudDevRuntime)()&&$o(i,n);continue}const u=Pt(i,n),d=X(c,n,!1);Object.keys(d).length&&(r[u]=d);continue}const a=typeof n[i]=="function"&&(A.CSS_PROPS_REGISTRY[i]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(i));o(i,c,a)}if(s)for(const i in r)e.add(i);for(const i of e){const c=r[i];typeof c=="string"&&!c.includes("!important")&&(r[i]=c+" !important")}return r}function Tt(t,n){if(n===void 0&&(n=0),n>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&Tt(t[s],n+1))return!0}return!1}function Yt(t,n,s){if(!n||typeof n!="object"||Array.isArray(n))return null;if(Et(t,s)){const o=X(n,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}const r=Pt(t,s),e=X(n,s,!1);return Object.keys(e).length?{cssProp:r,block:e}:null}function Mo(t){const n=t.__ref;for(const s of Object.keys(t)){if(!vt(s))continue;const r=t[s];if(!r||typeof r!="object"||Array.isArray(r)||!Tt(r))continue;let e=null,o;const i=(0,E.createEffect)(()=>{if(!t.node)return;const c=t.context?.designSystem;c&&(0,k.pushConfig)(c);let a,u=!1;try{const d=Yt(s,r,t),f=d?lt(d.block)+"::"+d.cssProp:null;if(f!==null&&f===o)u=!0;else if(o=f,d){const l=(0,G.css)({[d.cssProp]:d.block},null,t.context?.cssPrefix);a=l?l.split(" ").filter(Boolean):null}else a=null}finally{c&&(0,k.popConfig)()}if(!(u||!t.node.classList)){if(e)for(const d of e)t.node.classList.remove(d);if(a&&a.length)for(const d of a)t.node.classList.add(d);e=a}},{depth:n.path.length,label:T(n,"cssBlock("+s+")")});n.__effects.push(i)}}function No(t){const n=t.__ref;n.__conditionalRunners=[];const s=new Map;for(const r of Object.keys(t)){const e=r.charAt(0);if(e!=="."&&e!=="!")continue;const o=r.slice(1);if(!o)continue;if(/[:@\s>~+[\]]/.test(o)){if(typeof console<"u"&&console.warn){const y=o.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${r}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${e}\` is read as one prop name. Nest the selector inside instead: \`${e}${y}: { '${o.slice(y.length)}': {...} }\`.`)}continue}const i=t[r];if(!i||typeof i!="object")continue;const c=e==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},u=()=>{let y;const g=t[o];if(g===void 0){const h=!!t.state&&o in t.state,b=t.state?t.state[o]:void 0;if(h||b!==void 0)y=b;else{const x=t.context?.cases?.[o];if(x===void 0)return;try{y=typeof x=="function"?x.call(t,t):x}catch(S){y=!1,n.__conditionalError=S,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${r}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,S?.message||S)}}}else if(typeof g=="function")try{y=g(t,t.state,t.context)}catch(h){y=!1,n.__conditionalError=h,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${r}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,h?.message||h)}else y=g;const _=c?!y:!!y;if(!t.node||_===a.lastMatch)return;a.lastMatch=_;const p=t.context?.designSystem;p&&(0,k.pushConfig)(p);try{if(_){const h={},b={};let x=!1;for(const C in i){if(!Object.prototype.hasOwnProperty.call(i,C))continue;const P=i[C],z=C.charAt(0);if((z===":"||z==="@"||z==="&"||z==="[")&&P&&typeof P=="object"&&!Array.isArray(P)){if(Et(C,t)){const D=X(P,t,!1);Object.keys(D).length&&(b[`[data-theme="${C.slice(1)}"] &`]=D,x=!0)}else{const D=Pt(C,t),L=X(P,t,!1);Object.keys(L).length&&(b[D]=L,x=!0)}continue}const ot=typeof P=="function"?P(t,t.state,t.context):P;if(ot!=null)if(A.CSS_PROPS_REGISTRY[C]){const D=A.CSS_PROPS_REGISTRY[C](ot,t,t.state,t.context);if(D){const L=Array.isArray(D)?D:[D];for(const st of L)st&&Object.assign(h,st)}}else A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(C)&&(h[C]=ot)}const S=Object.keys(h);if(S.length){Q(t.node,h);for(const C of S)s.set(C,r);a.appliedKeys=S}else a.appliedKeys=null;if(x){const C=(0,G.css)(b,null,t.context?.cssPrefix),P=C?C.split(" ").filter(Boolean):[];if(P.length&&t.node.classList){for(const z of P)t.node.classList.add(z);a.appliedClasses=P}else a.appliedClasses=null}else if(a.appliedClasses){for(const C of a.appliedClasses)t.node.classList.remove(C);a.appliedClasses=null}}else{if(a.appliedKeys){for(const h of a.appliedKeys)s.get(h)===r&&(t.node.style[h]="",s.delete(h));a.appliedKeys=null}if(a.appliedClasses){for(const h of a.appliedClasses)t.node.classList.remove(h);a.appliedClasses=null}}}finally{p&&(0,k.popConfig)()}};n.__conditionalRunners.push(u);const d=O(t,t[o+"Deps"],u),f=(0,E.createEffect)(d,{depth:n.path.length,label:T(n,"conditional("+r+")")}),l=n.__exec&&n.__exec[o]||t[o];f._sources.size===0&&typeof l=="function"&&(0,J.isLoudDevRuntime)()&&console.warn(`[smbls] conditional \`${r}\` 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 \`${o}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),n.__effects.push(f)}}const Dt=new WeakSet;function Fo(t){const n=t.ownerDocument;!n||Dt.has(n)||(Dt.add(n),queueMicrotask(()=>{Dt.delete(n);const s=n.body||n.documentElement;s&&s.offsetWidth}))}const Lt=new WeakSet;let qt=!1;function Zt(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function Ot(t,n){const s={...t};for(const r in n){const e=n[r],o=s[r];s[r]=e&&typeof e=="object"&&o&&typeof o=="object"?Ot(o,e):e}return s}function Qt(t,n){const s={};for(const r in t){const e=t[r];if(e&&typeof e=="object"){const o=Qt(e,n);Object.keys(o).length&&(s[r]=o)}else n.has(r)||(s[r]=e)}return s}function Io(t){const{node:n}=t;if(!n)return;if(qt||(qt=!0,(0,G.css)({display:"none"})),Lt.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}Lt.add(t);const s=t.context?.designSystem;s&&(0,k.pushConfig)(s),(0,A.pushStaticCssPass)();try{const r={};let e=!1,o=null,i=null,c=null;const a=(u,d)=>{if(d&&typeof d=="object"&&Zt(u)){i||(i={});const f=i[u];f&&(d=Ot(f,d)),i[u]=d}else(d===null||typeof d!="object")&&(c||(c=new Set),c.add(u));r[u]=d};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&A.CSS_PROPS_REGISTRY.theme){const u=A.CSS_PROPS_REGISTRY.theme(t.theme,t,t.state,t.context);if(u){const d=f=>{for(const l in f){const y=f[l];y&&typeof y=="object"&&Zt(l)&&(o||(o={}),o[l]=y),r[l]=y}};if(Array.isArray(u))for(const f of u)f&&d(f);else d(u);e=!0}}for(const u of Object.keys(t)){if(typeof t[u]=="function"||U.REGISTRY.has(u)||u==="theme")continue;const d=u.charCodeAt(0);if(!(d>=65&&d<=90)&&!Z(u)){if(A.CSS_PROPS_REGISTRY[u]){const f=t[u],l=A.CSS_PROPS_REGISTRY[u](f,t,t.state,t.context);if(l){if(Array.isArray(l)){for(const y of l)if(y)for(const g in y)a(g,y[g])}else for(const y in l)a(y,l[y]);e=!0}}else if(A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(u)){const f=t[u];f!=null&&typeof f!="object"&&(a(u,f),e=!0)}else if(u.charCodeAt(0)===45){const f=t[u];f!=null&&typeof f!="object"&&(a(u,f),e=!0)}else if(u.charAt(0)==="&"||u.charAt(0)==="@"||u.charAt(0)===":"||u.charAt(0)==="["){const f=t[u];if(f&&typeof f=="object"&&!Array.isArray(f)){if(Tt(f))continue;const l=Yt(u,f,t);l&&(a(l.cssProp,l.block),e=!0)}}}}if(o)for(const u in o){let d=c?Qt(o[u],c):o[u];i&&i[u]&&(d=Ot(d,i[u])),Object.keys(d).length?r[u]=d:delete r[u]}if(e){r.display&&String(r.display).includes("!important")&&(n.style.setProperty("display",String(r.display).replace(/\s*!important\s*$/,""),"important"),delete r.display);const u=(0,G.css)(r,null,t.context?.cssPrefix);if(u&&n.classList){const f=u.split(" ").filter(Boolean);let l=!1;for(const y of f)n.classList.add(y),l||(y.charCodeAt(0)===95&&y.charCodeAt(1)===99||y.charCodeAt(0)===95&&y.indexOf("_c",1)!==-1)&&(l=!0);l&&Fo(n)}const d=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(d!=null){const f=r.display;if(f&&f!==d)if(d==="none"){const l=[];for(const y of n.classList)y.startsWith("_d-")&&y!=="_d-none"&&l.push(y);for(const y of l)n.classList.remove(y);n.classList.add("_d-none")}else n.style.display==="none"&&(typeof t.hide=="function"||typeof t.show=="function")||(n.style.display=t.display),t.__ref&&(t.__ref.__explicitDisplay=t.display)}}}finally{(0,A.popStaticCssPass)(),s&&(0,k.popConfig)(),Lt.delete(t)}}function Xt(t){const{node:n}=t;if(!n||!n.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const o=t.aria[e];if(typeof o=="function"||typeof o=="object"||o==null)continue;const i="aria-"+e.replace(/[A-Z]/g,c=>"-"+c.toLowerCase());n.setAttribute(i,(0,j.serializeAttrValue)(i,o))}const s=(0,j.applyAttrTransforms)(t);for(const e in s){const o=s[e];o!=null&&o!==!1&&typeof o!="function"&&typeof o!="object"&&n.setAttribute(e,o===!0?"":o)}const r=t.tag||"div";for(const e of Object.keys(t)){if(typeof t[e]=="function"||U.REGISTRY.has(e)||e==="on"||s[e]!==void 0)continue;const o=e.charCodeAt(0);if(!(o>=65&&o<=90)&&!Z(e)&&!(A.CSS_PROPS_REGISTRY[e]||A.DEFAULT_CSS_PROPERTIES_LIST&&A.DEFAULT_CSS_PROPERTIES_LIST.has(e))&&(0,j.checkAttributeByTagName)(r,e)){let i=t[e];if(i==null||(typeof i=="string"&&i.includes("{{")&&(i=(0,W.replaceLiteralsWithObjectFields)(i,t,t.state,t.context),t[e]=i),i==null||typeof i=="function"||typeof i=="object")||i===!1&&!(0,j.isEnumeratedTrueFalseAttr)((0,j.camelToAttr)(e)||e))continue;const c=(0,j.camelToAttr)(e)||e;n.setAttribute(c,(0,j.serializeAttrValue)(c,i))}}}function Uo(t,n){const s=t.node,r=t.__ref;let e=r.__autoGrow;if(!n){if(e&&e.active){try{s.removeEventListener("input",e.resize)}catch{}s.style.height="",e.appliedMax!=null&&s.style.maxHeight===e.appliedMax&&(s.style.maxHeight=""),e.active=!1,e.appliedMax=null,e.lastMeasure=0}return}e||(e=r.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,resize:()=>{if(s.scrollHeight===0&&e.lastMeasure>0)return;s.style.height="auto";const i=s.scrollHeight;s.style.height=i+"px",i>0&&(e.lastMeasure=i)}},r.__eventCleanup||(r.__eventCleanup=[]),r.__eventCleanup.push(()=>{try{s.removeEventListener("input",e.resize)}catch{}})),e.active||(s.addEventListener("input",e.resize),e.active=!0);const o=typeof n=="object"&&n.max!=null?String(n.max):null;o!==e.appliedMax&&(o==null?e.appliedMax!=null&&s.style.maxHeight===e.appliedMax&&(s.style.maxHeight=""):s.style.maxHeight=o,e.appliedMax=o),e.resize()}function Bo(t){if(!t.autoGrow)return;const n=t.node;if(!n||n.tagName!=="TEXTAREA")return;const s=t.__ref,r=t.autoGrow,e=typeof r=="function"?O(t,t.autoGrowDeps,r):null,o=(0,E.createEffect)(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===r&&e?e:i)(t,t.state,t.context)}catch{c=null}Uo(t,c)},{depth:s.path.length,label:T(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),e&&(s.__exec.autoGrow=r)}const Jt=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function mt(t,n){for(const s of Object.keys(t)){if(!Z(s)||Jt.has(s))continue;const r=(0,tt.globalEventKeyInfo)(s);if(r){(0,tt.registerGlobalEvent)(r,t,t[s]);continue}let e=t[s];if(typeof e=="string"&&/^[A-Za-z_$][\w$]*$/.test(e)){const i=e;e=function(a){return t.call(i,a)}}if(typeof e!="function")continue;const o=ko(s);U.LIFECYCLE_EVENTS.has(o)||(0,tt.registerEvent)(So(o),t,e)}Ko(t)}function Ko(t){const n=t.node;if(!n||!n.addEventListener)return;const s={};let r=!1;for(const l of Jt){const y=t[l];typeof y=="function"&&(s[l]=y,r=!0)}if(!r)return;const e=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,o=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let i=0,c=0,a=0,u=!1;const d=l=>{const y=l.touches&&l.touches[0]||l.changedTouches&&l.changedTouches[0];y&&(i=y.clientX,c=y.clientY,a=Date.now(),u=!0)},f=l=>{if(!u)return;u=!1;const y=l.changedTouches&&l.changedTouches[0]||l.touches&&l.touches[0];if(!y)return;const g=y.clientX-i,_=y.clientY-c,p=Date.now()-a;if(p>o)return;const h=Math.abs(g),b=Math.abs(_);if(Math.max(h,b)<e)return;let x;if(h>b*1.2)x=g<0?"left":"right";else if(b>h*1.2)x=_<0?"up":"down";else return;const S="onSwipe"+x.charAt(0).toUpperCase()+x.slice(1),C=s[S],P=s.onSwipe;C&&C.call(t,l,t,t.state,t.context),P&&P.call(t,{direction:x,dx:g,dy:_,dt:p,event:l},t,t.state,t.context)};n.addEventListener("touchstart",d,{passive:!0}),n.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{n.removeEventListener("touchstart",d)}catch{}try{n.removeEventListener("touchend",f)}catch{}})}function ft(t,n){const s={...t};for(const r in n){const e=s[r],o=n[r];e&&o&&typeof e=="object"&&typeof o=="object"&&!Array.isArray(e)&&!Array.isArray(o)&&typeof e!="function"&&typeof o!="function"?s[r]=ft(e,o):s[r]=o}return s}function Rt(t,n,s,r){if(!n||!t.node)return;const e=t.childExtends;if(Array.isArray(n)){const o=t.tag==="fragment",i=t.context?.document||globalThis.document,c=o?null:i?.createDocumentFragment();if(!o&&!c)return;const a=t.childProps,u=t.childrenAs,d=p=>{let h=n[p];const b=h;(typeof h=="string"||typeof h=="number")&&(h={text:h});let x=a;if(typeof a=="function")try{x=a(t,h)}catch{x=null}if(u==="state"){let C=b;(typeof b=="string"||typeof b=="number")&&(C={value:b,text:b}),h=x?{...x,state:C}:{state:C}}else x&&(h=ft(x,h));if(e&&!h.ignoreChildExtends)if(h.extends){const C=Array.isArray(h.extends)?h.extends:[h.extends],P=Array.isArray(e)?e:[e];h={...h,extends:[...P,...C]}}else h={...h,extends:e};const S=h?.key||b&&typeof b=="object"&&b.key||`${p}`;try{return H(h,t,S,s)}catch(C){if(typeof console<"u"&&console.error){const P=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${S}" failed to construct at ${P} (initial render, skipping this row):`,C?.message||C)}return null}},f=t.__ref;if(!(r===!0&&!o&&!!f&&(s?.mountYield===!0||t.yieldChildren===!0))){for(let p=0;p<n.length;p++){const h=d(p);!o&&h?.node&&c.appendChild(h.node)}return o||t.node.appendChild(c),!0}const y=f.__childrenChunkGen=(f.__childrenChunkGen||0)+1;(0,I.openMountBudget)();let g=null;const _=p=>{if(f.__disposed||f.__childrenChunkGen!==y){g&&g.parentNode&&g.remove();return}for(let h=p;h<n.length;h++){const b=d(h);if(b?.node&&(g?t.node.insertBefore(b.node,g):c.appendChild(b.node)),h+1<n.length&&(0,I.mountBudgetExhausted)()){g||(g=i.createComment("smbls-mount"),c.appendChild(g),t.node.appendChild(c));const x=h+1;(0,I.enqueueMountWork)(()=>_(x));return}}g?(g.remove(),t.node.tagName==="SELECT"&&ht(t,!0)):t.node.appendChild(c)};return _(0),(0,I.closeMountBudget)(),!0}if(typeof n=="string"){const o=Bt(n,t);if(Array.isArray(o))return Rt(t,o,s,r)}if(typeof n=="object")for(const o in n){if(U.REGISTRY.has(o))continue;let i=n[o];if(!(i==null||i===!1)){if((typeof i=="string"||typeof i=="number")&&(i={text:i}),t.childProps&&(i=ft(t.childProps,i)),e&&!i.ignoreChildExtends)if(i.extends){const c=Array.isArray(i.extends)?i.extends:[i.extends],a=Array.isArray(e)?e:[e];i={...i,extends:[...a,...c]}}else i={...i,extends:e};H(i,t,o,s)}}}function ht(t,n){const s=t.node;if(!s||s.tagName!=="SELECT")return;const r=s.options;if(!r||!r.length)return;const e=t.__ref,o=e&&e.__exec&&e.__exec.value,i=typeof o=="function",c=t.value!=null&&typeof t.value!="function";if(i||c){let d;if(i)try{d=o(t,t.state,t.context)}catch{return}else d=t.value;const f=d==null?"":String(d);s.value!==f&&(s.value=f);return}const a=n||!(e&&e.__selectSynced);if(e&&(e.__selectSynced=!0),!a)return;let u=-1;for(let d=0;d<r.length;d++)r[d].defaultSelected&&(u=d);u>=0&&s.selectedIndex!==u&&(s.selectedIndex=u)}function to(t,n){let{children:s,content:r}=t;const e=t.childExtends;if(typeof s=="function"){const f=s;try{s=f(t,t.state,t.context)}catch(p){if(s=void 0,typeof console<"u"&&console.error){const h=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${h} (initial run, treating as empty):`,p?.message||p)}}t.children=s;const l=t.__ref;let y=!1;const g=O(t,t.childrenDeps,f),_=(0,E.createEffect)(()=>{const p=y;y=!0;let h;try{h=g(t,t.state,t.context)}catch(D){if(typeof console<"u"&&console.error){const L=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${L}${p?"":" (initial tracking run)"}:`,D?.message||D)}return}if(!p||h===t.children)return;t.children=h,l.__childrenChunkGen!=null&&l.__childrenChunkGen++;const b=typeof t.onContentUpdate=="function",x=b?[]:null,S=b?[]:null,C=b?[]:null;if(Array.isArray(h)&&t.childrenAs==="state"){const D=t.childProps,L=[],st=new Map;for(let v=0;v<h.length;v++){const N=h[v];let w=D;if(typeof D=="function")try{w=D(t,N)}catch{w=null}const V=w&&w.key||N&&N.key||`${v}`;L.push(V),st.set(V,{rawChild:N,childProps:w})}const co=new Set(L),fo=l.__children.slice();for(const v of fo)if(!co.has(v)){const N=t[v];N?.remove&&N.remove(),delete t[v],S&&S.push(v)}const nt=t.childExtends,dt=t.tag==="fragment",ao=t.context?.document||globalThis.document,et=dt?null:ao?.createDocumentFragment(),bt=new Set;for(const v of L){const N=st.get(v),w=N.rawChild,V=t[v];if(V&&V.state){if(w&&typeof w=="object"){const $=V.state,q=$.$replace||$.replace,Mt=$.$update||$.update;try{if(typeof q=="function")q.call($,w);else if(typeof Mt=="function"){for(const F in $)if(!(F==="__element"||F==="root"||F==="parent"||F==="update")&&!Object.prototype.hasOwnProperty.call(w,F))try{$[F]=void 0}catch{}Mt.call($,w)}else for(const F in w)$[F]=w[F]}catch(F){if(typeof console<"u"&&console.error){const uo=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${v}" failed to patch at ${uo} (reconcile, keeping its previous data for this pass):`,F?.message||F)}}}C&&C.push(v);continue}let xt=w;(typeof w=="string"||typeof w=="number")&&(xt={value:w,text:w});const $t=N.childProps;let B=$t?{...$t,state:xt}:{state:xt};if(nt&&!B.ignoreChildExtends)if(B.extends){const $=Array.isArray(B.extends)?B.extends:[B.extends],q=Array.isArray(nt)?nt:[nt];B={...B,extends:[...q,...$]}}else B={...B,extends:nt};let At;try{At=H(B,t,v,n)}catch($){if(typeof console<"u"&&console.error){const q=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${v}" failed to construct at ${q} (reconcile, skipping this row):`,$?.message||$)}bt.add(v);continue}!dt&&At?.node&&et&&et.appendChild(At.node),x&&x.push(v)}if(!dt&&et&&et.childNodes.length&&t.node&&t.node.appendChild(et),!dt&&t.node){let v=null;for(const N of L){const w=t[N]?.node;if(!w)continue;const V=v?v.nextSibling:t.node.firstChild;w!==V&&t.node.insertBefore(w,V),v=w}}l.__children=bt.size?L.filter(v=>!bt.has(v)):L,b&&(x.length||S.length)&&Ut(t,{added:x,removed:S,kept:C}),ht(t,!1);return}const ot=b?[...l.__children]:null;for(const D of[...l.__children]){const L=t[D];L?.remove&&L.remove(),delete t[D]}l.__children=[],Rt(t,h,n),ht(t,!1),b&&Ut(t,{added:[...l.__children],removed:ot,kept:[]})},{depth:l.path.length,label:T(l,"children")});l.__effects.push(_)}const o=Rt(t,s,n,!0);if(r!=null&&!(r&&r.__ref)){let f=r;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=ft(t.childProps,f)),e&&!f.ignoreChildExtends)if(f.extends){const l=Array.isArray(f.extends)?f.extends:[f.extends],y=Array.isArray(e)?e:[e];f={...f,extends:[...y,...l]}}else f={...f,extends:e};H(f,t,"content",n)}if(s&&!o)return;const i=t.context?.components||{};{const f=Object.keys(t);for(let l=0;l<f.length;l++){const y=f[l];if(!y.endsWith("Extends")||typeof t[y]!="string")continue;const g=y.slice(0,-7);if(!g||g.charCodeAt(0)<65||g.charCodeAt(0)>90)continue;const _={extends:t[y]};delete t[y];for(let p=l+1;p<f.length;p++){const h=f[p],b=h.charCodeAt(0);if(b>=65&&b<=90||U.REGISTRY.has(h)||typeof t[h]=="function"&&(h.startsWith("on")||h.startsWith(".")))break;const x=t[h];x!==void 0&&(_[h]=x,delete t[h])}t[g]&&typeof t[g]=="object"?t[g]={..._,...t[g]}:t[g]=_}}const c=n?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),u=f=>{if(U.REGISTRY.has(f)||typeof t[f]!="object"||t[f]===null)return;const l=f.charCodeAt(0);if(l<65||l>90)return;let y=t[f];if(!y.__ref){if(!y.extends&&!y.extend){const g=i[f]||i[`smbls.${f}`];g&&(y={...y,extends:g})}if(t.childProps&&(y=ft(t.childProps,y)),e&&!y.ignoreChildExtends)if(y.extends){const g=Array.isArray(y.extends)?y.extends:[y.extends],_=Array.isArray(e)?e:[e];y={...y,extends:[..._,...g]}}else y={...y,extends:e};H(y,t,f,n)}};if(!c){for(const f of a)u(f);return}(0,I.openMountBudget)();const d=f=>{for(let l=f;l<a.length;l++)if(u(a[l]),l+1<a.length&&(0,I.mountBudgetExhausted)()){const y=l+1;(0,I.enqueueMountWork)(()=>d(y));return}};d(0),(0,I.closeMountBudget)()}function oo(t,n,s){const{node:r}=t;if(!r)return;r.ref=t;const e=n?.tag==="fragment"?n.__ref?.__fragmentAnchor:null;if(e){const i=e.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(r,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(r,c||e)}else i.insertBefore(r,e);return}}const o=n?.node||(n?.nodeType?n:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(r,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(r,i):o.appendChild(r)}else o.appendChild(r)}const gt=3;function io(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=gt?!1:(t.__inBeforeUpdate=!0,!0)}function ut(t,n){t&&(t.__inBeforeUpdate=!1,n?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===gt&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${gt}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function M(t,n,s){const r=t.charAt(0).toLowerCase()+t.slice(1);n.context?.plugins?.length&&(0,K.runPluginHook)(r,n,s);const e="on"+t,o=n[e];if(typeof o=="function"){const a=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(a){if(n.__ref[a])return!0;n.__ref[a]=!0}const u=n.context?.designSystem;u&&(0,k.pushConfig)(u);let d=!!a;try{const f=o(n,n.state,n.context,s);if(f&&typeof f.then=="function"){const l=n.__ref;return f.catch(y=>{n.context?.plugins?.length&&(0,K.runPluginHook)("error",n,{hook:e,error:y})||console.error(`[DOMQL] Lifecycle "${e}" error:`,y)}).finally(()=>{a&&l&&(l[a]=!1)}),d=!1,!0}if(f===!1)return!1}catch(f){if(n.context?.plugins?.length&&(0,K.runPluginHook)("error",n,{hook:e,error:f})||console.error(`[DOMQL] Lifecycle "${e}" error:`,f),n.context?.strictMode)throw f}finally{u&&(0,k.popConfig)(),d&&n.__ref&&(n.__ref[a]=!1)}}return!0}var Vo=H;
|
package/dist/cjs/src/delegate.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var p=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var r in t)p(e,r,{get:t[r],enumerable:!0})},V=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of C(t))!S.call(e,o)&&o!==r&&p(e,o,{get:()=>t[o],enumerable:!(n=D(t,o))||n.enumerable});return e};var A=e=>V(p({},"__esModule",{value:!0}),e);var F={};T(F,{addDelegatedEvent:()=>b,globalEventKeyInfo:()=>R,isDelegatable:()=>h,registerEvent:()=>B,registerGlobalEvent:()=>W,removeDelegatedEvent:()=>v});module.exports=A(F);var c=require("./registry.js"),l=require("@symbo.ls/scratch");const E=new WeakMap,M={passive:!0},I={passive:!0,capture:!0},_=(e,t)=>c.PASSIVE_EVENTS.has(e)?t?I:M:t||!1;function y(e){let t=E.get(e);return t||(t={handlers:new Map,installed:new Set},E.set(e,t)),t}function x(e,t){const r=y(t);if(r.installed.has(e))return;r.installed.add(e);const n=e==="focus"||e==="blur"||e==="focusin"||e==="focusout"||e==="mouseenter"||e==="mouseleave"||e==="pointerenter"||e==="pointerleave",o=e==="mouseenter"||e==="mouseleave"||e==="pointerenter"||e==="pointerleave";t.addEventListener(e,i=>{let s=i.target;for(;s&&s!==t;){const u=r.handlers.get(e);if(u){const f=u.get(s);if(f){if(o&&i.relatedTarget&&s.contains(i.relatedTarget)){s=s.parentNode;continue}if(f(i),i.cancelBubble)return}}s=s.parentNode}},_(e,n))}function b(e,t,r,n){n||(n=t.ownerDocument?.documentElement||t.getRootNode());const o=y(n);x(e,n),o.handlers.has(e)||o.handlers.set(e,new WeakMap),o.handlers.get(e).set(t,r)}function v(e,t,r){r||(r=t.ownerDocument?.documentElement||t.getRootNode());const n=E.get(r);if(!n)return;const o=n.handlers.get(e);o&&o.delete(t)}function h(e){return c.DELEGATED_EVENTS.has(e)&&!c.LIFECYCLE_EVENTS.has(e)}function w(e,t){const{context:r}=e,n=r?.designSystem;return o=>{n&&(0,l.pushConfig)(n);try{const i=t.call(e,o,e,e.state,r);if(i&&typeof i.then=="function"){i.catch(s=>{e.error=s,console.error("[DOMQL] Async event error:",s)}).finally(()=>{n&&(0,l.popConfig)()});return}}catch(i){if(e.error=i,console.error("[DOMQL] Event error:",i),r?.strictMode)throw i}n&&(0,l.popConfig)()}}function B(e,t,r){const{node:n,context:o}=t;if(!n)return;const i=w(t,r),s=c.NON_BUBBLING_EVENTS.has(e);if(!s&&h(e)){const u=o?.rootNode||n.ownerDocument?.documentElement;b(e,n,i,u)}else n.addEventListener(e,i,_(e,!1));t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{if(!s&&h(e)){const u=o?.rootNode||n.ownerDocument?.documentElement;v(e,n,u)}else n.removeEventListener(e,i,_(e,!1))})}const g=[["onDocument","document"],["onWindow","window"],["onVisualViewport","visualViewport"],["onMediaQuery","mediaQuery"]];function R(e){if(typeof e!="string")return null;for(let t=0;t<g.length;t++){const r=g[t][0];if(e.length<=r.length||!e.startsWith(r))continue;const n=e.charCodeAt(r.length);if(!(n<65||n>90))return{target:g[t][1],eventName:e.slice(r.length).toLowerCase()}}return null}const m=/^[A-Za-z_$][\w$]*$/;function q(e,t,r){let n=t,o=!1,i,s=!1,u=null;if(t&&typeof t=="object"&&typeof t!="function"&&(n=t.handler,o=!!t.capture,s=!!t.once,typeof t.passive=="boolean"&&(i=t.passive),typeof t.query=="string"&&(u=t.query)),typeof n=="string"&&m.test(n)){const f=n;n=function(d){return e.call(f,d)}}return typeof n!="function"?null:(i===void 0&&(i=c.PASSIVE_EVENTS.has(r)),{handler:n,capture:o,passive:i,once:s,query:u})}function G(e,t,r){const n=e.node?.ownerDocument||e.context?.document||(typeof document<"u"?document:null);if(!n||typeof n.addEventListener!="function")return null;if(t==="document")return n;const o=n.defaultView||(typeof window<"u"?window:null);if(!o)return null;if(t==="window")return typeof o.addEventListener=="function"?o:null;if(t==="visualViewport"){const i=o.visualViewport;return i&&typeof i.addEventListener=="function"?i:null}if(t==="mediaQuery"){const i=r&&r.query;if(typeof i!="string"||!i.trim()||typeof o.matchMedia!="function")return null;try{return o.matchMedia(i)||null}catch{return null}}return null}function Q(e,t,r,n){try{return e.addEventListener(t,r,n),!0}catch{return typeof e.addListener=="function"?(e.addListener(r),!0):!1}}function O(e,t,r,n){try{e.removeEventListener(t,r,n)}catch{typeof e.removeListener=="function"&&e.removeListener(r)}}function P(e){const t=e.node;if(!t)return!1;const r=t.nodeType===11?e.__ref?.__fragmentAnchor:t;return r?r.isConnected!==!1:!1}function W(e,t,r){if(t.__ref){if(Array.isArray(r)){if(e.target!=="mediaQuery")return;for(let o=0;o<r.length;o++)L(e,t,r[o]);return}L(e,t,r)}}function L(e,t,r){const n=t.__ref,o=q(t,r,e.eventName);if(!o||e.target==="mediaQuery"&&e.eventName!=="change")return;const i=G(t,e.target,o);if(!i)return;const s=e.target+":"+(o.query?o.query+":":"")+e.eventName+":"+(o.capture?1:0);if(n.__globalEvents&&n.__globalEvents.has(s))return;const u=w(t,o.handler),f=d=>{P(t)&&u(d)},a={capture:o.capture,passive:o.passive,once:o.once};Q(i,e.eventName,f,a)&&(n.__globalEvents||(n.__globalEvents=new Map),n.__globalEvents.set(s,{target:i,eventName:e.eventName,listener:f,options:a}),n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{O(i,e.eventName,f,a),n.__globalEvents&&n.__globalEvents.delete(s)}))}
|
package/dist/cjs/src/dispose.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=Object.defineProperty;var
|
|
1
|
+
"use strict";var n=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var t in o)n(r,t,{get:o[t],enumerable:!0})},p=(r,o,t,_)=>{if(o&&typeof o=="object"||typeof o=="function")for(let f of c(o))!a.call(r,f)&&f!==t&&n(r,f,{get:()=>o[f],enumerable:!(_=s(o,f))||_.enumerable});return r};var h=r=>p(n({},"__esModule",{value:!0}),r);var v={};d(v,{dispose:()=>i,remove:()=>u});module.exports=h(v);function i(r){if(!r)return;const o=r.__ref;if(!o)return;o.__disposed=!0;try{typeof r.onBeforeRemove=="function"&&r.onBeforeRemove(r,r.state,r.context)}catch(_){console.error("[smbls] onBeforeRemove error:",_)}if(o.__effects){for(let _=0;_<o.__effects.length;_++)o.__effects[_].dispose();o.__effects.length=0}if(o.__eventCleanup){for(let _=0;_<o.__eventCleanup.length;_++)o.__eventCleanup[_]();o.__eventCleanup.length=0}if(o.__children){const _=o.__children.slice();o.__children.length=0;for(let f=0;f<_.length;f++){const e=r[_[f]];e&&e.__ref&&i(e)}}r.node?.parentNode?r.node.remove():r.tag==="fragment"&&o.__fragmentAnchor?.parentNode&&o.__fragmentAnchor.remove();const t=r.state?.$destroy||r.state?.destroy;if(typeof t=="function"&&r.state.__element===r&&t.call(r.state),r.parent?.__ref?.__children){const _=r.parent.__ref.__children.indexOf(r.key);_!==-1&&r.parent.__ref.__children.splice(_,1),delete r.parent[r.key]}try{typeof r.onRemove=="function"&&r.onRemove(r)}catch(_){console.error("[smbls] onRemove error:",_)}r.node=null,r.parent=null,r.__ref=null}function u(){i(this)}
|
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.784";
|
package/dist/esm/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{createStore as
|
|
2
|
-
`+
|
|
1
|
+
import{createStore as bt,createScopeStore as bo,isStore as K}from"@symbo.ls/signal";import{createEffect as w}from"@symbo.ls/signal";import{cacheNode as xt,detectTag as Ut}from"./cache.js";import{REGISTRY as V,LIFECYCLE_EVENTS as xo}from"./registry.js";import{registerEvent as Ao,registerGlobalEvent as Co,globalEventKeyInfo as ko}from"./delegate.js";import{applyExtends as So}from"./extends.js";import{addMethods as vo}from"./methods.js";import"./dispose.js";import{isLoudDevRuntime as tt}from"./devRuntime.js";import{mountBudgetExhausted as Bt,openMountBudget as Kt,closeMountBudget as Vt,enqueueMountWork as Gt}from"./mountScheduler.js";import{replaceLiteralsWithObjectFields as At,isPolyglotWritableKey as wo,markPolyglotSeeded as jo}from"@symbo.ls/utils";import{runPluginHook as B}from"@symbo.ls/utils/function.js";import{applyStateMethods as ot}from"@symbo.ls/state";import{CSS_PROPS_REGISTRY as L,DEFAULT_CSS_PROPERTIES_LIST as T,pushStaticCssPass as Ht,popStaticCssPass as Wt}from"css-in-props";import{css as st,wrapHoverRule as zt}from"@symbo.ls/css";import{pushConfig as R,popConfig as $}from"@symbo.ls/scratch";import{checkAttributeByTagName as Ct,applyAttrTransforms as Eo,camelToAttr as kt,serializeAttrValue as z,isEnumeratedTrueFalseAttr as ft}from"attrs-in-props";import{resolveElementIdEngine as Po}from"./engineRegistry.js";import{VERSION as To}from"./version.js";const Yt=Po({uniqId:1,scopedStyleId:0},To),nt=[];let St=!1;function qt(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function Do(){return typeof document<"u"&&document.visibilityState==="hidden"}const Lo=250;function Zt(){if(!St){if(St=!0,typeof requestAnimationFrame!="function"){setTimeout(vt,0);return}Do()?setTimeout(vt,Lo):requestAnimationFrame(vt)}}const Oo=300,Ro=15e4;function vt(){if(St=!1,!nt.length)return;const t=nt.splice(0,nt.length);for(let n=0;n<t.length;n++){const s=t[n];if(s.node){if(!s.node.isConnected){const r=s.__ref||(s.__ref={});r.__mountAttempts=(r.__mountAttempts||0)+1,r.__mountFirstAttemptAt==null&&(r.__mountFirstAttemptAt=qt());const e=qt()-r.__mountFirstAttemptAt;r.__mountAttempts<=Oo&&e<Ro?(nt.push(s),Zt()):console.warn("[DOMQL] onMounted dropped after",r.__mountAttempts,"attempts /",e,"ms \u2014 node never connected:",s.key||s.tag||s);continue}M("Mounted",s,s.__ref?.__mountOptions||{})}}}function wt(t,n){typeof t.onMounted=="function"&&(t.__ref.__mountOptions=n,nt.push(t),Zt())}function Qt(t,n){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&B("contentUpdate",t,n);const s=t.context?.designSystem;s&&R(s);try{t.onContentUpdate(t,t.state,t.context,n)}catch(r){if(t.context?.plugins?.length&&B("error",t,{hook:"onContentUpdate",error:r})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',r),t.context?.strictMode)throw r}finally{s&&$()}}function Y(t){return t.length>2&&t.charCodeAt(0)===111&&t.charCodeAt(1)===110&&t.charCodeAt(2)>=65&&t.charCodeAt(2)<=90}function $o(t){return t.charAt(2).toLowerCase()+t.slice(3)}function Mo(t){return t.toLowerCase()}function jt(t){const n=t.charCodeAt(0);return n===58||n===64||n===38||n===91}function et(t,n){const s={...t};for(const r in n){const e=s[r],o=n[r];e&&o&&typeof e=="object"&&typeof o=="object"&&!Array.isArray(e)&&!Array.isArray(o)&&typeof e!="function"&&typeof o!="function"?s[r]=et(e,o):s[r]=o}return s}function H(t,n,s,r={},e){if(t==null||t===!1)return null;(typeof t=="string"||typeof t=="number")&&(t={text:t});const o=Object.create(null);o.key=s||t.key||`_${Yt.uniqId++}`,o.parent=n||null,o.context=t.context||n?.context||r.context||{},o.context.__create||(o.context.__create=H);const i=o.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:n?.__ref?.root||o,path:n?.__ref?.path?[...n.__ref.path,o.key]:[o.key],origin:t};if(s&&!t.extends&&!t.extend){const _=s.indexOf("_"),p=s.indexOf(".");let h=_>0?_:-1;if(p>0&&(h<0||p<h)&&(h=p),h>0){const b=s.substring(0,h),x=o.context?.components;x&&(x[b]||x["smbls."+b])?t={...t,extends:b}:x&&tt()&&(/^[A-Z]\w*_\d+$/.test(s)||/^[A-Z]\w*\.\w+$/.test(s))&&console.warn(`[smbls] auto-extend: key "${s}" looks like an instance of "${b}" but neither "${b}" nor "smbls.${b}" is registered in context.components \u2014 element will render as a plain <div>. Register the base component or rename the key.`)}}So(o,t,r);const c=new Set(["childProps","attr","style","scope","data"]),a=o.props&&typeof o.props=="object"?o.props:null;for(const _ in t){if(_==="parent"||_==="node"||_==="__ref"||_==="extends"||_==="context"||_==="props")continue;const p=t[_],h=o[_],b=h&&p&&typeof h=="object"&&typeof p=="object"&&!Array.isArray(h)&&!Array.isArray(p)&&typeof h!="function"&&typeof p!="function";b&&_.charCodeAt(0)>=65&&_.charCodeAt(0)<=90?o[_]=et(h,p):b&&c.has(_)?o[_]={...h,...p}:b&&jt(_)?o[_]=et(h,p):o[_]=p}function u(_){for(const p in _){const h=_[p],b=o[p],x=b&&h&&typeof b=="object"&&typeof h=="object"&&!Array.isArray(b)&&!Array.isArray(h)&&typeof b!="function"&&typeof h!="function";x&&p.charCodeAt(0)>=65&&p.charCodeAt(0)<=90?o[p]=et(b,h):x&&c.has(p)?o[p]={...b,...h}:x&&jt(p)?o[p]=et(b,h):o[p]=h}}a&&u(a),t.props&&typeof t.props=="object"&&u(t.props),t.data!==void 0&&(o.data=t.data),t.classlist!==void 0&&(o.classlist=t.classlist),t.text!==void 0&&(o.text=t.text),t.html!==void 0&&(o.html=t.html);const d=o.scope&&typeof o.scope=="object"?o.scope:null,f=n?.scope,l=o.context&&typeof o.context.globalScope=="object"&&o.context.globalScope||null,y=f||l||null;if(t.scope!==void 0||d){const _={};d&&Object.assign(_,d),t.scope!==void 0&&Object.assign(_,t.scope),o.scope=bo(_,y)}else y&&(o.scope=y);if(t.if!==void 0&&(o.if=t.if),vo(o),No(o,n,t),o.if!=null){let _;if(typeof o.if=="function")try{_=o.if(o,o.state,o.context)}catch(p){if(_=!1,i.__ifError=p,typeof console<"u"&&console.warn){const h=o.key||o.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${h} \u2014 treating as false:`,p?.message||p)}}else _=o.if;i.__if=!!_}if(i.__if)typeof o.if=="function"&&(i.__ifInitialized=!0);else return n&&(n[o.key]=o),typeof o.if=="function"&&to(o,i,o.if),o;o.tag||(o.tag=Ut(o)),M("Init",o,r);const g=o.node=xt(o);if(!g)return o;if(o.tag==="fragment"){const p=(o.context?.document||globalThis.document).createComment("");g.appendChild(p),i.__fragmentAnchor=p}M("AttachNode",o,r),g.setAttribute&&o.key&&g.setAttribute("data-key",o.key),n&&(n[o.key]=o,n.__ref?.__children&&(n.__ref.__children.includes(o.key)||n.__ref.__children.push(o.key))),g.setAttribute&&o.context?.scopeSelector&&o.context.scopeSelector!==":root"&&o.context.key&&o.key===o.context.key&&g.setAttribute("data-smbls-app",o.context.key),o.id&&g.setAttribute&&(g.id=o.id),uo(o,r),Jt(o),Pt(o),fo(o),Jo(o);try{lo(o,r)}catch(_){if(typeof console<"u"&&console.error){const p=o.__ref?.path?.join(".")||o.key||"<root>";console.error(`[smbls] createChildren failed at ${p}:`,_?.message||_,_?.stack?`
|
|
2
|
+
`+_.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Pt(o,!0),to(o,e,r),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const d=o.context?.designSystem;d&&D(d);try{const y=o.html(o,o.state,o.context);y!=null&&typeof y!="function"&&(o.node.innerHTML=y)}catch{}finally{d&&O()}}if(B("Create",o,n),B("Complete",o,n),B("Render",o,n),B("RenderRouter",o,n),Ut(o,n),typeof o.onFrame=="function"){const d=o.onFrame,y=o.context?.designSystem,g=()=>{if(o.node){if(o.node.isConnected){y&&D(y);try{d(o,o.state,o.context)}catch(b){console.error("[DOMQL] onFrame error:",b)}finally{y&&O()}}requestAnimationFrame(g)}};requestAnimationFrame(g)}return o}function Do(t,e,s){const n=!e,r=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=n&&r&&t.context?.state,i=s.state!==void 0&&!o?s.state:t.state&&!K(t.state)?t.state:void 0;if(i==null){if(e?.state)t.state=e.state,m(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},l=t.context?.polyglot;if(l?.translations){const u=t.context,f=c.lang||l.defaultLang||"en",p=new Set,h=(y,g)=>{p.has(y)||go(u,y,a)&&(a[y]=g,p.add(y),bo(u,y))},_=l.translations[f];if(_&&typeof _=="object")for(const y in _)h(y,_[y]);const d=new Set(l.languages||[]);for(const y in l.translations)d.has(y)||h(y,l.translations[y])}t.state=K(a)?a:pt(a),t.state.__element=t,t.state.root=t.state,m(t,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),m(t,t.state);return}if(typeof i=="string"){if(t.state=Kt(i,e),t.state&&typeof t.state=="object"&&!K(t.state)){const c=e?.state?.root||e?.state||t.state;Object.defineProperty(t.state,"root",{value:c,enumerable:!1,configurable:!0,writable:!0})}m(t,t.state);return}if(typeof i=="function"){const c=i(t,e?.state);t.state=K(c)?c:pt(c||{})}else K(i)?t.state=i:t.state=pt({...i});t.state.__element=t,e?.state?(t.state.parent=e.state,t.state.root=e.state.root||e.state):t.state.root=t.state,m(t,t.state)}function kt(t,e){if(!e)return t;const s=e.split("/");let n=t;for(const r of s){if(n==null)return{};n=n[r]}return n??{}}function Kt(t,e){if(!e)return{};if(t===".")return e.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?kt(e.state,r):e.state??{}}if(t.startsWith("~/")){const r=e.state?.root||e.state,o=t.slice(2);return o?kt(r,o):r??{}}if(e.state?.[t]!==void 0)return e.state[t];const s=kt(e.state,t);if(s!=null&&Object.keys(s).length>0)return s;const n=e.context?.polyglot;if(n?.translations){const r=e.state?.root?.lang||n.defaultLang||"en",o=n.translations[r];if(o?.[t]!==void 0)return o[t];if(n.translations[t]!==void 0)return n.translations[t]}return{}}const Oo=new Set(["s","state","ctx","context"]);function Lo(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(n=>n.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function $o(t){if(typeof t!="function"||t.length!==2)return!1;const e=Lo(t);if(e.length<2)return!1;const s=e[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!Oo.has(s)}function Mo(t){const e=t.__ref,s=t.tag||"div",n=t.context?.designSystem,r=[],o=Object.keys(t);for(let i=0;i<o.length;i++){const c=o[i];if(typeof t[c]!="function"||V.has(c))continue;const a=c.charCodeAt(0);a>=65&&a<=90||q(c)||E[c]||w&&w.has(c)||_t(s,c)||(rt()&&$o(t[c])&&console.warn(`[smbls] custom prop "${c}"${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('${c}', \u2026) instead of reading el.${c}(\u2026) directly (see RULES.md Rule 8).`),r.push({prop:c,fn:t[c]}))}for(let i=0;i<r.length;i++){const{prop:c,fn:a}=r[i];e.__exec[c]=a,Object.defineProperty(t,c,{get(){n&&D(n);try{return a(t,t.state,t.context)}catch{return}finally{n&&O()}},set(l){delete e.__exec[c],Object.defineProperty(t,c,{value:l,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Ro(t,e){if(!(!Array.isArray(e)||e.length===0))for(let s=0;s<e.length;s++){const n=e[s];try{typeof n=="function"?n(t,t.state,t.context):typeof n=="string"&&t.state?.[n]}catch{}}}function T(t,e,s){return!Array.isArray(e)||e.length===0?s:function(...n){return Ro(t,e),s.apply(this,n)}}function st(t,e){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[e]}function C(t,e){return()=>t.path.join(".")+"::"+e}function Vt(t,e){const s=t.__ref,n=!!(e&&e.skipIfEffect);if(Mo(t),typeof t.text=="function"){const o=t.text,i=T(t,t.textDeps,o),c=S(()=>{if(!s.contentManaged)try{let a=i(t,t.state,t.context);t.node&&a!=null&&typeof a!="function"&&typeof a!="object"&&(typeof a=="string"&&a.includes("{{")&&(a=ht.call(t,a,t.state)),at(t,a))}catch{}},{depth:s.path.length,label:C(s,"text")});s.__effects.push(c),s.__exec.text=o}else if(typeof t.text=="string"&&t.text.includes("{{")){const o=t.text,i=S(()=>{if(s.contentManaged)return;const c=ht.call(t,o,t.state);c!=null&&(t.text=c),t.node&&at(t,c??"")},{depth:s.path.length,label:C(s,"text")});s.__effects.push(i),s.__exec.text=o}for(const o of Object.keys(t))if(typeof t[o]=="function"&&!V.has(o)&&!q(o)&&!s.__exec[o]){if(E[o]){const i=t[o],c=T(t,t[o+"Deps"],i),a=o;let l;const u=S(()=>{const f=t.context?.designSystem;f&&D(f);try{const p=c(t,t.state,t.context),h=E[a](p,t,t.state,t.context),_=a==="show"||a==="hide";if(h&&t.node){const d=Ct(h),y=_&&t.node.style.display!=="none";(d===null||d!==l||y)&&(l=d,Z(t.node,h))}else if(t.node&&_){l=void 0;const d=s.__explicitDisplay;t.node.style.display=typeof d=="string"?d:""}}finally{f&&O()}},{depth:s.path.length,label:C(s,a)});s.__effects.push(u),s.__exec[o]=i}else if(w&&w.has(o)){const i=t[o],c=T(t,t[o+"Deps"],i),a=o;let l;const u=S(()=>{const f=t.context?.designSystem;f&&D(f);try{const p=c(t,t.state,t.context);if(t.node)if(p!=null){const h=a+":"+String(p);h!==l&&(l=h,Z(t.node,{[a]:p}))}else l=void 0,t.node.style[a]=""}finally{f&&O()}},{depth:s.path.length,label:C(s,a)});s.__effects.push(u),s.__exec[o]=i}}if(typeof t.html=="function"){const o=t.html,i=T(t,t.htmlDeps,o),c=S(()=>{const a=t.context?.designSystem;a&&D(a);try{const l=i(t,t.state,t.context);t.node&&l!=null&&typeof l!="function"&&(t.node.innerHTML=l)}finally{a&&O()}},{depth:s.path.length,label:C(s,"html")});s.__effects.push(c),s.__exec.html=o}if(typeof t.value=="function"){const o=t.value,i=T(t,t.valueDeps,o),c=S(()=>{try{const a=i(t,t.state,t.context);if(!t.node||!("value"in t.node))return;const l=a==null?"":String(a);if(t.node.value===l)return;const u=typeof document<"u"&&document.activeElement===t.node,f=u&&typeof t.node.selectionStart=="number"?t.node.selectionStart:null,p=u&&typeof t.node.selectionEnd=="number"?t.node.selectionEnd:null;if(t.node.value=l,u&&f!=null&&p!=null)try{t.node.setSelectionRange(f,p)}catch{}}catch{}},{depth:s.path.length,label:C(s,"value")});s.__effects.push(c),s.__exec.value=o}if(typeof t.style=="function"){const o=t.style,i=T(t,t.styleDeps,o);let c;const a=S(()=>{const l=i(t,t.state,t.context),u=Ct(l);(u===null||u!==c)&&(c=u,Z(t.node,l))},{depth:s.path.length,label:C(s,"style")});s.__effects.push(a),s.__exec.style=o}else if(t.style&&typeof t.style=="object")for(const o in t.style){const i=t.style[o];if(typeof i!="function")continue;const c=T(t,st(t.styleDeps,o),i);let a;const l=S(()=>{try{const u=c(t,t.state,t.context);if(t.node){const f=o+":"+String(u);f!==a&&(a=f,Z(t.node,{[o]:u}))}}catch{}},{depth:s.path.length,label:C(s,"style."+o)});s.__effects.push(l)}if(t.attr&&typeof t.attr=="object"){for(const o in t.attr)if(typeof t.attr[o]=="function"){const i=T(t,st(t.attrDeps,o),t.attr[o]),c=o,a=S(()=>{try{const l=i(t,t.state,t.context);t.node?.setAttribute&&(l==null||l===!1&&!ct(c)?t.node.removeAttribute(c):typeof l!="function"&&typeof l!="object"&&t.node.setAttribute(c,Y(c,l)))}catch{}},{depth:s.path.length,label:C(s,"attr."+c)});s.__effects.push(a)}}if(t.aria&&typeof t.aria=="object")for(const o in t.aria){if(typeof t.aria[o]!="function")continue;const i=T(t,st(t.ariaDeps,o),t.aria[o]),c="aria-"+o.replace(/[A-Z]/g,l=>"-"+l.toLowerCase()),a=S(()=>{try{const l=i(t,t.state,t.context);if(!t.node?.setAttribute)return;l==null?t.node.removeAttribute(c):typeof l!="function"&&typeof l!="object"&&t.node.setAttribute(c,Y(c,l))}catch{}},{depth:s.path.length,label:C(s,"aria."+o)});s.__effects.push(a)}if(t.data&&typeof t.data=="object")for(const o in t.data){if(typeof t.data[o]!="function")continue;const i=T(t,st(t.dataDeps,o),t.data[o]),a="data-"+o.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),l=S(()=>{try{const u=i(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null||u===!1?t.node.removeAttribute(a):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(a,u===!0?"":u)}catch{}},{depth:s.path.length,label:C(s,"data."+o)});s.__effects.push(l)}const r=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(r)for(const o in r){if(typeof r[o]!="function")continue;const i=T(t,st(t.classDeps,o),r[o]),c=S(()=>{try{const a=i(t,t.state,t.context);if(!t.node?.classList)return;typeof a=="string"?t.node.classList.add(a):a?t.node.classList.add(o):t.node.classList.remove(o)}catch{}},{depth:s.path.length,label:C(s,"class."+o)});s.__effects.push(c)}!n&&typeof t.if=="function"&&Gt(t,s,t.if);for(const o of Object.keys(t)){if(V.has(o)||typeof t[o]!="function")continue;const i=o.charCodeAt(0);if(i>=65&&i<=90||q(o))continue;const c=t[o];s.__exec[o]=c;const a=t.tag||"div";if(_t(a,o)&&!E[o]&&!(w&&w.has(o))){const l=gt(o)||o,u=T(t,t[o+"Deps"],c),f=S(()=>{try{const p=u(t,t.state,t.context);t.node?.setAttribute&&(p==null||p===!1&&!ct(l)?t.node.removeAttribute(l):typeof p!="function"&&typeof p!="object"&&(l==="src"&&"src"in t.node?t.node.src=p:t.node.setAttribute(l,Y(l,p))))}catch{}},{depth:s.path.length,label:C(s,o)});s.__effects.push(f)}}if(Io(t),Ko(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const l=S(()=>{const u=[];for(let _=0;_<i.length;_++){const d=i[_];try{u[_]=typeof d=="function"?d(t,t.state,t.context):t.state?.[d]}catch{u[_]=void 0}}if(!c){c=!0,a=u;return}let f=u.length!==a.length;for(let _=0;!f&&_<u.length;_++)u[_]!==a[_]&&(f=!0);const p=a;if(a=u,!f)return;const h=t.context?.designSystem;h&&D(h);try{o(t,t.state,t.context,{prev:p,next:u})}catch(_){if(t.context?.plugins?.length&&U("error",t,{hook:"onStateUpdate",error:_})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',_),t.context?.strictMode)throw _}finally{h&&O()}},{depth:s.path.length,label:C(s,"onStateUpdate")});s.__effects.push(l)}Bo(t)}function Ht(t){const e=t.parent,s=e?.node;if(!s||!t.node){to(t,t.parent);return}let n=null;const r=Object.keys(e),o=r.indexOf(t.key);for(let i=o+1;i<r.length;i++){const c=e[r[i]];if(c?.node?.parentNode===s){n=c.node;break}}n?s.insertBefore(t.node,n):s.appendChild(t.node)}function Gt(t,e,s){const n=T(t,t.ifDeps,s),r=S(()=>{let o;try{o=n(t,t.state,t.context)}catch(c){if(o=!1,e.__ifError=c,typeof console<"u"&&console.warn){const a=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${a} \u2014 treating as false:`,c?.message||c)}return}const i=e.__if;if(e.__if=!!o,i&&!e.__if&&t.node)t.node.remove();else if(!i&&e.__if)if(e.__ifInitialized)t.node||(t.node=yt(t)),t.node&&(t.node.ref=t),Ht(t),St(t);else{if(e.__ifInitialized=!0,t.tag||(t.tag=Mt(t)),B("Init",t,{}),t.node||(t.node=yt(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"&&!e.__fragmentAnchor){const a=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(a),e.__fragmentAnchor=a}B("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),Jt(t,{}),Vt(t,{skipIfEffect:!0}),St(t),Qt(t),mt(t,{}),Ht(t),Ut(t,{})}},{depth:e.path.length,label:C(e,"if")});e.__effects.push(r)}function at(t,e){const s=t.node;if(!s)return;const n=e==null||typeof e=="object"?"":String(e);if(t.tag==="string"){s.nodeValue!==n&&(s.nodeValue=n);return}const r=t.__ref;let o=r?r.__textNode:null;if(o&&o.parentNode!==s&&(o=null),!o){const i=s.firstChild;i&&i.nodeType===3&&(o=i)}o?o.nodeValue!==n&&(o.nodeValue=n):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(n),s.insertBefore(o,s.firstChild)):(s.textContent=n,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),r&&(r.__textNode=o||null)}function St(t){const{node:e}=t;if(e){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&at(t,t.text),Ho(t),typeof t.html=="string"&&(e.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&"value"in e){const s=String(t.value);e.value!==s&&(e.value=s)}if(t.style&&typeof t.style=="object"&&Z(e,t.style),t.attr&&typeof t.attr=="object")for(const s in t.attr){const n=t.attr[s];typeof n=="function"||typeof n=="object"||n!=null&&(n===!1&&!ct(s)||e.setAttribute&&e.setAttribute(s,Y(s,n)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const n=t.data[s];typeof n=="function"||typeof n=="object"||n==null||n===!1||e.dataset&&(e.dataset[s]=n===!0?"":n)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(n=>n&&e.classList.add(n));else if(typeof s=="object")for(const n in s){const r=typeof s[n]=="function"?s[n](t,t.state,t.context):s[n];r&&e.classList.add(typeof r=="string"?r:n)}}}}function Ct(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Z(t,e){if(!t||!e||!t.style)return;let s=null;for(const n in e){const r=e[n];if(r!=null){if(n.charAt(0)==="&"&&typeof r=="object"){s||(s={}),s[n]=r;continue}try{const o=String(r),i=n.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),l=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,l,a?"important":"")}catch{}}}s&&No(t,s)}function No(t,e){const s=`_ds${Nt.scopedStyleId++}`;t.classList.add(s);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 o="";for(const i in e){const c="."+s,a=i.replace(/&/g,c).split(",").map(u=>{const f=u.trim();return f.includes(c)?f:c+f}).join(", "),l=e[i];if(typeof l=="object"){let u="",f="";for(const p in l){const h=l[p];if(typeof h=="object"){const _=p.includes("&")?a.split(", ").map(y=>p.replace(/&/g,y)).join(", "):a.split(", ").map(y=>`${y} ${p}`).join(", ");let d="";for(const y in h)d+=`${y.replace(/[A-Z]/g,g=>"-"+g.toLowerCase())}: ${h[y]};`;f+=Rt(`${_} { ${d} }`,_)+`
|
|
5
|
-
`}else
|
|
6
|
-
`),f&&(o+=f)}}o&&(r.textContent+=o)}const Wt=new Set;function zt(t){if(!Array.isArray(t))return"";const e=[];for(let s=0;s<t.length;s++)typeof t[s]=="string"&&t[s].length&&e.push(t[s]);return e.sort(),e.join("|")}function Fo(t,e,s){const n=zt(s);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=e(t,t.state,t.context)}catch{return}if(zt(r)===n)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";Wt.has(o)||(Wt.add(o),console.warn(`[smbls] subscribeTo function at "${o}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${s.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 Io(t){const e=t.subscribeTo,s=typeof e=="function";let n=e;if(s)try{n=e(t,t.state,t.context)}catch{n=null}if(s&&rt()&&Fo(t,e,Array.isArray(n)?n:[]),!Array.isArray(n)||n.length===0)return;const r=t.__ref;for(let o=0;o<n.length;o++){const i=n[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],l=c.slice(1),u={value:!1},f=S(()=>{const p=t.state&&(K(t.state)?t.state.root:null);if(!p||!K(p))return;let h=p;h=h[a];for(let d=0;d<l.length&&!(h==null||typeof h!="object");d++)if(K(h))h=h[l[d]];else break;if(!u.value)return;let _=!1;if(typeof t.onBeforeUpdate=="function"){const d=t.context?.designSystem;d&&D(d);try{if(Yo(r)){const y=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});y&&typeof y.then=="function"?y.then(()=>ft(r,!1),g=>{ft(r,!0),t.context?.plugins?.length&&U("error",t,{hook:"onBeforeUpdate",error:g})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",g)}):(ft(r,!1),y===!1&&(_=!0))}}catch(y){ft(r,!0),t.context?.plugins?.length&&U("error",t,{hook:"onBeforeUpdate",error:y})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",y)}finally{d&&O()}}if(!_&&t.node&&r.__effects)for(let d=0;d<r.__effects.length;d++){const y=r.__effects[d];y&&y!==f&&!y._disposed&&!y._isSubscribeToEffect&&typeof y._execute=="function"&&y._execute()}if(!_&&typeof t.onUpdate=="function"){const d=t.context?.designSystem;d&&D(d);try{t.onUpdate(t,t.state,t.context)}catch(y){t.context?.plugins?.length&&U("error",t,{hook:"onUpdate",error:y})||console.error("[DOMQL] subscribeTo onUpdate error:",y)}finally{d&&O()}}},{depth:r.path.length,label:C(r,"subscribeTo("+i+")")});u.value=!0,f._isSubscribeToEffect=!0,r.__effects.push(f)}}function vt(t,e){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&(t==="@dark"||t==="@light"||!e.context?.designSystem?.media?.[t.slice(1)])}const Yt=new Set;function Uo(t,e){const s=e?.__ref?.path?e.__ref.path.join("."):e?.key||"?",n=s+"::"+t;Yt.has(n)||(Yt.add(n),console.warn(`[smbls/css] "${t}" at ${s} 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 Q(t,e,s){const n={},r=new Set,o=(i,c,a)=>{const l=a?new Set(Object.keys(n)):null;if(E[i]){const u=E[i](c,e,e.state,e.context);if(u){const f=Array.isArray(u)?u:[u];for(const p of f)p&&Object.assign(n,p)}}else n[i]=c;if(a)for(const u in n)l.has(u)||r.add(u)};for(const i in t){if(!Object.prototype.hasOwnProperty.call(t,i))continue;let c=t[i];if(typeof c=="function"&&(c=c(e,e.state,e.context)),c==null||typeof c=="function")continue;if(typeof c=="object"&&!Array.isArray(c)){if(i==="style"){for(const f in c){let p=c[f];if(typeof p=="function"&&(p=p(e,e.state,e.context)),p==null||typeof p=="function")continue;const h=typeof e[f]=="function"&&(E[f]||w&&w.has(f));o(f,p,h)}continue}if(vt(i,e)){const f=Q(c,e,!1);Object.keys(f).length&&(n[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){rt()&&Uo(i,e);continue}let l=i;if(i.charCodeAt(0)===64&&!i.startsWith("@media")&&!i.startsWith("@keyframes")){const f=e.context?.designSystem?.media?.[i.slice(1)];f&&(l=`@media ${f}`)}const u=Q(c,e,!1);Object.keys(u).length&&(n[l]=u);continue}const a=typeof e[i]=="function"&&(E[i]||w&&w.has(i));o(i,c,a)}if(s)for(const i in n)r.add(i);for(const i of r){const c=n[i];typeof c=="string"&&!c.includes("!important")&&(n[i]=c+" !important")}return n}function wt(t,e){if(e===void 0&&(e=0),e>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&wt(t[s],e+1))return!0}return!1}function qt(t,e,s){if(!e||typeof e!="object"||Array.isArray(e))return null;if(vt(t,s)){const o=Q(e,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}let n=t;if(t.charAt(0)==="@"&&!t.startsWith("@media")&&!t.startsWith("@keyframes")){const o=s.context?.designSystem?.media?.[t.slice(1)];o&&(n=`@media ${o}`)}const r=Q(e,s,!1);return Object.keys(r).length?{cssProp:n,block:r}:null}function Bo(t){const e=t.__ref;for(const s of Object.keys(t)){if(!At(s))continue;const n=t[s];if(!n||typeof n!="object"||Array.isArray(n)||!wt(n))continue;let r=null,o;const i=S(()=>{if(!t.node)return;const c=t.context?.designSystem;c&&D(c);let a,l=!1;try{const u=qt(s,n,t),f=u?Ct(u.block)+"::"+u.cssProp:null;if(f!==null&&f===o)l=!0;else if(o=f,u){const p=it({[u.cssProp]:u.block},null,t.context?.cssPrefix);a=p?p.split(" ").filter(Boolean):null}else a=null}finally{c&&O()}if(!(l||!t.node.classList)){if(r)for(const u of r)t.node.classList.remove(u);if(a&&a.length)for(const u of a)t.node.classList.add(u);r=a}},{depth:e.path.length,label:C(e,"cssBlock("+s+")")});e.__effects.push(i)}}function Ko(t){const e=t.__ref;e.__conditionalRunners=[];const s=new Map;for(const n of Object.keys(t)){const r=n.charAt(0);if(r!=="."&&r!=="!")continue;const o=n.slice(1);if(!o)continue;if(/[:@\s>~+[\]]/.test(o)){if(typeof console<"u"&&console.warn){const f=o.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}${f}: { '${o.slice(f.length)}': {...} }\`.`)}continue}const i=t[n];if(!i||typeof i!="object")continue;const c=r==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},l=()=>{let f;const p=t[o];if(p===void 0){const d=!!t.state&&o in t.state,y=t.state?t.state[o]:void 0;if(d||y!==void 0)f=y;else{const g=t.context?.cases?.[o];if(g===void 0)return;try{f=typeof g=="function"?g.call(t,t):g}catch(b){f=!1,e.__conditionalError=b,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,b?.message||b)}}}else if(typeof p=="function")try{f=p(t,t.state,t.context)}catch(d){f=!1,e.__conditionalError=d,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${n}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,d?.message||d)}else f=p;const h=c?!f:!!f;if(!t.node||h===a.lastMatch)return;a.lastMatch=h;const _=t.context?.designSystem;_&&D(_);try{if(h){const d={},y={};let g=!1;for(const x in i){if(!Object.prototype.hasOwnProperty.call(i,x))continue;const v=i[x],L=x.charAt(0);if((L===":"||L==="@"||L==="&")&&v&&typeof v=="object"&&!Array.isArray(v)){if(vt(x,t)){const R=Q(v,t,!1);Object.keys(R).length&&(y[`[data-theme="${x.slice(1)}"] &`]=R,g=!0)}else{let R=x;if(L==="@"&&!x.startsWith("@media")&&!x.startsWith("@keyframes")){const j=t.context?.designSystem?.media?.[x.slice(1)];j&&(R=`@media ${j}`)}const W=Q(v,t,!1);Object.keys(W).length&&(y[R]=W,g=!0)}continue}const H=typeof v=="function"?v(t,t.state,t.context):v;if(H!=null)if(E[x]){const R=E[x](H,t,t.state,t.context);if(R){const W=Array.isArray(R)?R:[R];for(const j of W)j&&Object.assign(d,j)}}else w&&w.has(x)&&(d[x]=H)}const b=Object.keys(d);if(b.length){Z(t.node,d);for(const x of b)s.set(x,n);a.appliedKeys=b}else a.appliedKeys=null;if(g){const x=it(y,null,t.context?.cssPrefix),v=x?x.split(" ").filter(Boolean):[];if(v.length&&t.node.classList){for(const L of v)t.node.classList.add(L);a.appliedClasses=v}else a.appliedClasses=null}else if(a.appliedClasses){for(const x of a.appliedClasses)t.node.classList.remove(x);a.appliedClasses=null}}else{if(a.appliedKeys){for(const d of a.appliedKeys)s.get(d)===n&&(t.node.style[d]="",s.delete(d));a.appliedKeys=null}if(a.appliedClasses){for(const d of a.appliedClasses)t.node.classList.remove(d);a.appliedClasses=null}}}finally{_&&O()}};e.__conditionalRunners.push(l);const u=S(l,{depth:e.path.length,label:C(e,"conditional("+n+")")});e.__effects.push(u)}}const jt=new WeakSet;function Vo(t){const e=t.ownerDocument;!e||jt.has(e)||(jt.add(e),queueMicrotask(()=>{jt.delete(e);const s=e.body||e.documentElement;s&&s.offsetWidth}))}const Et=new WeakSet;let Zt=!1;function Ho(t){const{node:e}=t;if(!e)return;if(Zt||(Zt=!0,it({display:"none"})),Et.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}Et.add(t);const s=t.context?.designSystem;s&&D(s),xo();try{const n={};let r=!1;if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&E.theme){const o=E.theme(t.theme,t,t.state,t.context);if(o){if(Array.isArray(o))for(const i of o)i&&Object.assign(n,i);else Object.assign(n,o);r=!0}}for(const o of Object.keys(t)){if(typeof t[o]=="function"||V.has(o)||o==="theme")continue;const i=o.charCodeAt(0);if(!(i>=65&&i<=90)&&!q(o)){if(E[o]){const c=t[o],a=E[o](c,t,t.state,t.context);if(a){if(Array.isArray(a))for(const l of a)l&&Object.assign(n,l);else Object.assign(n,a);r=!0}}else if(w&&w.has(o)){const c=t[o];c!=null&&typeof c!="object"&&(n[o]=c,r=!0)}else if(o.charCodeAt(0)===45){const c=t[o];c!=null&&typeof c!="object"&&(n[o]=c,r=!0)}else if(o.charAt(0)==="&"||o.charAt(0)==="@"||o.charAt(0)===":"){const c=t[o];if(c&&typeof c=="object"&&!Array.isArray(c)){if(wt(c))continue;const a=qt(o,c,t);a&&(n[a.cssProp]=a.block,r=!0)}}}}if(r){n.display&&String(n.display).includes("!important")&&(e.style.setProperty("display",String(n.display).replace(/\s*!important\s*$/,""),"important"),delete n.display);const o=it(n,null,t.context?.cssPrefix);if(o&&e.classList){const c=o.split(" ").filter(Boolean);let a=!1;for(const l of c)e.classList.add(l),a||(l.charCodeAt(0)===95&&l.charCodeAt(1)===99||l.charCodeAt(0)===95&&l.indexOf("_c",1)!==-1)&&(a=!0);a&&Vo(e)}const i=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(i!=null){const c=n.display;if(c&&c!==i)if(i==="none"){const a=[];for(const l of e.classList)l.startsWith("_d-")&&l!=="_d-none"&&a.push(l);for(const l of a)e.classList.remove(l);e.classList.add("_d-none")}else e.style.display==="none"&&(typeof t.hide=="function"||typeof t.show=="function")||(e.style.display=t.display),t.__ref&&(t.__ref.__explicitDisplay=t.display)}}}finally{Ao(),s&&O(),Et.delete(t)}}function Qt(t){const{node:e}=t;if(!e||!e.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const r in t.aria){const o=t.aria[r];if(typeof o=="function"||typeof o=="object"||o==null)continue;const i="aria-"+r.replace(/[A-Z]/g,c=>"-"+c.toLowerCase());e.setAttribute(i,Y(i,o))}const s=ko(t);for(const r in s){const o=s[r];o!=null&&o!==!1&&typeof o!="function"&&typeof o!="object"&&e.setAttribute(r,o===!0?"":o)}const n=t.tag||"div";for(const r of Object.keys(t)){if(typeof t[r]=="function"||V.has(r)||r==="on"||s[r]!==void 0)continue;const o=r.charCodeAt(0);if(!(o>=65&&o<=90)&&!q(r)&&!(E[r]||w&&w.has(r))&&_t(n,r)){let i=t[r];if(i==null||(typeof i=="string"&&i.includes("{{")&&(i=ht(i,t,t.state,t.context),t[r]=i),i==null||typeof i=="function"||typeof i=="object")||i===!1&&!ct(gt(r)||r))continue;const c=gt(r)||r;e.setAttribute(c,Y(c,i))}}}function Go(t,e){const s=t.node,n=t.__ref;let r=n.__autoGrow;if(!e){if(r&&r.active){try{s.removeEventListener("input",r.resize)}catch{}s.style.height="",r.appliedMax!=null&&s.style.maxHeight===r.appliedMax&&(s.style.maxHeight=""),r.active=!1,r.appliedMax=null,r.lastMeasure=0}return}r||(r=n.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,resize:()=>{if(s.scrollHeight===0&&r.lastMeasure>0)return;s.style.height="auto";const i=s.scrollHeight;s.style.height=i+"px",i>0&&(r.lastMeasure=i)}},n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{try{s.removeEventListener("input",r.resize)}catch{}})),r.active||(s.addEventListener("input",r.resize),r.active=!0);const o=typeof e=="object"&&e.max!=null?String(e.max):null;o!==r.appliedMax&&(o==null?r.appliedMax!=null&&s.style.maxHeight===r.appliedMax&&(s.style.maxHeight=""):s.style.maxHeight=o,r.appliedMax=o),r.resize()}function Wo(t){if(!t.autoGrow)return;const e=t.node;if(!e||e.tagName!=="TEXTAREA")return;const s=t.__ref,n=t.autoGrow,r=typeof n=="function"?T(t,t.autoGrowDeps,n):null,o=S(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===n&&r?r:i)(t,t.state,t.context)}catch{c=null}Go(t,c)},{depth:s.path.length,label:C(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),r&&(s.__exec.autoGrow=n)}const Xt=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Jt(t,e){for(const s of Object.keys(t)){if(!q(s)||Xt.has(s))continue;const n=fo(s);if(n){ao(n,t,t[s]);continue}let r=t[s];if(typeof r=="string"&&/^[A-Za-z_$][\w$]*$/.test(r)){const i=r;r=function(a){return t.call(i,a)}}if(typeof r!="function")continue;const o=To(s);io.has(o)||co(Po(o),t,r)}zo(t)}function zo(t){const e=t.node;if(!e||!e.addEventListener)return;const s={};let n=!1;for(const p of Xt){const h=t[p];typeof h=="function"&&(s[p]=h,n=!0)}if(!n)return;const r=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,o=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let i=0,c=0,a=0,l=!1;const u=p=>{const h=p.touches&&p.touches[0]||p.changedTouches&&p.changedTouches[0];h&&(i=h.clientX,c=h.clientY,a=Date.now(),l=!0)},f=p=>{if(!l)return;l=!1;const h=p.changedTouches&&p.changedTouches[0]||p.touches&&p.touches[0];if(!h)return;const _=h.clientX-i,d=h.clientY-c,y=Date.now()-a;if(y>o)return;const g=Math.abs(_),b=Math.abs(d);if(Math.max(g,b)<r)return;let x;if(g>b*1.2)x=_<0?"left":"right";else if(b>g*1.2)x=d<0?"up":"down";else return;const v="onSwipe"+x.charAt(0).toUpperCase()+x.slice(1),L=s[v],H=s.onSwipe;L&&L.call(t,p,t,t.state,t.context),H&&H.call(t,{direction:x,dx:_,dy:d,dt:y,event:p},t,t.state,t.context)};e.addEventListener("touchstart",u,{passive:!0}),e.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{e.removeEventListener("touchstart",u)}catch{}try{e.removeEventListener("touchend",f)}catch{}})}function et(t,e){const s={...t};for(const n in e){const r=s[n],o=e[n];r&&o&&typeof r=="object"&&typeof o=="object"&&!Array.isArray(r)&&!Array.isArray(o)&&typeof r!="function"&&typeof o!="function"?s[n]=et(r,o):s[n]=o}return s}function Tt(t,e,s){if(!e||!t.node)return;const n=t.childExtends;if(Array.isArray(e)){const r=t.tag==="fragment",o=t.context?.document||globalThis.document,i=r?null:o?.createDocumentFragment();if(!r&&!i)return;const c=t.childProps,a=t.childrenAs;for(let l=0;l<e.length;l++){let u=e[l];const f=u;(typeof u=="string"||typeof u=="number")&&(u={text:u});let p=c;if(typeof c=="function")try{p=c(t,u)}catch{p=null}if(a==="state"){let d=f;(typeof f=="string"||typeof f=="number")&&(d={value:f,text:f}),u=p?{...p,state:d}:{state:d}}else p&&(u=et(p,u));if(n&&!u.ignoreChildExtends)if(u.extends){const d=Array.isArray(u.extends)?u.extends:[u.extends],y=Array.isArray(n)?n:[n];u={...u,extends:[...y,...d]}}else u={...u,extends:n};const h=u?.key||f&&typeof f=="object"&&f.key||`${l}`;let _;try{_=G(u,t,h,s)}catch(d){if(typeof console<"u"&&console.error){const y=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${h}" failed to construct at ${y} (initial render, skipping this row):`,d?.message||d)}continue}!r&&_?.node&&i.appendChild(_.node)}return r||t.node.appendChild(i),!0}if(typeof e=="string"){const r=Kt(e,t);if(Array.isArray(r))return Tt(t,r,s)}if(typeof e=="object")for(const r in e){if(V.has(r))continue;let o=e[r];if(!(o==null||o===!1)){if((typeof o=="string"||typeof o=="number")&&(o={text:o}),t.childProps&&(o=et(t.childProps,o)),n&&!o.ignoreChildExtends)if(o.extends){const i=Array.isArray(o.extends)?o.extends:[o.extends],c=Array.isArray(n)?n:[n];o={...o,extends:[...c,...i]}}else o={...o,extends:n};G(o,t,r,s)}}}function Pt(t,e){const s=t.node;if(!s||s.tagName!=="SELECT")return;const n=s.options;if(!n||!n.length)return;const r=t.__ref,o=r&&r.__exec&&r.__exec.value,i=typeof o=="function",c=t.value!=null&&typeof t.value!="function";if(i||c){let u;if(i)try{u=o(t,t.state,t.context)}catch{return}else u=t.value;const f=u==null?"":String(u);s.value!==f&&(s.value=f);return}const a=e||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!a)return;let l=-1;for(let u=0;u<n.length;u++)n[u].defaultSelected&&(l=u);l>=0&&s.selectedIndex!==l&&(s.selectedIndex=l)}function mt(t,e){let{children:s,content:n}=t;const r=t.childExtends;if(typeof s=="function"){const f=s;try{s=f(t,t.state,t.context)}catch(y){if(s=void 0,typeof console<"u"&&console.error){const g=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${g} (initial run, treating as empty):`,y?.message||y)}}t.children=s;const p=t.__ref;let h=!1;const _=T(t,t.childrenDeps,f),d=S(()=>{const y=h;h=!0;let g;try{g=_(t,t.state,t.context)}catch(j){if(typeof console<"u"&&console.error){const N=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${N}${y?"":" (initial tracking run)"}:`,j?.message||j)}return}if(!y||g===t.children)return;t.children=g;const b=typeof t.onContentUpdate=="function",x=b?[]:null,v=b?[]:null,L=b?[]:null;if(Array.isArray(g)&&t.childrenAs==="state"){const j=t.childProps,N=[],Ot=new Map;for(let A=0;A<g.length;A++){const $=g[A];let k=j;if(typeof j=="function")try{k=j(t,$)}catch{k=null}const I=k&&k.key||$&&$.key||`${A}`;N.push(I),Ot.set(I,{rawChild:$,childProps:k})}const oo=new Set(N),so=p.__children.slice();for(const A of so)if(!oo.has(A)){const $=t[A];$?.remove&&$.remove(),delete t[A],v&&v.push(A)}const X=t.childExtends,nt=t.tag==="fragment",eo=t.context?.document||globalThis.document,J=nt?null:eo?.createDocumentFragment(),ut=new Set;for(const A of N){const $=Ot.get(A),k=$.rawChild,I=t[A];if(I&&I.state){if(k&&typeof k=="object"){const P=I.state,z=P.$replace||P.replace,$t=P.$update||P.update;try{if(typeof z=="function")z.call(P,k);else if(typeof $t=="function"){for(const M in P)if(!(M==="__element"||M==="root"||M==="parent"||M==="update")&&!Object.prototype.hasOwnProperty.call(k,M))try{P[M]=void 0}catch{}$t.call(P,k)}else for(const M in k)P[M]=k[M]}catch(M){if(typeof console<"u"&&console.error){const no=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${A}" failed to patch at ${no} (reconcile, keeping its previous data for this pass):`,M?.message||M)}}}L&&L.push(A);continue}let dt=k;(typeof k=="string"||typeof k=="number")&&(dt={value:k,text:k});const Lt=$.childProps;let F=Lt?{...Lt,state:dt}:{state:dt};if(X&&!F.ignoreChildExtends)if(F.extends){const P=Array.isArray(F.extends)?F.extends:[F.extends],z=Array.isArray(X)?X:[X];F={...F,extends:[...z,...P]}}else F={...F,extends:X};let lt;try{lt=G(F,t,A,e)}catch(P){if(typeof console<"u"&&console.error){const z=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${A}" failed to construct at ${z} (reconcile, skipping this row):`,P?.message||P)}ut.add(A);continue}!nt&<?.node&&J&&J.appendChild(lt.node),x&&x.push(A)}if(!nt&&J&&J.childNodes.length&&t.node&&t.node.appendChild(J),!nt&&t.node){let A=null;for(const $ of N){const k=t[$]?.node;if(!k)continue;const I=A?A.nextSibling:t.node.firstChild;k!==I&&t.node.insertBefore(k,I),A=k}}p.__children=ut.size?N.filter(A=>!ut.has(A)):N,b&&(x.length||v.length)&&Bt(t,{added:x,removed:v,kept:L}),Pt(t,!1);return}const W=b?[...p.__children]:null;for(const j of[...p.__children]){const N=t[j];N?.remove&&N.remove(),delete t[j]}p.__children=[],Tt(t,g,e),Pt(t,!1),b&&Bt(t,{added:[...p.__children],removed:W,kept:[]})},{depth:p.path.length,label:C(p,"children")});p.__effects.push(d)}const o=Tt(t,s,e);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=et(t.childProps,f)),r&&!f.ignoreChildExtends)if(f.extends){const p=Array.isArray(f.extends)?f.extends:[f.extends],h=Array.isArray(r)?r:[r];f={...f,extends:[...h,...p]}}else f={...f,extends:r};G(f,t,"content",e)}if(s&&!o)return;const i=t.context?.components||{};{const f=Object.keys(t);for(let p=0;p<f.length;p++){const h=f[p];if(!h.endsWith("Extends")||typeof t[h]!="string")continue;const _=h.slice(0,-7);if(!_||_.charCodeAt(0)<65||_.charCodeAt(0)>90)continue;const d={extends:t[h]};delete t[h];for(let y=p+1;y<f.length;y++){const g=f[y],b=g.charCodeAt(0);if(b>=65&&b<=90||V.has(g)||typeof t[g]=="function"&&(g.startsWith("on")||g.startsWith(".")))break;const x=t[g];x!==void 0&&(d[g]=x,delete t[g])}t[_]&&typeof t[_]=="object"?t[_]={...d,...t[_]}:t[_]=d}}const c=e?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),l=f=>{if(V.has(f)||typeof t[f]!="object"||t[f]===null)return;const p=f.charCodeAt(0);if(p<65||p>90)return;let h=t[f];if(!h.__ref){if(!h.extends&&!h.extend){const _=i[f]||i[`smbls.${f}`];_&&(h={...h,extends:_})}if(t.childProps&&(h=et(t.childProps,h)),r&&!h.ignoreChildExtends)if(h.extends){const _=Array.isArray(h.extends)?h.extends:[h.extends],d=Array.isArray(r)?r:[r];h={...h,extends:[...d,..._]}}else h={...h,extends:r};G(h,t,f,e)}};if(!c){for(const f of a)l(f);return}yo();const u=f=>{for(let p=f;p<a.length;p++)if(l(a[p]),p+1<a.length&&po()){const h=p+1;_o(()=>u(h));return}};u(0),ho()}function to(t,e,s){const{node:n}=t;if(!n)return;n.ref=t;const r=e?.tag==="fragment"?e.__ref?.__fragmentAnchor:null;if(r){const i=r.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(n,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(n,c||r)}else i.insertBefore(n,r);return}}const o=e?.node||(e?.nodeType?e:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(n,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(n,i):o.appendChild(n)}else o.appendChild(n)}const Dt=3;function Yo(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=Dt?!1:(t.__inBeforeUpdate=!0,!0)}function ft(t,e){t&&(t.__inBeforeUpdate=!1,e?(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 B(t,e,s){const n=t.charAt(0).toLowerCase()+t.slice(1);e.context?.plugins?.length&&U(n,e,s);const r="on"+t,o=e[r];if(typeof o=="function"){const a=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(a){if(e.__ref[a])return!0;e.__ref[a]=!0}const l=e.context?.designSystem;l&&D(l);let u=!!a;try{const f=o(e,e.state,e.context,s);if(f&&typeof f.then=="function"){const p=e.__ref;return f.catch(h=>{e.context?.plugins?.length&&U("error",e,{hook:r,error:h})||console.error(`[DOMQL] Lifecycle "${r}" error:`,h)}).finally(()=>{a&&p&&(p[a]=!1)}),u=!1,!0}if(f===!1)return!1}catch(f){if(e.context?.plugins?.length&&U("error",e,{hook:r,error:f})||console.error(`[DOMQL] Lifecycle "${r}" error:`,f),e.context?.strictMode)throw f}finally{l&&O(),u&&e.__ref&&(e.__ref[a]=!1)}}return!0}var gs=G;export{Dt as BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES,Yo as acquireBeforeUpdateGuard,G as create,gs as default,xt as flushMounts,ft as releaseBeforeUpdateGuard,at as writeElementText};
|
|
4
|
+
`):"")}}if(pt(o,!0),po(o,n,e),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const _=o.context?.designSystem;_&&R(_);try{const p=o.html(o,o.state,o.context);p!=null&&typeof p!="function"&&(o.node.innerHTML=p)}catch{}finally{_&&$()}}if(M("Create",o,r),M("Complete",o,r),M("Render",o,r),M("RenderRouter",o,r),wt(o,r),typeof o.onFrame=="function"){const _=o.onFrame,p=o.context?.designSystem,h=()=>{if(o.node){if(o.node.isConnected){p&&R(p);try{_(o,o.state,o.context)}catch(b){console.error("[DOMQL] onFrame error:",b)}finally{p&&$()}}requestAnimationFrame(h)}};requestAnimationFrame(h)}return o}function No(t,n,s){const r=!n,e=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=r&&e&&t.context?.state,i=s.state!==void 0&&!o?s.state:t.state&&!K(t.state)?t.state:void 0;if(i==null){if(n?.state)t.state=n.state,ot(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},u=t.context?.polyglot;if(u?.translations){const d=t.context,f=c.lang||u.defaultLang||"en",l=new Set,y=(p,h)=>{l.has(p)||wo(d,p,a)&&(a[p]=h,l.add(p),jo(d,p))},g=u.translations[f];if(g&&typeof g=="object")for(const p in g)y(p,g[p]);const _=new Set(u.languages||[]);for(const p in u.translations)_.has(p)||y(p,u.translations[p])}t.state=K(a)?a:bt(a),t.state.__element=t,t.state.root=t.state,ot(t,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),ot(t,t.state);return}if(typeof i=="string"){if(t.state=Xt(i,n),t.state&&typeof t.state=="object"&&!K(t.state)){const c=n?.state?.root||n?.state||t.state;Object.defineProperty(t.state,"root",{value:c,enumerable:!1,configurable:!0,writable:!0})}ot(t,t.state);return}if(typeof i=="function"){const c=i(t,n?.state);t.state=K(c)?c:bt(c||{})}else K(i)?t.state=i:t.state=bt({...i});t.state.__element=t,n?.state?(t.state.parent=n.state,t.state.root=n.state.root||n.state):t.state.root=t.state,ot(t,t.state)}function Et(t,n){if(!n)return t;const s=n.split("/");let r=t;for(const e of s){if(r==null)return{};r=r[e]}return r??{}}function Xt(t,n){if(!n)return{};if(t===".")return n.state||{};if(t.startsWith("../")){const e=t.slice(3);return e?Et(n.state,e):n.state??{}}if(t.startsWith("~/")){const e=n.state?.root||n.state,o=t.slice(2);return o?Et(e,o):e??{}}if(n.state?.[t]!==void 0)return n.state[t];const s=Et(n.state,t);if(s!=null&&Object.keys(s).length>0)return s;const r=n.context?.polyglot;if(r?.translations){const e=n.state?.root?.lang||r.defaultLang||"en",o=r.translations[e];if(o?.[t]!==void 0)return o[t];if(r.translations[t]!==void 0)return r.translations[t]}return{}}const Fo=new Set(["s","state","ctx","context"]);function Io(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(r=>r.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function Uo(t){if(typeof t!="function"||t.length!==2)return!1;const n=Io(t);if(n.length<2)return!1;const s=n[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!Fo.has(s)}function Bo(t){const n=t.__ref,s=t.tag||"div",r=t.context?.designSystem,e=[],o=Object.keys(t);for(let i=0;i<o.length;i++){const c=o[i];if(typeof t[c]!="function"||V.has(c))continue;const a=c.charCodeAt(0);a>=65&&a<=90||Y(c)||L[c]||T&&T.has(c)||Ct(s,c)||(tt()&&Uo(t[c])&&console.warn(`[smbls] custom prop "${c}"${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('${c}', \u2026) instead of reading el.${c}(\u2026) directly (see RULES.md Rule 8).`),e.push({prop:c,fn:t[c]}))}for(let i=0;i<e.length;i++){const{prop:c,fn:a}=e[i];n.__exec[c]=a,Object.defineProperty(t,c,{get(){r&&R(r);try{return a(t,t.state,t.context)}catch{return}finally{r&&$()}},set(u){delete n.__exec[c],Object.defineProperty(t,c,{value:u,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Ko(t,n){if(!(!Array.isArray(n)||n.length===0))for(let s=0;s<n.length;s++){const r=n[s];try{typeof r=="function"?r(t,t.state,t.context):typeof r=="string"&&t.state?.[r]}catch{}}}function D(t,n,s){return!Array.isArray(n)||n.length===0?s:function(...r){return Ko(t,n),s.apply(this,r)}}function rt(t,n){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[n]}function j(t,n){return()=>t.path.join(".")+"::"+n}function Jt(t,n){const s=t.__ref,r=!!(n&&n.skipIfEffect);if(Bo(t),typeof t.text=="function"){const o=t.text,i=D(t,t.textDeps,o),c=w(()=>{if(!s.contentManaged)try{let a=i(t,t.state,t.context);t.node&&a!=null&&typeof a!="function"&&typeof a!="object"&&(typeof a=="string"&&a.includes("{{")&&(a=At.call(t,a,t.state)),at(t,a))}catch{}},{depth:s.path.length,label:j(s,"text")});s.__effects.push(c),s.__exec.text=o}else if(typeof t.text=="string"&&t.text.includes("{{")){const o=t.text,i=w(()=>{if(s.contentManaged)return;const c=At.call(t,o,t.state);c!=null&&(t.text=c),t.node&&at(t,c??"")},{depth:s.path.length,label:j(s,"text")});s.__effects.push(i),s.__exec.text=o}for(const o of Object.keys(t))if(typeof t[o]=="function"&&!V.has(o)&&!Y(o)&&!s.__exec[o]){if(L[o]){const i=t[o],c=D(t,t[o+"Deps"],i),a=o;let u,d=null,f=null,l;const y=w(()=>{const g=t.context?.designSystem;g&&R(g);try{const _=c(t,t.state,t.context);Ht();let p;try{p=L[a](_,t,t.state,t.context)}finally{Wt()}if(Array.isArray(p)){const b={};for(const x of p)if(x)for(const C in x)b[C]=x[C];p=b}const h=a==="show"||a==="hide";if(p&&t.node&&Vo(p)){const b=ut(p);if(b===null||b!==l){l=b;const x=st(p,null,t.context?.cssPrefix),C=x?x.split(" ").filter(Boolean):null;if(t.node.classList){if(f)for(const A of f)t.node.classList.remove(A);if(C&&C.length)for(const A of C)t.node.classList.add(A);f=C}}u=void 0,d=null}else if(p&&t.node){if(f){for(const x of f)t.node.classList.remove(x);f=null,l=void 0}const b=ut(p);(b===null||b!==u||!lt(t.node,d))&&(u=b,q(t.node,p),d=dt(t.node,p))}else if(t.node&&h){u=void 0,d=null;const b=s.__explicitDisplay;t.node.style.display=typeof b=="string"?b:""}}finally{g&&$()}},{depth:s.path.length,label:j(s,a)});s.__effects.push(y),s.__exec[o]=i}else if(T&&T.has(o)){const i=t[o],c=D(t,t[o+"Deps"],i),a=o;let u,d=null;const f=w(()=>{const l=t.context?.designSystem;l&&R(l);try{const y=c(t,t.state,t.context);if(t.node)if(y!=null){const g=a+":"+String(y);if(g!==u||!lt(t.node,d)){u=g;const _={[a]:y};q(t.node,_),d=dt(t.node,_)}}else u=void 0,d=null,t.node.style[a]=""}finally{l&&$()}},{depth:s.path.length,label:j(s,a)});s.__effects.push(f),s.__exec[o]=i}}if(typeof t.html=="function"){const o=t.html,i=D(t,t.htmlDeps,o),c=w(()=>{const a=t.context?.designSystem;a&&R(a);try{const u=i(t,t.state,t.context);t.node&&u!=null&&typeof u!="function"&&(t.node.innerHTML=u)}finally{a&&$()}},{depth:s.path.length,label:j(s,"html")});s.__effects.push(c),s.__exec.html=o}if(typeof t.value=="function"){const o=t.value,i=D(t,t.valueDeps,o),c=w(()=>{try{const a=i(t,t.state,t.context);if(!t.node||!("value"in t.node))return;const u=a==null?"":String(a);if(t.node.value===u)return;const d=typeof document<"u"&&document.activeElement===t.node,f=d&&typeof t.node.selectionStart=="number"?t.node.selectionStart:null,l=d&&typeof t.node.selectionEnd=="number"?t.node.selectionEnd:null;if(t.node.value=u,d&&f!=null&&l!=null)try{t.node.setSelectionRange(f,l)}catch{}}catch{}},{depth:s.path.length,label:j(s,"value")});s.__effects.push(c),s.__exec.value=o}if(typeof t.style=="function"){const o=t.style,i=D(t,t.styleDeps,o);let c,a=null;const u=w(()=>{const d=i(t,t.state,t.context),f=ut(d);(f===null||f!==c||!lt(t.node,a))&&(c=f,q(t.node,d),a=dt(t.node,d))},{depth:s.path.length,label:j(s,"style")});s.__effects.push(u),s.__exec.style=o}else if(t.style&&typeof t.style=="object")for(const o in t.style){const i=t.style[o];if(typeof i!="function")continue;const c=D(t,rt(t.styleDeps,o),i);let a,u=null;const d=w(()=>{try{const f=c(t,t.state,t.context);if(t.node){const l=o+":"+String(f);if(l!==a||!lt(t.node,u)){a=l;const y={[o]:f};q(t.node,y),u=dt(t.node,y)}}}catch{}},{depth:s.path.length,label:j(s,"style."+o)});s.__effects.push(d)}if(t.attr&&typeof t.attr=="object"){for(const o in t.attr)if(typeof t.attr[o]=="function"){const i=D(t,rt(t.attrDeps,o),t.attr[o]),c=o,a=w(()=>{try{const u=i(t,t.state,t.context);t.node?.setAttribute&&(u==null||u===!1&&!ft(c)?t.node.removeAttribute(c):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(c,z(c,u)))}catch{}},{depth:s.path.length,label:j(s,"attr."+c)});s.__effects.push(a)}}if(t.aria&&typeof t.aria=="object")for(const o in t.aria){if(typeof t.aria[o]!="function")continue;const i=D(t,rt(t.ariaDeps,o),t.aria[o]),c="aria-"+o.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),a=w(()=>{try{const u=i(t,t.state,t.context);if(!t.node?.setAttribute)return;u==null?t.node.removeAttribute(c):typeof u!="function"&&typeof u!="object"&&t.node.setAttribute(c,z(c,u))}catch{}},{depth:s.path.length,label:j(s,"aria."+o)});s.__effects.push(a)}if(t.data&&typeof t.data=="object")for(const o in t.data){if(typeof t.data[o]!="function")continue;const i=D(t,rt(t.dataDeps,o),t.data[o]),a="data-"+o.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),u=w(()=>{try{const d=i(t,t.state,t.context);if(!t.node?.setAttribute)return;d==null||d===!1?t.node.removeAttribute(a):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(a,d===!0?"":d)}catch{}},{depth:s.path.length,label:j(s,"data."+o)});s.__effects.push(u)}const e=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(e)for(const o in e){if(typeof e[o]!="function")continue;const i=D(t,rt(t.classDeps,o),e[o]),c=w(()=>{try{const a=i(t,t.state,t.context);if(!t.node?.classList)return;typeof a=="string"?t.node.classList.add(a):a?t.node.classList.add(o):t.node.classList.remove(o)}catch{}},{depth:s.path.length,label:j(s,"class."+o)});s.__effects.push(c)}!r&&typeof t.if=="function"&&to(t,s,t.if);for(const o of Object.keys(t)){if(V.has(o)||typeof t[o]!="function")continue;const i=o.charCodeAt(0);if(i>=65&&i<=90||Y(o))continue;const c=t[o];s.__exec[o]=c;const a=t.tag||"div";if(Ct(a,o)&&!L[o]&&!(T&&T.has(o))){const u=kt(o)||o,d=D(t,t[o+"Deps"],c),f=w(()=>{try{const l=d(t,t.state,t.context);t.node?.setAttribute&&(l==null||l===!1&&!ft(u)?t.node.removeAttribute(u):typeof l!="function"&&typeof l!="object"&&(u==="src"&&"src"in t.node?t.node.src=l:t.node.setAttribute(u,z(u,l))))}catch{}},{depth:s.path.length,label:j(s,o)});s.__effects.push(f)}}if(Wo(t),qo(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const u=w(()=>{const d=[];for(let g=0;g<i.length;g++){const _=i[g];try{d[g]=typeof _=="function"?_(t,t.state,t.context):t.state?.[_]}catch{d[g]=void 0}}if(!c){c=!0,a=d;return}let f=d.length!==a.length;for(let g=0;!f&&g<d.length;g++)d[g]!==a[g]&&(f=!0);const l=a;if(a=d,!f)return;const y=t.context?.designSystem;y&&R(y);try{o(t,t.state,t.context,{prev:l,next:d})}catch(g){if(t.context?.plugins?.length&&B("error",t,{hook:"onStateUpdate",error:g})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',g),t.context?.strictMode)throw g}finally{y&&$()}},{depth:s.path.length,label:j(s,"onStateUpdate")});s.__effects.push(u)}Yo(t)}function mt(t){const n=t.parent,s=n?.node;if(!s||!t.node){po(t,t.parent);return}let r=null;const e=Object.keys(n),o=e.indexOf(t.key);for(let i=o+1;i<e.length;i++){const c=n[e[i]];if(c?.node?.parentNode===s){r=c.node;break}}r?s.insertBefore(t.node,r):s.appendChild(t.node)}function to(t,n,s){const r=D(t,t.ifDeps,s),e=w(()=>{let o;try{o=r(t,t.state,t.context)}catch(c){if(o=!1,n.__ifError=c,typeof console<"u"&&console.warn){const a=t.key||t.tag||"?";console.warn(`[smbls] \`if:\` reactive effect threw on ${a} \u2014 treating as false:`,c?.message||c)}return}const i=n.__if;if(n.__if=!!o,i&&!n.__if&&t.node){t.node.remove();try{typeof t.onRemove=="function"&&t.onRemove(t)}catch(c){console.error("[smbls] onRemove error:",c)}}else if(!i&&n.__if)if(n.__ifInitialized)t.node||(t.node=xt(t)),t.node&&(t.node.ref=t),mt(t),Pt(t),M("Render",t,{}),wt(t,{});else{if(n.__ifInitialized=!0,t.tag||(t.tag=Ut(t)),M("Init",t,{}),t.node||(t.node=xt(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"&&!n.__fragmentAnchor){const a=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(a),n.__fragmentAnchor=a}M("AttachNode",t,{}),t.node.setAttribute&&t.key&&t.node.setAttribute("data-key",t.key),t.id&&t.node.setAttribute&&(t.node.id=t.id),uo(t,{}),Jt(t,{skipIfEffect:!0}),Pt(t),fo(t),lo(t,{}),mt(t),M("Create",t,{}),M("Complete",t,{}),M("Render",t,{}),M("RenderRouter",t,{}),wt(t,{})}},{depth:n.path.length,label:j(n,"if")});n.__effects.push(e)}function at(t,n){const s=t.node;if(!s)return;const r=n==null||typeof n=="object"?"":String(n);if(t.tag==="string"){s.nodeValue!==r&&(s.nodeValue=r);return}const e=t.__ref;let o=e?e.__textNode:null;if(o&&o.parentNode!==s&&(o=null),!o){const i=s.firstChild;i&&i.nodeType===3&&(o=i)}o?o.nodeValue!==r&&(o.nodeValue=r):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(r),s.insertBefore(o,s.firstChild)):(s.textContent=r,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),e&&(e.__textNode=o||null)}function Pt(t){const{node:n}=t;if(n){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&at(t,t.text),Qo(t),typeof t.html=="string"&&(n.innerHTML=t.html),t.value!=null&&typeof t.value!="function"&&"value"in n){const s=String(t.value);n.value!==s&&(n.value=s)}if(t.style&&typeof t.style=="object"){let s=t.style;for(const r in t.style)if(typeof t.style[r]=="function"){s={};for(const e in t.style)typeof t.style[e]!="function"&&(s[e]=t.style[e]);break}q(n,s)}if(t.attr&&typeof t.attr=="object")for(const s in t.attr){const r=t.attr[s];typeof r=="function"||typeof r=="object"||r!=null&&(r===!1&&!ft(s)||n.setAttribute&&n.setAttribute(s,z(s,r)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const r=t.data[s];typeof r=="function"||typeof r=="object"||r==null||r===!1||n.dataset&&(n.dataset[s]=r===!0?"":r)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(r=>r&&n.classList.add(r));else if(typeof s=="object")for(const r in s){const e=typeof s[r]=="function"?s[r](t,t.state,t.context):s[r];e&&n.classList.add(typeof e=="string"?e:r)}}}}function ut(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Vo(t){if(!t||typeof t!="object")return!1;for(const n in t){const s=t[n];if(s&&typeof s=="object"&&!Array.isArray(s))return!0}return!1}function dt(t,n){if(!t||!t.style||!n)return null;const s=[];for(const r in n){if(n[r]==null||r.charAt(0)==="&")continue;const o=r.replace(/[A-Z]/g,i=>"-"+i.toLowerCase());s.push(o,t.style.getPropertyValue(o),t.style.getPropertyPriority(o))}return s}function lt(t,n){if(!n||!t||!t.style)return!1;for(let s=0;s<n.length;s+=3)if(t.style.getPropertyValue(n[s])!==n[s+1]||t.style.getPropertyPriority(n[s])!==n[s+2])return!1;return!0}function q(t,n){if(!t||!n||!t.style)return;let s=null;for(const r in n){const e=n[r];if(e!=null){if(r.charAt(0)==="&"&&typeof e=="object"){s||(s={}),s[r]=e;continue}try{const o=String(e),i=r.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),u=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,u,a?"important":"")}catch{}}}s&&Go(t,s)}function Go(t,n){const s=`_ds${Yt.scopedStyleId++}`;t.classList.add(s);const r=t.ownerDocument;let e=r.querySelector("style[data-smbls-scoped]");e||(e=r.createElement("style"),e.setAttribute("data-smbls-scoped",""),r.head.appendChild(e));let o="";for(const i in n){const c="."+s,a=i.replace(/&/g,c).split(",").map(d=>{const f=d.trim();return f.includes(c)?f:c+f}).join(", "),u=n[i];if(typeof u=="object"){let d="",f="";for(const l in u){const y=u[l];if(typeof y=="object"){const g=l.includes("&")?a.split(", ").map(p=>l.replace(/&/g,p)).join(", "):a.split(", ").map(p=>`${p} ${l}`).join(", ");let _="";for(const p in y)_+=`${p.replace(/[A-Z]/g,h=>"-"+h.toLowerCase())}: ${y[p]};`;f+=zt(`${g} { ${_} }`,g)+`
|
|
5
|
+
`}else d+=`${l.replace(/[A-Z]/g,g=>"-"+g.toLowerCase())}: ${y};`}d&&(o+=zt(`${a} { ${d} }`,a)+`
|
|
6
|
+
`),f&&(o+=f)}}o&&(e.textContent+=o)}const oo=new Set;function so(t){if(!Array.isArray(t))return"";const n=[];for(let s=0;s<t.length;s++)typeof t[s]=="string"&&t[s].length&&n.push(t[s]);return n.sort(),n.join("|")}function Ho(t,n,s){const r=so(s);queueMicrotask(()=>{if(!t.__ref)return;let e;try{e=n(t,t.state,t.context)}catch{return}if(so(e)===r)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";oo.has(o)||(oo.add(o),console.warn(`[smbls] subscribeTo function at "${o}" resolved to a DIFFERENT key list one microtask after create \u2014 wired [${s.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 Wo(t){const n=t.subscribeTo,s=typeof n=="function";let r=n;if(s)try{r=n(t,t.state,t.context)}catch{r=null}if(s&&tt()&&Ho(t,n,Array.isArray(r)?r:[]),!Array.isArray(r)||r.length===0)return;const e=t.__ref;for(let o=0;o<r.length;o++){const i=r[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],u=c.slice(1),d={value:!1},f=w(()=>{const l=t.state&&(K(t.state)?t.state.root:null);if(!l||!K(l))return;let y=l;y=y[a];for(let _=0;_<u.length&&!(y==null||typeof y!="object");_++)if(K(y))y=y[u[_]];else break;if(!d.value)return;let g=!1;if(typeof t.onBeforeUpdate=="function"){const _=t.context?.designSystem;_&&R(_);try{if(ts(e)){const p=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});p&&typeof p.then=="function"?p.then(()=>yt(e,!1),h=>{yt(e,!0),t.context?.plugins?.length&&B("error",t,{hook:"onBeforeUpdate",error:h})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",h)}):(yt(e,!1),p===!1&&(g=!0))}}catch(p){yt(e,!0),t.context?.plugins?.length&&B("error",t,{hook:"onBeforeUpdate",error:p})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",p)}finally{_&&$()}}if(!g&&t.node&&e.__effects)for(let _=0;_<e.__effects.length;_++){const p=e.__effects[_];p&&p!==f&&!p._disposed&&!p._isSubscribeToEffect&&typeof p._execute=="function"&&p._execute()}if(!g&&typeof t.onUpdate=="function"){const _=t.context?.designSystem;_&&R(_);try{t.onUpdate(t,t.state,t.context)}catch(p){t.context?.plugins?.length&&B("error",t,{hook:"onUpdate",error:p})||console.error("[DOMQL] subscribeTo onUpdate error:",p)}finally{_&&$()}}},{depth:e.path.length,label:j(e,"subscribeTo("+i+")")});d.value=!0,f._isSubscribeToEffect=!0,e.__effects.push(f)}}function Tt(t,n){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&!t.startsWith("@container")&&(t==="@dark"||t==="@light"||!n.context?.designSystem?.media?.[t.slice(1)])}function Dt(t,n){if(t.charCodeAt(0)!==64||/^@(media|supports|container|keyframes)\b/.test(t))return t;const s=n.context?.designSystem?.media?.[t.slice(1)];return s?/^@(media|supports|container)\b/.test(s)?s:`@media ${s}`:t}const no=new Set;function zo(t,n){const s=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?",r=s+"::"+t;no.has(r)||(no.add(r),console.warn(`[smbls/css] "${t}" at ${s} 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 Z(t,n,s){const r={},e=new Set,o=(i,c,a)=>{const u=a?new Set(Object.keys(r)):null;if(L[i]){const d=L[i](c,n,n.state,n.context);if(d){const f=Array.isArray(d)?d:[d];for(const l of f)l&&Object.assign(r,l)}}else r[i]=c;if(a)for(const d in r)u.has(d)||e.add(d)};for(const i in t){if(!Object.prototype.hasOwnProperty.call(t,i))continue;let c=t[i];if(typeof c=="function"&&(c=c(n,n.state,n.context)),c==null||typeof c=="function")continue;if(typeof c=="object"&&!Array.isArray(c)){if(i==="style"){for(const f in c){let l=c[f];if(typeof l=="function"&&(l=l(n,n.state,n.context)),l==null||typeof l=="function")continue;const y=typeof n[f]=="function"&&(L[f]||T&&T.has(f));o(f,l,y)}continue}if(Tt(i,n)){const f=Z(c,n,!1);Object.keys(f).length&&(r[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){tt()&&zo(i,n);continue}const u=Dt(i,n),d=Z(c,n,!1);Object.keys(d).length&&(r[u]=d);continue}const a=typeof n[i]=="function"&&(L[i]||T&&T.has(i));o(i,c,a)}if(s)for(const i in r)e.add(i);for(const i of e){const c=r[i];typeof c=="string"&&!c.includes("!important")&&(r[i]=c+" !important")}return r}function Lt(t,n){if(n===void 0&&(n=0),n>8)return!1;if(typeof t=="function")return!0;if(t&&typeof t=="object"&&!Array.isArray(t)){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&Lt(t[s],n+1))return!0}return!1}function eo(t,n,s){if(!n||typeof n!="object"||Array.isArray(n))return null;if(Tt(t,s)){const o=Z(n,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}const r=Dt(t,s),e=Z(n,s,!1);return Object.keys(e).length?{cssProp:r,block:e}:null}function Yo(t){const n=t.__ref;for(const s of Object.keys(t)){if(!jt(s))continue;const r=t[s];if(!r||typeof r!="object"||Array.isArray(r)||!Lt(r))continue;let e=null,o;const i=w(()=>{if(!t.node)return;const c=t.context?.designSystem;c&&R(c);let a,u=!1;try{const d=eo(s,r,t),f=d?ut(d.block)+"::"+d.cssProp:null;if(f!==null&&f===o)u=!0;else if(o=f,d){const l=st({[d.cssProp]:d.block},null,t.context?.cssPrefix);a=l?l.split(" ").filter(Boolean):null}else a=null}finally{c&&$()}if(!(u||!t.node.classList)){if(e)for(const d of e)t.node.classList.remove(d);if(a&&a.length)for(const d of a)t.node.classList.add(d);e=a}},{depth:n.path.length,label:j(n,"cssBlock("+s+")")});n.__effects.push(i)}}function qo(t){const n=t.__ref;n.__conditionalRunners=[];const s=new Map;for(const r of Object.keys(t)){const e=r.charAt(0);if(e!=="."&&e!=="!")continue;const o=r.slice(1);if(!o)continue;if(/[:@\s>~+[\]]/.test(o)){if(typeof console<"u"&&console.warn){const y=o.split(/[:@\s>~+[\]]/)[0];console.warn(`[smbls] conditional \`${r}\` on ${t.key||"?"} will never match \u2014 the whole string after \`${e}\` is read as one prop name. Nest the selector inside instead: \`${e}${y}: { '${o.slice(y.length)}': {...} }\`.`)}continue}const i=t[r];if(!i||typeof i!="object")continue;const c=e==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},u=()=>{let y;const g=t[o];if(g===void 0){const h=!!t.state&&o in t.state,b=t.state?t.state[o]:void 0;if(h||b!==void 0)y=b;else{const x=t.context?.cases?.[o];if(x===void 0)return;try{y=typeof x=="function"?x.call(t,t):x}catch(C){y=!1,n.__conditionalError=C,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${r}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,C?.message||C)}}}else if(typeof g=="function")try{y=g(t,t.state,t.context)}catch(h){y=!1,n.__conditionalError=h,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${r}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,h?.message||h)}else y=g;const _=c?!y:!!y;if(!t.node||_===a.lastMatch)return;a.lastMatch=_;const p=t.context?.designSystem;p&&R(p);try{if(_){const h={},b={};let x=!1;for(const A in i){if(!Object.prototype.hasOwnProperty.call(i,A))continue;const v=i[A],G=A.charAt(0);if((G===":"||G==="@"||G==="&"||G==="[")&&v&&typeof v=="object"&&!Array.isArray(v)){if(Tt(A,t)){const E=Z(v,t,!1);Object.keys(E).length&&(b[`[data-theme="${A.slice(1)}"] &`]=E,x=!0)}else{const E=Dt(A,t),P=Z(v,t,!1);Object.keys(P).length&&(b[E]=P,x=!0)}continue}const Q=typeof v=="function"?v(t,t.state,t.context):v;if(Q!=null)if(L[A]){const E=L[A](Q,t,t.state,t.context);if(E){const P=Array.isArray(E)?E:[E];for(const X of P)X&&Object.assign(h,X)}}else T&&T.has(A)&&(h[A]=Q)}const C=Object.keys(h);if(C.length){q(t.node,h);for(const A of C)s.set(A,r);a.appliedKeys=C}else a.appliedKeys=null;if(x){const A=st(b,null,t.context?.cssPrefix),v=A?A.split(" ").filter(Boolean):[];if(v.length&&t.node.classList){for(const G of v)t.node.classList.add(G);a.appliedClasses=v}else a.appliedClasses=null}else if(a.appliedClasses){for(const A of a.appliedClasses)t.node.classList.remove(A);a.appliedClasses=null}}else{if(a.appliedKeys){for(const h of a.appliedKeys)s.get(h)===r&&(t.node.style[h]="",s.delete(h));a.appliedKeys=null}if(a.appliedClasses){for(const h of a.appliedClasses)t.node.classList.remove(h);a.appliedClasses=null}}}finally{p&&$()}};n.__conditionalRunners.push(u);const d=D(t,t[o+"Deps"],u),f=w(d,{depth:n.path.length,label:j(n,"conditional("+r+")")}),l=n.__exec&&n.__exec[o]||t[o];f._sources.size===0&&typeof l=="function"&&tt()&&console.warn(`[smbls] conditional \`${r}\` 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 \`${o}Deps: [...]\` (state-key strings or \`(el, s) => \u2026\` selectors) so the subscription is armed unconditionally.`),n.__effects.push(f)}}const Ot=new WeakSet;function Zo(t){const n=t.ownerDocument;!n||Ot.has(n)||(Ot.add(n),queueMicrotask(()=>{Ot.delete(n);const s=n.body||n.documentElement;s&&s.offsetWidth}))}const Rt=new WeakSet;let ro=!1;function io(t){return t.startsWith("[data-theme=")||t.startsWith("@media")&&t.includes("prefers-color-scheme")}function $t(t,n){const s={...t};for(const r in n){const e=n[r],o=s[r];s[r]=e&&typeof e=="object"&&o&&typeof o=="object"?$t(o,e):e}return s}function co(t,n){const s={};for(const r in t){const e=t[r];if(e&&typeof e=="object"){const o=co(e,n);Object.keys(o).length&&(s[r]=o)}else n.has(r)||(s[r]=e)}return s}function Qo(t){const{node:n}=t;if(!n)return;if(ro||(ro=!0,st({display:"none"})),Rt.has(t)){console.error("[applyCssInProps] re-entry detected for element",t.key,"prop path:",t.__ref?.path);return}Rt.add(t);const s=t.context?.designSystem;s&&R(s),Ht();try{const r={};let e=!1,o=null,i=null,c=null;const a=(u,d)=>{if(d&&typeof d=="object"&&io(u)){i||(i={});const f=i[u];f&&(d=$t(f,d)),i[u]=d}else(d===null||typeof d!="object")&&(c||(c=new Set),c.add(u));r[u]=d};if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&L.theme){const u=L.theme(t.theme,t,t.state,t.context);if(u){const d=f=>{for(const l in f){const y=f[l];y&&typeof y=="object"&&io(l)&&(o||(o={}),o[l]=y),r[l]=y}};if(Array.isArray(u))for(const f of u)f&&d(f);else d(u);e=!0}}for(const u of Object.keys(t)){if(typeof t[u]=="function"||V.has(u)||u==="theme")continue;const d=u.charCodeAt(0);if(!(d>=65&&d<=90)&&!Y(u)){if(L[u]){const f=t[u],l=L[u](f,t,t.state,t.context);if(l){if(Array.isArray(l)){for(const y of l)if(y)for(const g in y)a(g,y[g])}else for(const y in l)a(y,l[y]);e=!0}}else if(T&&T.has(u)){const f=t[u];f!=null&&typeof f!="object"&&(a(u,f),e=!0)}else if(u.charCodeAt(0)===45){const f=t[u];f!=null&&typeof f!="object"&&(a(u,f),e=!0)}else if(u.charAt(0)==="&"||u.charAt(0)==="@"||u.charAt(0)===":"||u.charAt(0)==="["){const f=t[u];if(f&&typeof f=="object"&&!Array.isArray(f)){if(Lt(f))continue;const l=eo(u,f,t);l&&(a(l.cssProp,l.block),e=!0)}}}}if(o)for(const u in o){let d=c?co(o[u],c):o[u];i&&i[u]&&(d=$t(d,i[u])),Object.keys(d).length?r[u]=d:delete r[u]}if(e){r.display&&String(r.display).includes("!important")&&(n.style.setProperty("display",String(r.display).replace(/\s*!important\s*$/,""),"important"),delete r.display);const u=st(r,null,t.context?.cssPrefix);if(u&&n.classList){const f=u.split(" ").filter(Boolean);let l=!1;for(const y of f)n.classList.add(y),l||(y.charCodeAt(0)===95&&y.charCodeAt(1)===99||y.charCodeAt(0)===95&&y.indexOf("_c",1)!==-1)&&(l=!0);l&&Zo(n)}const d=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(d!=null){const f=r.display;if(f&&f!==d)if(d==="none"){const l=[];for(const y of n.classList)y.startsWith("_d-")&&y!=="_d-none"&&l.push(y);for(const y of l)n.classList.remove(y);n.classList.add("_d-none")}else n.style.display==="none"&&(typeof t.hide=="function"||typeof t.show=="function")||(n.style.display=t.display),t.__ref&&(t.__ref.__explicitDisplay=t.display)}}}finally{Wt(),s&&$(),Rt.delete(t)}}function fo(t){const{node:n}=t;if(!n||!n.setAttribute)return;if(t.aria&&typeof t.aria=="object")for(const e in t.aria){const o=t.aria[e];if(typeof o=="function"||typeof o=="object"||o==null)continue;const i="aria-"+e.replace(/[A-Z]/g,c=>"-"+c.toLowerCase());n.setAttribute(i,z(i,o))}const s=Eo(t);for(const e in s){const o=s[e];o!=null&&o!==!1&&typeof o!="function"&&typeof o!="object"&&n.setAttribute(e,o===!0?"":o)}const r=t.tag||"div";for(const e of Object.keys(t)){if(typeof t[e]=="function"||V.has(e)||e==="on"||s[e]!==void 0)continue;const o=e.charCodeAt(0);if(!(o>=65&&o<=90)&&!Y(e)&&!(L[e]||T&&T.has(e))&&Ct(r,e)){let i=t[e];if(i==null||(typeof i=="string"&&i.includes("{{")&&(i=At(i,t,t.state,t.context),t[e]=i),i==null||typeof i=="function"||typeof i=="object")||i===!1&&!ft(kt(e)||e))continue;const c=kt(e)||e;n.setAttribute(c,z(c,i))}}}function Xo(t,n){const s=t.node,r=t.__ref;let e=r.__autoGrow;if(!n){if(e&&e.active){try{s.removeEventListener("input",e.resize)}catch{}s.style.height="",e.appliedMax!=null&&s.style.maxHeight===e.appliedMax&&(s.style.maxHeight=""),e.active=!1,e.appliedMax=null,e.lastMeasure=0}return}e||(e=r.__autoGrow={active:!1,appliedMax:null,lastMeasure:0,resize:()=>{if(s.scrollHeight===0&&e.lastMeasure>0)return;s.style.height="auto";const i=s.scrollHeight;s.style.height=i+"px",i>0&&(e.lastMeasure=i)}},r.__eventCleanup||(r.__eventCleanup=[]),r.__eventCleanup.push(()=>{try{s.removeEventListener("input",e.resize)}catch{}})),e.active||(s.addEventListener("input",e.resize),e.active=!0);const o=typeof n=="object"&&n.max!=null?String(n.max):null;o!==e.appliedMax&&(o==null?e.appliedMax!=null&&s.style.maxHeight===e.appliedMax&&(s.style.maxHeight=""):s.style.maxHeight=o,e.appliedMax=o),e.resize()}function Jo(t){if(!t.autoGrow)return;const n=t.node;if(!n||n.tagName!=="TEXTAREA")return;const s=t.__ref,r=t.autoGrow,e=typeof r=="function"?D(t,t.autoGrowDeps,r):null,o=w(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===r&&e?e:i)(t,t.state,t.context)}catch{c=null}Xo(t,c)},{depth:s.path.length,label:j(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),e&&(s.__exec.autoGrow=r)}const ao=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function uo(t,n){for(const s of Object.keys(t)){if(!Y(s)||ao.has(s))continue;const r=ko(s);if(r){Co(r,t,t[s]);continue}let e=t[s];if(typeof e=="string"&&/^[A-Za-z_$][\w$]*$/.test(e)){const i=e;e=function(a){return t.call(i,a)}}if(typeof e!="function")continue;const o=$o(s);xo.has(o)||Ao(Mo(o),t,e)}mo(t)}function mo(t){const n=t.node;if(!n||!n.addEventListener)return;const s={};let r=!1;for(const l of ao){const y=t[l];typeof y=="function"&&(s[l]=y,r=!0)}if(!r)return;const e=typeof t.swipeThreshold=="number"?t.swipeThreshold:40,o=typeof t.swipeMaxDuration=="number"?t.swipeMaxDuration:600;let i=0,c=0,a=0,u=!1;const d=l=>{const y=l.touches&&l.touches[0]||l.changedTouches&&l.changedTouches[0];y&&(i=y.clientX,c=y.clientY,a=Date.now(),u=!0)},f=l=>{if(!u)return;u=!1;const y=l.changedTouches&&l.changedTouches[0]||l.touches&&l.touches[0];if(!y)return;const g=y.clientX-i,_=y.clientY-c,p=Date.now()-a;if(p>o)return;const h=Math.abs(g),b=Math.abs(_);if(Math.max(h,b)<e)return;let x;if(h>b*1.2)x=g<0?"left":"right";else if(b>h*1.2)x=_<0?"up":"down";else return;const C="onSwipe"+x.charAt(0).toUpperCase()+x.slice(1),A=s[C],v=s.onSwipe;A&&A.call(t,l,t,t.state,t.context),v&&v.call(t,{direction:x,dx:g,dy:_,dt:p,event:l},t,t.state,t.context)};n.addEventListener("touchstart",d,{passive:!0}),n.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{n.removeEventListener("touchstart",d)}catch{}try{n.removeEventListener("touchend",f)}catch{}})}function it(t,n){const s={...t};for(const r in n){const e=s[r],o=n[r];e&&o&&typeof e=="object"&&typeof o=="object"&&!Array.isArray(e)&&!Array.isArray(o)&&typeof e!="function"&&typeof o!="function"?s[r]=it(e,o):s[r]=o}return s}function Mt(t,n,s,r){if(!n||!t.node)return;const e=t.childExtends;if(Array.isArray(n)){const o=t.tag==="fragment",i=t.context?.document||globalThis.document,c=o?null:i?.createDocumentFragment();if(!o&&!c)return;const a=t.childProps,u=t.childrenAs,d=p=>{let h=n[p];const b=h;(typeof h=="string"||typeof h=="number")&&(h={text:h});let x=a;if(typeof a=="function")try{x=a(t,h)}catch{x=null}if(u==="state"){let A=b;(typeof b=="string"||typeof b=="number")&&(A={value:b,text:b}),h=x?{...x,state:A}:{state:A}}else x&&(h=it(x,h));if(e&&!h.ignoreChildExtends)if(h.extends){const A=Array.isArray(h.extends)?h.extends:[h.extends],v=Array.isArray(e)?e:[e];h={...h,extends:[...v,...A]}}else h={...h,extends:e};const C=h?.key||b&&typeof b=="object"&&b.key||`${p}`;try{return H(h,t,C,s)}catch(A){if(typeof console<"u"&&console.error){const v=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${C}" failed to construct at ${v} (initial render, skipping this row):`,A?.message||A)}return null}},f=t.__ref;if(!(r===!0&&!o&&!!f&&(s?.mountYield===!0||t.yieldChildren===!0))){for(let p=0;p<n.length;p++){const h=d(p);!o&&h?.node&&c.appendChild(h.node)}return o||t.node.appendChild(c),!0}const y=f.__childrenChunkGen=(f.__childrenChunkGen||0)+1;Kt();let g=null;const _=p=>{if(f.__disposed||f.__childrenChunkGen!==y){g&&g.parentNode&&g.remove();return}for(let h=p;h<n.length;h++){const b=d(h);if(b?.node&&(g?t.node.insertBefore(b.node,g):c.appendChild(b.node)),h+1<n.length&&Bt()){g||(g=i.createComment("smbls-mount"),c.appendChild(g),t.node.appendChild(c));const x=h+1;Gt(()=>_(x));return}}g?(g.remove(),t.node.tagName==="SELECT"&&pt(t,!0)):t.node.appendChild(c)};return _(0),Vt(),!0}if(typeof n=="string"){const o=Xt(n,t);if(Array.isArray(o))return Mt(t,o,s,r)}if(typeof n=="object")for(const o in n){if(V.has(o))continue;let i=n[o];if(!(i==null||i===!1)){if((typeof i=="string"||typeof i=="number")&&(i={text:i}),t.childProps&&(i=it(t.childProps,i)),e&&!i.ignoreChildExtends)if(i.extends){const c=Array.isArray(i.extends)?i.extends:[i.extends],a=Array.isArray(e)?e:[e];i={...i,extends:[...a,...c]}}else i={...i,extends:e};H(i,t,o,s)}}}function pt(t,n){const s=t.node;if(!s||s.tagName!=="SELECT")return;const r=s.options;if(!r||!r.length)return;const e=t.__ref,o=e&&e.__exec&&e.__exec.value,i=typeof o=="function",c=t.value!=null&&typeof t.value!="function";if(i||c){let d;if(i)try{d=o(t,t.state,t.context)}catch{return}else d=t.value;const f=d==null?"":String(d);s.value!==f&&(s.value=f);return}const a=n||!(e&&e.__selectSynced);if(e&&(e.__selectSynced=!0),!a)return;let u=-1;for(let d=0;d<r.length;d++)r[d].defaultSelected&&(u=d);u>=0&&s.selectedIndex!==u&&(s.selectedIndex=u)}function lo(t,n){let{children:s,content:r}=t;const e=t.childExtends;if(typeof s=="function"){const f=s;try{s=f(t,t.state,t.context)}catch(p){if(s=void 0,typeof console<"u"&&console.error){const h=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${h} (initial run, treating as empty):`,p?.message||p)}}t.children=s;const l=t.__ref;let y=!1;const g=D(t,t.childrenDeps,f),_=w(()=>{const p=y;y=!0;let h;try{h=g(t,t.state,t.context)}catch(E){if(typeof console<"u"&&console.error){const P=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${P}${p?"":" (initial tracking run)"}:`,E?.message||E)}return}if(!p||h===t.children)return;t.children=h,l.__childrenChunkGen!=null&&l.__childrenChunkGen++;const b=typeof t.onContentUpdate=="function",x=b?[]:null,C=b?[]:null,A=b?[]:null;if(Array.isArray(h)&&t.childrenAs==="state"){const E=t.childProps,P=[],X=new Map;for(let k=0;k<h.length;k++){const N=h[k];let S=E;if(typeof E=="function")try{S=E(t,N)}catch{S=null}const U=S&&S.key||N&&N.key||`${k}`;P.push(U),X.set(U,{rawChild:N,childProps:S})}const yo=new Set(P),ho=l.__children.slice();for(const k of ho)if(!yo.has(k)){const N=t[k];N?.remove&&N.remove(),delete t[k],C&&C.push(k)}const J=t.childExtends,ct=t.tag==="fragment",_o=t.context?.document||globalThis.document,m=ct?null:_o?.createDocumentFragment(),ht=new Set;for(const k of P){const N=X.get(k),S=N.rawChild,U=t[k];if(U&&U.state){if(S&&typeof S=="object"){const O=U.state,W=O.$replace||O.replace,It=O.$update||O.update;try{if(typeof W=="function")W.call(O,S);else if(typeof It=="function"){for(const F in O)if(!(F==="__element"||F==="root"||F==="parent"||F==="update")&&!Object.prototype.hasOwnProperty.call(S,F))try{O[F]=void 0}catch{}It.call(O,S)}else for(const F in S)O[F]=S[F]}catch(F){if(typeof console<"u"&&console.error){const go=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${k}" failed to patch at ${go} (reconcile, keeping its previous data for this pass):`,F?.message||F)}}}A&&A.push(k);continue}let _t=S;(typeof S=="string"||typeof S=="number")&&(_t={value:S,text:S});const Ft=N.childProps;let I=Ft?{...Ft,state:_t}:{state:_t};if(J&&!I.ignoreChildExtends)if(I.extends){const O=Array.isArray(I.extends)?I.extends:[I.extends],W=Array.isArray(J)?J:[J];I={...I,extends:[...W,...O]}}else I={...I,extends:J};let gt;try{gt=H(I,t,k,n)}catch(O){if(typeof console<"u"&&console.error){const W=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${k}" failed to construct at ${W} (reconcile, skipping this row):`,O?.message||O)}ht.add(k);continue}!ct&>?.node&&m&&m.appendChild(gt.node),x&&x.push(k)}if(!ct&&m&&m.childNodes.length&&t.node&&t.node.appendChild(m),!ct&&t.node){let k=null;for(const N of P){const S=t[N]?.node;if(!S)continue;const U=k?k.nextSibling:t.node.firstChild;S!==U&&t.node.insertBefore(S,U),k=S}}l.__children=ht.size?P.filter(k=>!ht.has(k)):P,b&&(x.length||C.length)&&Qt(t,{added:x,removed:C,kept:A}),pt(t,!1);return}const Q=b?[...l.__children]:null;for(const E of[...l.__children]){const P=t[E];P?.remove&&P.remove(),delete t[E]}l.__children=[],Mt(t,h,n),pt(t,!1),b&&Qt(t,{added:[...l.__children],removed:Q,kept:[]})},{depth:l.path.length,label:j(l,"children")});l.__effects.push(_)}const o=Mt(t,s,n,!0);if(r!=null&&!(r&&r.__ref)){let f=r;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=it(t.childProps,f)),e&&!f.ignoreChildExtends)if(f.extends){const l=Array.isArray(f.extends)?f.extends:[f.extends],y=Array.isArray(e)?e:[e];f={...f,extends:[...y,...l]}}else f={...f,extends:e};H(f,t,"content",n)}if(s&&!o)return;const i=t.context?.components||{};{const f=Object.keys(t);for(let l=0;l<f.length;l++){const y=f[l];if(!y.endsWith("Extends")||typeof t[y]!="string")continue;const g=y.slice(0,-7);if(!g||g.charCodeAt(0)<65||g.charCodeAt(0)>90)continue;const _={extends:t[y]};delete t[y];for(let p=l+1;p<f.length;p++){const h=f[p],b=h.charCodeAt(0);if(b>=65&&b<=90||V.has(h)||typeof t[h]=="function"&&(h.startsWith("on")||h.startsWith(".")))break;const x=t[h];x!==void 0&&(_[h]=x,delete t[h])}t[g]&&typeof t[g]=="object"?t[g]={..._,...t[g]}:t[g]=_}}const c=n?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),u=f=>{if(V.has(f)||typeof t[f]!="object"||t[f]===null)return;const l=f.charCodeAt(0);if(l<65||l>90)return;let y=t[f];if(!y.__ref){if(!y.extends&&!y.extend){const g=i[f]||i[`smbls.${f}`];g&&(y={...y,extends:g})}if(t.childProps&&(y=it(t.childProps,y)),e&&!y.ignoreChildExtends)if(y.extends){const g=Array.isArray(y.extends)?y.extends:[y.extends],_=Array.isArray(e)?e:[e];y={...y,extends:[..._,...g]}}else y={...y,extends:e};H(y,t,f,n)}};if(!c){for(const f of a)u(f);return}Kt();const d=f=>{for(let l=f;l<a.length;l++)if(u(a[l]),l+1<a.length&&Bt()){const y=l+1;Gt(()=>d(y));return}};d(0),Vt()}function po(t,n,s){const{node:r}=t;if(!r)return;r.ref=t;const e=n?.tag==="fragment"?n.__ref?.__fragmentAnchor:null;if(e){const i=e.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(r,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(r,c||e)}else i.insertBefore(r,e);return}}const o=n?.node||(n?.nodeType?n:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(r,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(r,i):o.appendChild(r)}else o.appendChild(r)}const Nt=3;function ts(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=Nt?!1:(t.__inBeforeUpdate=!0,!0)}function yt(t,n){t&&(t.__inBeforeUpdate=!1,n?(t.__beforeUpdateFailCount=(t.__beforeUpdateFailCount||0)+1,t.__beforeUpdateFailCount===Nt&&typeof console<"u"&&console.error&&console.error(`[DOMQL] onBeforeUpdate failed ${Nt}x in a row on this element \u2014 pausing automatic retries until a future prop/state change re-arms it.`)):t.__beforeUpdateFailCount=0)}function M(t,n,s){const r=t.charAt(0).toLowerCase()+t.slice(1);n.context?.plugins?.length&&B(r,n,s);const e="on"+t,o=n[e];if(typeof o=="function"){const a=t==="Render"?"__inRender":t==="RenderRouter"?"__inRenderRouter":null;if(a){if(n.__ref[a])return!0;n.__ref[a]=!0}const u=n.context?.designSystem;u&&R(u);let d=!!a;try{const f=o(n,n.state,n.context,s);if(f&&typeof f.then=="function"){const l=n.__ref;return f.catch(y=>{n.context?.plugins?.length&&B("error",n,{hook:e,error:y})||console.error(`[DOMQL] Lifecycle "${e}" error:`,y)}).finally(()=>{a&&l&&(l[a]=!1)}),d=!1,!0}if(f===!1)return!1}catch(f){if(n.context?.plugins?.length&&B("error",n,{hook:e,error:f})||console.error(`[DOMQL] Lifecycle "${e}" error:`,f),n.context?.strictMode)throw f}finally{u&&$(),d&&n.__ref&&(n.__ref[a]=!1)}}return!0}var vs=H;export{Nt as BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES,ts as acquireBeforeUpdateGuard,H as create,vs as default,vt as flushMounts,yt as releaseBeforeUpdateGuard,at as writeElementText};
|
package/dist/esm/src/delegate.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DELEGATED_EVENTS as
|
|
1
|
+
import{DELEGATED_EVENTS as L,LIFECYCLE_EVENTS as b,PASSIVE_EVENTS as E,NON_BUBBLING_EVENTS as v}from"./registry.js";import{pushConfig as D,popConfig as _}from"@symbo.ls/scratch";const a=new WeakMap,C={passive:!0},S={passive:!0,capture:!0},d=(e,t)=>E.has(e)?t?S:C:t||!1;function g(e){let t=a.get(e);return t||(t={handlers:new Map,installed:new Set},a.set(e,t)),t}function T(e,t){const r=g(t);if(r.installed.has(e))return;r.installed.add(e);const n=e==="focus"||e==="blur"||e==="focusin"||e==="focusout"||e==="mouseenter"||e==="mouseleave"||e==="pointerenter"||e==="pointerleave",o=e==="mouseenter"||e==="mouseleave"||e==="pointerenter"||e==="pointerleave";t.addEventListener(e,i=>{let s=i.target;for(;s&&s!==t;){const u=r.handlers.get(e);if(u){const c=u.get(s);if(c){if(o&&i.relatedTarget&&s.contains(i.relatedTarget)){s=s.parentNode;continue}if(c(i),i.cancelBubble)return}}s=s.parentNode}},d(e,n))}function V(e,t,r,n){n||(n=t.ownerDocument?.documentElement||t.getRootNode());const o=g(n);T(e,n),o.handlers.has(e)||o.handlers.set(e,new WeakMap),o.handlers.get(e).set(t,r)}function A(e,t,r){r||(r=t.ownerDocument?.documentElement||t.getRootNode());const n=a.get(r);if(!n)return;const o=n.handlers.get(e);o&&o.delete(t)}function h(e){return L.has(e)&&!b.has(e)}function y(e,t){const{context:r}=e,n=r?.designSystem;return o=>{n&&D(n);try{const i=t.call(e,o,e,e.state,r);if(i&&typeof i.then=="function"){i.catch(s=>{e.error=s,console.error("[DOMQL] Async event error:",s)}).finally(()=>{n&&_()});return}}catch(i){if(e.error=i,console.error("[DOMQL] Event error:",i),r?.strictMode)throw i}n&&_()}}function Q(e,t,r){const{node:n,context:o}=t;if(!n)return;const i=y(t,r),s=v.has(e);if(!s&&h(e)){const u=o?.rootNode||n.ownerDocument?.documentElement;V(e,n,i,u)}else n.addEventListener(e,i,d(e,!1));t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{if(!s&&h(e)){const u=o?.rootNode||n.ownerDocument?.documentElement;A(e,n,u)}else n.removeEventListener(e,i,d(e,!1))})}const p=[["onDocument","document"],["onWindow","window"],["onVisualViewport","visualViewport"],["onMediaQuery","mediaQuery"]];function O(e){if(typeof e!="string")return null;for(let t=0;t<p.length;t++){const r=p[t][0];if(e.length<=r.length||!e.startsWith(r))continue;const n=e.charCodeAt(r.length);if(!(n<65||n>90))return{target:p[t][1],eventName:e.slice(r.length).toLowerCase()}}return null}const M=/^[A-Za-z_$][\w$]*$/;function I(e,t,r){let n=t,o=!1,i,s=!1,u=null;if(t&&typeof t=="object"&&typeof t!="function"&&(n=t.handler,o=!!t.capture,s=!!t.once,typeof t.passive=="boolean"&&(i=t.passive),typeof t.query=="string"&&(u=t.query)),typeof n=="string"&&M.test(n)){const c=n;n=function(l){return e.call(c,l)}}return typeof n!="function"?null:(i===void 0&&(i=E.has(r)),{handler:n,capture:o,passive:i,once:s,query:u})}function x(e,t,r){const n=e.node?.ownerDocument||e.context?.document||(typeof document<"u"?document:null);if(!n||typeof n.addEventListener!="function")return null;if(t==="document")return n;const o=n.defaultView||(typeof window<"u"?window:null);if(!o)return null;if(t==="window")return typeof o.addEventListener=="function"?o:null;if(t==="visualViewport"){const i=o.visualViewport;return i&&typeof i.addEventListener=="function"?i:null}if(t==="mediaQuery"){const i=r&&r.query;if(typeof i!="string"||!i.trim()||typeof o.matchMedia!="function")return null;try{return o.matchMedia(i)||null}catch{return null}}return null}function B(e,t,r,n){try{return e.addEventListener(t,r,n),!0}catch{return typeof e.addListener=="function"?(e.addListener(r),!0):!1}}function R(e,t,r,n){try{e.removeEventListener(t,r,n)}catch{typeof e.removeListener=="function"&&e.removeListener(r)}}function m(e){const t=e.node;if(!t)return!1;const r=t.nodeType===11?e.__ref?.__fragmentAnchor:t;return r?r.isConnected!==!1:!1}function P(e,t,r){if(t.__ref){if(Array.isArray(r)){if(e.target!=="mediaQuery")return;for(let o=0;o<r.length;o++)w(e,t,r[o]);return}w(e,t,r)}}function w(e,t,r){const n=t.__ref,o=I(t,r,e.eventName);if(!o||e.target==="mediaQuery"&&e.eventName!=="change")return;const i=x(t,e.target,o);if(!i)return;const s=e.target+":"+(o.query?o.query+":":"")+e.eventName+":"+(o.capture?1:0);if(n.__globalEvents&&n.__globalEvents.has(s))return;const u=y(t,o.handler),c=l=>{m(t)&&u(l)},f={capture:o.capture,passive:o.passive,once:o.once};B(i,e.eventName,c,f)&&(n.__globalEvents||(n.__globalEvents=new Map),n.__globalEvents.set(s,{target:i,eventName:e.eventName,listener:c,options:f}),n.__eventCleanup||(n.__eventCleanup=[]),n.__eventCleanup.push(()=>{R(i,e.eventName,c,f),n.__globalEvents&&n.__globalEvents.delete(s)}))}export{V as addDelegatedEvent,O as globalEventKeyInfo,h as isDelegatable,Q as registerEvent,P as registerGlobalEvent,A as removeDelegatedEvent};
|
package/dist/esm/src/dispose.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function n(r){if(!r)return;const
|
|
1
|
+
function n(r){if(!r)return;const _=r.__ref;if(!_)return;_.__disposed=!0;try{typeof r.onBeforeRemove=="function"&&r.onBeforeRemove(r,r.state,r.context)}catch(o){console.error("[smbls] onBeforeRemove error:",o)}if(_.__effects){for(let o=0;o<_.__effects.length;o++)_.__effects[o].dispose();_.__effects.length=0}if(_.__eventCleanup){for(let o=0;o<_.__eventCleanup.length;o++)_.__eventCleanup[o]();_.__eventCleanup.length=0}if(_.__children){const o=_.__children.slice();_.__children.length=0;for(let f=0;f<o.length;f++){const t=r[o[f]];t&&t.__ref&&n(t)}}r.node?.parentNode?r.node.remove():r.tag==="fragment"&&_.__fragmentAnchor?.parentNode&&_.__fragmentAnchor.remove();const e=r.state?.$destroy||r.state?.destroy;if(typeof e=="function"&&r.state.__element===r&&e.call(r.state),r.parent?.__ref?.__children){const o=r.parent.__ref.__children.indexOf(r.key);o!==-1&&r.parent.__ref.__children.splice(o,1),delete r.parent[r.key]}try{typeof r.onRemove=="function"&&r.onRemove(r)}catch(o){console.error("[smbls] onRemove error:",o)}r.node=null,r.parent=null,r.__ref=null}function i(){n(this)}export{n as dispose,i as remove};
|
package/dist/esm/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="3.14.
|
|
1
|
+
const o="3.14.784";export{o as VERSION};
|