@melodicdev/components 1.0.10 → 1.0.12

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.component.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);
 	}