@melodicdev/components 1.0.12 → 1.0.14

package/assets/melodic-components.min.js

@@ -16774,21 +16774,17 @@ var Bi = class {
     return a.dialogRef.open(), a.dialogRef;
   }
   findDialogElement(t) {
-    const r = document.querySelectorAll("ml-dialog");
-    for (const l of r) if (l.hasAttribute(`#${t}`)) return l;
-    return this.deepFindDialog(document.body, t);
+    for (const r of document.body.querySelectorAll("*")) if (r.shadowRoot) {
+      const l = this.deepFindDialog(r, t);
+      if (l) return l;
+    }
+    return null;
   }
   deepFindDialog(t, r) {
     const l = t.shadowRoot;
-    if (l) {
-      const a = l.querySelector(`ml-dialog[\\#${r}]`);
-      if (a) return a;
-      for (const o of l.querySelectorAll("*")) {
-        const s = this.deepFindDialog(o, r);
-        if (s) return s;
-      }
-    }
-    for (const a of t.querySelectorAll("*")) if (a.shadowRoot) {
+    if (!l) return null;
+    for (const a of l.querySelectorAll("ml-dialog")) if (a.hasAttribute(`#${r}`)) return a;
+    for (const a of l.querySelectorAll("*")) if (a.shadowRoot) {
       const o = this.deepFindDialog(a, r);
       if (o) return o;
     }
@@ -16813,10 +16809,17 @@ var nr, Re = class {
   constructor() {
     this._dialogID = Zl(), this._registered = !1;
   }
+  onCreate() {
+    this.registerDialog();
+  }
   registerDialog() {
     if (this._registered) return;
     const t = this.elementRef.shadowRoot?.querySelector("dialog");
-    t && (this._dialogEl = t, this._dialogID = this.createDialogID(), this._dialogEl.id = this._dialogID, this._dialogRef = this._dialogService.addDialog(this._dialogID, this._dialogEl), this._registered = !0);
+    if (!t) {
+      console.warn(`[ml-dialog] registerDialog failed: <dialog> not found in shadow root for #${this.createDialogID()}. elementRef:`, this.elementRef, "shadowRoot:", this.elementRef.shadowRoot, "shadowRoot children:", this.elementRef.shadowRoot?.children);
+      return;
+    }
+    this._dialogEl = t, this._dialogID = this.createDialogID(), this._dialogEl.id = this._dialogID, this._dialogRef = this._dialogService.addDialog(this._dialogID, this._dialogEl), this._registered = !0;
   }
   onDestroy() {
     this._dialogService.removeDialog(this._dialogID);

package/lib/components/overlays/dialog/dialog.component.d.ts

@@ -1,11 +1,12 @@
-import type { OnDestroy, IElementRef } from '@melodicdev/core';
-export declare class DialogComponent implements IElementRef, OnDestroy {
+import type { OnCreate, OnDestroy, IElementRef } from '@melodicdev/core';
+export declare class DialogComponent implements IElementRef, OnCreate, OnDestroy {
     elementRef: HTMLElement;
     private readonly _dialogService;
     private _dialogID;
     private _dialogEl;
     private _dialogRef;
     private _registered;
+    onCreate(): void;
     private registerDialog;
     onDestroy(): void;
     open(): void;

package/lib/components/overlays/dialog/dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/D,qBAMa,eAAgB,YAAW,WAAW,EAAE,SAAS;IACtD,UAAU,EAAG,WAAW,CAAC;IAGhC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEhD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,cAAc;IAatB,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAIpC,OAAO,CAAC,cAAc;CAQtB"}
+{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAKzE,qBAMa,eAAgB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAChE,UAAU,EAAG,WAAW,CAAC;IAGhC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEhD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,QAAQ,IAAI,IAAI;IAIhB,OAAO,CAAC,cAAc;IAgBtB,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAIpC,OAAO,CAAC,cAAc;CAQtB"}

package/lib/components/overlays/dialog/dialog.component.js

@@ -17,12 +17,17 @@ let DialogComponent = class DialogComponent {
         this._dialogID = newID();
         this._registered = false;
     }
+    onCreate() {
+        this.registerDialog();
+    }
     registerDialog() {
         if (this._registered)
             return;
         const dialogEl = this.elementRef.shadowRoot?.querySelector('dialog');
-        if (!dialogEl)
+        if (!dialogEl) {
+            console.warn(`[ml-dialog] registerDialog failed: <dialog> not found in shadow root for #${this.createDialogID()}. elementRef:`, this.elementRef, 'shadowRoot:', this.elementRef.shadowRoot, 'shadowRoot children:', this.elementRef.shadowRoot?.children);
             return;
+        }
         this._dialogEl = dialogEl;
         this._dialogID = this.createDialogID();
         this._dialogEl.id = this._dialogID;

package/lib/components/overlays/dialog/dialog.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.service.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAW/D,qBACa,aAAa;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwC;IAEjE,SAAS,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,GAAG,SAAS;IAerE,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAItC,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,eAAe,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;IAChJ,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;IA4CvF,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,cAAc;IAuBtB,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAOxD,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;CAGrB"}
+{"version":3,"file":"dialog.service.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAW/D,qBACa,aAAa;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwC;IAEjE,SAAS,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,GAAG,SAAS;IAerE,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAItC,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,eAAe,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;IAChJ,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;IA4CvF,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAoBtB,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAOxD,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;CAGrB"}

package/lib/components/overlays/dialog/dialog.service.js

@@ -57,29 +57,26 @@ let DialogService = class DialogService {
         return dialogElements.dialogRef;
     }
     findDialogElement(dialogID) {
-        // Search through all shadow roots for the ml-dialog with the matching # attribute
-        const allDialogs = document.querySelectorAll('ml-dialog');
-        for (const dialog of allDialogs) {
-            if (dialog.hasAttribute(`#${dialogID}`)) {
-                return dialog;
+        // Traverse all shadow roots starting from document.body's children
+        for (const child of document.body.querySelectorAll('*')) {
+            if (child.shadowRoot) {
+                const result = this.deepFindDialog(child, dialogID);
+                if (result)
+                    return result;
             }
         }
-        // Deep search through shadow roots
-        return this.deepFindDialog(document.body, dialogID);
+        return null;
     }
     deepFindDialog(root, dialogID) {
         const shadowRoot = root.shadowRoot;
-        if (shadowRoot) {
-            const match = shadowRoot.querySelector(`ml-dialog[\\#${dialogID}]`);
-            if (match)
-                return match;
-            for (const child of shadowRoot.querySelectorAll('*')) {
-                const result = this.deepFindDialog(child, dialogID);
-                if (result)
-                    return result;
+        if (!shadowRoot)
+            return null;
+        for (const el of shadowRoot.querySelectorAll('ml-dialog')) {
+            if (el.hasAttribute(`#${dialogID}`)) {
+                return el;
             }
         }
-        for (const child of root.querySelectorAll('*')) {
+        for (const child of shadowRoot.querySelectorAll('*')) {
             if (child.shadowRoot) {
                 const result = this.deepFindDialog(child, dialogID);
                 if (result)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@melodicdev/components",
-	"version": "1.0.12",
+	"version": "1.0.14",
 	"description": "Themeable UI component library built on the Melodic Framework",
 	"license": "MIT",
 	"author": "Melodic Development",