@melodicdev/components 1.0.9 → 1.0.11

package/assets/melodic-components.js

@@ -18609,9 +18609,39 @@ var DialogService = class DialogService$1 {
 			if (config) dialogElements.dialogRef.applyConfig(config);
 			dialogComponent.component.onDialogRefSet?.(dialogElements.dialogRef);
 		}
+		if (!dialogElements) {
+			const mlDialog = this.findDialogElement(dialogID);
+			if (mlDialog) {
+				mlDialog.open();
+				dialogElements = this._dialogs.get(dialogID);
+			}
+			if (!dialogElements) throw new Error(`Dialog "${dialogID}" not found. Ensure an <ml-dialog #${dialogID}> exists in the DOM.`);
+			return dialogElements.dialogRef;
+		}
 		dialogElements.dialogRef.open();
 		return dialogElements.dialogRef;
 	}
+	findDialogElement(dialogID) {
+		const allDialogs = document.querySelectorAll("ml-dialog");
+		for (const dialog of allDialogs) if (dialog.hasAttribute(`#${dialogID}`)) return dialog;
+		return this.deepFindDialog(document.body, dialogID);
+	}
+	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;
+			}
+		}
+		for (const child of root.querySelectorAll("*")) if (child.shadowRoot) {
+			const result = this.deepFindDialog(child, dialogID);
+			if (result) return result;
+		}
+		return null;
+	}
 	close(dialogID, result) {
 		if (this._dialogs.has(dialogID)) this._dialogs.get(dialogID).dialogRef.close(result);
 	}
@@ -18637,12 +18667,6 @@ var DialogComponent = class DialogComponent$1 {
 		this._dialogID = newID();
 		this._registered = false;
 	}
-	onCreate() {
-		this.registerDialog();
-	}
-	onRender() {
-		this.registerDialog();
-	}
 	registerDialog() {
 		if (this._registered) return;
 		const dialogEl = this.elementRef.shadowRoot?.querySelector("dialog");
@@ -18657,6 +18681,7 @@ var DialogComponent = class DialogComponent$1 {
 		this._dialogService.removeDialog(this._dialogID);
 	}
 	open() {
+		this.registerDialog();
 		this._dialogRef.open();
 	}
 	close(result) {