@melodicdev/components 1.0.13 → 1.0.15

package/assets/melodic-components.js

@@ -18538,6 +18538,13 @@ var DialogRef = class {
 		this._dialogEl.addEventListener("cancel", this._handleCancel);
 		this._dialogEl.addEventListener("click", this._handleBackdropClick);
 	}
+	updateDialogElement(dialogEl) {
+		this._dialogEl.removeEventListener("cancel", this._handleCancel);
+		this._dialogEl.removeEventListener("click", this._handleBackdropClick);
+		this._dialogEl = dialogEl;
+		this._dialogEl.addEventListener("cancel", this._handleCancel);
+		this._dialogEl.addEventListener("click", this._handleBackdropClick);
+	}
 	get dialogID() {
 		return this._dialogID;
 	}
@@ -18622,16 +18629,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,6 +18670,9 @@ 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");
@@ -18675,6 +18688,11 @@ var DialogComponent = class DialogComponent$1 {
 	}
 	open() {
 		this.registerDialog();
+		const dialogEl = this.elementRef.shadowRoot?.querySelector("dialog");
+		if (dialogEl && dialogEl !== this._dialogEl) {
+			this._dialogEl = dialogEl;
+			this._dialogRef.updateDialogElement(dialogEl);
+		}
 		this._dialogRef.open();
 	}
 	close(result) {