@symbo.ls/element 3.14.781 → 3.14.782
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var _t=Object.defineProperty;var
|
|
2
|
-
`+
|
|
1
|
+
"use strict";var _t=Object.defineProperty;var ro=Object.getOwnPropertyDescriptor;var io=Object.getOwnPropertyNames;var co=Object.prototype.hasOwnProperty;var ao=(t,e)=>{for(var s in e)_t(t,s,{get:e[s],enumerable:!0})},fo=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of io(e))!co.call(t,r)&&r!==s&&_t(t,r,{get:()=>e[r],enumerable:!(n=ro(e,r))||n.enumerable});return t};var uo=t=>fo(_t({},"__esModule",{value:!0}),t);var No={};ao(No,{BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES:()=>lt,acquireBeforeUpdateGuard:()=>to,create:()=>V,default:()=>Ro,flushMounts:()=>dt,releaseBeforeUpdateGuard:()=>ft,writeElementText:()=>at});module.exports=uo(No);var D=require("@symbo.ls/signal"),w=require("@symbo.ls/signal"),Y=require("./cache.js"),F=require("./registry.js"),tt=require("./delegate.js"),Qt=require("./extends.js"),Xt=require("./methods.js"),Bo=require("./dispose.js"),ct=require("./devRuntime.js"),W=require("./mountScheduler.js"),G=require("@symbo.ls/utils"),U=require("@symbo.ls/utils/function.js"),m=require("@symbo.ls/state"),A=require("css-in-props"),H=require("@symbo.ls/css"),k=require("@symbo.ls/scratch"),v=require("attrs-in-props"),Jt=require("./engineRegistry.js"),mt=require("./version.js");const Ot=(0,Jt.resolveElementIdEngine)({uniqId:1,scopedStyleId:0},mt.VERSION),et=[];let gt=!1;function Lt(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function lo(){return typeof document<"u"&&document.visibilityState==="hidden"}const po=250;function $t(){if(!gt){if(gt=!0,typeof requestAnimationFrame!="function"){setTimeout(dt,0);return}lo()?setTimeout(dt,po):requestAnimationFrame(dt)}}const yo=300,ho=15e4;function dt(){if(gt=!1,!et.length)return;const t=et.splice(0,et.length);for(let e=0;e<t.length;e++){const s=t[e];if(s.node){if(!s.node.isConnected){const n=s.__ref||(s.__ref={});n.__mountAttempts=(n.__mountAttempts||0)+1,n.__mountFirstAttemptAt==null&&(n.__mountFirstAttemptAt=Lt());const r=Lt()-n.__mountFirstAttemptAt;n.__mountAttempts<=yo&&r<ho?(et.push(s),$t()):console.warn("[DOMQL] onMounted dropped after",n.__mountAttempts,"attempts /",r,"ms \u2014 node never connected:",s.key||s.tag||s);continue}K("Mounted",s,s.__ref?.__mountOptions||{})}}}function Mt(t,e){typeof t.onMounted=="function"&&(t.__ref.__mountOptions=e,et.push(t),$t())}function Rt(t,e){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&(0,U.runPluginHook)("contentUpdate",t,e);const s=t.context?.designSystem;s&&(0,k.pushConfig)(s);try{t.onContentUpdate(t,t.state,t.context,e)}catch(n){if(t.context?.plugins?.length&&(0,U.runPluginHook)("error",t,{hook:"onContentUpdate",error:n})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',n),t.context?.strictMode)throw n}finally{s&&(0,k.popConfig)()}}function Q(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 go(t){return t.toLowerCase()}function bt(t){const e=t.charCodeAt(0);return e===58||e===64||e===38}function nt(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]=nt(r,o):s[n]=o}return s}function V(t,e,s,n={},r){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||`_${Ot.uniqId++}`,o.parent=e||null,o.context=t.context||e?.context||n.context||{},o.context.__create||(o.context.__create=V);const i=o.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:e?.__ref?.root||o,path:e?.__ref?.path?[...e.__ref.path,o.key]:[o.key],origin:t};if(s&&!t.extends&&!t.extend){const d=s.indexOf("_"),y=s.indexOf(".");let g=d>0?d:-1;if(y>0&&(g<0||y<g)&&(g=y),g>0){const b=s.substring(0,g),x=o.context?.components;x&&(x[b]||x["smbls."+b])?t={...t,extends:b}:x&&(0,ct.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,Qt.applyExtends)(o,t,n);const c=new Set(["childProps","attr","style","scope","data"]),a=o.props&&typeof o.props=="object"?o.props:null;for(const d in t){if(d==="parent"||d==="node"||d==="__ref"||d==="extends"||d==="context"||d==="props")continue;const y=t[d],g=o[d],b=g&&y&&typeof g=="object"&&typeof y=="object"&&!Array.isArray(g)&&!Array.isArray(y)&&typeof g!="function"&&typeof y!="function";b&&d.charCodeAt(0)>=65&&d.charCodeAt(0)<=90?o[d]=nt(g,y):b&&c.has(d)?o[d]={...g,...y}:b&&bt(d)?o[d]=nt(g,y):o[d]=y}function l(d){for(const y in d){const g=d[y],b=o[y],x=b&&g&&typeof b=="object"&&typeof g=="object"&&!Array.isArray(b)&&!Array.isArray(g)&&typeof b!="function"&&typeof g!="function";x&&y.charCodeAt(0)>=65&&y.charCodeAt(0)<=90?o[y]=nt(b,g):x&&c.has(y)?o[y]={...b,...g}:x&&bt(y)?o[y]=nt(b,g):o[y]=g}}a&&l(a),t.props&&typeof t.props=="object"&&l(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 u=o.scope&&typeof o.scope=="object"?o.scope:null,f=e?.scope,p=o.context&&typeof o.context.globalScope=="object"&&o.context.globalScope||null,h=f||p||null;if(t.scope!==void 0||u){const d={};u&&Object.assign(d,u),t.scope!==void 0&&Object.assign(d,t.scope),o.scope=(0,D.createScopeStore)(d,h)}else h&&(o.scope=h);if(t.if!==void 0&&(o.if=t.if),(0,Xt.addMethods)(o),bo(o,e,t),o.if!=null){let d;if(typeof o.if=="function")try{d=o.if(o,o.state,o.context)}catch(y){if(d=!1,i.__ifError=y,typeof console<"u"&&console.warn){const g=o.key||o.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${g} \u2014 treating as false:`,y?.message||y)}}else d=o.if;i.__if=!!d}if(i.__if)typeof o.if=="function"&&(i.__ifInitialized=!0);else return e&&(e[o.key]=o),typeof o.if=="function"&&Ut(o,i,o.if),o;o.tag||(o.tag=(0,Y.detectTag)(o)),K("Init",o,n);const _=o.node=(0,Y.cacheNode)(o);if(!_)return o;if(o.tag==="fragment"){const y=(o.context?.document||globalThis.document).createComment("");_.appendChild(y),i.__fragmentAnchor=y}K("AttachNode",o,n),_.setAttribute&&o.key&&_.setAttribute("data-key",o.key),e&&(e[o.key]=o,e.__ref?.__children&&(e.__ref.__children.includes(o.key)||e.__ref.__children.push(o.key))),_.setAttribute&&o.context?.scopeSelector&&o.context.scopeSelector!==":root"&&o.context.key&&o.key===o.context.key&&_.setAttribute("data-smbls-app",o.context.key),o.id&&_.setAttribute&&(_.id=o.id),Yt(o,n),Ft(o),At(o),Wt(o),$o(o);try{qt(o,n)}catch(d){if(typeof console<"u"&&console.error){const y=o.__ref?.path?.join(".")||o.key||"<root>";console.error(`[smbls] createChildren failed at ${y}:`,d?.message||d,d?.stack?`
|
|
2
|
+
`+d.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Et(o,!0),qt(o,n,r),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const l=o.context?.designSystem;l&&(0,k.pushConfig)(l);try{const y=o.html(o,o.state,o.context);y!=null&&typeof y!="function"&&(o.node.innerHTML=y)}catch{}finally{l&&(0,k.popConfig)()}}if(K("Create",o,e),K("Complete",o,e),K("Render",o,e),K("RenderRouter",o,e),$t(o,e),typeof o.onFrame=="function"){const l=o.onFrame,y=o.context?.designSystem,_=()=>{if(o.node){if(o.node.isConnected){y&&(0,k.pushConfig)(y);try{l(o,o.state,o.context)}catch(A){console.error("[DOMQL] onFrame error:",A)}finally{y&&(0,k.popConfig)()}}requestAnimationFrame(_)}};requestAnimationFrame(_)}return o}function _o(t,n,s){const e=!n,r=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=e&&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(n?.state)t.state=n.state,(0,J.applyStateMethods)(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},d=t.context?.polyglot;if(d?.translations){const u=c.lang||d.defaultLang||"en",f=d.translations[u];if(f&&typeof f=="object")for(const h in f)a[h]===void 0&&(a[h]=f[h]);const p=new Set(d.languages||[]);for(const h in d.translations)!p.has(h)&&a[h]===void 0&&(a[h]=d.translations[h])}t.state=(0,D.isStore)(a)?a:(0,D.createStore)(a),t.state.__element=t,t.state.root=t.state,(0,J.applyStateMethods)(t,t.state)}else t.state={},Object.defineProperty(t.state,"root",{value:t.state,enumerable:!1,configurable:!0,writable:!0}),(0,J.applyStateMethods)(t,t.state);return}if(typeof i=="string"){if(t.state=Rt(i,n),t.state&&typeof t.state=="object"&&!(0,D.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,J.applyStateMethods)(t,t.state);return}if(typeof i=="function"){const c=i(t,n?.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,n?.state?(t.state.parent=n.state,t.state.root=n.state.root||n.state):t.state.root=t.state,(0,J.applyStateMethods)(t,t.state)}function xt(t,n){if(!n)return t;const s=n.split("/");let e=t;for(const r of s){if(e==null)return{};e=e[r]}return e??{}}function Rt(t,n){if(!n)return{};if(t===".")return n.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?xt(n.state,r):n.state??{}}if(t.startsWith("~/")){const r=n.state?.root||n.state,o=t.slice(2);return o?xt(r,o):r??{}}if(n.state?.[t]!==void 0)return n.state[t];const s=xt(n.state,t);if(s!=null&&Object.keys(s).length>0)return s;const e=n.context?.polyglot;if(e?.translations){const r=n.state?.root?.lang||e.defaultLang||"en",o=e.translations[r];if(o?.[t]!==void 0)return o[t];if(e.translations[t]!==void 0)return e.translations[t]}return{}}const go=new Set(["s","state","ctx","context"]);function bo(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(e=>e.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function xo(t){if(typeof t!="function"||t.length!==2)return!1;const n=bo(t);if(n.length<2)return!1;const s=n[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!go.has(s)}function Ao(t){const n=t.__ref,s=t.tag||"div",e=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"||N.REGISTRY.has(c))continue;const a=c.charCodeAt(0);a>=65&&a<=90||Q(c)||x.CSS_PROPS_REGISTRY[c]||x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(c)||(0,v.checkAttributeByTagName)(s,c)||((0,it.isLoudDevRuntime)()&&xo(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];n.__exec[c]=a,Object.defineProperty(t,c,{get(){e&&(0,k.pushConfig)(e);try{return a(t,t.state,t.context)}catch{return}finally{e&&(0,k.popConfig)()}},set(d){delete n.__exec[c],Object.defineProperty(t,c,{value:d,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 e=n[s];try{typeof e=="function"?e(t,t.state,t.context):typeof e=="string"&&t.state?.[e]}catch{}}}function P(t,n,s){return!Array.isArray(n)||n.length===0?s:function(...e){return ko(t,n),s.apply(this,e)}}function et(t,n){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[n]}function j(t,n){return()=>t.path.join(".")+"::"+n}function Ft(t,n){const s=t.__ref,e=!!(n&&n.skipIfEffect);if(Ao(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=ut.replaceLiteralsWithObjectFields.call(t,a,t.state)),ct(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=ut.replaceLiteralsWithObjectFields.call(t,o,t.state);c!=null&&(t.text=c),t.node&&ct(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"&&!N.REGISTRY.has(o)&&!Q(o)&&!s.__exec[o]){if(x.CSS_PROPS_REGISTRY[o]){const i=t[o],c=P(t,t[o+"Deps"],i),a=o;let d;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=x.CSS_PROPS_REGISTRY[a](p,t,t.state,t.context),g=a==="show"||a==="hide";if(h&&t.node){const l=kt(h),y=g&&t.node.style.display!=="none";(l===null||l!==d||y)&&(d=l,Z(t.node,h))}else if(t.node&&g){d=void 0;const l=s.__explicitDisplay;t.node.style.display=typeof l=="string"?l:""}}finally{f&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,a)});s.__effects.push(u),s.__exec[o]=i}else if(x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(o)){const i=t[o],c=P(t,t[o+"Deps"],i),a=o;let d;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!==d&&(d=h,Z(t.node,{[a]:p}))}else d=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 d=i(t,t.state,t.context);t.node&&d!=null&&typeof d!="function"&&(t.node.innerHTML=d)}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 d=a==null?"":String(a);if(t.node.value===d)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=d,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 d=i(t,t.state,t.context),u=kt(d);(u===null||u!==c)&&(c=u,Z(t.node,d))},{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,et(t.styleDeps,o),i);let a;const d=(0,w.createEffect)(()=>{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: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=P(t,et(t.attrDeps,o),t.attr[o]),c=o,a=(0,w.createEffect)(()=>{try{const d=i(t,t.state,t.context);t.node?.setAttribute&&(d==null||d===!1&&!(0,v.isEnumeratedTrueFalseAttr)(c)?t.node.removeAttribute(c):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(c,(0,v.serializeAttrValue)(c,d)))}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,et(t.ariaDeps,o),t.aria[o]),c="aria-"+o.replace(/[A-Z]/g,d=>"-"+d.toLowerCase()),a=(0,w.createEffect)(()=>{try{const d=i(t,t.state,t.context);if(!t.node?.setAttribute)return;d==null?t.node.removeAttribute(c):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(c,(0,v.serializeAttrValue)(c,d))}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,et(t.dataDeps,o),t.data[o]),a="data-"+o.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),d=(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(d)}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,et(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)}!e&&typeof t.if=="function"&&Ut(t,s,t.if);for(const o of Object.keys(t)){if(N.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)&&!x.CSS_PROPS_REGISTRY[o]&&!(x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(o))){const d=(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)(d)?t.node.removeAttribute(d):typeof p!="function"&&typeof p!="object"&&(d==="src"&&"src"in t.node?t.node.src=p:t.node.setAttribute(d,(0,v.serializeAttrValue)(d,p))))}catch{}},{depth:s.path.length,label:j(s,o)});s.__effects.push(f)}}if(wo(t),To(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const d=(0,w.createEffect)(()=>{const u=[];for(let g=0;g<i.length;g++){const l=i[g];try{u[g]=typeof l=="function"?l(t,t.state,t.context):t.state?.[l]}catch{u[g]=void 0}}if(!c){c=!0,a=u;return}let f=u.length!==a.length;for(let g=0;!f&&g<u.length;g++)u[g]!==a[g]&&(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(g){if(t.context?.plugins?.length&&(0,I.runPluginHook)("error",t,{hook:"onStateUpdate",error:g})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',g),t.context?.strictMode)throw g}finally{h&&(0,k.popConfig)()}},{depth:s.path.length,label:j(s,"onStateUpdate")});s.__effects.push(d)}Eo(t)}function Nt(t){const n=t.parent,s=n?.node;if(!s||!t.node){qt(t,t.parent);return}let e=null;const r=Object.keys(n),o=r.indexOf(t.key);for(let i=o+1;i<r.length;i++){const c=n[r[i]];if(c?.node?.parentNode===s){e=c.node;break}}e?s.insertBefore(t.node,e):s.appendChild(t.node)}function Ut(t,n,s){const e=P(t,t.ifDeps,s),r=(0,w.createEffect)(()=>{let o;try{o=e(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();else if(!i&&n.__if)if(n.__ifInitialized)t.node||(t.node=(0,z.cacheNode)(t)),t.node&&(t.node.ref=t),Nt(t),At(t);else{if(n.__ifInitialized=!0,t.tag||(t.tag=(0,z.detectTag)(t)),K("Init",t,{}),t.node||(t.node=(0,z.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}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),zt(t,{}),Ft(t,{skipIfEffect:!0}),At(t),Gt(t),Yt(t,{}),Nt(t),$t(t,{})}},{depth:n.path.length,label:j(n,"if")});n.__effects.push(r)}function ct(t,n){const s=t.node;if(!s)return;const e=n==null?"":String(n);if(t.tag==="string"){s.nodeValue!==e&&(s.nodeValue=e);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!==e&&(o.nodeValue=e):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(e),s.insertBefore(o,s.firstChild)):(s.textContent=e,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),r&&(r.__textNode=o||null)}function At(t){const{node:n}=t;if(n){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&ct(t,t.text),Do(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"&&Z(n,t.style),t.attr&&typeof t.attr=="object")for(const s in t.attr){const e=t.attr[s];typeof e=="function"||typeof e=="object"||e!=null&&(e===!1&&!(0,v.isEnumeratedTrueFalseAttr)(s)||n.setAttribute&&n.setAttribute(s,(0,v.serializeAttrValue)(s,e)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const e=t.data[s];typeof e=="function"||typeof e=="object"||e==null||e===!1||n.dataset&&(n.dataset[s]=e===!0?"":e)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(e=>e&&n.classList.add(e));else if(typeof s=="object")for(const e in s){const r=typeof s[e]=="function"?s[e](t,t.state,t.context):s[e];r&&n.classList.add(typeof r=="string"?r:e)}}}}function kt(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Z(t,n){if(!t||!n||!t.style)return;let s=null;for(const e in n){const r=n[e];if(r!=null){if(e.charAt(0)==="&"&&typeof r=="object"){s||(s={}),s[e]=r;continue}try{const o=String(r),i=e.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),d=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,d,a?"important":"")}catch{}}}s&&So(t,s)}let Co=0;function So(t,n){const s=`_ds${Co++}`;t.classList.add(s);const e=t.ownerDocument;let r=e.querySelector("style[data-smbls-scoped]");r||(r=e.createElement("style"),r.setAttribute("data-smbls-scoped",""),e.head.appendChild(r));let o="";for(const i in n){const c="."+s,a=i.replace(/&/g,c).split(",").map(u=>{const f=u.trim();return f.includes(c)?f:c+f}).join(", "),d=n[i];if(typeof d=="object"){let u="",f="";for(const p in d){const h=d[p];if(typeof h=="object"){const g=p.includes("&")?a.split(", ").map(y=>p.replace(/&/g,y)).join(", "):a.split(", ").map(y=>`${y} ${p}`).join(", ");let l="";for(const y in h)l+=`${y.replace(/[A-Z]/g,_=>"-"+_.toLowerCase())}: ${h[y]};`;f+=(0,H.wrapHoverRule)(`${g} { ${l} }`,g)+`
|
|
5
|
-
`}else u+=`${p.replace(/[A-Z]/g,
|
|
6
|
-
`),f&&(o+=f)}}o&&(r.textContent+=o)}const It=new Set;function Bt(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 vo(t,n,s){const e=Bt(s);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=n(t,t.state,t.context)}catch{return}if(Bt(r)===e)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";It.has(o)||(It.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 wo(t){const n=t.subscribeTo,s=typeof n=="function";let e=n;if(s)try{e=n(t,t.state,t.context)}catch{e=null}if(s&&(0,it.isLoudDevRuntime)()&&vo(t,n,Array.isArray(e)?e:[]),!Array.isArray(e)||e.length===0)return;const r=t.__ref;for(let o=0;o<e.length;o++){const i=e[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],d=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 l=0;l<d.length&&!(h==null||typeof h!="object");l++)if((0,D.isStore)(h))h=h[d[l]];else break;if(!u.value)return;let g=!1;if(typeof t.onBeforeUpdate=="function"){const l=t.context?.designSystem;l&&(0,k.pushConfig)(l);try{if(Xt(r)){const y=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});y&&typeof y.then=="function"?y.then(()=>at(r,!1),_=>{at(r,!0),t.context?.plugins?.length&&(0,I.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:_})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",_)}):(at(r,!1),y===!1&&(g=!0))}}catch(y){at(r,!0),t.context?.plugins?.length&&(0,I.runPluginHook)("error",t,{hook:"onBeforeUpdate",error:y})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",y)}finally{l&&(0,k.popConfig)()}}if(!g&&t.node&&r.__effects)for(let l=0;l<r.__effects.length;l++){const y=r.__effects[l];y&&y!==f&&!y._disposed&&!y._isSubscribeToEffect&&typeof y._execute=="function"&&y._execute()}if(!g&&typeof t.onUpdate=="function"){const l=t.context?.designSystem;l&&(0,k.pushConfig)(l);try{t.onUpdate(t,t.state,t.context)}catch(y){t.context?.plugins?.length&&(0,I.runPluginHook)("error",t,{hook:"onUpdate",error:y})||console.error("[DOMQL] subscribeTo onUpdate error:",y)}finally{l&&(0,k.popConfig)()}}},{depth:r.path.length,label:j(r,"subscribeTo("+i+")")});u.value=!0,f._isSubscribeToEffect=!0,r.__effects.push(f)}}function Ct(t,n){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&(t==="@dark"||t==="@light"||!n.context?.designSystem?.media?.[t.slice(1)])}const Kt=new Set;function jo(t,n){const s=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?",e=s+"::"+t;Kt.has(e)||(Kt.add(e),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 e={},r=new Set,o=(i,c,a)=>{const d=a?new Set(Object.keys(e)):null;if(x.CSS_PROPS_REGISTRY[i]){const u=x.CSS_PROPS_REGISTRY[i](c,n,n.state,n.context);if(u){const f=Array.isArray(u)?u:[u];for(const p of f)p&&Object.assign(e,p)}}else e[i]=c;if(a)for(const u in e)d.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(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 p=c[f];if(typeof p=="function"&&(p=p(n,n.state,n.context)),p==null||typeof p=="function")continue;const h=typeof n[f]=="function"&&(x.CSS_PROPS_REGISTRY[f]||x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(f));o(f,p,h)}continue}if(Ct(i,n)){const f=X(c,n,!1);Object.keys(f).length&&(e[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){(0,it.isLoudDevRuntime)()&&jo(i,n);continue}let d=i;if(i.charCodeAt(0)===64&&!i.startsWith("@media")&&!i.startsWith("@keyframes")){const f=n.context?.designSystem?.media?.[i.slice(1)];f&&(d=`@media ${f}`)}const u=X(c,n,!1);Object.keys(u).length&&(e[d]=u);continue}const a=typeof n[i]=="function"&&(x.CSS_PROPS_REGISTRY[i]||x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(i));o(i,c,a)}if(s)for(const i in e)r.add(i);for(const i of r){const c=e[i];typeof c=="string"&&!c.includes("!important")&&(e[i]=c+" !important")}return e}function St(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)&&St(t[s],n+1))return!0}return!1}function Vt(t,n,s){if(!n||typeof n!="object"||Array.isArray(n))return null;if(Ct(t,s)){const o=X(n,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}let e=t;if(t.charAt(0)==="@"&&!t.startsWith("@media")&&!t.startsWith("@keyframes")){const o=s.context?.designSystem?.media?.[t.slice(1)];o&&(e=`@media ${o}`)}const r=X(n,s,!1);return Object.keys(r).length?{cssProp:e,block:r}:null}function Eo(t){const n=t.__ref;for(const s of Object.keys(t)){if(!bt(s))continue;const e=t[s];if(!e||typeof e!="object"||Array.isArray(e)||!St(e))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,d=!1;try{const u=Vt(s,e,t),f=u?kt(u.block)+"::"+u.cssProp:null;if(f!==null&&f===o)d=!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(!(d||!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:n.path.length,label:j(n,"cssBlock("+s+")")});n.__effects.push(i)}}function To(t){const n=t.__ref;n.__conditionalRunners=[];const s=new Map;for(const e of Object.keys(t)){const r=e.charAt(0);if(r!=="."&&r!=="!")continue;const o=e.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 \`${e}\` 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[e];if(!i||typeof i!="object")continue;const c=r==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},d=()=>{let f;const p=t[o];if(p===void 0){const l=!!t.state&&o in t.state,y=t.state?t.state[o]:void 0;if(l||y!==void 0)f=y;else{const _=t.context?.cases?.[o];if(_===void 0)return;try{f=typeof _=="function"?_.call(t,t):_}catch(A){f=!1,n.__conditionalError=A,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${e}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,A?.message||A)}}}else if(typeof p=="function")try{f=p(t,t.state,t.context)}catch(l){f=!1,n.__conditionalError=l,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${e}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,l?.message||l)}else f=p;const h=c?!f:!!f;if(!t.node||h===a.lastMatch)return;a.lastMatch=h;const g=t.context?.designSystem;g&&(0,k.pushConfig)(g);try{if(h){const l={},y={};let _=!1;for(const b in i){if(!Object.prototype.hasOwnProperty.call(i,b))continue;const E=i[b],L=b.charAt(0);if((L===":"||L==="@"||L==="&")&&E&&typeof E=="object"&&!Array.isArray(E)){if(Ct(b,t)){const R=X(E,t,!1);Object.keys(R).length&&(y[`[data-theme="${b.slice(1)}"] &`]=R,_=!0)}else{let R=b;if(L==="@"&&!b.startsWith("@media")&&!b.startsWith("@keyframes")){const T=t.context?.designSystem?.media?.[b.slice(1)];T&&(R=`@media ${T}`)}const Y=X(E,t,!1);Object.keys(Y).length&&(y[R]=Y,_=!0)}continue}const W=typeof E=="function"?E(t,t.state,t.context):E;if(W!=null)if(x.CSS_PROPS_REGISTRY[b]){const R=x.CSS_PROPS_REGISTRY[b](W,t,t.state,t.context);if(R){const Y=Array.isArray(R)?R:[R];for(const T of Y)T&&Object.assign(l,T)}}else x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(b)&&(l[b]=W)}const A=Object.keys(l);if(A.length){Z(t.node,l);for(const b of A)s.set(b,e);a.appliedKeys=A}else a.appliedKeys=null;if(_){const b=(0,H.css)(y,null,t.context?.cssPrefix),E=b?b.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 b of a.appliedClasses)t.node.classList.remove(b);a.appliedClasses=null}}else{if(a.appliedKeys){for(const l of a.appliedKeys)s.get(l)===e&&(t.node.style[l]="",s.delete(l));a.appliedKeys=null}if(a.appliedClasses){for(const l of a.appliedClasses)t.node.classList.remove(l);a.appliedClasses=null}}}finally{g&&(0,k.popConfig)()}};n.__conditionalRunners.push(d);const u=(0,w.createEffect)(d,{depth:n.path.length,label:j(n,"conditional("+e+")")});n.__effects.push(u)}}const vt=new WeakSet;function Po(t){const n=t.ownerDocument;!n||vt.has(n)||(vt.add(n),queueMicrotask(()=>{vt.delete(n);const s=n.body||n.documentElement;s&&s.offsetWidth}))}const wt=new WeakSet;let Ht=!1;function Do(t){const{node:n}=t;if(!n)return;if(Ht||(Ht=!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,x.pushStaticCssPass)();try{const e={};let r=!1;if(Object.prototype.hasOwnProperty.call(t,"theme")&&typeof t.theme!="function"&&x.CSS_PROPS_REGISTRY.theme){const o=x.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(e,i);else Object.assign(e,o);r=!0}}for(const o of Object.keys(t)){if(typeof t[o]=="function"||N.REGISTRY.has(o)||o==="theme")continue;const i=o.charCodeAt(0);if(!(i>=65&&i<=90)&&!Q(o)){if(x.CSS_PROPS_REGISTRY[o]){const c=t[o],a=x.CSS_PROPS_REGISTRY[o](c,t,t.state,t.context);if(a){if(Array.isArray(a))for(const d of a)d&&Object.assign(e,d);else Object.assign(e,a);r=!0}}else if(x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(o)){const c=t[o];c!=null&&typeof c!="object"&&(e[o]=c,r=!0)}else if(o.charCodeAt(0)===45){const c=t[o];c!=null&&typeof c!="object"&&(e[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(St(c))continue;const a=Vt(o,c,t);a&&(e[a.cssProp]=a.block,r=!0)}}}}if(r){e.display&&String(e.display).includes("!important")&&(n.style.setProperty("display",String(e.display).replace(/\s*!important\s*$/,""),"important"),delete e.display);const o=(0,H.css)(e,null,t.context?.cssPrefix);if(o&&n.classList){const c=o.split(" ").filter(Boolean);let a=!1;for(const d of c)n.classList.add(d),a||(d.charCodeAt(0)===95&&d.charCodeAt(1)===99||d.charCodeAt(0)===95&&d.indexOf("_c",1)!==-1)&&(a=!0);a&&Po(n)}const i=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(i!=null){const c=e.display;if(c&&c!==i)if(i==="none"){const a=[];for(const d of n.classList)d.startsWith("_d-")&&d!=="_d-none"&&a.push(d);for(const d of a)n.classList.remove(d);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,x.popStaticCssPass)(),s&&(0,k.popConfig)(),wt.delete(t)}}function Gt(t){const{node:n}=t;if(!n||!n.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());n.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"&&n.setAttribute(r,o===!0?"":o)}const e=t.tag||"div";for(const r of Object.keys(t)){if(typeof t[r]=="function"||N.REGISTRY.has(r)||r==="on"||s[r]!==void 0)continue;const o=r.charCodeAt(0);if(!(o>=65&&o<=90)&&!Q(r)&&!(x.CSS_PROPS_REGISTRY[r]||x.DEFAULT_CSS_PROPERTIES_LIST&&x.DEFAULT_CSS_PROPERTIES_LIST.has(r))&&(0,v.checkAttributeByTagName)(e,r)){let i=t[r];if(i==null||(typeof i=="string"&&i.includes("{{")&&(i=(0,ut.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;n.setAttribute(c,(0,v.serializeAttrValue)(c,i))}}}function Oo(t,n){const s=t.node,e=t.__ref;let r=e.__autoGrow;if(!n){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=e.__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)}},e.__eventCleanup||(e.__eventCleanup=[]),e.__eventCleanup.push(()=>{try{s.removeEventListener("input",r.resize)}catch{}})),r.active||(s.addEventListener("input",r.resize),r.active=!0);const o=typeof n=="object"&&n.max!=null?String(n.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 Lo(t){if(!t.autoGrow)return;const n=t.node;if(!n||n.tagName!=="TEXTAREA")return;const s=t.__ref,e=t.autoGrow,r=typeof e=="function"?P(t,t.autoGrowDeps,e):null,o=(0,w.createEffect)(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===e&&r?r:i)(t,t.state,t.context)}catch{c=null}Oo(t,c)},{depth:s.path.length,label:j(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),r&&(s.__exec.autoGrow=e)}const Wt=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function zt(t,n){for(const s of Object.keys(t)){if(!Q(s)||Wt.has(s))continue;const e=(0,m.globalEventKeyInfo)(s);if(e){(0,m.registerGlobalEvent)(e,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=yo(s);N.LIFECYCLE_EVENTS.has(o)||(0,m.registerEvent)(ho(o),t,r)}$o(t)}function $o(t){const n=t.node;if(!n||!n.addEventListener)return;const s={};let e=!1;for(const p of Wt){const h=t[p];typeof h=="function"&&(s[p]=h,e=!0)}if(!e)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,d=!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(),d=!0)},f=p=>{if(!d)return;d=!1;const h=p.changedTouches&&p.changedTouches[0]||p.touches&&p.touches[0];if(!h)return;const g=h.clientX-i,l=h.clientY-c,y=Date.now()-a;if(y>o)return;const _=Math.abs(g),A=Math.abs(l);if(Math.max(_,A)<r)return;let b;if(_>A*1.2)b=g<0?"left":"right";else if(A>_*1.2)b=l<0?"up":"down";else return;const E="onSwipe"+b.charAt(0).toUpperCase()+b.slice(1),L=s[E],W=s.onSwipe;L&&L.call(t,p,t,t.state,t.context),W&&W.call(t,{direction:b,dx:g,dy:l,dt:y,event:p},t,t.state,t.context)};n.addEventListener("touchstart",u,{passive:!0}),n.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{n.removeEventListener("touchstart",u)}catch{}try{n.removeEventListener("touchend",f)}catch{}})}function rt(t,n){const s={...t};for(const e in n){const r=s[e],o=n[e];r&&o&&typeof r=="object"&&typeof o=="object"&&!Array.isArray(r)&&!Array.isArray(o)&&typeof r!="function"&&typeof o!="function"?s[e]=rt(r,o):s[e]=o}return s}function jt(t,n,s){if(!n||!t.node)return;const e=t.childExtends;if(Array.isArray(n)){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 d=0;d<n.length;d++){let u=n[d];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 l=f;(typeof f=="string"||typeof f=="number")&&(l={value:f,text:f}),u=p?{...p,state:l}:{state:l}}else p&&(u=rt(p,u));if(e&&!u.ignoreChildExtends)if(u.extends){const l=Array.isArray(u.extends)?u.extends:[u.extends],y=Array.isArray(e)?e:[e];u={...u,extends:[...y,...l]}}else u={...u,extends:e};const h=u?.key||f&&typeof f=="object"&&f.key||`${d}`;let g;try{g=V(u,t,h,s)}catch(l){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):`,l?.message||l)}continue}!r&&g?.node&&i.appendChild(g.node)}return r||t.node.appendChild(i),!0}if(typeof n=="string"){const r=Rt(n,t);if(Array.isArray(r))return jt(t,r,s)}if(typeof n=="object")for(const r in n){if(N.REGISTRY.has(r))continue;let o=n[r];if(!(o==null||o===!1)){if((typeof o=="string"||typeof o=="number")&&(o={text:o}),t.childProps&&(o=rt(t.childProps,o)),e&&!o.ignoreChildExtends)if(o.extends){const i=Array.isArray(o.extends)?o.extends:[o.extends],c=Array.isArray(e)?e:[e];o={...o,extends:[...c,...i]}}else o={...o,extends:e};V(o,t,r,s)}}}function Et(t,n){const s=t.node;if(!s||s.tagName!=="SELECT")return;const e=s.options;if(!e||!e.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=n||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!a)return;let d=-1;for(let u=0;u<e.length;u++)e[u].defaultSelected&&(d=u);d>=0&&s.selectedIndex!==d&&(s.selectedIndex=d)}function Yt(t,n){let{children:s,content:e}=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 _=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${_} (initial run, treating as empty):`,y?.message||y)}}t.children=s;const p=t.__ref;let h=!1;const g=P(t,t.childrenDeps,f),l=(0,w.createEffect)(()=>{const y=h;h=!0;let _;try{_=g(t,t.state,t.context)}catch(T){if(typeof console<"u"&&console.error){const F=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${F}${y?"":" (initial tracking run)"}:`,T?.message||T)}return}if(!y||_===t.children)return;t.children=_;const A=typeof t.onContentUpdate=="function",b=A?[]:null,E=A?[]:null,L=A?[]:null;if(Array.isArray(_)&&t.childrenAs==="state"){const T=t.childProps,F=[],Tt=new Map;for(let C=0;C<_.length;C++){const $=_[C];let S=T;if(typeof T=="function")try{S=T(t,$)}catch{S=null}const B=S&&S.key||$&&$.key||`${C}`;F.push(B),Tt.set(B,{rawChild:$,childProps:S})}const Jt=new Set(F),mt=p.__children.slice();for(const C of mt)if(!Jt.has(C)){const $=t[C];$?.remove&&$.remove(),delete t[C],E&&E.push(C)}const tt=t.childExtends,ft=t.tag==="fragment",to=t.context?.document||globalThis.document,ot=ft?null:to?.createDocumentFragment(),pt=new Set;for(const C of F){const $=Tt.get(C),S=$.rawChild,B=t[C];if(B&&B.state){if(S&&typeof S=="object"){const O=B.state,q=O.$replace||O.replace,Dt=O.$update||O.update;try{if(typeof q=="function")q.call(O,S);else if(typeof Dt=="function"){for(const M in O)if(!(M==="__element"||M==="root"||M==="parent"||M==="update")&&!Object.prototype.hasOwnProperty.call(S,M))try{O[M]=void 0}catch{}Dt.call(O,S)}else for(const M in S)O[M]=S[M]}catch(M){if(typeof console<"u"&&console.error){const oo=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${C}" failed to patch at ${oo} (reconcile, keeping its previous data for this pass):`,M?.message||M)}}}L&&L.push(C);continue}let yt=S;(typeof S=="string"||typeof S=="number")&&(yt={value:S,text:S});const Pt=$.childProps;let U=Pt?{...Pt,state:yt}:{state:yt};if(tt&&!U.ignoreChildExtends)if(U.extends){const O=Array.isArray(U.extends)?U.extends:[U.extends],q=Array.isArray(tt)?tt:[tt];U={...U,extends:[...q,...O]}}else U={...U,extends:tt};let ht;try{ht=V(U,t,C,n)}catch(O){if(typeof console<"u"&&console.error){const q=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] child "${C}" failed to construct at ${q} (reconcile, skipping this row):`,O?.message||O)}pt.add(C);continue}!ft&&ht?.node&&ot&&ot.appendChild(ht.node),b&&b.push(C)}if(!ft&&ot&&ot.childNodes.length&&t.node&&t.node.appendChild(ot),!ft&&t.node){let C=null;for(const $ of F){const S=t[$]?.node;if(!S)continue;const B=C?C.nextSibling:t.node.firstChild;S!==B&&t.node.insertBefore(S,B),C=S}}p.__children=pt.size?F.filter(C=>!pt.has(C)):F,A&&(b.length||E.length)&&Mt(t,{added:b,removed:E,kept:L}),Et(t,!1);return}const Y=A?[...p.__children]:null;for(const T of[...p.__children]){const F=t[T];F?.remove&&F.remove(),delete t[T]}p.__children=[],jt(t,_,n),Et(t,!1),A&&Mt(t,{added:[...p.__children],removed:Y,kept:[]})},{depth:p.path.length,label:j(p,"children")});p.__effects.push(l)}const o=jt(t,s,n);if(e!=null&&!(e&&e.__ref)){let f=e;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=rt(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",n)}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 g=h.slice(0,-7);if(!g||g.charCodeAt(0)<65||g.charCodeAt(0)>90)continue;const l={extends:t[h]};delete t[h];for(let y=p+1;y<f.length;y++){const _=f[y],A=_.charCodeAt(0);if(A>=65&&A<=90||N.REGISTRY.has(_)||typeof t[_]=="function"&&(_.startsWith("on")||_.startsWith(".")))break;const b=t[_];b!==void 0&&(l[_]=b,delete t[_])}t[g]&&typeof t[g]=="object"?t[g]={...l,...t[g]}:t[g]=l}}const c=n?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),d=f=>{if(N.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 g=i[f]||i[`smbls.${f}`];g&&(h={...h,extends:g})}if(t.childProps&&(h=rt(t.childProps,h)),r&&!h.ignoreChildExtends)if(h.extends){const g=Array.isArray(h.extends)?h.extends:[h.extends],l=Array.isArray(r)?r:[r];h={...h,extends:[...l,...g]}}else h={...h,extends:r};V(h,t,f,n)}};if(!c){for(const f of a)d(f);return}(0,G.openMountBudget)();const u=f=>{for(let p=f;p<a.length;p++)if(d(a[p]),p+1<a.length&&(0,G.mountBudgetExhausted)()){const h=p+1;(0,G.enqueueMountWork)(()=>u(h));return}};u(0),(0,G.closeMountBudget)()}function qt(t,n,s){const{node:e}=t;if(!e)return;e.ref=t;const r=n?.tag==="fragment"?n.__ref?.__fragmentAnchor:null;if(r){const i=r.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(e,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(e,c||r)}else i.insertBefore(e,r);return}}const o=n?.node||(n?.nodeType?n:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(e,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(e,i):o.appendChild(e)}else o.appendChild(e)}const lt=3;function Xt(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=lt?!1:(t.__inBeforeUpdate=!0,!0)}function at(t,n){t&&(t.__inBeforeUpdate=!1,n?(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,n,s){const e=t.charAt(0).toLowerCase()+t.slice(1);n.context?.plugins?.length&&(0,I.runPluginHook)(e,n,s);const r="on"+t,o=n[r];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 d=n.context?.designSystem;d&&(0,k.pushConfig)(d);let u=!!a;try{const f=o(n,n.state,n.context,s);if(f&&typeof f.then=="function"){const p=n.__ref;return f.catch(h=>{n.context?.plugins?.length&&(0,I.runPluginHook)("error",n,{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(n.context?.plugins?.length&&(0,I.runPluginHook)("error",n,{hook:r,error:f})||console.error(`[DOMQL] Lifecycle "${r}" error:`,f),n.context?.strictMode)throw f}finally{d&&(0,k.popConfig)(),u&&n.__ref&&(n.__ref[a]=!1)}}return!0}var Mo=V;
|
|
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 u+=`${p.replace(/[A-Z]/g,_=>"-"+_.toLowerCase())}: ${h};`}u&&(o+=(0,H.wrapHoverRule)(`${a} { ${u} }`,a)+`
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var s=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var d=(n,e)=>{for(var t in e)s(n,t,{get:e[t],enumerable:!0})},u=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!g.call(n,o)&&o!==t&&s(n,o,{get:()=>e[o],enumerable:!(i=_(e,o))||i.enumerable});return n};var c=n=>u(s({},"__esModule",{value:!0}),n);var N={};d(N,{ELEMENT_ID_ENGINE_KEY:()=>r,__resetElementIdEngine:()=>I,resolveElementIdEngine:()=>p});module.exports=c(N);var E=require("./version.js");const r="__SMBLS_ELEMENT_ID_ENGINE__",p=(n,e,t)=>{const i=e||E.VERSION,o=t||(typeof globalThis<"u"?globalThis:null);if(!o)return n;const l=o[r];return l&&l.engine&&l.version===i?l.engine:(l||(o[r]={version:i,engine:n}),n)},I=n=>{const e=n||(typeof globalThis<"u"?globalThis:null);e&&delete e[r]};
|
|
@@ -0,0 +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.781";
|
package/dist/esm/src/create.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{createStore as pt,createScopeStore as
|
|
2
|
-
`+
|
|
1
|
+
import{createStore as pt,createScopeStore as ro,isStore as K}from"@symbo.ls/signal";import{createEffect as S}from"@symbo.ls/signal";import{cacheNode as yt,detectTag as Mt}from"./cache.js";import{REGISTRY as V,LIFECYCLE_EVENTS as io}from"./registry.js";import{registerEvent as co,registerGlobalEvent as ao,globalEventKeyInfo as fo}from"./delegate.js";import{applyExtends as uo}from"./extends.js";import{addMethods as lo}from"./methods.js";import"./dispose.js";import{isLoudDevRuntime as rt}from"./devRuntime.js";import{mountBudgetExhausted as po,openMountBudget as yo,closeMountBudget as ho,enqueueMountWork as _o}from"./mountScheduler.js";import{replaceLiteralsWithObjectFields as ht,isPolyglotWritableKey as go,markPolyglotSeeded as bo}from"@symbo.ls/utils";import{runPluginHook as U}from"@symbo.ls/utils/function.js";import{applyStateMethods as m}from"@symbo.ls/state";import{CSS_PROPS_REGISTRY as E,DEFAULT_CSS_PROPERTIES_LIST as w,pushStaticCssPass as xo,popStaticCssPass as Ao}from"css-in-props";import{css as it,wrapHoverRule as Rt}from"@symbo.ls/css";import{pushConfig as D,popConfig as O}from"@symbo.ls/scratch";import{checkAttributeByTagName as _t,applyAttrTransforms as ko,camelToAttr as gt,serializeAttrValue as Y,isEnumeratedTrueFalseAttr as ct}from"attrs-in-props";import{resolveElementIdEngine as So}from"./engineRegistry.js";import{VERSION as Co}from"./version.js";const Nt=So({uniqId:1,scopedStyleId:0},Co),tt=[];let bt=!1;function Ft(){return typeof Date<"u"&&typeof Date.now=="function"?Date.now():0}function vo(){return typeof document<"u"&&document.visibilityState==="hidden"}const wo=250;function It(){if(!bt){if(bt=!0,typeof requestAnimationFrame!="function"){setTimeout(xt,0);return}vo()?setTimeout(xt,wo):requestAnimationFrame(xt)}}const jo=300,Eo=15e4;function xt(){if(bt=!1,!tt.length)return;const t=tt.splice(0,tt.length);for(let e=0;e<t.length;e++){const s=t[e];if(s.node){if(!s.node.isConnected){const n=s.__ref||(s.__ref={});n.__mountAttempts=(n.__mountAttempts||0)+1,n.__mountFirstAttemptAt==null&&(n.__mountFirstAttemptAt=Ft());const r=Ft()-n.__mountFirstAttemptAt;n.__mountAttempts<=jo&&r<Eo?(tt.push(s),It()):console.warn("[DOMQL] onMounted dropped after",n.__mountAttempts,"attempts /",r,"ms \u2014 node never connected:",s.key||s.tag||s);continue}B("Mounted",s,s.__ref?.__mountOptions||{})}}}function Ut(t,e){typeof t.onMounted=="function"&&(t.__ref.__mountOptions=e,tt.push(t),It())}function Bt(t,e){if(typeof t.onContentUpdate!="function")return;t.context?.plugins?.length&&U("contentUpdate",t,e);const s=t.context?.designSystem;s&&D(s);try{t.onContentUpdate(t,t.state,t.context,e)}catch(n){if(t.context?.plugins?.length&&U("error",t,{hook:"onContentUpdate",error:n})||console.error('[DOMQL] Lifecycle "onContentUpdate" error:',n),t.context?.strictMode)throw n}finally{s&&O()}}function q(t){return t.length>2&&t.charCodeAt(0)===111&&t.charCodeAt(1)===110&&t.charCodeAt(2)>=65&&t.charCodeAt(2)<=90}function To(t){return t.charAt(2).toLowerCase()+t.slice(3)}function Po(t){return t.toLowerCase()}function At(t){const e=t.charCodeAt(0);return e===58||e===64||e===38}function ot(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]=ot(r,o):s[n]=o}return s}function G(t,e,s,n={},r){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=e||null,o.context=t.context||e?.context||n.context||{},o.context.__create||(o.context.__create=G);const i=o.__ref={__if:!0,__children:[],__exec:{},__effects:[],__eventCleanup:[],root:e?.__ref?.root||o,path:e?.__ref?.path?[...e.__ref.path,o.key]:[o.key],origin:t};if(s&&!t.extends&&!t.extend){const d=s.indexOf("_"),y=s.indexOf(".");let g=d>0?d:-1;if(y>0&&(g<0||y<g)&&(g=y),g>0){const b=s.substring(0,g),x=o.context?.components;x&&(x[b]||x["smbls."+b])?t={...t,extends:b}:x&&rt()&&(/^[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.`)}}uo(o,t,n);const c=new Set(["childProps","attr","style","scope","data"]),a=o.props&&typeof o.props=="object"?o.props:null;for(const d in t){if(d==="parent"||d==="node"||d==="__ref"||d==="extends"||d==="context"||d==="props")continue;const y=t[d],g=o[d],b=g&&y&&typeof g=="object"&&typeof y=="object"&&!Array.isArray(g)&&!Array.isArray(y)&&typeof g!="function"&&typeof y!="function";b&&d.charCodeAt(0)>=65&&d.charCodeAt(0)<=90?o[d]=ot(g,y):b&&c.has(d)?o[d]={...g,...y}:b&&At(d)?o[d]=ot(g,y):o[d]=y}function l(d){for(const y in d){const g=d[y],b=o[y],x=b&&g&&typeof b=="object"&&typeof g=="object"&&!Array.isArray(b)&&!Array.isArray(g)&&typeof b!="function"&&typeof g!="function";x&&y.charCodeAt(0)>=65&&y.charCodeAt(0)<=90?o[y]=ot(b,g):x&&c.has(y)?o[y]={...b,...g}:x&&At(y)?o[y]=ot(b,g):o[y]=g}}a&&l(a),t.props&&typeof t.props=="object"&&l(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 u=o.scope&&typeof o.scope=="object"?o.scope:null,f=e?.scope,p=o.context&&typeof o.context.globalScope=="object"&&o.context.globalScope||null,h=f||p||null;if(t.scope!==void 0||u){const d={};u&&Object.assign(d,u),t.scope!==void 0&&Object.assign(d,t.scope),o.scope=ro(d,h)}else h&&(o.scope=h);if(t.if!==void 0&&(o.if=t.if),lo(o),Do(o,e,t),o.if!=null){let d;if(typeof o.if=="function")try{d=o.if(o,o.state,o.context)}catch(y){if(d=!1,i.__ifError=y,typeof console<"u"&&console.warn){const g=o.key||o.tag||"?";console.warn(`[smbls] \`if:\` evaluator threw on ${g} \u2014 treating as false:`,y?.message||y)}}else d=o.if;i.__if=!!d}if(i.__if)typeof o.if=="function"&&(i.__ifInitialized=!0);else return e&&(e[o.key]=o),typeof o.if=="function"&&Gt(o,i,o.if),o;o.tag||(o.tag=Mt(o)),B("Init",o,n);const _=o.node=yt(o);if(!_)return o;if(o.tag==="fragment"){const y=(o.context?.document||globalThis.document).createComment("");_.appendChild(y),i.__fragmentAnchor=y}B("AttachNode",o,n),_.setAttribute&&o.key&&_.setAttribute("data-key",o.key),e&&(e[o.key]=o,e.__ref?.__children&&(e.__ref.__children.includes(o.key)||e.__ref.__children.push(o.key))),_.setAttribute&&o.context?.scopeSelector&&o.context.scopeSelector!==":root"&&o.context.key&&o.key===o.context.key&&_.setAttribute("data-smbls-app",o.context.key),o.id&&_.setAttribute&&(_.id=o.id),Jt(o,n),Vt(o),St(o),Qt(o),Wo(o);try{mt(o,n)}catch(d){if(typeof console<"u"&&console.error){const y=o.__ref?.path?.join(".")||o.key||"<root>";console.error(`[smbls] createChildren failed at ${y}:`,d?.message||d,d?.stack?`
|
|
2
|
+
`+d.stack.split(`
|
|
3
3
|
`).slice(0,6).join(`
|
|
4
|
-
`):"")}}if(Pt(o,!0),mt(o,n,r),typeof o.html=="function"&&o.node&&!o.node.innerHTML){const l=o.context?.designSystem;l&&D(l);try{const y=o.html(o,o.state,o.context);y!=null&&typeof y!="function"&&(o.node.innerHTML=y)}catch{}finally{l&&O()}}if(B("Create",o,e),B("Complete",o,e),B("Render",o,e),B("RenderRouter",o,e),Ut(o,e),typeof o.onFrame=="function"){const l=o.onFrame,y=o.context?.designSystem,_=()=>{if(o.node){if(o.node.isConnected){y&&D(y);try{l(o,o.state,o.context)}catch(x){console.error("[DOMQL] onFrame error:",x)}finally{y&&O()}}requestAnimationFrame(_)}};requestAnimationFrame(_)}return o}function jo(t,n,s){const e=!n,r=s.state&&typeof s.state=="object"&&!Array.isArray(s.state)&&Object.keys(s.state).length===0,o=e&&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(n?.state)t.state=n.state,m(t,t.state);else if(t.context?.state){const c=t.context.state,a={...c},d=t.context?.polyglot;if(d?.translations){const u=c.lang||d.defaultLang||"en",f=d.translations[u];if(f&&typeof f=="object")for(const h in f)a[h]===void 0&&(a[h]=f[h]);const p=new Set(d.languages||[]);for(const h in d.translations)!p.has(h)&&a[h]===void 0&&(a[h]=d.translations[h])}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=Bt(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})}m(t,t.state);return}if(typeof i=="function"){const c=i(t,n?.state);t.state=K(c)?c:pt(c||{})}else K(i)?t.state=i:t.state=pt({...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,m(t,t.state)}function kt(t,n){if(!n)return t;const s=n.split("/");let e=t;for(const r of s){if(e==null)return{};e=e[r]}return e??{}}function Bt(t,n){if(!n)return{};if(t===".")return n.state||{};if(t.startsWith("../")){const r=t.slice(3);return r?kt(n.state,r):n.state??{}}if(t.startsWith("~/")){const r=n.state?.root||n.state,o=t.slice(2);return o?kt(r,o):r??{}}if(n.state?.[t]!==void 0)return n.state[t];const s=kt(n.state,t);if(s!=null&&Object.keys(s).length>0)return s;const e=n.context?.polyglot;if(e?.translations){const r=n.state?.root?.lang||e.defaultLang||"en",o=e.translations[r];if(o?.[t]!==void 0)return o[t];if(e.translations[t]!==void 0)return e.translations[t]}return{}}const Eo=new Set(["s","state","ctx","context"]);function To(t){try{const s=Function.prototype.toString.call(t).match(/^[^(]*\(([^)]*)\)/);return s?s[1].split(",").map(e=>e.trim().split("=")[0].trim()).filter(Boolean):[]}catch{return[]}}function Po(t){if(typeof t!="function"||t.length!==2)return!1;const n=To(t);if(n.length<2)return!1;const s=n[1].replace(/[{}[\]]/g,"").trim();return s.length>0&&!Eo.has(s)}function Do(t){const n=t.__ref,s=t.tag||"div",e=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()&&Po(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];n.__exec[c]=a,Object.defineProperty(t,c,{get(){e&&D(e);try{return a(t,t.state,t.context)}catch{return}finally{e&&O()}},set(d){delete n.__exec[c],Object.defineProperty(t,c,{value:d,writable:!0,configurable:!0,enumerable:!0})},configurable:!0,enumerable:!0})}}function Oo(t,n){if(!(!Array.isArray(n)||n.length===0))for(let s=0;s<n.length;s++){const e=n[s];try{typeof e=="function"?e(t,t.state,t.context):typeof e=="string"&&t.state?.[e]}catch{}}}function T(t,n,s){return!Array.isArray(n)||n.length===0?s:function(...e){return Oo(t,n),s.apply(this,e)}}function st(t,n){if(!(!t||Array.isArray(t)||typeof t!="object"))return t[n]}function S(t,n){return()=>t.path.join(".")+"::"+n}function Kt(t,n){const s=t.__ref,e=!!(n&&n.skipIfEffect);if(Do(t),typeof t.text=="function"){const o=t.text,i=T(t,t.textDeps,o),c=C(()=>{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:S(s,"text")});s.__effects.push(c),s.__exec.text=o}else if(typeof t.text=="string"&&t.text.includes("{{")){const o=t.text,i=C(()=>{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:S(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 d;const u=C(()=>{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),g=a==="show"||a==="hide";if(h&&t.node){const l=St(h),y=g&&t.node.style.display!=="none";(l===null||l!==d||y)&&(d=l,Q(t.node,h))}else if(t.node&&g){d=void 0;const l=s.__explicitDisplay;t.node.style.display=typeof l=="string"?l:""}}finally{f&&O()}},{depth:s.path.length,label:S(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 d;const u=C(()=>{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!==d&&(d=h,Q(t.node,{[a]:p}))}else d=void 0,t.node.style[a]=""}finally{f&&O()}},{depth:s.path.length,label:S(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=C(()=>{const a=t.context?.designSystem;a&&D(a);try{const d=i(t,t.state,t.context);t.node&&d!=null&&typeof d!="function"&&(t.node.innerHTML=d)}finally{a&&O()}},{depth:s.path.length,label:S(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=C(()=>{try{const a=i(t,t.state,t.context);if(!t.node||!("value"in t.node))return;const d=a==null?"":String(a);if(t.node.value===d)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=d,u&&f!=null&&p!=null)try{t.node.setSelectionRange(f,p)}catch{}}catch{}},{depth:s.path.length,label:S(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=C(()=>{const d=i(t,t.state,t.context),u=St(d);(u===null||u!==c)&&(c=u,Q(t.node,d))},{depth:s.path.length,label:S(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 d=C(()=>{try{const u=c(t,t.state,t.context);if(t.node){const f=o+":"+String(u);f!==a&&(a=f,Q(t.node,{[o]:u}))}}catch{}},{depth:s.path.length,label:S(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=T(t,st(t.attrDeps,o),t.attr[o]),c=o,a=C(()=>{try{const d=i(t,t.state,t.context);t.node?.setAttribute&&(d==null||d===!1&&!ct(c)?t.node.removeAttribute(c):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(c,Y(c,d)))}catch{}},{depth:s.path.length,label:S(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,d=>"-"+d.toLowerCase()),a=C(()=>{try{const d=i(t,t.state,t.context);if(!t.node?.setAttribute)return;d==null?t.node.removeAttribute(c):typeof d!="function"&&typeof d!="object"&&t.node.setAttribute(c,Y(c,d))}catch{}},{depth:s.path.length,label:S(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()),d=C(()=>{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:S(s,"data."+o)});s.__effects.push(d)}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=C(()=>{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:S(s,"class."+o)});s.__effects.push(c)}!e&&typeof t.if=="function"&&Ht(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 d=gt(o)||o,u=T(t,t[o+"Deps"],c),f=C(()=>{try{const p=u(t,t.state,t.context);t.node?.setAttribute&&(p==null||p===!1&&!ct(d)?t.node.removeAttribute(d):typeof p!="function"&&typeof p!="object"&&(d==="src"&&"src"in t.node?t.node.src=p:t.node.setAttribute(d,Y(d,p))))}catch{}},{depth:s.path.length,label:S(s,o)});s.__effects.push(f)}}if(Ro(t),Uo(t),typeof t.onStateUpdate=="function"&&Array.isArray(t.stateDeps)){const o=t.onStateUpdate,i=t.stateDeps;let c=!1,a=[];const d=C(()=>{const u=[];for(let g=0;g<i.length;g++){const l=i[g];try{u[g]=typeof l=="function"?l(t,t.state,t.context):t.state?.[l]}catch{u[g]=void 0}}if(!c){c=!0,a=u;return}let f=u.length!==a.length;for(let g=0;!f&&g<u.length;g++)u[g]!==a[g]&&(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(g){if(t.context?.plugins?.length&&I("error",t,{hook:"onStateUpdate",error:g})||console.error('[DOMQL] Lifecycle "onStateUpdate" error:',g),t.context?.strictMode)throw g}finally{h&&O()}},{depth:s.path.length,label:S(s,"onStateUpdate")});s.__effects.push(d)}No(t)}function Vt(t){const n=t.parent,s=n?.node;if(!s||!t.node){mt(t,t.parent);return}let e=null;const r=Object.keys(n),o=r.indexOf(t.key);for(let i=o+1;i<r.length;i++){const c=n[r[i]];if(c?.node?.parentNode===s){e=c.node;break}}e?s.insertBefore(t.node,e):s.appendChild(t.node)}function Ht(t,n,s){const e=T(t,t.ifDeps,s),r=C(()=>{let o;try{o=e(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();else if(!i&&n.__if)if(n.__ifInitialized)t.node||(t.node=yt(t)),t.node&&(t.node.ref=t),Vt(t),Ct(t);else{if(n.__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"&&!n.__fragmentAnchor){const a=(t.context?.document||globalThis.document).createComment("");t.node.appendChild(a),n.__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),Xt(t,{}),Kt(t,{skipIfEffect:!0}),Ct(t),Qt(t),Jt(t,{}),Vt(t),Ut(t,{})}},{depth:n.path.length,label:S(n,"if")});n.__effects.push(r)}function at(t,n){const s=t.node;if(!s)return;const e=n==null?"":String(n);if(t.tag==="string"){s.nodeValue!==e&&(s.nodeValue=e);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!==e&&(o.nodeValue=e):s.firstChild?(o=(s.ownerDocument||t.context?.document||globalThis.document).createTextNode(e),s.insertBefore(o,s.firstChild)):(s.textContent=e,o=s.firstChild&&s.firstChild.nodeType===3?s.firstChild:null),r&&(r.__textNode=o||null)}function Ct(t){const{node:n}=t;if(n){if((typeof t.text=="string"&&!t.text.includes("{{")||typeof t.text=="number")&&at(t,t.text),Bo(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"&&Q(n,t.style),t.attr&&typeof t.attr=="object")for(const s in t.attr){const e=t.attr[s];typeof e=="function"||typeof e=="object"||e!=null&&(e===!1&&!ct(s)||n.setAttribute&&n.setAttribute(s,Y(s,e)))}if(t.data&&typeof t.data=="object")for(const s in t.data){const e=t.data[s];typeof e=="function"||typeof e=="object"||e==null||e===!1||n.dataset&&(n.dataset[s]=e===!0?"":e)}if(t.classlist||t.class){const s=t.classlist||t.class;if(typeof s=="string")s.split(" ").forEach(e=>e&&n.classList.add(e));else if(typeof s=="object")for(const e in s){const r=typeof s[e]=="function"?s[e](t,t.state,t.context):s[e];r&&n.classList.add(typeof r=="string"?r:e)}}}}function St(t){if(t==null||typeof t!="object")return"s:"+String(t);try{return"o:"+JSON.stringify(t)}catch{return null}}function Q(t,n){if(!t||!n||!t.style)return;let s=null;for(const e in n){const r=n[e];if(r!=null){if(e.charAt(0)==="&"&&typeof r=="object"){s||(s={}),s[e]=r;continue}try{const o=String(r),i=e.replace(/[A-Z]/g,u=>"-"+u.toLowerCase()),c=o.trim(),a=/\s*!important\s*$/.test(c),d=c.replace(/\s*!important\s*$/,"");t.style.setProperty(i,d,a?"important":"")}catch{}}}s&&$o(t,s)}let Lo=0;function $o(t,n){const s=`_ds${Lo++}`;t.classList.add(s);const e=t.ownerDocument;let r=e.querySelector("style[data-smbls-scoped]");r||(r=e.createElement("style"),r.setAttribute("data-smbls-scoped",""),e.head.appendChild(r));let o="";for(const i in n){const c="."+s,a=i.replace(/&/g,c).split(",").map(u=>{const f=u.trim();return f.includes(c)?f:c+f}).join(", "),d=n[i];if(typeof d=="object"){let u="",f="";for(const p in d){const h=d[p];if(typeof h=="object"){const g=p.includes("&")?a.split(", ").map(y=>p.replace(/&/g,y)).join(", "):a.split(", ").map(y=>`${y} ${p}`).join(", ");let l="";for(const y in h)l+=`${y.replace(/[A-Z]/g,_=>"-"+_.toLowerCase())}: ${h[y]};`;f+=Rt(`${g} { ${l} }`,g)+`
|
|
5
|
-
`}else u+=`${p.replace(/[A-Z]/g,
|
|
6
|
-
`),f&&(o+=f)}}o&&(r.textContent+=o)}const Gt=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 Mo(t,n,s){const e=Wt(s);queueMicrotask(()=>{if(!t.__ref)return;let r;try{r=n(t,t.state,t.context)}catch{return}if(Wt(r)===e)return;const o=t.__ref.path?t.__ref.path.join("."):t.key||"?";Gt.has(o)||(Gt.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 Ro(t){const n=t.subscribeTo,s=typeof n=="function";let e=n;if(s)try{e=n(t,t.state,t.context)}catch{e=null}if(s&&rt()&&Mo(t,n,Array.isArray(e)?e:[]),!Array.isArray(e)||e.length===0)return;const r=t.__ref;for(let o=0;o<e.length;o++){const i=e[o];if(typeof i!="string"||i.length===0)continue;const c=i.split("."),a=c[0],d=c.slice(1),u={value:!1},f=C(()=>{const p=t.state&&(K(t.state)?t.state.root:null);if(!p||!K(p))return;let h=p;h=h[a];for(let l=0;l<d.length&&!(h==null||typeof h!="object");l++)if(K(h))h=h[d[l]];else break;if(!u.value)return;let g=!1;if(typeof t.onBeforeUpdate=="function"){const l=t.context?.designSystem;l&&D(l);try{if(Go(r)){const y=t.onBeforeUpdate(t,t.state,t.context,{updateBySubscription:!0});y&&typeof y.then=="function"?y.then(()=>ft(r,!1),_=>{ft(r,!0),t.context?.plugins?.length&&I("error",t,{hook:"onBeforeUpdate",error:_})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",_)}):(ft(r,!1),y===!1&&(g=!0))}}catch(y){ft(r,!0),t.context?.plugins?.length&&I("error",t,{hook:"onBeforeUpdate",error:y})||console.error("[DOMQL] subscribeTo onBeforeUpdate error:",y)}finally{l&&O()}}if(!g&&t.node&&r.__effects)for(let l=0;l<r.__effects.length;l++){const y=r.__effects[l];y&&y!==f&&!y._disposed&&!y._isSubscribeToEffect&&typeof y._execute=="function"&&y._execute()}if(!g&&typeof t.onUpdate=="function"){const l=t.context?.designSystem;l&&D(l);try{t.onUpdate(t,t.state,t.context)}catch(y){t.context?.plugins?.length&&I("error",t,{hook:"onUpdate",error:y})||console.error("[DOMQL] subscribeTo onUpdate error:",y)}finally{l&&O()}}},{depth:r.path.length,label:S(r,"subscribeTo("+i+")")});u.value=!0,f._isSubscribeToEffect=!0,r.__effects.push(f)}}function vt(t,n){return t.charCodeAt(0)===64&&t.length>1&&!t.startsWith("@media")&&!t.startsWith("@keyframes")&&!t.startsWith("@supports")&&(t==="@dark"||t==="@light"||!n.context?.designSystem?.media?.[t.slice(1)])}const zt=new Set;function Fo(t,n){const s=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?",e=s+"::"+t;zt.has(e)||(zt.add(e),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 e={},r=new Set,o=(i,c,a)=>{const d=a?new Set(Object.keys(e)):null;if(E[i]){const u=E[i](c,n,n.state,n.context);if(u){const f=Array.isArray(u)?u:[u];for(const p of f)p&&Object.assign(e,p)}}else e[i]=c;if(a)for(const u in e)d.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(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 p=c[f];if(typeof p=="function"&&(p=p(n,n.state,n.context)),p==null||typeof p=="function")continue;const h=typeof n[f]=="function"&&(E[f]||w&&w.has(f));o(f,p,h)}continue}if(vt(i,n)){const f=Z(c,n,!1);Object.keys(f).length&&(e[`[data-theme="${i.slice(1)}"] &`]=f);continue}if(/^[A-Z][A-Za-z0-9]*$/.test(i)){rt()&&Fo(i,n);continue}let d=i;if(i.charCodeAt(0)===64&&!i.startsWith("@media")&&!i.startsWith("@keyframes")){const f=n.context?.designSystem?.media?.[i.slice(1)];f&&(d=`@media ${f}`)}const u=Z(c,n,!1);Object.keys(u).length&&(e[d]=u);continue}const a=typeof n[i]=="function"&&(E[i]||w&&w.has(i));o(i,c,a)}if(s)for(const i in e)r.add(i);for(const i of r){const c=e[i];typeof c=="string"&&!c.includes("!important")&&(e[i]=c+" !important")}return e}function wt(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)&&wt(t[s],n+1))return!0}return!1}function Yt(t,n,s){if(!n||typeof n!="object"||Array.isArray(n))return null;if(vt(t,s)){const o=Z(n,s,!1);return Object.keys(o).length?{cssProp:`[data-theme="${t.slice(1)}"] &`,block:o}:null}let e=t;if(t.charAt(0)==="@"&&!t.startsWith("@media")&&!t.startsWith("@keyframes")){const o=s.context?.designSystem?.media?.[t.slice(1)];o&&(e=`@media ${o}`)}const r=Z(n,s,!1);return Object.keys(r).length?{cssProp:e,block:r}:null}function No(t){const n=t.__ref;for(const s of Object.keys(t)){if(!At(s))continue;const e=t[s];if(!e||typeof e!="object"||Array.isArray(e)||!wt(e))continue;let r=null,o;const i=C(()=>{if(!t.node)return;const c=t.context?.designSystem;c&&D(c);let a,d=!1;try{const u=Yt(s,e,t),f=u?St(u.block)+"::"+u.cssProp:null;if(f!==null&&f===o)d=!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(!(d||!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:n.path.length,label:S(n,"cssBlock("+s+")")});n.__effects.push(i)}}function Uo(t){const n=t.__ref;n.__conditionalRunners=[];const s=new Map;for(const e of Object.keys(t)){const r=e.charAt(0);if(r!=="."&&r!=="!")continue;const o=e.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 \`${e}\` 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[e];if(!i||typeof i!="object")continue;const c=r==="!",a={lastMatch:!1,appliedKeys:null,appliedClasses:null},d=()=>{let f;const p=t[o];if(p===void 0){const l=!!t.state&&o in t.state,y=t.state?t.state[o]:void 0;if(l||y!==void 0)f=y;else{const _=t.context?.cases?.[o];if(_===void 0)return;try{f=typeof _=="function"?_.call(t,t):_}catch(x){f=!1,n.__conditionalError=x,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${e}\` case fn threw on ${t.key||"?"} \u2014 treating as false:`,x?.message||x)}}}else if(typeof p=="function")try{f=p(t,t.state,t.context)}catch(l){f=!1,n.__conditionalError=l,typeof console<"u"&&console.warn&&console.warn(`[smbls] conditional \`${e}\` predicate threw on ${t.key||"?"} \u2014 treating as false:`,l?.message||l)}else f=p;const h=c?!f:!!f;if(!t.node||h===a.lastMatch)return;a.lastMatch=h;const g=t.context?.designSystem;g&&D(g);try{if(h){const l={},y={};let _=!1;for(const b in i){if(!Object.prototype.hasOwnProperty.call(i,b))continue;const v=i[b],L=b.charAt(0);if((L===":"||L==="@"||L==="&")&&v&&typeof v=="object"&&!Array.isArray(v)){if(vt(b,t)){const R=Z(v,t,!1);Object.keys(R).length&&(y[`[data-theme="${b.slice(1)}"] &`]=R,_=!0)}else{let R=b;if(L==="@"&&!b.startsWith("@media")&&!b.startsWith("@keyframes")){const j=t.context?.designSystem?.media?.[b.slice(1)];j&&(R=`@media ${j}`)}const W=Z(v,t,!1);Object.keys(W).length&&(y[R]=W,_=!0)}continue}const H=typeof v=="function"?v(t,t.state,t.context):v;if(H!=null)if(E[b]){const R=E[b](H,t,t.state,t.context);if(R){const W=Array.isArray(R)?R:[R];for(const j of W)j&&Object.assign(l,j)}}else w&&w.has(b)&&(l[b]=H)}const x=Object.keys(l);if(x.length){Q(t.node,l);for(const b of x)s.set(b,e);a.appliedKeys=x}else a.appliedKeys=null;if(_){const b=it(y,null,t.context?.cssPrefix),v=b?b.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 b of a.appliedClasses)t.node.classList.remove(b);a.appliedClasses=null}}else{if(a.appliedKeys){for(const l of a.appliedKeys)s.get(l)===e&&(t.node.style[l]="",s.delete(l));a.appliedKeys=null}if(a.appliedClasses){for(const l of a.appliedClasses)t.node.classList.remove(l);a.appliedClasses=null}}}finally{g&&O()}};n.__conditionalRunners.push(d);const u=C(d,{depth:n.path.length,label:S(n,"conditional("+e+")")});n.__effects.push(u)}}const jt=new WeakSet;function Io(t){const n=t.ownerDocument;!n||jt.has(n)||(jt.add(n),queueMicrotask(()=>{jt.delete(n);const s=n.body||n.documentElement;s&&s.offsetWidth}))}const Et=new WeakSet;let qt=!1;function Bo(t){const{node:n}=t;if(!n)return;if(qt||(qt=!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),_o();try{const e={};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(e,i);else Object.assign(e,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 d of a)d&&Object.assign(e,d);else Object.assign(e,a);r=!0}}else if(w&&w.has(o)){const c=t[o];c!=null&&typeof c!="object"&&(e[o]=c,r=!0)}else if(o.charCodeAt(0)===45){const c=t[o];c!=null&&typeof c!="object"&&(e[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=Yt(o,c,t);a&&(e[a.cssProp]=a.block,r=!0)}}}}if(r){e.display&&String(e.display).includes("!important")&&(n.style.setProperty("display",String(e.display).replace(/\s*!important\s*$/,""),"important"),delete e.display);const o=it(e,null,t.context?.cssPrefix);if(o&&n.classList){const c=o.split(" ").filter(Boolean);let a=!1;for(const d of c)n.classList.add(d),a||(d.charCodeAt(0)===95&&d.charCodeAt(1)===99||d.charCodeAt(0)===95&&d.indexOf("_c",1)!==-1)&&(a=!0);a&&Io(n)}const i=t.display!=null&&typeof t.display!="function"?t.display:t.hide===!0||t.show===!1?"none":null;if(i!=null){const c=e.display;if(c&&c!==i)if(i==="none"){const a=[];for(const d of n.classList)d.startsWith("_d-")&&d!=="_d-none"&&a.push(d);for(const d of a)n.classList.remove(d);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{go(),s&&O(),Et.delete(t)}}function Qt(t){const{node:n}=t;if(!n||!n.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());n.setAttribute(i,Y(i,o))}const s=bo(t);for(const r in s){const o=s[r];o!=null&&o!==!1&&typeof o!="function"&&typeof o!="object"&&n.setAttribute(r,o===!0?"":o)}const e=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(e,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;n.setAttribute(c,Y(c,i))}}}function Ko(t,n){const s=t.node,e=t.__ref;let r=e.__autoGrow;if(!n){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=e.__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)}},e.__eventCleanup||(e.__eventCleanup=[]),e.__eventCleanup.push(()=>{try{s.removeEventListener("input",r.resize)}catch{}})),r.active||(s.addEventListener("input",r.resize),r.active=!0);const o=typeof n=="object"&&n.max!=null?String(n.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 Vo(t){if(!t.autoGrow)return;const n=t.node;if(!n||n.tagName!=="TEXTAREA")return;const s=t.__ref,e=t.autoGrow,r=typeof e=="function"?T(t,t.autoGrowDeps,e):null,o=C(()=>{const i=t.autoGrow;let c=i;if(typeof i=="function")try{c=(i===e&&r?r:i)(t,t.state,t.context)}catch{c=null}Ko(t,c)},{depth:s.path.length,label:S(s,"autoGrow")});s.__effects||(s.__effects=[]),s.__effects.push(o),r&&(s.__exec.autoGrow=e)}const Zt=new Set(["onSwipe","onSwipeLeft","onSwipeRight","onSwipeUp","onSwipeDown"]);function Xt(t,n){for(const s of Object.keys(t)){if(!q(s)||Zt.has(s))continue;const e=ao(s);if(e){co(e,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=vo(s);ro.has(o)||io(wo(o),t,r)}Ho(t)}function Ho(t){const n=t.node;if(!n||!n.addEventListener)return;const s={};let e=!1;for(const p of Zt){const h=t[p];typeof h=="function"&&(s[p]=h,e=!0)}if(!e)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,d=!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(),d=!0)},f=p=>{if(!d)return;d=!1;const h=p.changedTouches&&p.changedTouches[0]||p.touches&&p.touches[0];if(!h)return;const g=h.clientX-i,l=h.clientY-c,y=Date.now()-a;if(y>o)return;const _=Math.abs(g),x=Math.abs(l);if(Math.max(_,x)<r)return;let b;if(_>x*1.2)b=g<0?"left":"right";else if(x>_*1.2)b=l<0?"up":"down";else return;const v="onSwipe"+b.charAt(0).toUpperCase()+b.slice(1),L=s[v],H=s.onSwipe;L&&L.call(t,p,t,t.state,t.context),H&&H.call(t,{direction:b,dx:g,dy:l,dt:y,event:p},t,t.state,t.context)};n.addEventListener("touchstart",u,{passive:!0}),n.addEventListener("touchend",f,{passive:!0}),t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]),t.__ref.__eventCleanup.push(()=>{try{n.removeEventListener("touchstart",u)}catch{}try{n.removeEventListener("touchend",f)}catch{}})}function nt(t,n){const s={...t};for(const e in n){const r=s[e],o=n[e];r&&o&&typeof r=="object"&&typeof o=="object"&&!Array.isArray(r)&&!Array.isArray(o)&&typeof r!="function"&&typeof o!="function"?s[e]=nt(r,o):s[e]=o}return s}function Tt(t,n,s){if(!n||!t.node)return;const e=t.childExtends;if(Array.isArray(n)){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 d=0;d<n.length;d++){let u=n[d];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 l=f;(typeof f=="string"||typeof f=="number")&&(l={value:f,text:f}),u=p?{...p,state:l}:{state:l}}else p&&(u=nt(p,u));if(e&&!u.ignoreChildExtends)if(u.extends){const l=Array.isArray(u.extends)?u.extends:[u.extends],y=Array.isArray(e)?e:[e];u={...u,extends:[...y,...l]}}else u={...u,extends:e};const h=u?.key||f&&typeof f=="object"&&f.key||`${d}`;let g;try{g=G(u,t,h,s)}catch(l){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):`,l?.message||l)}continue}!r&&g?.node&&i.appendChild(g.node)}return r||t.node.appendChild(i),!0}if(typeof n=="string"){const r=Bt(n,t);if(Array.isArray(r))return Tt(t,r,s)}if(typeof n=="object")for(const r in n){if(V.has(r))continue;let o=n[r];if(!(o==null||o===!1)){if((typeof o=="string"||typeof o=="number")&&(o={text:o}),t.childProps&&(o=nt(t.childProps,o)),e&&!o.ignoreChildExtends)if(o.extends){const i=Array.isArray(o.extends)?o.extends:[o.extends],c=Array.isArray(e)?e:[e];o={...o,extends:[...c,...i]}}else o={...o,extends:e};G(o,t,r,s)}}}function Pt(t,n){const s=t.node;if(!s||s.tagName!=="SELECT")return;const e=s.options;if(!e||!e.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=n||!(r&&r.__selectSynced);if(r&&(r.__selectSynced=!0),!a)return;let d=-1;for(let u=0;u<e.length;u++)e[u].defaultSelected&&(d=u);d>=0&&s.selectedIndex!==d&&(s.selectedIndex=d)}function Jt(t,n){let{children:s,content:e}=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 _=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${_} (initial run, treating as empty):`,y?.message||y)}}t.children=s;const p=t.__ref;let h=!1;const g=T(t,t.childrenDeps,f),l=C(()=>{const y=h;h=!0;let _;try{_=g(t,t.state,t.context)}catch(j){if(typeof console<"u"&&console.error){const F=t.__ref?.path?.join(".")||t.key||"<root>";console.error(`[smbls] \`children:\` factory threw at ${F}${y?"":" (initial tracking run)"}:`,j?.message||j)}return}if(!y||_===t.children)return;t.children=_;const x=typeof t.onContentUpdate=="function",b=x?[]:null,v=x?[]:null,L=x?[]:null;if(Array.isArray(_)&&t.childrenAs==="state"){const j=t.childProps,F=[],Ot=new Map;for(let A=0;A<_.length;A++){const $=_[A];let k=j;if(typeof j=="function")try{k=j(t,$)}catch{k=null}const U=k&&k.key||$&&$.key||`${A}`;F.push(U),Ot.set(U,{rawChild:$,childProps:k})}const to=new Set(F),oo=p.__children.slice();for(const A of oo)if(!to.has(A)){const $=t[A];$?.remove&&$.remove(),delete t[A],v&&v.push(A)}const X=t.childExtends,et=t.tag==="fragment",so=t.context?.document||globalThis.document,J=et?null:so?.createDocumentFragment(),ut=new Set;for(const A of F){const $=Ot.get(A),k=$.rawChild,U=t[A];if(U&&U.state){if(k&&typeof k=="object"){const P=U.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 N=Lt?{...Lt,state:dt}:{state:dt};if(X&&!N.ignoreChildExtends)if(N.extends){const P=Array.isArray(N.extends)?N.extends:[N.extends],z=Array.isArray(X)?X:[X];N={...N,extends:[...z,...P]}}else N={...N,extends:X};let lt;try{lt=G(N,t,A,n)}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}!et&<?.node&&J&&J.appendChild(lt.node),b&&b.push(A)}if(!et&&J&&J.childNodes.length&&t.node&&t.node.appendChild(J),!et&&t.node){let A=null;for(const $ of F){const k=t[$]?.node;if(!k)continue;const U=A?A.nextSibling:t.node.firstChild;k!==U&&t.node.insertBefore(k,U),A=k}}p.__children=ut.size?F.filter(A=>!ut.has(A)):F,x&&(b.length||v.length)&&It(t,{added:b,removed:v,kept:L}),Pt(t,!1);return}const W=x?[...p.__children]:null;for(const j of[...p.__children]){const F=t[j];F?.remove&&F.remove(),delete t[j]}p.__children=[],Tt(t,_,n),Pt(t,!1),x&&It(t,{added:[...p.__children],removed:W,kept:[]})},{depth:p.path.length,label:S(p,"children")});p.__effects.push(l)}const o=Tt(t,s,n);if(e!=null&&!(e&&e.__ref)){let f=e;if(typeof f=="string"||typeof f=="number"?f={text:f}:typeof f!="object"&&(f={}),t.childProps&&(f=nt(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",n)}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 g=h.slice(0,-7);if(!g||g.charCodeAt(0)<65||g.charCodeAt(0)>90)continue;const l={extends:t[h]};delete t[h];for(let y=p+1;y<f.length;y++){const _=f[y],x=_.charCodeAt(0);if(x>=65&&x<=90||V.has(_)||typeof t[_]=="function"&&(_.startsWith("on")||_.startsWith(".")))break;const b=t[_];b!==void 0&&(l[_]=b,delete t[_])}t[g]&&typeof t[g]=="object"?t[g]={...l,...t[g]}:t[g]=l}}const c=n?.mountYield===!0||t.yieldChildren===!0,a=Object.keys(t),d=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 g=i[f]||i[`smbls.${f}`];g&&(h={...h,extends:g})}if(t.childProps&&(h=nt(t.childProps,h)),r&&!h.ignoreChildExtends)if(h.extends){const g=Array.isArray(h.extends)?h.extends:[h.extends],l=Array.isArray(r)?r:[r];h={...h,extends:[...l,...g]}}else h={...h,extends:r};G(h,t,f,n)}};if(!c){for(const f of a)d(f);return}po();const u=f=>{for(let p=f;p<a.length;p++)if(d(a[p]),p+1<a.length&&lo()){const h=p+1;ho(()=>u(h));return}};u(0),yo()}function mt(t,n,s){const{node:e}=t;if(!e)return;e.ref=t;const r=n?.tag==="fragment"?n.__ref?.__fragmentAnchor:null;if(r){const i=r.parentNode;if(i){if(s?.position==="before"&&s.node)i.insertBefore(e,s.node);else if(s?.position==="after"&&s.node){const c=s.node.nextSibling;i.insertBefore(e,c||r)}else i.insertBefore(e,r);return}}const o=n?.node||(n?.nodeType?n:null);if(o)if(s?.position==="before"&&s.node)o.insertBefore(e,s.node);else if(s?.position==="after"&&s.node){const i=s.node.nextSibling;i?o.insertBefore(e,i):o.appendChild(e)}else o.appendChild(e)}const Dt=3;function Go(t){return!t||t.__inBeforeUpdate||(t.__beforeUpdateFailCount||0)>=Dt?!1:(t.__inBeforeUpdate=!0,!0)}function ft(t,n){t&&(t.__inBeforeUpdate=!1,n?(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,n,s){const e=t.charAt(0).toLowerCase()+t.slice(1);n.context?.plugins?.length&&I(e,n,s);const r="on"+t,o=n[r];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 d=n.context?.designSystem;d&&D(d);let u=!!a;try{const f=o(n,n.state,n.context,s);if(f&&typeof f.then=="function"){const p=n.__ref;return f.catch(h=>{n.context?.plugins?.length&&I("error",n,{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(n.context?.plugins?.length&&I("error",n,{hook:r,error:f})||console.error(`[DOMQL] Lifecycle "${r}" error:`,f),n.context?.strictMode)throw f}finally{d&&O(),u&&n.__ref&&(n.__ref[a]=!1)}}return!0}var ls=G;export{Dt as BEFORE_UPDATE_MAX_CONSECUTIVE_FAILURES,Go as acquireBeforeUpdateGuard,G as create,ls as default,xt as flushMounts,ft as releaseBeforeUpdateGuard,at as writeElementText};
|
|
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 u+=`${p.replace(/[A-Z]/g,_=>"-"+_.toLowerCase())}: ${h};`}u&&(o+=Rt(`${a} { ${u} }`,a)+`
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{VERSION as s}from"./version.js";const i="__SMBLS_ELEMENT_ID_ENGINE__",_=(e,o,r)=>{const l=o||s,t=r||(typeof globalThis<"u"?globalThis:null);if(!t)return e;const n=t[i];return n&&n.engine&&n.version===l?n.engine:(n||(t[i]={version:l,engine:e}),e)},f=e=>{const o=e||(typeof globalThis<"u"?globalThis:null);o&&delete o[i]};export{i as ELEMENT_ID_ENGINE_KEY,f as __resetElementIdEngine,_ as resolveElementIdEngine};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o="3.14.781";export{o as VERSION};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@symbo.ls/element",
|
|
3
|
-
"version": "3.14.
|
|
3
|
+
"version": "3.14.782",
|
|
4
4
|
"description": "Core element creation, update, and disposal engine for smbls v3.14",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -36,8 +36,9 @@
|
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build:esm": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=es2022 --format=esm --outbase=. --outdir=dist/esm --minify --log-level=warning",
|
|
38
38
|
"build:cjs": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=node20 --format=cjs --outbase=. --outdir=dist/cjs --minify --log-level=warning",
|
|
39
|
-
"build": "rimraf dist && npm run build:esm && npm run build:cjs && node -e \"require('fs').writeFileSync('dist/cjs/package.json', '{\\\"type\\\": \\\"commonjs\\\"}')\"",
|
|
40
|
-
"prepublishOnly": "npm run build"
|
|
39
|
+
"build": "npm run build:version && rimraf dist && npm run build:esm && npm run build:cjs && node -e \"require('fs').writeFileSync('dist/cjs/package.json', '{\\\"type\\\": \\\"commonjs\\\"}')\"",
|
|
40
|
+
"prepublishOnly": "npm run build",
|
|
41
|
+
"build:version": "node scripts/gen-version.mjs"
|
|
41
42
|
},
|
|
42
43
|
"publishConfig": {
|
|
43
44
|
"access": "public"
|