@neuralfog/elemix 0.5.6 → 0.5.7

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./render-Dli1vT-6.js"),t=require("./types-DVvjIrJ6.js"),n=require("./renderers-BBOJdSjj.js"),r=require("./Reactive-CQV_s8zX.js"),i=require("./App-tMVVu8H5.js");var a=class{component;locked=!1;scheduledRenderTriggers=new Set;constructor(e){this.component=e}schedule(e,t=!1){let r=n.n.active;n.n.active=null;let i;try{i=this.component.template()}finally{n.n.active=r}i&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,n.t.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,n.t.delete(this),t&&(this.component.onMount(),this.component.removeAttribute(`data-cloak`))},0)))}render(t){for(let e of this.component.tracked)e.unsubscribe(this.component);this.component.tracked.clear();let r=n.n.active;n.n.active=this.component;try{e.n(this.component.template(),this.component.root)}finally{n.n.active=r}this.component.onRender(t)}},o=class{component;constructor(e){this.component=e}initialize(){let e=this.component.constructor.prototype.stateProperties;if(e)for(let[t,n]of e){let e=this.component;e[t]=new r.t(e[t],n).subscribe(this.component).value}}},s=class{component;data={};constructor(e){this.component=e}initialize(){let e=this.component;e.__pendingProps&&=(Object.assign(this.data,e.__pendingProps),void 0),this.data=new r.t(this.data,t.t.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t==`object`&&t){this.setReactive(e,t);return}let n=this.data[e];if(typeof t==`function`){this.data[e]||this.setReactive(e,t);return}n!==t&&this.setReactive(e,t)}},c=class{component;styles;constructor(e){this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){let e=new CSSStyleSheet;e.replaceSync(this.styles.join(` `));let t=i.t.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e,...this.component.controlStyles]}}},l=class extends HTMLElement{$props=new s(this);$renderer=new a(this);$localState=new o(this);$styles=new c(this);$controlStyles;tracked=new Set;get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}get controlStyles(){return this.$controlStyles||[]}constructor(){super(),this.attachShadow({mode:`open`}),this.setAttribute(`data-cloak`,``)}connectedCallback(){this.$styles.initialize(),this.$props.initialize(),this.$localState.initialize(),this.beforeMount(),this.render(t.t.ON_MOUNT,!0)}disconnectedCallback(){n.t.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(e){}beforeMount(){}onMount(){}onDispose(){}render(e,t=!1){this.$renderer.schedule(e,t)}setControlStyles(e){this.$controlStyles=e}unsubscribeFromSignals(){for(let e of this.tracked)e.unsubscribe(this);this.tracked.clear()}hasSlot(e){return Array.from(this.children).some(t=>t.getAttribute(`slot`)===e)}};exports.Component=l,exports.RenderTrigger=t.t,exports.html=t.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./render-Dli1vT-6.js"),t=require("./types-DVvjIrJ6.js"),n=require("./renderers-BBOJdSjj.js"),r=require("./Reactive-CQV_s8zX.js"),i=require("./App-tMVVu8H5.js");var a=class{component;locked=!1;pendingOnMount=!1;scheduledRenderTriggers=new Set;constructor(e){this.component=e}schedule(e,t=!1){t&&(this.pendingOnMount=!0);let r=n.n.active;n.n.active=null;let i;try{i=this.component.template()}finally{n.n.active=r}i&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,n.t.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,n.t.delete(this),this.pendingOnMount&&(this.pendingOnMount=!1,this.component.onMount(),this.component.removeAttribute(`data-cloak`))},0)))}render(t){for(let e of this.component.tracked)e.unsubscribe(this.component);this.component.tracked.clear();let r=n.n.active;n.n.active=this.component;try{e.n(this.component.template(),this.component.root)}finally{n.n.active=r}this.component.onRender(t)}},o=class{component;constructor(e){this.component=e}initialize(){let e=this.component.constructor.prototype.stateProperties;if(e)for(let[t,n]of e){let e=this.component;e[t]=new r.t(e[t],n).subscribe(this.component).value}}},s=class{component;data={};constructor(e){this.component=e}initialize(){let e=this.component;e.__pendingProps&&=(Object.assign(this.data,e.__pendingProps),void 0),this.data=new r.t(this.data,t.t.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t==`object`&&t){this.setReactive(e,t);return}let n=this.data[e];if(typeof t==`function`){this.data[e]||this.setReactive(e,t);return}n!==t&&this.setReactive(e,t)}},c=class{component;styles;constructor(e){this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){let e=new CSSStyleSheet;e.replaceSync(this.styles.join(` `));let t=i.t.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e,...this.component.controlStyles]}}},l=class extends HTMLElement{static formAssociated;$props=new s(this);$renderer=new a(this);$localState=new o(this);$styles=new c(this);$controlStyles;internals;tracked=new Set;get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}get controlStyles(){return this.$controlStyles||[]}constructor(){super(),this.attachShadow({mode:`open`}),this.setAttribute(`data-cloak`,``)}connectedCallback(){this.$styles.initialize(),this.$props.initialize(),this.attachFormInternals(),this.$localState.initialize(),this.beforeMount(),this.render(t.t.ON_MOUNT,!0)}attachFormInternals(){this.internals||this.constructor.formAssociated&&(this.internals=this.attachInternals())}disconnectedCallback(){n.t.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(e){}beforeMount(){}onMount(){}onDispose(){}render(e,t=!1){this.$renderer.schedule(e,t)}setControlStyles(e){this.$controlStyles=e}unsubscribeFromSignals(){for(let e of this.tracked)e.unsubscribe(this);this.tracked.clear()}hasSlot(e){return Array.from(this.children).some(t=>t.getAttribute(`slot`)===e)}};exports.Component=l,exports.RenderTrigger=t.t,exports.html=t.n;

package/dist/src/component/Component.d.ts

@@ -4,11 +4,13 @@ type Trackable = {
     unsubscribe(c: Component): unknown;
 };
 export declare class Component<ComponentProps = unknown> extends HTMLElement {
+    static formAssociated?: boolean;
     private $props;
     private $renderer;
     private $localState;
     private $styles;
     private $controlStyles?;
+    internals?: ElementInternals;
     /**
      * Signals auto-subscribed during template() execution via the
      * renderTracking mechanism. Cleared and rebuilt on every render so
@@ -21,6 +23,7 @@ export declare class Component<ComponentProps = unknown> extends HTMLElement {
     get controlStyles(): CSSStyleSheet[];
     constructor();
     connectedCallback(): void;
+    private attachFormInternals;
     disconnectedCallback(): void;
     template(): Template;
     onRender(renderTriggers?: RenderTriggerType[]): void;

package/dist/src/component/Renderer.d.ts

@@ -3,6 +3,7 @@ import type { RenderTriggerType } from '../types';
 export declare class Renderer {
     private component;
     private locked;
+    private pendingOnMount;
     private scheduledRenderTriggers;
     constructor(component: Component);
     schedule(renderTrigger?: RenderTriggerType, isConnectedCallback?: boolean): void;

package/dist/test/before-mount-once.test.d.ts

@@ -0,0 +1,12 @@
+import { Component } from '../src/component/Component';
+import { type Template } from '../src/types';
+export declare class BeforeMountChild extends Component {
+    beforeMount(): void;
+    template: () => Template;
+}
+export declare class BeforeMountSwapParent extends Component {
+    state: {
+        showB: boolean;
+    };
+    template: () => Template;
+}

package/dist/test/before-mount-state-mutation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/form-associated-auto.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/on-mount-cloak.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@neuralfog/elemix",
-    "version": "0.5.6",
+    "version": "0.5.7",
     "license": "MIT",
     "author": "brownhounds",
     "main": "dist/index.js",