@melodicdev/components 1.0.14 → 1.0.16

package/assets/melodic-components.js

@@ -1777,12 +1777,21 @@ var TemplateResult = class TemplateResult {
 	}
 	renderNestedTemplate(part, template) {
 		this.ensureMarkers(part);
+		if (part.nestedContainer) {
+			if (part.nestedContainer.__templateKey === getTemplateKey(template.strings)) {
+				template.renderInto(part.nestedContainer);
+				return;
+			}
+			const oldParts = part.nestedContainer.__parts;
+			if (oldParts) this.cleanupParts(oldParts);
+		}
 		this.clearRenderedNodes(part);
 		part.node.textContent = "";
-		const fragment = document.createDocumentFragment();
-		template.renderInto(fragment);
-		part.renderedNodes = Array.from(fragment.childNodes);
-		part.endMarker.parentNode.insertBefore(fragment, part.endMarker);
+		const container = document.createDocumentFragment();
+		template.renderInto(container);
+		part.nestedContainer = container;
+		part.renderedNodes = Array.from(container.childNodes);
+		part.endMarker.parentNode.insertBefore(container, part.endMarker);
 	}
 	renderNode(part, node) {
 		this.ensureMarkers(part);
@@ -18609,35 +18618,9 @@ 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) {
-		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) 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;
-	}
 	close(dialogID, result) {
 		if (this._dialogs.has(dialogID)) this._dialogs.get(dialogID).dialogRef.close(result);
 	}
@@ -18663,16 +18646,10 @@ 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) {
-			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;
-		}
+		if (!dialogEl) return;
 		this._dialogEl = dialogEl;
 		this._dialogID = this.createDialogID();
 		this._dialogEl.id = this._dialogID;