mates 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/Template/x-x.d.ts

@@ -50,6 +50,13 @@ export declare class Component extends HTMLElement {
     get view(): any;
     callOnEachUpdate(): void;
     connectedCallback(): void;
+    /**
+     * Core mount logic — called from constructor (detached) and
+     * connectedCallback (live DOM). Calculates depth immediately so
+     * the RenderScheduler can sort components even before DOM connect.
+     * Safe to call multiple times; _mountComponent guards double-mount.
+     */
+    private _setup;
     disconnectedCallback(): void;
     private _onRequestParentScope;
     addToCleanUps(key: any, cleanup: Function): void;

package/dist/Template/x-x.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"x-x.d.ts","sourceRoot":"","sources":["../../lib/Template/x-x.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,2BAA2B,CAAC;AAYhF,qBAAa,SAAU,SAAQ,WAAW;IACxC,OAAO,CAAC,MAAM,CAAsB;IAE7B,QAAQ,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,IAAI,SAAe;IAC1B,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,WAAW,CAEV;IACT,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAU;IAE3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,GAAG,CAAC,UAAU,GAAG,EAAE,MAAM,GAAG,CAAC,CAAa;IAEzD,gFAAgF;IACzE,UAAU,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAM;IAEpD,QAAQ,CAAC,UAAU,EAAE,UAAU,GAAG,EAAE,KAAK,EAAE,GAAG;IAIvC,WAAW,SAAM;IAExB,iGAAiG;IAC1F,MAAM,SAAK;IAClB,sEAAsE;IAC/D,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAQ;IACjD,kFAAkF;IAC3E,cAAc,SAAK;IAE1B,+CAA+C;IACxC,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,EAAE,CAAM;IACzD,2EAA2E;IACpE,WAAW,EAAE,OAAO,CAAQ;IAG5B,qBAAqB,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC,CAAa;IACnD,YAAY,CAAC,QAAQ,EAAE,MAAM,IAAI;IAKjC,aAAa,EAAE,IAAI,GAAG,gBAAgB,CAAQ;IAC9C,UAAU,EAAE,IAAI,GAAG,gBAAgB,CAAQ;;IAwBlD,IAAI,KAAK,CAAC,GAAG,qBAAA,EAGZ;IAED,IAAI,KAAK,wBAER;IAEM,OAAO,EAAE,GAAG,CAAC;IAEpB,OAAO,CAAC,cAAc,CAAS;IAM/B;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;IAmBxB,IAAI,IAAI,CAAC,GAAG,KAAA,EAyBX;IAED,IAAI,IAAI,QAEP;IAMD,gBAAgB;IAIhB,iBAAiB;IAgCjB,oBAAoB;IAqBpB,OAAO,CAAC,qBAAqB,CAa3B;IAEF,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ;IAazC,OAAO;IA6CP,OAAO,CAAC,eAAe;IAsFhB,WAAW;IAKlB,OAAO,CAAC,kBAAkB;CAiF3B"}
+{"version":3,"file":"x-x.d.ts","sourceRoot":"","sources":["../../lib/Template/x-x.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,2BAA2B,CAAC;AAYhF,qBAAa,SAAU,SAAQ,WAAW;IACxC,OAAO,CAAC,MAAM,CAAsB;IAE7B,QAAQ,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,IAAI,SAAe;IAC1B,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,WAAW,CAEV;IACT,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAU;IAE3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,GAAG,CAAC,UAAU,GAAG,EAAE,MAAM,GAAG,CAAC,CAAa;IAEzD,gFAAgF;IACzE,UAAU,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAM;IAEpD,QAAQ,CAAC,UAAU,EAAE,UAAU,GAAG,EAAE,KAAK,EAAE,GAAG;IAIvC,WAAW,SAAM;IAExB,iGAAiG;IAC1F,MAAM,SAAK;IAClB,sEAAsE;IAC/D,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAQ;IACjD,kFAAkF;IAC3E,cAAc,SAAK;IAE1B,+CAA+C;IACxC,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,EAAE,CAAM;IACzD,2EAA2E;IACpE,WAAW,EAAE,OAAO,CAAQ;IAG5B,qBAAqB,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC,CAAa;IACnD,YAAY,CAAC,QAAQ,EAAE,MAAM,IAAI;IAKjC,aAAa,EAAE,IAAI,GAAG,gBAAgB,CAAQ;IAC9C,UAAU,EAAE,IAAI,GAAG,gBAAgB,CAAQ;;IA4BlD,IAAI,KAAK,CAAC,GAAG,qBAAA,EAGZ;IAED,IAAI,KAAK,wBAER;IAEM,OAAO,EAAE,GAAG,CAAC;IAEpB,OAAO,CAAC,cAAc,CAAS;IAM/B;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;IAmBxB,IAAI,IAAI,CAAC,GAAG,KAAA,EAyBX;IAED,IAAI,IAAI,QAEP;IAMD,gBAAgB;IAIhB,iBAAiB;IAiCjB;;;;;OAKG;IACH,OAAO,CAAC,MAAM;IAwBd,oBAAoB;IAqBpB,OAAO,CAAC,qBAAqB,CAa3B;IAEF,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ;IAazC,OAAO;IA6CP,OAAO,CAAC,eAAe;IAsFhB,WAAW;IAKlB,OAAO,CAAC,kBAAkB;CAiF3B"}

package/dist/index.esm.js

@@ -81,7 +81,7 @@ class Ot extends q{constructor(t){if(super(t),this.it=C,t.type!==V)throw Error(t
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Nt(t,e,n){return t?e(t):n?.(t)}const Lt=()=>{},jt={registerComponent:Lt,unregisterComponent:Lt,notifyRender:Lt,getComponentName:()=>"Anonymous",logComponentMount:Lt,logComponentRender:Lt,logComponentUnmount:Lt,logAtomSet:Lt,logAtomUpdate:Lt,logEventTrigger:Lt,logCleanupEventTrigger:Lt,logFetchRequest:Lt,logFetchResponse:Lt,logFetchError:Lt,recordRender:Lt};function Ut(t,e){jt.registerComponent(t,e)}function Ft(t){return jt.getComponentName(t)}function Vt(t,e){jt.logEventTrigger(t,e)}function Wt(t,e,n){jt.recordRender(t,e,n)}function Bt(t){t.registerComponent&&(jt.registerComponent=t.registerComponent),t.unregisterComponent&&(jt.unregisterComponent=t.unregisterComponent),t.notifyRender&&(jt.notifyRender=t.notifyRender),t.getComponentName&&(jt.getComponentName=t.getComponentName),t.logComponentMount&&(jt.logComponentMount=t.logComponentMount),t.logComponentRender&&(jt.logComponentRender=t.logComponentRender),t.logComponentUnmount&&(jt.logComponentUnmount=t.logComponentUnmount),t.logAtomSet&&(jt.logAtomSet=t.logAtomSet),t.logAtomUpdate&&(jt.logAtomUpdate=t.logAtomUpdate),t.logEventTrigger&&(jt.logEventTrigger=t.logEventTrigger),t.logCleanupEventTrigger&&(jt.logCleanupEventTrigger=t.logCleanupEventTrigger),t.logFetchRequest&&(jt.logFetchRequest=t.logFetchRequest),t.logFetchResponse&&(jt.logFetchResponse=t.logFetchResponse),t.logFetchError&&(jt.logFetchError=t.logFetchError),t.recordRender&&(jt.recordRender=t.recordRender)}function Ht(){return jt.registerComponent!==Lt}const Yt=Symbol.for("mates.readTracking");globalThis[Yt]||(globalThis[Yt]={enableReadTracking:!1,storesBeingRead:new Set,effectRunning:!1});const qt=globalThis[Yt];function Xt(){return qt.enableReadTracking}function Zt(){return qt.storesBeingRead}function Gt(){return qt.effectRunning}function Kt(t){qt.storesBeingRead.add(t)}function Qt(){qt.effectRunning=!0}function Jt(){qt.effectRunning=!1}function te(){const t={prevEnabled:qt.enableReadTracking,prevStores:qt.storesBeingRead};return qt.enableReadTracking=!0,qt.storesBeingRead=new Set,t}function ee(t){const e=qt.storesBeingRead;return qt.enableReadTracking=t.prevEnabled,qt.storesBeingRead=t.prevStores,e}const ne=te,se=ee,ie=Symbol.for("mates.componentRunningStatus");globalThis[ie]||(globalThis[ie]={setupInProgress:!1,templateInProgress:!1,viewOuterInProgress:!1,isHookRunning:!1});const re=globalThis[ie];function oe(){return!re.isHookRunning&&(re.templateInProgress||Gt())}function ae(t){if(!re.isHookRunning){if(re.templateInProgress)throw new Error(`${t} cannot be created during template function execution. Only scopes (useScope) are allowed in templates.`);if(Gt())throw new Error(`${t} cannot be created inside a memo() or effect(). They should only read state, not create new reactive primitives.`)}}function le(t){if(!re.viewOuterInProgress){if(re.templateInProgress)throw new Error(`${t} cannot be called during template function execution. Move it to the component's outer function.`);if(Gt())throw new Error(`${t} cannot be called inside a memo() or effect(). Move it to the component's outer function.`);throw new Error(`${t} must be called inside a component's outer function. It cannot be used at module level or inside inner functions (e.g. event handlers, timers, or callbacks).`)}}const ce=new Set,he={name:"matesLogEvent",__isEvent___:!0,trigger(t){ce.forEach(e=>{try{e(t)}catch(t){}})},__subscribe:t=>(ce.add(t),()=>ce.delete(t))};function ue(t){try{return structuredClone(t)}catch(e){return t}}function de(){if("undefined"==typeof window)return!0;const t=window.location.hostname;return"localhost"===t||"127.0.0.1"===t||"[::1]"===t||t.startsWith("192.168.")||t.startsWith("10.")||t.endsWith(".local")}function fe(t){try{he.trigger(t)}catch(t){}}function pe(t,e){fe({level:"log",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.log(t,e):console.log(t))}function me(t,e){fe({level:"error",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.error(`[${e}]`,t):console.error(t))}function _e(t,e){fe({level:"warn",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.warn(t,e):console.warn(t))}function ge(t,e,n,s){if("a"===n&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?s:"a"===n?s.call(t):s?s.value:e.get(t)}function ye(t,e,n,s,i){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?i.call(t,n):i?i.value=n:e.set(t,n),n}var we,ve,be;"function"==typeof SuppressedError&&SuppressedError;class Se{constructor(){we.set(this,new Set),ve.set(this,1)}subscribe(t){return ge(this,we,"f").add(t),()=>ge(this,we,"f").delete(t)}notify(){var t;ye(this,ve,(t=ge(this,ve,"f"),++t),"f"),[...ge(this,we,"f")].forEach(t=>{try{t?.()}catch(t){console.error(t)}})}getVersion(){return ge(this,ve,"f")}get subscriberCount(){return ge(this,we,"f").size}clear(){ge(this,we,"f").clear()}}we=new WeakMap,ve=new WeakMap;class Ee{constructor(){be.set(this,new Set)}subscribe(t){return ae("subscribe"),ge(this,be,"f").has(t)?()=>{}:(ge(this,be,"f").add(t),()=>ge(this,be,"f").delete(t))}trigger(t){ge(this,be,"f").forEach(e=>{try{e(t)}catch(t){console.error("Error in event handler:",t)}})}get handlerCount(){return ge(this,be,"f").size}clear(){ge(this,be,"f").clear()}}be=new WeakMap;const Ce=Symbol.for("mates.hostStack");globalThis[Ce]||(globalThis[Ce]=[]);const Ae=globalThis[Ce];function ke(t,e){Ae.push(t);let n=null;try{n=e()}finally{Ae.pop()}return n}function Me(t){const e=Ae[Ae.length-1];if(!e){if(!1!==t)throw new Error("getCurrentHost(): No active host context");return null}return e}const $e=(t,e)=>{const n=Me(!1);n&&n.addToCleanUps(t,e)},xe=t=>{ae("xTabEvent");const e=new Set,n=n=>{e.forEach(e=>{try{e(n)}catch(e){me(e,`xTabEvent(${t}) handler`)}})},s="undefined"!=typeof BroadcastChannel?new BroadcastChannel(t):null;s&&(s.onmessage=t=>{n(t.data)});return{trigger:e=>{if(Vt(t,e),s)try{s.postMessage(e)}catch(e){me(e,`xTabEvent(${t}) postMessage`)}n(e)},__subscribe:t=>{e.add(t);const n=()=>{e.delete(t)};return $e(t,n),n},close:()=>{s&&s.close()},name:t,__isEvent___:!0,__isXTabEvent___:!0}},Te=t=>{ae("event");const e=t||Math.random().toString(36).substring(2,15),n=new Ee;return{trigger:t=>{Vt(e,t),n.trigger(t)},__subscribe:t=>n.subscribe(t),name:e,__isEvent___:!0}},Re=t=>{ae("cleanupEvent");const e=t||Math.random().toString(36).substring(2,15),n=new Map,s=()=>{n.forEach(t=>{if(t)try{t()}catch(t){me(t,"cleanupEvent cleanup")}})},i={trigger:t=>{!function(t,e){jt.logCleanupEventTrigger(t,e)}(e,t),n.forEach((e,s)=>{if(e)try{e()}catch(t){me(t,"cleanupEvent cleanup")}try{const e=s(t);n.set(s,e)}catch(t){me(t,"cleanupEvent handler"),n.set(s,void 0)}})},__subscribe:t=>(n.set(t,void 0),()=>{const e=n.get(t);if(e)try{e()}catch(t){me(t,"cleanupEvent unsubscribe")}n.delete(t)}),cleanup:s,cleanupAndClearSubs:()=>{s(),n.clear()},get hasSubscribers(){return n.size>0},name:e,__isCleanupEvent___:!0,__isEvent___:!0};return i};let Oe=!1;function Ie(t){Oe=t,t||(ze=0,De=null,Ne=null)}function Pe(){return Oe}let ze=0,De=null,Ne=null;function Le(t){De=t,ze=0,null!==Ne&&(clearTimeout(Ne),Ne=null)}function je(){Oe&&(ze++,null!==Ne&&(clearTimeout(Ne),Ne=null))}function Ue(){Oe&&(ze=Math.max(0,ze-1),function(){if(ze>0)return;if(!De)return;if(null!==Ne)return;Ne=setTimeout(()=>{if(Ne=null,0===ze&&De){const t=De;De=null,t()}},5)}())}function Fe(){if(!Oe||!De)return;null!==Ne&&(clearTimeout(Ne),Ne=null);const t=De;De=null,t()}function Ve(){return ze}function We(){return void 0!==import.meta&&import.meta.env?"production"!==import.meta.env.NODE_ENV:"undefined"==typeof process||!process.env||"production"!==process.env.NODE_ENV}function Be(t){t.DOMReadyEvent?.cleanupAndClearSubs(),t.PaintEvent?.cleanupAndClearSubs(),t.cleanups.forEach(t=>t.forEach(t=>{try{t()}catch(t){console.error("Error during cleanup:",t)}})),t.cleanups.clear(),t.onEachUpdateCallbacks.clear(),t.scopes=new Map,t._templateFn=null,t._xviewRender=()=>{},t._hasMounted=!1,t._errorState=null,t._errorHandlers=[]}const He=new class{constructor(){this.pending=new Set,this.isScheduled=!1}scheduleDisconnect(t){this.pending.add(t),this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>this.flush()))}cancelDisconnect(t){this.pending.delete(t)}flush(){const t=Array.from(this.pending);this.pending.clear(),this.isScheduled=!1;for(const e of t)e?.isConnected||(Be(e),e._view=null,e._props={},e.oldView=void 0)}reset(){this.pending.clear(),this.isScheduled=!1}},Ye=new class{constructor(){this.pendingEffects=new Set,this.isScheduled=!1,this._isFlushing=!1}get isFlushing(){return this._isFlushing}reset(){this.pendingEffects.clear(),this.isScheduled=!1,this._isFlushing=!1}schedule(t){this.pendingEffects.add(t),this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>this.flush()))}flush(){this._isFlushing=!0;let t=0;for(;this.pendingEffects.size>0;){if(t++>=500){this.pendingEffects.clear(),console.error("EffectScheduler: Maximum iteration limit (500) reached. This likely means an effect is infinitely updating its own dependency. Remaining effects have been dropped.");break}const e=Array.from(this.pendingEffects);this.pendingEffects.clear();for(const t of e)try{t()}catch(t){me(t,"Effect")}}this._isFlushing=!1,this.isScheduled=!1,qe.flush()}},qe=new class{constructor(){this.pendingComponents=new Set,this.nextPendingComponents=new Set,this._currentWave=new Set,this.isScheduled=!1,this._isFlushing=!1,this._flushVersion=0,this._onIdleCallbacks=[]}get flushVersion(){return this._flushVersion}onceIdle(t){this._onIdleCallbacks.push(t),this._isFlushing||this.isScheduled||queueMicrotask(()=>this._drainIdleCallbacks())}_drainIdleCallbacks(){if(this._isFlushing||this.isScheduled)return;if(this.pendingComponents.size>0||this.nextPendingComponents.size>0)return;const t=this._onIdleCallbacks.splice(0);for(const e of t)try{e()}catch(t){console.error(t)}}reset(){this.pendingComponents.clear(),this.nextPendingComponents.clear(),this._currentWave.clear(),this._onIdleCallbacks.length=0,this.isScheduled=!1,this._isFlushing=!1}schedule(t){if(this._isFlushing){if(this._currentWave.has(t)&&t._renderVersion!==this._flushVersion)return;this.nextPendingComponents.add(t)}else this.pendingComponents.add(t);this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>{Ye.isScheduled||Ye.isFlushing||this.flush()}))}flush(){for(this.nextPendingComponents.size>0&&(this.nextPendingComponents.forEach(t=>this.pendingComponents.add(t)),this.nextPendingComponents.clear()),this._isFlushing=!0,this._flushVersion++;this.pendingComponents.size>0;){const t=Array.from(this.pendingComponents);this.pendingComponents.clear(),t.sort((t,e)=>t._depth-e._depth),this._currentWave=new Set(t);for(const e of t)if(e.isConnected)try{e._render()}catch(t){me(t,"Component render")}this._currentWave.clear()}this._isFlushing=!1,this.isScheduled=!1,this.nextPendingComponents.size>0?(this.isScheduled=!0,queueMicrotask(()=>{Ye.isScheduled||Ye.isFlushing||this.flush()})):this._drainIdleCallbacks()}},Xe=()=>{if(re.templateInProgress&&!re.setupInProgress)throw Error("Providers such as atoms, units, bubbles, getters, setters and actions can't be created inside the template function, you can create them in view function. Because template function gets called everytime the view updates.")},Ze=()=>{},Ge=t=>{Xe(),t.__isOnMount__=!0;const e=Me();e.addToCleanUps(t,Ze);if("AsyncFunction"===t.constructor.name&&Pe())return e._asyncMountQueue=e._asyncMountQueue??[],void e._asyncMountQueue.push(t);let n=!1;e.DOMReadyEvent.__subscribe(()=>{if(n)return;n=!0;const s=t();if(s&&"object"==typeof s&&"function"==typeof s.then)return;const i=s;i&&e.addToCleanUps(t,i)})},Ke=t=>{Xe(),t.__isOnPaint__=!0;const e=Me();e.addToCleanUps(t,Ze),e.PaintEvent.__subscribe(()=>t())},Qe=t=>{Xe(),t.__isOnAllMount__=!0;const e=Me();e.addToCleanUps(t,Ze),qe.onceIdle(()=>{if(!e.isConnected)return;const n=t();n&&e.addToCleanUps(t,n)})},Je=t=>{Xe(),t.__isOnCleanup__=!0;Me().addToCleanUps(t,t)},tn=(t,e=!0)=>{if(e&&ae("Setter"),re.setupInProgress&&e)throw new Error("Setter cannot be created inside setup function. Define setters as class properties before setup runs.");let n=t;const s=Me();e&&Xe();const i=new Set;try{const t=(...t)=>{const e=n(...t);return[...i].forEach(t=>{try{Ye.schedule(()=>t?.())}catch(t){console.error(t)}}),s?.isConnected&&qe.schedule(s),e};return t.__subscribe=t=>(ae("subscribe"),i.add(t),()=>i.delete(t)),t.__isSetter___=!0,t.set=t=>{n=t},Object.defineProperty(t,"__version__",{get:()=>0}),t}catch(t){throw new Error("You can only use setter or _ inside a scope or useState or view component's outer function")}},en=tn;function nn(t,e=!0,n){if(Gt())return;const s=Me(e);if(s&&t&&!s.cleanups.has(t)){const e=n||t.__subscribe||t.subscribe,i=e?.(()=>{qe.schedule(s)});s.addToCleanUps(t,i)}}function sn(t){return nn(t,!0),t}const rn=(t,e)=>{t.__isOn__=!0,ae("on");const n=new Set;let s;const i=()=>{if(s){try{s()}catch(t){console.error("Error in on() cleanup:",t)}s=void 0}const e=t();"function"==typeof e&&(s=e)},r=()=>Ye.schedule(i);e.forEach(t=>{n.add(t.__subscribe(r))});const o=()=>{if(n.forEach(t=>t()),s){try{s()}catch(t){console.error("Error in on() cleanup:",t)}s=void 0}};return $e(t,o),o};function on(t){let e=null;const n=new CustomEvent("request-context",{bubbles:!0,composed:!0,detail:{context:t,resolve(t=null){e=t}}});return Me().dispatchEvent(n),e}function an(){return We()&&"undefined"!=typeof window&&!!window.__mates_hmr}function ln(t){return!!t&&("AsyncFunction"===t.constructor?.name||t instanceof Promise||"object"==typeof t&&null!==t&&"then"in t||"function"==typeof t.then)}function cn(t){return"function"==typeof t?t():t}function hn(t){return t.default||t}class un extends HTMLElement{addScope(t,e){this.scopes.set(t,e)}onEachUpdate(t){this.onEachUpdateCallbacks.add(t)}constructor(){super(),this.name="Anonymous",this.scopes=new Map,this._useStates=[],this.lastVersion=-1,this._depth=0,this._parentComponent=null,this._renderVersion=0,this._errorHandlers=[],this._errorState=null,this.onEachUpdateCallbacks=new Set,this.DOMReadyEvent=null,this.PaintEvent=null,this._isViewLoading=!1,this._onRequestParentScope=t=>{const e=t,n=e.detail?.ScopeClass;if(n&&this.scopes.has(n)){const t=this.scopes.get(n);t&&(e.stopPropagation(),e.detail.resolve(t))}},this._props={},this._propsFn=()=>this._props,this._view=null,this._templateFn=null,this._hasMounted=!1,this._renderScheduled=!1,this.componentId=Math.random(),this.cleanups=new Map,this._xviewRender=()=>{};const t=re.templateInProgress;re.templateInProgress=!1,ke(this,()=>{this.DOMReadyEvent=Re("DOMReady"),this.PaintEvent=Re("Paint")}),re.templateInProgress=t}set props(t){this._props=t,qe.schedule(this)}get props(){return this._props}_applyViewChange(t,e){this.oldView!==t&&(this.oldView=t,e(t),(this._hasMounted||this._errorState)&&Be(this))}set view(t){if(null!==t){if(ln(t))return this._isViewLoading=!0,void cn(t).then(t=>{this._isViewLoading=!1,this.view=hn(t)},t=>{this._isViewLoading=!1,this._handleRenderError(t)});"function"==typeof t&&(this.name=t.name||"Anonymous"),this._applyViewChange(t,()=>{this._view=t}),qe.schedule(this)}}get view(){return this._view}callOnEachUpdate(){this.onEachUpdateCallbacks.forEach(t=>t())}connectedCallback(){this.addEventListener("request-parent-scope",this._onRequestParentScope);let t=0,e=null,n=this.parentElement;for(;n;){if(n instanceof un){e=n,t=n._depth+1;break}n=n.parentElement}this._depth=t,this._parentComponent=e,He.cancelDisconnect(this),this._hasMounted&&(Ht()&&!this._view?.skipDevToolsRender&&Ut(this,this._view),qe.schedule(this))}disconnectedCallback(){var t,e,n;this.removeEventListener("request-parent-scope",this._onRequestParentScope),Ht()&&(this._view?.__devtools__||this._view?.skipDevToolsRender||(n=Ft(this),jt.logComponentUnmount(n)),this._view?.skipDevToolsRender||(t=this,e=this._view,jt.unregisterComponent(t,e))),He.scheduleDisconnect(this)}addToCleanUps(t,e){const n=this.cleanups.get(t);n?n.push(e):this.cleanups.set(t,[e])}_render(){var t,e,n;if(!(this._errorState&&!this._view?.__isErrorView__||this._isViewLoading||this._renderScheduled)&&this._view)if(this._renderVersion=qe.flushVersion,this._hasMounted){if(this._xviewRender){this.callOnEachUpdate();let s=0;if(Ht()){const i=this._view?.__devtools__,r=this._view?.skipDevToolsRender,o=performance.now();this._xviewRender(),s=performance.now()-o,i||r||(Wt(Ft(this),this.componentId,s),e=Ft(this),n=s,jt.logComponentRender(e,n)),r||(t=this,jt.notifyRender(t))}else this._xviewRender()}}else this._mountComponent()}_mountComponent(){const t=this._view,e=function(t){if(!an())return t;const e=t?.__mates_hmr_id;if(!e)return t;const n=window.__mates_hmr?.components;return n?.[e]??t}(t);U(b``,this),re.viewOuterInProgress=!0;try{this._templateFn=ke(this,()=>e(this._propsFn))}catch(t){return re.viewOuterInProgress=!1,void this._handleRenderError(t)}if(re.viewOuterInProgress=!1,"function"==typeof this._templateFn){if(this._xviewRender=()=>{re.templateInProgress=!0;try{if(!this._templateFn)return;ke(this,()=>{const t=this._templateFn(this._propsFn);U(t,this)}),this.DOMReadyEvent?.trigger(),this.PaintEvent?.hasSubscribers&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.isConnected&&this.PaintEvent?.trigger()})})}catch(t){this._handleRenderError(t)}finally{re.templateInProgress=!1}},this.callOnEachUpdate(),Ht()){const t=e?.__devtools__,n=e?.skipDevToolsRender,s=performance.now();this._xviewRender();const i=performance.now()-s;t||n||Wt(e?.name||"Anonymous",this.componentId,i)}else this._xviewRender();this._view===t&&(this._hasMounted=!0,Ht()&&(e?.skipDevToolsRender||Ut(this,e),e?.__devtools__||e?.skipDevToolsRender||(n=e?.name||"Anonymous",jt.logComponentMount(n))))}else this._handleRenderError(new Error("inner function must be a template function that returns html result"));var n}_hotRefresh(){Be(this),qe.schedule(this)}_handleRenderError(t){this._errorState=t;for(const e of this._errorHandlers)try{e(t)}catch(t){}if(me(t,`Component "${this.name}"`),this._view?.__isErrorView__)return;const e=this.name,n=t instanceof Error?t.message:String(t),s=t instanceof Error&&t.stack?t.stack.split("\n").slice(1).map(t=>t.trim()).filter(Boolean).join("\n"):null,i=()=>()=>b`
+ */function Nt(t,e,n){return t?e(t):n?.(t)}const Lt=()=>{},jt={registerComponent:Lt,unregisterComponent:Lt,notifyRender:Lt,getComponentName:()=>"Anonymous",logComponentMount:Lt,logComponentRender:Lt,logComponentUnmount:Lt,logAtomSet:Lt,logAtomUpdate:Lt,logEventTrigger:Lt,logCleanupEventTrigger:Lt,logFetchRequest:Lt,logFetchResponse:Lt,logFetchError:Lt,recordRender:Lt};function Ut(t,e){jt.registerComponent(t,e)}function Ft(t){return jt.getComponentName(t)}function Vt(t,e){jt.logEventTrigger(t,e)}function Wt(t,e,n){jt.recordRender(t,e,n)}function Bt(t){t.registerComponent&&(jt.registerComponent=t.registerComponent),t.unregisterComponent&&(jt.unregisterComponent=t.unregisterComponent),t.notifyRender&&(jt.notifyRender=t.notifyRender),t.getComponentName&&(jt.getComponentName=t.getComponentName),t.logComponentMount&&(jt.logComponentMount=t.logComponentMount),t.logComponentRender&&(jt.logComponentRender=t.logComponentRender),t.logComponentUnmount&&(jt.logComponentUnmount=t.logComponentUnmount),t.logAtomSet&&(jt.logAtomSet=t.logAtomSet),t.logAtomUpdate&&(jt.logAtomUpdate=t.logAtomUpdate),t.logEventTrigger&&(jt.logEventTrigger=t.logEventTrigger),t.logCleanupEventTrigger&&(jt.logCleanupEventTrigger=t.logCleanupEventTrigger),t.logFetchRequest&&(jt.logFetchRequest=t.logFetchRequest),t.logFetchResponse&&(jt.logFetchResponse=t.logFetchResponse),t.logFetchError&&(jt.logFetchError=t.logFetchError),t.recordRender&&(jt.recordRender=t.recordRender)}function Ht(){return jt.registerComponent!==Lt}const Yt=Symbol.for("mates.readTracking");globalThis[Yt]||(globalThis[Yt]={enableReadTracking:!1,storesBeingRead:new Set,effectRunning:!1});const qt=globalThis[Yt];function Xt(){return qt.enableReadTracking}function Zt(){return qt.storesBeingRead}function Gt(){return qt.effectRunning}function Kt(t){qt.storesBeingRead.add(t)}function Qt(){qt.effectRunning=!0}function Jt(){qt.effectRunning=!1}function te(){const t={prevEnabled:qt.enableReadTracking,prevStores:qt.storesBeingRead};return qt.enableReadTracking=!0,qt.storesBeingRead=new Set,t}function ee(t){const e=qt.storesBeingRead;return qt.enableReadTracking=t.prevEnabled,qt.storesBeingRead=t.prevStores,e}const ne=te,se=ee,ie=Symbol.for("mates.componentRunningStatus");globalThis[ie]||(globalThis[ie]={setupInProgress:!1,templateInProgress:!1,viewOuterInProgress:!1,isHookRunning:!1});const re=globalThis[ie];function oe(){return!re.isHookRunning&&(re.templateInProgress||Gt())}function ae(t){if(!re.isHookRunning){if(re.templateInProgress)throw new Error(`${t} cannot be created during template function execution. Only scopes (useScope) are allowed in templates.`);if(Gt())throw new Error(`${t} cannot be created inside a memo() or effect(). They should only read state, not create new reactive primitives.`)}}function le(t){if(!re.viewOuterInProgress){if(re.templateInProgress)throw new Error(`${t} cannot be called during template function execution. Move it to the component's outer function.`);if(Gt())throw new Error(`${t} cannot be called inside a memo() or effect(). Move it to the component's outer function.`);throw new Error(`${t} must be called inside a component's outer function. It cannot be used at module level or inside inner functions (e.g. event handlers, timers, or callbacks).`)}}const ce=new Set,he={name:"matesLogEvent",__isEvent___:!0,trigger(t){ce.forEach(e=>{try{e(t)}catch(t){}})},__subscribe:t=>(ce.add(t),()=>ce.delete(t))};function ue(t){try{return structuredClone(t)}catch(e){return t}}function de(){if("undefined"==typeof window)return!0;const t=window.location.hostname;return"localhost"===t||"127.0.0.1"===t||"[::1]"===t||t.startsWith("192.168.")||t.startsWith("10.")||t.endsWith(".local")}function fe(t){try{he.trigger(t)}catch(t){}}function pe(t,e){fe({level:"log",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.log(t,e):console.log(t))}function me(t,e){fe({level:"error",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.error(`[${e}]`,t):console.error(t))}function _e(t,e){fe({level:"warn",message:t,data:void 0!==e?ue(e):void 0,ts:performance.now()}),de()&&(void 0!==e?console.warn(t,e):console.warn(t))}function ge(t,e,n,s){if("a"===n&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?s:"a"===n?s.call(t):s?s.value:e.get(t)}function ye(t,e,n,s,i){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?i.call(t,n):i?i.value=n:e.set(t,n),n}var we,ve,be;"function"==typeof SuppressedError&&SuppressedError;class Se{constructor(){we.set(this,new Set),ve.set(this,1)}subscribe(t){return ge(this,we,"f").add(t),()=>ge(this,we,"f").delete(t)}notify(){var t;ye(this,ve,(t=ge(this,ve,"f"),++t),"f"),[...ge(this,we,"f")].forEach(t=>{try{t?.()}catch(t){console.error(t)}})}getVersion(){return ge(this,ve,"f")}get subscriberCount(){return ge(this,we,"f").size}clear(){ge(this,we,"f").clear()}}we=new WeakMap,ve=new WeakMap;class Ee{constructor(){be.set(this,new Set)}subscribe(t){return ae("subscribe"),ge(this,be,"f").has(t)?()=>{}:(ge(this,be,"f").add(t),()=>ge(this,be,"f").delete(t))}trigger(t){ge(this,be,"f").forEach(e=>{try{e(t)}catch(t){console.error("Error in event handler:",t)}})}get handlerCount(){return ge(this,be,"f").size}clear(){ge(this,be,"f").clear()}}be=new WeakMap;const Ce=Symbol.for("mates.hostStack");globalThis[Ce]||(globalThis[Ce]=[]);const Ae=globalThis[Ce];function ke(t,e){Ae.push(t);let n=null;try{n=e()}finally{Ae.pop()}return n}function Me(t){const e=Ae[Ae.length-1];if(!e){if(!1!==t)throw new Error("getCurrentHost(): No active host context");return null}return e}const $e=(t,e)=>{const n=Me(!1);n&&n.addToCleanUps(t,e)},xe=t=>{ae("xTabEvent");const e=new Set,n=n=>{e.forEach(e=>{try{e(n)}catch(e){me(e,`xTabEvent(${t}) handler`)}})},s="undefined"!=typeof BroadcastChannel?new BroadcastChannel(t):null;s&&(s.onmessage=t=>{n(t.data)});return{trigger:e=>{if(Vt(t,e),s)try{s.postMessage(e)}catch(e){me(e,`xTabEvent(${t}) postMessage`)}n(e)},__subscribe:t=>{e.add(t);const n=()=>{e.delete(t)};return $e(t,n),n},close:()=>{s&&s.close()},name:t,__isEvent___:!0,__isXTabEvent___:!0}},Te=t=>{ae("event");const e=t||Math.random().toString(36).substring(2,15),n=new Ee;return{trigger:t=>{Vt(e,t),n.trigger(t)},__subscribe:t=>n.subscribe(t),name:e,__isEvent___:!0}},Re=t=>{ae("cleanupEvent");const e=t||Math.random().toString(36).substring(2,15),n=new Map,s=()=>{n.forEach(t=>{if(t)try{t()}catch(t){me(t,"cleanupEvent cleanup")}})},i={trigger:t=>{!function(t,e){jt.logCleanupEventTrigger(t,e)}(e,t),n.forEach((e,s)=>{if(e)try{e()}catch(t){me(t,"cleanupEvent cleanup")}try{const e=s(t);n.set(s,e)}catch(t){me(t,"cleanupEvent handler"),n.set(s,void 0)}})},__subscribe:t=>(n.set(t,void 0),()=>{const e=n.get(t);if(e)try{e()}catch(t){me(t,"cleanupEvent unsubscribe")}n.delete(t)}),cleanup:s,cleanupAndClearSubs:()=>{s(),n.clear()},get hasSubscribers(){return n.size>0},name:e,__isCleanupEvent___:!0,__isEvent___:!0};return i};let Oe=!1;function Ie(t){Oe=t,t||(ze=0,De=null,Ne=null)}function Pe(){return Oe}let ze=0,De=null,Ne=null;function Le(t){De=t,ze=0,null!==Ne&&(clearTimeout(Ne),Ne=null)}function je(){Oe&&(ze++,null!==Ne&&(clearTimeout(Ne),Ne=null))}function Ue(){Oe&&(ze=Math.max(0,ze-1),function(){if(ze>0)return;if(!De)return;if(null!==Ne)return;Ne=setTimeout(()=>{if(Ne=null,0===ze&&De){const t=De;De=null,t()}},5)}())}function Fe(){if(!Oe||!De)return;null!==Ne&&(clearTimeout(Ne),Ne=null);const t=De;De=null,t()}function Ve(){return ze}function We(){return void 0!==import.meta&&import.meta.env?"production"!==import.meta.env.NODE_ENV:"undefined"==typeof process||!process.env||"production"!==process.env.NODE_ENV}function Be(t){t.DOMReadyEvent?.cleanupAndClearSubs(),t.PaintEvent?.cleanupAndClearSubs(),t.cleanups.forEach(t=>t.forEach(t=>{try{t()}catch(t){console.error("Error during cleanup:",t)}})),t.cleanups.clear(),t.onEachUpdateCallbacks.clear(),t.scopes=new Map,t._templateFn=null,t._xviewRender=()=>{},t._hasMounted=!1,t._errorState=null,t._errorHandlers=[]}const He=new class{constructor(){this.pending=new Set,this.isScheduled=!1}scheduleDisconnect(t){this.pending.add(t),this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>this.flush()))}cancelDisconnect(t){this.pending.delete(t)}flush(){const t=Array.from(this.pending);this.pending.clear(),this.isScheduled=!1;for(const e of t)e?.isConnected||(Be(e),e._view=null,e._props={},e.oldView=void 0)}reset(){this.pending.clear(),this.isScheduled=!1}},Ye=new class{constructor(){this.pendingEffects=new Set,this.isScheduled=!1,this._isFlushing=!1}get isFlushing(){return this._isFlushing}reset(){this.pendingEffects.clear(),this.isScheduled=!1,this._isFlushing=!1}schedule(t){this.pendingEffects.add(t),this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>this.flush()))}flush(){this._isFlushing=!0;let t=0;for(;this.pendingEffects.size>0;){if(t++>=500){this.pendingEffects.clear(),console.error("EffectScheduler: Maximum iteration limit (500) reached. This likely means an effect is infinitely updating its own dependency. Remaining effects have been dropped.");break}const e=Array.from(this.pendingEffects);this.pendingEffects.clear();for(const t of e)try{t()}catch(t){me(t,"Effect")}}this._isFlushing=!1,this.isScheduled=!1,qe.flush()}},qe=new class{constructor(){this.pendingComponents=new Set,this.nextPendingComponents=new Set,this._currentWave=new Set,this.isScheduled=!1,this._isFlushing=!1,this._flushVersion=0,this._onIdleCallbacks=[]}get flushVersion(){return this._flushVersion}onceIdle(t){this._onIdleCallbacks.push(t),this._isFlushing||this.isScheduled||queueMicrotask(()=>this._drainIdleCallbacks())}_drainIdleCallbacks(){if(this._isFlushing||this.isScheduled)return;if(this.pendingComponents.size>0||this.nextPendingComponents.size>0)return;const t=this._onIdleCallbacks.splice(0);for(const e of t)try{e()}catch(t){console.error(t)}}reset(){this.pendingComponents.clear(),this.nextPendingComponents.clear(),this._currentWave.clear(),this._onIdleCallbacks.length=0,this.isScheduled=!1,this._isFlushing=!1}schedule(t){if(this._isFlushing){if(this._currentWave.has(t)&&t._renderVersion!==this._flushVersion)return;this.nextPendingComponents.add(t)}else this.pendingComponents.add(t);this.isScheduled||(this.isScheduled=!0,queueMicrotask(()=>{Ye.isScheduled||Ye.isFlushing||this.flush()}))}flush(){for(this.nextPendingComponents.size>0&&(this.nextPendingComponents.forEach(t=>this.pendingComponents.add(t)),this.nextPendingComponents.clear()),this._isFlushing=!0,this._flushVersion++;this.pendingComponents.size>0;){const t=Array.from(this.pendingComponents);this.pendingComponents.clear(),t.sort((t,e)=>t._depth-e._depth),this._currentWave=new Set(t);for(const e of t)if(e.isConnected)try{e._render()}catch(t){me(t,"Component render")}this._currentWave.clear()}this._isFlushing=!1,this.isScheduled=!1,this.nextPendingComponents.size>0?(this.isScheduled=!0,queueMicrotask(()=>{Ye.isScheduled||Ye.isFlushing||this.flush()})):this._drainIdleCallbacks()}},Xe=()=>{if(re.templateInProgress&&!re.setupInProgress)throw Error("Providers such as atoms, units, bubbles, getters, setters and actions can't be created inside the template function, you can create them in view function. Because template function gets called everytime the view updates.")},Ze=()=>{},Ge=t=>{Xe(),t.__isOnMount__=!0;const e=Me();e.addToCleanUps(t,Ze);if("AsyncFunction"===t.constructor.name&&Pe())return e._asyncMountQueue=e._asyncMountQueue??[],void e._asyncMountQueue.push(t);let n=!1;e.DOMReadyEvent.__subscribe(()=>{if(n)return;n=!0;const s=t();if(s&&"object"==typeof s&&"function"==typeof s.then)return;const i=s;i&&e.addToCleanUps(t,i)})},Ke=t=>{Xe(),t.__isOnPaint__=!0;const e=Me();e.addToCleanUps(t,Ze),e.PaintEvent.__subscribe(()=>t())},Qe=t=>{Xe(),t.__isOnAllMount__=!0;const e=Me();e.addToCleanUps(t,Ze),qe.onceIdle(()=>{if(!e.isConnected)return;const n=t();n&&e.addToCleanUps(t,n)})},Je=t=>{Xe(),t.__isOnCleanup__=!0;Me().addToCleanUps(t,t)},tn=(t,e=!0)=>{if(e&&ae("Setter"),re.setupInProgress&&e)throw new Error("Setter cannot be created inside setup function. Define setters as class properties before setup runs.");let n=t;const s=Me();e&&Xe();const i=new Set;try{const t=(...t)=>{const e=n(...t);return[...i].forEach(t=>{try{Ye.schedule(()=>t?.())}catch(t){console.error(t)}}),s?.isConnected&&qe.schedule(s),e};return t.__subscribe=t=>(ae("subscribe"),i.add(t),()=>i.delete(t)),t.__isSetter___=!0,t.set=t=>{n=t},Object.defineProperty(t,"__version__",{get:()=>0}),t}catch(t){throw new Error("You can only use setter or _ inside a scope or useState or view component's outer function")}},en=tn;function nn(t,e=!0,n){if(Gt())return;const s=Me(e);if(s&&t&&!s.cleanups.has(t)){const e=n||t.__subscribe||t.subscribe,i=e?.(()=>{qe.schedule(s)});s.addToCleanUps(t,i)}}function sn(t){return nn(t,!0),t}const rn=(t,e)=>{t.__isOn__=!0,ae("on");const n=new Set;let s;const i=()=>{if(s){try{s()}catch(t){console.error("Error in on() cleanup:",t)}s=void 0}const e=t();"function"==typeof e&&(s=e)},r=()=>Ye.schedule(i);e.forEach(t=>{n.add(t.__subscribe(r))});const o=()=>{if(n.forEach(t=>t()),s){try{s()}catch(t){console.error("Error in on() cleanup:",t)}s=void 0}};return $e(t,o),o};function on(t){let e=null;const n=new CustomEvent("request-context",{bubbles:!0,composed:!0,detail:{context:t,resolve(t=null){e=t}}});return Me().dispatchEvent(n),e}function an(){return We()&&"undefined"!=typeof window&&!!window.__mates_hmr}function ln(t){return!!t&&("AsyncFunction"===t.constructor?.name||t instanceof Promise||"object"==typeof t&&null!==t&&"then"in t||"function"==typeof t.then)}function cn(t){return"function"==typeof t?t():t}function hn(t){return t.default||t}class un extends HTMLElement{addScope(t,e){this.scopes.set(t,e)}onEachUpdate(t){this.onEachUpdateCallbacks.add(t)}constructor(){super(),this.name="Anonymous",this.scopes=new Map,this._useStates=[],this.lastVersion=-1,this._depth=0,this._parentComponent=null,this._renderVersion=0,this._errorHandlers=[],this._errorState=null,this.onEachUpdateCallbacks=new Set,this.DOMReadyEvent=null,this.PaintEvent=null,this._isViewLoading=!1,this._onRequestParentScope=t=>{const e=t,n=e.detail?.ScopeClass;if(n&&this.scopes.has(n)){const t=this.scopes.get(n);t&&(e.stopPropagation(),e.detail.resolve(t))}},this._props={},this._propsFn=()=>this._props,this._view=null,this._templateFn=null,this._hasMounted=!1,this._renderScheduled=!1,this.componentId=Math.random(),this.cleanups=new Map,this._xviewRender=()=>{};const t=re.templateInProgress;re.templateInProgress=!1,ke(this,()=>{this.DOMReadyEvent=Re("DOMReady"),this.PaintEvent=Re("Paint")}),re.templateInProgress=t,this._setup()}set props(t){this._props=t,qe.schedule(this)}get props(){return this._props}_applyViewChange(t,e){this.oldView!==t&&(this.oldView=t,e(t),(this._hasMounted||this._errorState)&&Be(this))}set view(t){if(null!==t){if(ln(t))return this._isViewLoading=!0,void cn(t).then(t=>{this._isViewLoading=!1,this.view=hn(t)},t=>{this._isViewLoading=!1,this._handleRenderError(t)});"function"==typeof t&&(this.name=t.name||"Anonymous"),this._applyViewChange(t,()=>{this._view=t}),qe.schedule(this)}}get view(){return this._view}callOnEachUpdate(){this.onEachUpdateCallbacks.forEach(t=>t())}connectedCallback(){this.addEventListener("request-parent-scope",this._onRequestParentScope);let t=0,e=null,n=this.parentElement;for(;n;){if(n instanceof un){e=n,t=n._depth+1;break}n=n.parentElement}if(this._depth=t,this._parentComponent=e,He.cancelDisconnect(this),this._hasMounted)return Ht()&&!this._view?.skipDevToolsRender&&Ut(this,this._view),void qe.schedule(this);this._setup()}_setup(){if(this._hasMounted)return;let t=0,e=null,n=this.parentElement;for(;n;){if(n instanceof un){e=n,t=n._depth+1;break}n=n.parentElement}this._depth=t,this._parentComponent=e,"function"==typeof this._view&&this._mountComponent()}disconnectedCallback(){var t,e,n;this.removeEventListener("request-parent-scope",this._onRequestParentScope),Ht()&&(this._view?.__devtools__||this._view?.skipDevToolsRender||(n=Ft(this),jt.logComponentUnmount(n)),this._view?.skipDevToolsRender||(t=this,e=this._view,jt.unregisterComponent(t,e))),He.scheduleDisconnect(this)}addToCleanUps(t,e){const n=this.cleanups.get(t);n?n.push(e):this.cleanups.set(t,[e])}_render(){var t,e,n;if(!(this._errorState&&!this._view?.__isErrorView__||this._isViewLoading||this._renderScheduled)&&this._view)if(this._renderVersion=qe.flushVersion,this._hasMounted){if(this._xviewRender){this.callOnEachUpdate();let s=0;if(Ht()){const i=this._view?.__devtools__,r=this._view?.skipDevToolsRender,o=performance.now();this._xviewRender(),s=performance.now()-o,i||r||(Wt(Ft(this),this.componentId,s),e=Ft(this),n=s,jt.logComponentRender(e,n)),r||(t=this,jt.notifyRender(t))}else this._xviewRender()}}else this._mountComponent()}_mountComponent(){const t=this._view,e=function(t){if(!an())return t;const e=t?.__mates_hmr_id;if(!e)return t;const n=window.__mates_hmr?.components;return n?.[e]??t}(t);U(b``,this),re.viewOuterInProgress=!0;try{this._templateFn=ke(this,()=>e(this._propsFn))}catch(t){return re.viewOuterInProgress=!1,void this._handleRenderError(t)}if(re.viewOuterInProgress=!1,"function"==typeof this._templateFn){if(this._xviewRender=()=>{re.templateInProgress=!0;try{if(!this._templateFn)return;ke(this,()=>{const t=this._templateFn(this._propsFn);U(t,this)}),this.DOMReadyEvent?.trigger(),this.PaintEvent?.hasSubscribers&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.isConnected&&this.PaintEvent?.trigger()})})}catch(t){this._handleRenderError(t)}finally{re.templateInProgress=!1}},this.callOnEachUpdate(),Ht()){const t=e?.__devtools__,n=e?.skipDevToolsRender,s=performance.now();this._xviewRender();const i=performance.now()-s;t||n||Wt(e?.name||"Anonymous",this.componentId,i)}else this._xviewRender();this._view===t&&(this._hasMounted=!0,Ht()&&(e?.skipDevToolsRender||Ut(this,e),e?.__devtools__||e?.skipDevToolsRender||(n=e?.name||"Anonymous",jt.logComponentMount(n))))}else this._handleRenderError(new Error("inner function must be a template function that returns html result"));var n}_hotRefresh(){Be(this),qe.schedule(this)}_handleRenderError(t){this._errorState=t;for(const e of this._errorHandlers)try{e(t)}catch(t){}if(me(t,`Component "${this.name}"`),this._view?.__isErrorView__)return;const e=this.name,n=t instanceof Error?t.message:String(t),s=t instanceof Error&&t.stack?t.stack.split("\n").slice(1).map(t=>t.trim()).filter(Boolean).join("\n"):null,i=()=>()=>b`
         <div
           style="padding:14px 16px;margin:4px;border:2px solid #e74c3c;border-radius:6px;background:#fdf0ef;color:#c0392b;font-family:monospace;font-size:13px;line-height:1.5"
         >