web-mojo 2.1.534 → 2.1.541

package/dist/chunks/{WebApp-DhGNFpF5.js → WebApp-DVm8Swji.js}

@@ -1,8 +1,8 @@
-const VERSION = "2.1.534";
+const VERSION = "2.1.541";
 const VERSION_MAJOR = 2;
 const VERSION_MINOR = 1;
-const VERSION_REVISION = 534;
-const BUILD_TIME = "2025-10-01T13:44:40.935Z";
+const VERSION_REVISION = 541;
+const BUILD_TIME = "2025-10-01T14:18:11.865Z";
 const VERSION_INFO = {
   full: VERSION,
   major: VERSION_MAJOR,
@@ -1498,7 +1498,7 @@ class DataFormatter {
    *   {{value|tooltip:'Help text':top}}
    *   {{value|tooltip:'Info':bottom:html}}
    * 
-   * @param {*} value - Value to display
+   * @param {*} value - Value to display (not escaped, works with formatter chains)
    * @param {string} text - Tooltip text content
    * @param {string} placement - Tooltip placement: top, bottom, left, right (default: top)
    * @param {string} html - 'html' to allow HTML in tooltip (default: text only)
@@ -1506,7 +1506,7 @@ class DataFormatter {
    */
   tooltip(value, text = "", placement = "top", html = "") {
     if (value === null || value === void 0) return "";
-    const displayValue = this.escapeHtml(String(value));
+    const displayValue = String(value);
     const tooltipText = html === "html" ? text : this.escapeHtml(text);
     const dataAttr = html === "html" ? 'data-bs-html="true"' : "";
     return `<span data-bs-toggle="tooltip" data-bs-placement="${placement}" ${dataAttr} data-bs-title="${tooltipText}">${displayValue}</span>`;
@@ -2637,6 +2637,7 @@ class View {
     this.debug = opts.debug ?? false;
     this.app = opts.app ?? null;
     this.cacheTemplate = opts.cacheTemplate ?? true;
+    this.enableTooltips = opts.enableTooltips ?? false;
     this.options = { ...opts };
     this.element = this._ensureElement();
     this.events = new EventDelegate(this);
@@ -2944,9 +2945,15 @@ class View {
   }
   bindEvents() {
     this.events.bind(this.element);
+    if (this.enableTooltips) {
+      this.initializeTooltips();
+    }
   }
   unbindEvents() {
     this.events.unbind();
+    if (this.enableTooltips) {
+      this.disposeTooltips();
+    }
   }
   // ---------------------------------------------
   // Template helpers
@@ -3119,6 +3126,29 @@ class View {
     if (!el) return false;
     return this.element.contains(el);
   }
+  /**
+   * Initialize Bootstrap tooltips in this view's element
+   * Called automatically in bindEvents() if enableTooltips is true
+   */
+  initializeTooltips() {
+    if (!this.element || !window.bootstrap?.Tooltip) return;
+    const tooltipTriggerList = this.element.querySelectorAll('[data-bs-toggle="tooltip"]');
+    [...tooltipTriggerList].map((tooltipTriggerEl) => new window.bootstrap.Tooltip(tooltipTriggerEl));
+  }
+  /**
+   * Dispose all Bootstrap tooltips in this view's element
+   * Called automatically in unbindEvents() if enableTooltips is true
+   */
+  disposeTooltips() {
+    if (!this.element || !window.bootstrap?.Tooltip) return;
+    const tooltipElements = this.element.querySelectorAll('[data-bs-toggle="tooltip"]');
+    tooltipElements.forEach((element) => {
+      const tooltip = window.bootstrap.Tooltip.getInstance(element);
+      if (tooltip) {
+        tooltip.dispose();
+      }
+    });
+  }
   /**
    * Show error message
    * @param {string} message - Error message
@@ -4860,7 +4890,7 @@ class WebApp {
    */
   async showError(message) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       await Dialog.alert(message, "Error", { size: "md", class: "text-danger" });
     } catch (e) {
       this.events.emit("notification", { message, type: "error" });
@@ -4877,7 +4907,7 @@ class WebApp {
    */
   async showSuccess(message) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       await Dialog.alert(message, "Success", { size: "md", class: "text-success" });
     } catch (e) {
       this.events.emit("notification", { message, type: "success" });
@@ -4894,7 +4924,7 @@ class WebApp {
    */
   async showInfo(message) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       await Dialog.alert(message, "Information", { size: "md", class: "text-info" });
     } catch (e) {
       this.events.emit("notification", { message, type: "info" });
@@ -4911,7 +4941,7 @@ class WebApp {
    */
   async showWarning(message) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       await Dialog.alert(message, "Warning", { size: "md", class: "text-warning" });
     } catch (e) {
       this.events.emit("notification", { message, type: "warning" });
@@ -4937,7 +4967,7 @@ class WebApp {
       opts = { message: opts };
     }
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       Dialog.showBusy(opts);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4951,7 +4981,7 @@ class WebApp {
    */
   async hideLoading() {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       Dialog.hideBusy();
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4961,7 +4991,7 @@ class WebApp {
   }
   async showModelForm(options = {}) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       return await Dialog.showModelForm(options);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4972,7 +5002,7 @@ class WebApp {
   }
   async showForm(options = {}) {
     try {
-      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+      const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
       return await Dialog.showForm(options);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4982,7 +5012,7 @@ class WebApp {
     }
   }
   async confirm(message, title = "Confirm", options = {}) {
-    const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
+    const Dialog = (await import("./Dialog-CdjTdWFy.js")).default;
     return await Dialog.confirm(message, title, options);
   }
   /**
@@ -5235,4 +5265,4 @@ export {
   EventEmitter as i,
   rest as r
 };
-//# sourceMappingURL=WebApp-DhGNFpF5.js.map
+//# sourceMappingURL=WebApp-DVm8Swji.js.map