@neuralfog/elemix 0.1.6 → 0.1.7

package/dist/decorators.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./utilities.js"),d=require("./types-D5TcFW7H.js"),i=(s,e)=>{customElements.get(s)===void 0&&customElements.define(s,e)},b=s=>e=>{const t=(s==null?void 0:s.tag)||u.camelToKebabCase(e.name),a=class extends e{constructor(){var r;if(super(),(r=s==null?void 0:s.signals)!=null&&r.length)for(const l of s.signals)l.subscribe(this)}};e.$signals=(s==null?void 0:s.signals)||[],e.$styles=(s==null?void 0:s.styles)||[],i(t,a)},T=s=>(e,t)=>{e.stateProperties||(e.stateProperties=new Map),e.stateProperties.has(t)||e.stateProperties.set(t,s||d.RenderTrigger.LOCAL_STATE)};exports.component=b;exports.state=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./utilities.js"),u=require("./types-D5TcFW7H.js"),d=(s,e)=>{customElements.get(s)===void 0&&customElements.define(s,e)},b=s=>e=>{const t=i.camelToKebabCase(e.name),a=class extends e{constructor(){var r;if(super(),(r=s==null?void 0:s.signals)!=null&&r.length)for(const l of s.signals)l.subscribe(this)}};e.$signals=(s==null?void 0:s.signals)||[],e.$styles=(s==null?void 0:s.styles)||[],d(t,a)},T=s=>(e,t)=>{e.stateProperties||(e.stateProperties=new Map),e.stateProperties.has(t)||e.stateProperties.set(t,s||u.RenderTrigger.LOCAL_STATE)};exports.component=b;exports.state=T;

package/dist/index.js

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var d=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var r=(s,e,t)=>d(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./types-D5TcFW7H.js"),l=require("@neuralfog/elemix-renderer"),n=require("./renderers-CTogHRY2.js"),h=require("./reactive.js"),p=require("./app.js");class u{constructor(e){r(this,"locked",!1);r(this,"scheduledRenderTriggers",new Set);this.component=e}schedule(e,t=!1){this.component.template()&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,n.activeRenderers.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,n.activeRenderers.delete(this),t&&this.component.onMount()},0)))}render(e){l.render(this.component.template(),this.component.root),this.component.onRender(e)}}class g{constructor(e){this.component=e}initialize(){const e=this.component.constructor.prototype.stateProperties;if(e)for(const[t,i]of e){const c=this.component;c[t]=new h.Reactive(c[t],i).subscribe(this.component).value}}}class m{constructor(e){r(this,"data",{});this.component=e}initialize(){this.data=new h.Reactive(this.data,o.RenderTrigger.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t=="object"&&t!==null){this.setReactive(e,t);return}const i=this.data[e];if(typeof t=="function"){this.data[e]||this.setReactive(e,t);return}i!==t&&this.setReactive(e,t)}}class f{constructor(e){r(this,"styles");this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){const e=new CSSStyleSheet;e.replaceSync(this.styles.join(" "));const t=p.App.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e]}}}class R extends HTMLElement{constructor(){super();r(this,"$props",new m(this));r(this,"$renderer",new u(this));r(this,"$localState",new g(this));r(this,"$styles",new f(this));this.attachShadow({mode:"open"})}get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}connectedCallback(){this.$styles.initialize(),this.$props.initialize(),this.$localState.initialize(),this.beforeMount(),this.render(o.RenderTrigger.ON_MOUNT,!0)}disconnectedCallback(){n.activeRenderers.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(t){}beforeMount(){}onMount(){}onDispose(){}render(t,i=!1){this.$renderer.schedule(t,i)}unsubscribeFromSignals(){for(const t of this.constructor.$signals)t.unsubscribe(this)}}exports.RenderTrigger=o.RenderTrigger;exports.html=o.html;exports.Component=R;
+"use strict";var l=Object.defineProperty;var a=(s,e,t)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>a(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./types-D5TcFW7H.js"),d=require("@neuralfog/elemix-renderer"),n=require("./renderers-CTogHRY2.js"),h=require("./reactive.js"),p=require("./app.js");class u{constructor(e){o(this,"locked",!1);o(this,"scheduledRenderTriggers",new Set);this.component=e}schedule(e,t=!1){this.component.template()&&(e&&this.scheduledRenderTriggers.add(e),this.locked||(this.locked=!0,n.activeRenderers.add(this),setTimeout(()=>{this.render(Array.from(this.scheduledRenderTriggers)),this.scheduledRenderTriggers.clear(),this.locked=!1,n.activeRenderers.delete(this),t&&this.component.onMount()},0)))}render(e){d.render(this.component.template(),this.component.root),this.component.onRender(e)}}class g{constructor(e){this.component=e}initialize(){const e=this.component.constructor.prototype.stateProperties;if(e)for(const[t,r]of e){const c=this.component;c[t]=new h.Reactive(c[t],r).subscribe(this.component).value}}}class m{constructor(e){o(this,"data",{});this.component=e}initialize(){this.data=new h.Reactive(this.data,i.RenderTrigger.PROPS).subscribe(this.component).value}setReactive(e,t){this.data[e]=t}set(e,t){if(typeof t=="object"&&t!==null){this.setReactive(e,t);return}const r=this.data[e];if(typeof t=="function"){this.data[e]||this.setReactive(e,t);return}r!==t&&this.setReactive(e,t)}}class f{constructor(e){o(this,"styles");this.component=e,this.styles=this.component.constructor.$styles}initialize(){if(this.component.shadowRoot&&this.styles.length){const e=new CSSStyleSheet;e.replaceSync(this.styles.join(" "));const t=p.App.config.baseStyles||[];this.component.shadowRoot.adoptedStyleSheets=[...t,e,...this.component.controlStyles]}}}class y extends HTMLElement{constructor(){super();o(this,"$props",new m(this));o(this,"$renderer",new u(this));o(this,"$localState",new g(this));o(this,"$styles",new f(this));o(this,"$controlStyles");this.attachShadow({mode:"open"})}get root(){return this.shadowRoot}get props(){return this.$props.data}get styles(){return this.$styles}get controlStyles(){return this.$controlStyles||[]}connectedCallback(){this.beforeMount(),this.$styles.initialize(),this.$props.initialize(),this.$localState.initialize(),this.render(i.RenderTrigger.ON_MOUNT,!0)}disconnectedCallback(){n.activeRenderers.delete(this.$renderer),this.unsubscribeFromSignals(),this.onDispose()}template(){}onRender(t){}beforeMount(){}onMount(){}onDispose(){}render(t,r=!1){this.$renderer.schedule(t,r)}unsubscribeFromSignals(){for(const t of this.constructor.$signals)t.unsubscribe(this)}}exports.RenderTrigger=i.RenderTrigger;exports.html=i.html;exports.Component=y;

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

@@ -5,9 +5,11 @@ export declare class Component<ComponentProps = unknown> extends HTMLElement {
     private $renderer;
     private $localState;
     private $styles;
+    private $controlStyles?;
     get root(): HTMLElement | ShadowRoot | null;
     get props(): ComponentProps;
     get styles(): Styles;
+    get controlStyles(): CSSStyleSheet[];
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1,6 +1,5 @@
 import type { Reactive } from '../Reactive';
 type ComponentDecoratorConfig = {
-    tag?: string;
     signals?: Reactive<unknown>[];
     styles?: string[];
 };

package/dist/test/fixtures/ViewModelBinding.d.ts

@@ -1,6 +1,6 @@
 import { Component } from '../../src/component/Component';
 import { type Template } from '../../src/types';
-export declare class ViewModelBinding extends Component {
+export declare class ViewModelBindingApp extends Component {
     state: {
         input: {
             value?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@neuralfog/elemix",
-    "version": "0.1.6",
+    "version": "0.1.7",
     "license": "MIT",
     "author": "brownhounds",
     "main": "dist/index.js",
@@ -40,6 +40,6 @@
         "vitest": "3.0.7"
     },
     "peerDependencies": {
-        "@neuralfog/elemix-renderer": "0.1.6"
+        "@neuralfog/elemix-renderer": "0.1.7"
     }
 }