@lordfokas/yrframe 0.4.2 → 0.4.4

package/dist/ComponentEvents.js

@@ -22,7 +22,7 @@ export class ComponentEvents {
     internals = 0;
     constructor(component) {
         this.component = component;
-        this.owner = component instanceof Component ? component.constructor.name : '<' + component.tagName + '>';
+        this.owner = component instanceof Component ? component.constructor.name : '<' + component.tagName.toLowerCase() + '>';
     }
     isEmpty() {
         return (this.listeners.length + this.internals) === 0;

package/dist/Facade.d.ts

@@ -2,7 +2,7 @@ import { ComponentEvents } from "./ComponentEvents.js";
 import { Attributes, Source } from "./utils.js";
 declare const evt: unique symbol;
 interface EventHost {
-    [evt]: FacadeEvents;
+    [evt]: ComponentEvents;
 }
 type FacadeElement = HTMLElement & EventHost & {
     connectedCallback: Source<void>;
@@ -15,14 +15,8 @@ type FacadeElement = HTMLElement & EventHost & {
 export declare class Facade<A extends Attributes> {
     protected readonly node: FacadeElement;
     protected readonly isCustom: boolean;
-    protected events(): FacadeEvents;
+    protected events(): ComponentEvents;
     constructor(tag: string, props: Partial<A>, defaults?: Partial<A>);
     content(): FacadeElement;
 }
-declare class FacadeEvents extends ComponentEvents {
-    private connected;
-    constructor(component: HTMLElement);
-    connect(): void;
-    disconnect(): void;
-}
 export {};

package/dist/Facade.js

@@ -11,7 +11,7 @@ export class Facade {
     isCustom;
     events() {
         if (!this.node[evt]) { // Lazily instantiate event manager
-            this.node[evt] = new FacadeEvents(this.node);
+            this.node[evt] = new ComponentEvents(this.node);
         }
         return this.node[evt];
     }
@@ -59,18 +59,16 @@ class FacadeEvents extends ComponentEvents {
     }
 }
 (function FacadeMutationObserver() {
-    new MutationObserver((records, _mo) => {
+    new MutationObserver((records) => {
         for (const record of records) {
-            if (record.type == "childList") {
-                for (const added of record.addedNodes) {
-                    if (added instanceof HTMLElement) {
-                        added[evt]?.connect();
-                    }
+            for (const added of record.addedNodes) {
+                if (added instanceof HTMLElement) {
+                    added[evt]?.connect();
                 }
-                for (const removed of record.removedNodes) {
-                    if (removed instanceof HTMLElement) {
-                        removed[evt]?.connect();
-                    }
+            }
+            for (const removed of record.removedNodes) {
+                if (removed instanceof HTMLElement) {
+                    removed[evt]?.disconnect();
                 }
             }
         }

package/package.json

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