@lordfokas/yrframe 0.4.4 → 0.4.6

package/dist/ComponentFactory.js

@@ -9,9 +9,11 @@ export class ComponentFactory {
             return children; // Allow returning multiple elements from render()
         // Initialize Element
         let element;
+        let facade = undefined;
         if (typeof tag === 'function') { // Construct class based components
             if (tag.prototype instanceof Facade) {
-                element = new tag(props ?? {}).content();
+                facade = new tag(props ?? {});
+                element = facade.content();
             }
             else {
                 element = new tag(props ?? {});
@@ -23,6 +25,7 @@ export class ComponentFactory {
         }
         // Append children if any
         if (children && children.length > 0) {
+            facade?.setInitialChildren(children);
             this.appendChildren(element, ...children);
         }
         return element;

package/dist/Facade.d.ts

@@ -15,8 +15,10 @@ type FacadeElement = HTMLElement & EventHost & {
 export declare class Facade<A extends Attributes> {
     protected readonly node: FacadeElement;
     protected readonly isCustom: boolean;
+    protected initialChildren: (string | Node)[];
     protected events(): ComponentEvents;
     constructor(tag: string, props: Partial<A>, defaults?: Partial<A>);
     content(): FacadeElement;
+    setInitialChildren(children: (Node | string)[]): void;
 }
 export {};

package/dist/Facade.js

@@ -9,6 +9,7 @@ const evt = Symbol('evt');
 export class Facade {
     node;
     isCustom;
+    initialChildren = [];
     events() {
         if (!this.node[evt]) { // Lazily instantiate event manager
             this.node[evt] = new ComponentEvents(this.node);
@@ -39,23 +40,8 @@ export class Facade {
         }
         return this.node;
     }
-}
-class FacadeEvents extends ComponentEvents {
-    connected = false;
-    constructor(component) {
-        super(component);
-    }
-    connect() {
-        if (this.connected)
-            return;
-        super.connect();
-        this.connected = true;
-    }
-    disconnect() {
-        if (!this.connected)
-            return;
-        super.disconnect();
-        this.connected = false;
+    setInitialChildren(children) {
+        this.initialChildren = children;
     }
 }
 (function FacadeMutationObserver() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lordfokas/yrframe",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "A Typescript class-based WebComponents library using Material Design.",
   "main": "dist/yrframe.js",
   "scripts": {