web-mojo 2.1.533 → 2.1.534

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

@@ -1,8 +1,8 @@
-const VERSION = "2.1.533";
+const VERSION = "2.1.534";
 const VERSION_MAJOR = 2;
 const VERSION_MINOR = 1;
-const VERSION_REVISION = 533;
-const BUILD_TIME = "2025-10-01T03:45:13.506Z";
+const VERSION_REVISION = 534;
+const BUILD_TIME = "2025-10-01T13:44:40.935Z";
 const VERSION_INFO = {
   full: VERSION,
   major: VERSION_MAJOR,
@@ -552,6 +552,7 @@ class DataFormatter {
     this.register("icon", this.icon.bind(this));
     this.register("avatar", this.avatar.bind(this));
     this.register("image", this.image.bind(this));
+    this.register("tooltip", this.tooltip.bind(this));
     this.register("default", this.default.bind(this));
     this.register("json", this.json.bind(this));
     this.register("raw", (v) => v);
@@ -614,11 +615,12 @@ class DataFormatter {
    * Process pipe string
    * @param {*} value - Value to format
    * @param {string} pipeString - Pipe string (e.g., "date('YYYY-MM-DD')|uppercase")
+   * @param {object} context - Optional context for resolving variables in formatter arguments
    * @returns {*} Formatted value
    */
-  pipe(value, pipeString) {
+  pipe(value, pipeString, context = null) {
     if (!pipeString) return value;
-    const pipes = this.parsePipeString(pipeString);
+    const pipes = this.parsePipeString(pipeString, context);
     return pipes.reduce((currentValue, pipe) => {
       return this.apply(pipe.name, currentValue, ...pipe.args);
     }, value);
@@ -626,13 +628,14 @@ class DataFormatter {
   /**
    * Parse pipe string into formatter calls
    * @param {string} pipeString - Pipe string
+   * @param {object} context - Optional context for resolving variables
    * @returns {Array} Array of {name, args} objects
    */
-  parsePipeString(pipeString) {
+  parsePipeString(pipeString, context = null) {
     const pipes = [];
     const tokens = pipeString.split("|").map((s) => s.trim());
     for (const token of tokens) {
-      const parsed = this.parseFormatter(token);
+      const parsed = this.parseFormatter(token, context);
       if (parsed) {
         pipes.push(parsed);
       }
@@ -641,22 +644,36 @@ class DataFormatter {
   }
   /**
    * Parse individual formatter with arguments
+   * Supports both syntaxes:
+   *   - Parentheses: formatter('arg1', 'arg2', 3)
+   *   - Colon: formatter:'arg1':'arg2':3
+   * 
    * @param {string} token - Formatter token
+   * @param {object} context - Optional context for resolving variables
    * @returns {Object} {name, args} object
    */
-  parseFormatter(token) {
-    const match = token.match(/^([a-zA-Z_]\w*)\s*(?:\((.*)\))?$/);
-    if (!match) return null;
-    const [, name, argsString] = match;
-    const args = argsString ? this.parseArguments(argsString) : [];
-    return { name, args };
+  parseFormatter(token, context = null) {
+    const parenMatch = token.match(/^([a-zA-Z_]\w*)\s*\((.*)\)$/);
+    if (parenMatch) {
+      const [, name, argsString] = parenMatch;
+      const args = argsString ? this.parseArguments(argsString, context) : [];
+      return { name, args };
+    }
+    const colonMatch = token.match(/^([a-zA-Z_]\w*)(?::(.+))?$/);
+    if (colonMatch) {
+      const [, name, argsString] = colonMatch;
+      const args = argsString ? this.parseColonArguments(argsString, context) : [];
+      return { name, args };
+    }
+    return null;
   }
   /**
-   * Parse formatter arguments
+   * Parse formatter arguments (comma-separated, parentheses syntax)
    * @param {string} argsString - Arguments string
+   * @param {object} context - Optional context for resolving variables
    * @returns {Array} Parsed arguments
    */
-  parseArguments(argsString) {
+  parseArguments(argsString, context = null) {
     const args = [];
     let current = "";
     let inQuotes = false;
@@ -679,23 +696,58 @@ class DataFormatter {
         depth--;
         current += char;
       } else if (!inQuotes && depth === 0 && char === ",") {
-        args.push(this.parseValue(current.trim()));
+        args.push(this.parseValue(current.trim(), context));
         current = "";
       } else {
         current += char;
       }
     }
     if (current.trim()) {
-      args.push(this.parseValue(current.trim()));
+      args.push(this.parseValue(current.trim(), context));
+    }
+    return args;
+  }
+  /**
+   * Parse formatter arguments (colon-separated syntax)
+   * Handles quoted strings with colons inside them
+   * @param {string} argsString - Arguments string
+   * @param {object} context - Optional context for resolving variables
+   * @returns {Array} Parsed arguments
+   */
+  parseColonArguments(argsString, context = null) {
+    const args = [];
+    let current = "";
+    let inQuotes = false;
+    let quoteChar = null;
+    for (let i = 0; i < argsString.length; i++) {
+      const char = argsString[i];
+      if (!inQuotes && (char === '"' || char === "'")) {
+        inQuotes = true;
+        quoteChar = char;
+        current += char;
+      } else if (inQuotes && char === quoteChar && argsString[i - 1] !== "\\") {
+        inQuotes = false;
+        quoteChar = null;
+        current += char;
+      } else if (!inQuotes && char === ":") {
+        args.push(this.parseValue(current.trim(), context));
+        current = "";
+      } else {
+        current += char;
+      }
+    }
+    if (current.trim()) {
+      args.push(this.parseValue(current.trim(), context));
     }
     return args;
   }
   /**
    * Parse a single value
    * @param {string} value - Value string
+   * @param {object} context - Optional context for resolving variables
    * @returns {*} Parsed value
    */
-  parseValue(value) {
+  parseValue(value, context = null) {
     if (value.startsWith('"') && value.endsWith('"') || value.startsWith("'") && value.endsWith("'")) {
       return value.slice(1, -1);
     }
@@ -712,8 +764,33 @@ class DataFormatter {
       } catch (e) {
       }
     }
+    if (context && this.isIdentifier(value)) {
+      if (context.hasOwnProperty && context.hasOwnProperty(value)) {
+        return context[value];
+      }
+      if (context.get && typeof context.get === "function") {
+        const contextValue = context.get(value);
+        if (contextValue !== void 0) {
+          return contextValue;
+        }
+      }
+      if (context.getContextValue && typeof context.getContextValue === "function") {
+        const contextValue = context.getContextValue(value);
+        if (contextValue !== void 0) {
+          return contextValue;
+        }
+      }
+    }
     return value;
   }
+  /**
+   * Check if a value is a valid identifier (variable name)
+   * @param {string} value - Value to check
+   * @returns {boolean} True if valid identifier
+   */
+  isIdentifier(value) {
+    return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(value);
+  }
   // ============= Date/Time Formatters =============
   /**
    * Format date
@@ -1414,6 +1491,26 @@ class DataFormatter {
     const allClasses = `${baseClasses} ${classes}`.trim();
     return `<img src="${url}" class="${allClasses}" style="${sizeStyle}" alt="${alt}" />`;
   }
+  /**
+   * Tooltip formatter - wraps value with Bootstrap tooltip
+   * Usage: 
+   *   {{value|tooltip:'Tooltip text'}}
+   *   {{value|tooltip:'Help text':top}}
+   *   {{value|tooltip:'Info':bottom:html}}
+   * 
+   * @param {*} value - Value to display
+   * @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)
+   * @returns {string} HTML with tooltip
+   */
+  tooltip(value, text = "", placement = "top", html = "") {
+    if (value === null || value === void 0) return "";
+    const displayValue = this.escapeHtml(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>`;
+  }
   /**
    * Helper method to extract image URL from string or file object
    * @param {string|object} value - URL string or file object with renditions
@@ -1665,7 +1762,7 @@ class MOJOUtils {
     }
     const value = this.getNestedValue(context, field);
     if (pipes) {
-      return dataFormatter.pipe(value, pipes);
+      return dataFormatter.pipe(value, pipes, context);
     }
     return value;
   }
@@ -2164,7 +2261,7 @@ class DataWrapper {
       value = void 0;
     }
     if (pipes && value !== void 0) {
-      return dataFormatter.pipe(value, pipes);
+      return dataFormatter.pipe(value, pipes, this._rootContext || this._data);
     }
     return value;
   }
@@ -4763,7 +4860,7 @@ class WebApp {
    */
   async showError(message) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       await Dialog.alert(message, "Error", { size: "md", class: "text-danger" });
     } catch (e) {
       this.events.emit("notification", { message, type: "error" });
@@ -4780,7 +4877,7 @@ class WebApp {
    */
   async showSuccess(message) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       await Dialog.alert(message, "Success", { size: "md", class: "text-success" });
     } catch (e) {
       this.events.emit("notification", { message, type: "success" });
@@ -4797,7 +4894,7 @@ class WebApp {
    */
   async showInfo(message) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       await Dialog.alert(message, "Information", { size: "md", class: "text-info" });
     } catch (e) {
       this.events.emit("notification", { message, type: "info" });
@@ -4814,7 +4911,7 @@ class WebApp {
    */
   async showWarning(message) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       await Dialog.alert(message, "Warning", { size: "md", class: "text-warning" });
     } catch (e) {
       this.events.emit("notification", { message, type: "warning" });
@@ -4840,7 +4937,7 @@ class WebApp {
       opts = { message: opts };
     }
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       Dialog.showBusy(opts);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4854,7 +4951,7 @@ class WebApp {
    */
   async hideLoading() {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       Dialog.hideBusy();
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4864,7 +4961,7 @@ class WebApp {
   }
   async showModelForm(options = {}) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       return await Dialog.showModelForm(options);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4875,7 +4972,7 @@ class WebApp {
   }
   async showForm(options = {}) {
     try {
-      const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+      const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
       return await Dialog.showForm(options);
     } catch (e) {
       if (typeof window !== "undefined" && window?.console) {
@@ -4885,7 +4982,7 @@ class WebApp {
     }
   }
   async confirm(message, title = "Confirm", options = {}) {
-    const Dialog = (await import("./Dialog-BVVHBbb1.js")).default;
+    const Dialog = (await import("./Dialog-DOltX5lG.js")).default;
     return await Dialog.confirm(message, title, options);
   }
   /**
@@ -5138,4 +5235,4 @@ export {
   EventEmitter as i,
   rest as r
 };
-//# sourceMappingURL=WebApp-CfHuLFxV.js.map
+//# sourceMappingURL=WebApp-DhGNFpF5.js.map