web-mojo 2.1.550 → 2.1.627

package/dist/chunks/{ChatView-C3oW0hvN.js → ChatView-swFqHyZi.js}

@@ -1,8 +1,8 @@
-import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-B6VXD0nZ.js";
-import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-6ncOIVXa.js";
-import { P as Page } from "./Page-csKPSoVL.js";
-import Dialog from "./Dialog-CY3xpb40.js";
-import { F as FormView, a as applyFileDropMixin } from "./FormView-BFa00Ukw.js";
+import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-CyfbvpND.js";
+import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-DeoEYrl6.js";
+import { P as Page } from "./Page-DmOy8qUF.js";
+import Dialog from "./Dialog-Cj0Qxc7O.js";
+import { F as FormView, a as applyFileDropMixin } from "./FormView-bFKcq_xg.js";
 class S3Bucket extends Model {
   constructor(data = {}) {
     super(data, {
@@ -3149,17 +3149,45 @@ class TableRow extends ListViewItem {
   }
   /**
    * Get responsive CSS classes for column visibility
-   * @param {string} visibility - Bootstrap breakpoint (sm, md, lg, xl, xxl)
+   * @param {string|object} visibility - Bootstrap breakpoint or config object
+   *   - String: 'md' = show at md and up (hide below)
+   *   - Object: { hide: 'md' } = hide at md and up (show below)
+   *   - Object: { show: 'md', hide: 'lg' } = show from md to lg only
    * @returns {string} Bootstrap responsive display classes
    */
   getResponsiveClasses(visibility) {
     if (!visibility) return "";
     const validBreakpoints = ["sm", "md", "lg", "xl", "xxl"];
-    if (!validBreakpoints.includes(visibility)) {
-      console.warn(`Invalid visibility breakpoint: ${visibility}. Valid options are: ${validBreakpoints.join(", ")}`);
-      return "";
+    if (typeof visibility === "string") {
+      if (!validBreakpoints.includes(visibility)) {
+        console.warn(`Invalid visibility breakpoint: ${visibility}. Valid options are: ${validBreakpoints.join(", ")}`);
+        return "";
+      }
+      return `d-none d-${visibility}-table-cell`;
+    }
+    if (typeof visibility === "object") {
+      const classes = [];
+      if (visibility.hide) {
+        if (!validBreakpoints.includes(visibility.hide)) {
+          console.warn(`Invalid hide breakpoint: ${visibility.hide}. Valid options are: ${validBreakpoints.join(", ")}`);
+          return "";
+        }
+        classes.push(`d-table-cell d-${visibility.hide}-none`);
+      }
+      if (visibility.show) {
+        if (!validBreakpoints.includes(visibility.show)) {
+          console.warn(`Invalid show breakpoint: ${visibility.show}. Valid options are: ${validBreakpoints.join(", ")}`);
+          return "";
+        }
+        if (!visibility.hide) {
+          classes.push(`d-none d-${visibility.show}-table-cell`);
+        } else {
+          classes.push(`d-${visibility.show}-table-cell`);
+        }
+      }
+      return classes.join(" ");
     }
-    return `d-none d-${visibility}-table-cell`;
+    return "";
   }
   /**
    * Build the row template with table cells
@@ -3808,17 +3836,45 @@ class TableView extends ListView {
   }
   /**
    * Get responsive CSS classes for column visibility
-   * @param {string} visibility - Bootstrap breakpoint (sm, md, lg, xl, xxl)
+   * @param {string|object} visibility - Bootstrap breakpoint or config object
+   *   - String: 'md' = show at md and up (hide below)
+   *   - Object: { hide: 'md' } = hide at md and up (show below)
+   *   - Object: { show: 'md', hide: 'lg' } = show from md to lg only
    * @returns {string} Bootstrap responsive display classes
    */
   getResponsiveClasses(visibility) {
     if (!visibility) return "";
     const validBreakpoints = ["sm", "md", "lg", "xl", "xxl"];
-    if (!validBreakpoints.includes(visibility)) {
-      console.warn(`Invalid visibility breakpoint: ${visibility}. Valid options are: ${validBreakpoints.join(", ")}`);
-      return "";
+    if (typeof visibility === "string") {
+      if (!validBreakpoints.includes(visibility)) {
+        console.warn(`Invalid visibility breakpoint: ${visibility}. Valid options are: ${validBreakpoints.join(", ")}`);
+        return "";
+      }
+      return `d-none d-${visibility}-table-cell`;
+    }
+    if (typeof visibility === "object") {
+      const classes = [];
+      if (visibility.hide) {
+        if (!validBreakpoints.includes(visibility.hide)) {
+          console.warn(`Invalid hide breakpoint: ${visibility.hide}. Valid options are: ${validBreakpoints.join(", ")}`);
+          return "";
+        }
+        classes.push(`d-table-cell d-${visibility.hide}-none`);
+      }
+      if (visibility.show) {
+        if (!validBreakpoints.includes(visibility.show)) {
+          console.warn(`Invalid show breakpoint: ${visibility.show}. Valid options are: ${validBreakpoints.join(", ")}`);
+          return "";
+        }
+        if (!visibility.hide) {
+          classes.push(`d-none d-${visibility.show}-table-cell`);
+        } else {
+          classes.push(`d-${visibility.show}-table-cell`);
+        }
+      }
+      return classes.join(" ");
     }
-    return `d-none d-${visibility}-table-cell`;
+    return "";
   }
   /**
    * Extract column key and formatter from combined key (e.g., "sales_amount|currency")
@@ -7178,4 +7234,4 @@ export {
   FileList as y,
   FileForms as z
 };
-//# sourceMappingURL=ChatView-C3oW0hvN.js.map
+//# sourceMappingURL=ChatView-swFqHyZi.js.map