@melodicdev/components 1.0.15 → 1.0.17

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);
@@ -11966,6 +11975,7 @@ const tableStyles = () => css`
 
 	.ml-table--hoverable .ml-table__row:hover {
 		background-color: var(--ml-color-surface-sunken);
+		cursor: pointer;
 	}
 
 	.ml-table__row--selected {
@@ -18538,13 +18548,6 @@ 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;
 	}
@@ -18616,35 +18619,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);
 	}
@@ -18670,9 +18647,6 @@ 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");
@@ -18688,11 +18662,6 @@ 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) {