@melodicdev/components 1.0.13 → 1.0.14

package/assets/melodic-components.js

@@ -18622,16 +18622,19 @@ var DialogService = class DialogService$1 {
 		return dialogElements.dialogRef;
 	}
 	findDialogElement(dialogID) {
-		return this.deepFindDialog(document.body, dialogID);
+		for (const child of document.body.querySelectorAll("*")) if (child.shadowRoot) {
+			const result = this.deepFindDialog(child, dialogID);
+			if (result) return result;
+		}
+		return null;
 	}
 	deepFindDialog(root, dialogID) {
 		const shadowRoot = root.shadowRoot;
-		if (shadowRoot) {
-			for (const el of shadowRoot.querySelectorAll("ml-dialog")) if (el.hasAttribute(`#${dialogID}`)) return el;
-			for (const child of shadowRoot.querySelectorAll("*")) if (child.shadowRoot) {
-				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 shadowRoot.querySelectorAll("*")) if (child.shadowRoot) {
+			const result = this.deepFindDialog(child, dialogID);
+			if (result) return result;
 		}
 		return null;
 	}
@@ -18660,10 +18663,16 @@ var DialogComponent = class DialogComponent$1 {
 		this._dialogID = newID();
 		this._registered = false;
 	}
+	onCreate() {
+		this.registerDialog();
+	}
 	registerDialog() {
 		if (this._registered) return;
 		const dialogEl = this.elementRef.shadowRoot?.querySelector("dialog");
-		if (!dialogEl) return;
+		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;