@eagami/ui 5.62.0 → 5.62.1

package/fesm2022/eagami-ui.mjs

@@ -7377,6 +7377,7 @@ var TooltipDirective = class TooltipDirective {
 	tooltipEl = null;
 	placedPosition = "top";
 	templateView = null;
+	renderedContent = null;
 	scrollable = false;
 	showTimer = null;
 	hideTimer = null;
@@ -7437,6 +7438,21 @@ var TooltipDirective = class TooltipDirective {
 			if (open !== null || wasControlled) untracked(() => open ? this.show() : this.hide());
 			wasControlled = open !== null;
 		});
+		afterRenderEffect(() => {
+			const content = this.eaTooltip();
+			untracked(() => {
+				if (!this.tooltipEl || content === this.renderedContent) return;
+				if (!content) {
+					this.hide();
+					return;
+				}
+				this.templateView?.destroy();
+				this.templateView = null;
+				this.tooltipEl.replaceChildren();
+				this.renderContent(content);
+				this.relayoutHandler();
+			});
+		});
 	}
 	controlled() {
 		return this.tooltipOpen() !== null;
@@ -7495,12 +7511,7 @@ var TooltipDirective = class TooltipDirective {
 		if (this.controlled()) this.renderer.addClass(this.tooltipEl, "ea-tooltip--controlled");
 		this.renderer.setAttribute(this.tooltipEl, "role", "tooltip");
 		this.renderer.setAttribute(this.tooltipEl, "id", this.tooltipId);
-		const content = this.eaTooltip();
-		if (content instanceof TemplateRef) {
-			this.templateView = this.viewContainer.createEmbeddedView(content);
-			this.templateView.detectChanges();
-			for (const node of this.templateView.rootNodes) this.renderer.appendChild(this.tooltipEl, node);
-		} else this.tooltipEl.textContent = content;
+		this.renderContent(this.eaTooltip());
 		const maxWidth = this.maxWidth();
 		if (maxWidth != null) {
 			this.renderer.setStyle(this.tooltipEl, "--ea-tooltip-max-width", `${Math.max(50, maxWidth)}px`, RendererStyleFlags2.DashCase);
@@ -7548,6 +7559,14 @@ var TooltipDirective = class TooltipDirective {
 			this.hideTimer = null;
 		}
 	}
+	renderContent(content) {
+		this.renderedContent = content;
+		if (content instanceof TemplateRef) {
+			this.templateView = this.viewContainer.createEmbeddedView(content);
+			this.templateView.detectChanges();
+			for (const node of this.templateView.rootNodes) this.renderer.appendChild(this.tooltipEl, node);
+		} else this.tooltipEl.textContent = content;
+	}
 	hide() {
 		this.cancelPendingShow();
 		this.cancelPendingHide();
@@ -7564,6 +7583,7 @@ var TooltipDirective = class TooltipDirective {
 			this.scrollable = false;
 			this.templateView?.destroy();
 			this.templateView = null;
+			this.renderedContent = null;
 			this.removeDescribedBy();
 		}
 	}