@expcat/tigercat-vue 1.2.43 → 1.2.46

package/dist/{chunk-EWQJGR7E.js → chunk-6WM7E6C4.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkOFTAQ2A4js = require('./chunk-OFTAQ2A4.js');
+var _chunkPXSV3J2Hjs = require('./chunk-PXSV3J2H.js');
 
 
 var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
@@ -139,6 +139,10 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: String,
       default: "sm"
     },
+    cardLayout: {
+      type: Array,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -171,7 +175,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     "update:hiddenColumnKeys": (_hiddenKeys) => true,
     "hidden-columns-change": (_hiddenKeys) => true
   },
-  setup(props, { attrs, emit }) {
+  setup(props, { attrs, emit, slots }) {
     const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
     const internalSearch = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.toolbar, 'optionalAccess', _2 => _2.defaultSearchValue]), () => ( "")));
     const internalHiddenKeys = _vue.ref.call(void 0, 
@@ -254,7 +258,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       () => _optionalChain([props, 'access', _9 => _9.toolbar, 'optionalAccess', _10 => _10.searchValue]) !== void 0 ? props.toolbar.searchValue : internalSearch.value
     );
     const resolvedFilters = _vue.computed.call(void 0, () => {
-      const next = {};
+      const next = { ...internalFilters.value };
       _optionalChain([props, 'access', _11 => _11.toolbar, 'optionalAccess', _12 => _12.filters, 'optionalAccess', _13 => _13.forEach, 'call', _14 => _14((filter) => {
         next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters.value[filter.key], () => ( filter.defaultValue)), () => ( null));
       })]);
@@ -267,6 +271,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       );
     });
     const hasFilters = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _15 => _15.toolbar, 'optionalAccess', _16 => _16.filters, 'optionalAccess', _17 => _17.length])));
+    const hasFiltersExtra = _vue.computed.call(void 0, () => Boolean(slots["filters-extra"]));
     const hasBulkActions = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _18 => _18.toolbar, 'optionalAccess', _19 => _19.bulkActions, 'optionalAccess', _20 => _20.length])));
     const hasColumnSettings = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _21 => _21.toolbar, 'optionalAccess', _22 => _22.showColumnSettings])));
     const resolvedHiddenKeys = _vue.computed.call(void 0, () => _nullishCoalesce(props.hiddenColumnKeys, () => ( internalHiddenKeys.value)));
@@ -309,19 +314,22 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     const handleSearchSubmit = () => {
       emit("search", _nullishCoalesce(searchValue.value, () => ( "")));
     };
-    const handleFilterSelect = (filter, value) => {
+    const setFilterValue = (key, value, filter) => {
       const nextFilters = {
         ...resolvedFilters.value,
-        [filter.key]: value
+        [key]: value
       };
-      if (filter.value === void 0) {
+      if (!filter || filter.value === void 0) {
         internalFilters.value = {
           ...internalFilters.value,
-          [filter.key]: value
+          [key]: value
         };
       }
       emit("filters-change", nextFilters);
     };
+    const handleFilterSelect = (filter, value) => {
+      setFilterValue(filter.key, value, filter);
+    };
     const handleBulkAction = (action) => {
       const keys = _nullishCoalesce(selectedKeys.value, () => ( []));
       _optionalChain([action, 'access', _33 => _33.onClick, 'optionalCall', _34 => _34(keys)]);
@@ -404,7 +412,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       );
     };
     const renderToolbar = () => {
-      if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value && !hasColumnSettings.value)
+      if (!hasSearch.value && !hasFilters.value && !hasFiltersExtra.value && !hasBulkActions.value && !hasColumnSettings.value)
         return null;
       const leftNodes = [];
       if (hasSearch.value) {
@@ -470,15 +478,32 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         _optionalChain([props, 'access', _47 => _47.toolbar, 'optionalAccess', _48 => _48.filters, 'optionalAccess', _49 => _49.forEach, 'call', _50 => _50((filter) => {
           const currentValue = resolvedFilters.value[filter.key];
           const clearable = filter.clearable !== false;
+          if (filter.render) {
+            const filterNode = filter.render({
+              filter,
+              value: currentValue,
+              filters: resolvedFilters.value,
+              setValue: (value) => setFilterValue(filter.key, value, filter),
+              setFilter: (key, value) => setFilterValue(key, value)
+            });
+            leftNodes.push(
+              _vue.h.call(void 0, 
+                "div",
+                { key: filter.key, class: "w-full sm:w-auto" },
+                filterNode == null ? [] : [filterNode]
+              )
+            );
+            return;
+          }
           leftNodes.push(
-            _vue.h.call(void 0, "div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
+            _vue.h.call(void 0, "div", { key: filter.key, class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
               _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
                 size: "sm",
-                options: filter.options.map((opt) => ({
+                options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
                   label: opt.label,
                   value: opt.value
                 })),
-                modelValue: _nullishCoalesce(currentValue, () => ( void 0)),
+                modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
                 placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
                 clearable,
                 "onUpdate:modelValue": (value) => {
@@ -489,6 +514,13 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           );
         })]);
       }
+      const filtersExtra = _optionalChain([slots, 'access', _51 => _51["filters-extra"], 'optionalCall', _52 => _52({
+        filters: resolvedFilters.value,
+        setFilter: (key, value) => setFilterValue(key, value)
+      })]);
+      if (_optionalChain([filtersExtra, 'optionalAccess', _53 => _53.length])) {
+        leftNodes.push(...filtersExtra);
+      }
       const bulkChildren = [];
       if (hasBulkActions.value) {
         if (selectedCount.value > 0) {
@@ -512,7 +544,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           );
         }
         ;
-        (_nullishCoalesce(_optionalChain([props, 'access', _51 => _51.toolbar, 'optionalAccess', _52 => _52.bulkActions]), () => ( []))).forEach((action) => {
+        (_nullishCoalesce(_optionalChain([props, 'access', _54 => _54.toolbar, 'optionalAccess', _55 => _55.bulkActions]), () => ( []))).forEach((action) => {
           bulkChildren.push(
             _vue.h.call(void 0, 
               _chunk4VLNT2EDjs.Button,
@@ -580,6 +612,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         tableLayout: props.tableLayout,
         responsiveMode: props.responsiveMode,
         cardBreakpoint: props.cardBreakpoint,
+        cardLayout: props.cardLayout,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
@@ -591,7 +624,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkOFTAQ2A4js.Table, tableProps)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkPXSV3J2Hjs.Table, tableProps)]
       );
     };
   }

package/dist/{chunk-CHDKJDZQ.mjs → chunk-BIDBJNTL.mjs}

@@ -30,6 +30,7 @@ import {
   formatTableSelectRowAriaLabel,
   formatTableSortByText,
   getCardColumns,
+  getCardGridInfo,
   getImmediateTigerLocale,
   getTableLabels,
   getTableWrapperClasses,
@@ -184,7 +185,11 @@ var tableProps = {
   groupBy: { type: String },
   exportable: { type: Boolean, default: false },
   exportFormat: { type: String, default: "csv" },
-  exportFilename: { type: String, default: "export" }
+  exportFilename: { type: String, default: "export" },
+  cardLayout: {
+    type: Array,
+    default: void 0
+  }
 };
 var tableEmits = [
   "change",
@@ -1321,6 +1326,18 @@ var Table = defineComponent({
       const overrides = props.emptyText === void 0 ? props.labels : { ...props.labels, emptyText: props.emptyText };
       return getTableLabels(tableLocale.value, overrides);
     });
+    const cardLayoutMap = computed2(() => {
+      const map = /* @__PURE__ */ new Map();
+      if (props.cardLayout) {
+        for (const item of props.cardLayout) {
+          map.set(item.key, item);
+        }
+      }
+      return map;
+    });
+    const hasCustomCardLayout = computed2(() => {
+      return ctx.displayColumns.value.some((col) => col.cardGrid) || props.cardLayout && props.cardLayout.length > 0;
+    });
     const resizeController = createTableResizeObserverController({
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1469,13 +1486,81 @@ var Table = defineComponent({
               const titleNode = titleColumn ? h6("div", { class: tableResponsiveCardTitleClasses }, [
                 renderCardCellContent(titleColumn)
               ]) : null;
-              const rows = bodyColumns.map(
-                (column) => h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
-                  h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
-                  h6("div", { class: tableResponsiveCardValueClasses }, [
-                    renderCardCellContent(column)
-                  ])
-                ])
+              const rows = hasCustomCardLayout.value ? [
+                h6(
+                  "div",
+                  { class: "grid grid-cols-12 gap-3 mt-2" },
+                  bodyColumns.map((column) => {
+                    const layoutItem = cardLayoutMap.value.get(column.key);
+                    const gridInfo = getCardGridInfo(column, layoutItem);
+                    if (gridInfo.hideLabel) {
+                      return h6(
+                        "div",
+                        { key: column.key, class: gridInfo.className },
+                        [renderCardCellContent(column)]
+                      );
+                    }
+                    if (gridInfo.labelPosition === "top") {
+                      return h6(
+                        "div",
+                        { key: column.key, class: gridInfo.className },
+                        [
+                          h6(
+                            "div",
+                            {
+                              class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1"
+                            },
+                            column.title
+                          ),
+                          h6(
+                            "div",
+                            {
+                              class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                            },
+                            [renderCardCellContent(column)]
+                          )
+                        ]
+                      );
+                    }
+                    return h6(
+                      "div",
+                      {
+                        key: column.key,
+                        class: classNames3(
+                          gridInfo.className,
+                          "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                        )
+                      },
+                      [
+                        h6(
+                          "div",
+                          {
+                            class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0"
+                          },
+                          column.title
+                        ),
+                        h6(
+                          "div",
+                          {
+                            class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                          },
+                          [renderCardCellContent(column)]
+                        )
+                      ]
+                    );
+                  })
+                )
+              ] : bodyColumns.map(
+                (column) => h6(
+                  "div",
+                  { key: column.key, class: tableResponsiveCardRowClasses },
+                  [
+                    h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
+                    h6("div", { class: tableResponsiveCardValueClasses }, [
+                      renderCardCellContent(column)
+                    ])
+                  ]
+                )
               );
               const controls = [];
               if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {

package/dist/{chunk-GFQDHFAX.mjs → chunk-OHCC6NNC.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-CHDKJDZQ.mjs";
+} from "./chunk-BIDBJNTL.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
@@ -139,6 +139,10 @@ var DataTableWithToolbar = defineComponent({
       type: String,
       default: "sm"
     },
+    cardLayout: {
+      type: Array,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -171,7 +175,7 @@ var DataTableWithToolbar = defineComponent({
     "update:hiddenColumnKeys": (_hiddenKeys) => true,
     "hidden-columns-change": (_hiddenKeys) => true
   },
-  setup(props, { attrs, emit }) {
+  setup(props, { attrs, emit, slots }) {
     const config = useTigerConfig();
     const internalSearch = ref(props.toolbar?.defaultSearchValue ?? "");
     const internalHiddenKeys = ref(
@@ -254,7 +258,7 @@ var DataTableWithToolbar = defineComponent({
       () => props.toolbar?.searchValue !== void 0 ? props.toolbar.searchValue : internalSearch.value
     );
     const resolvedFilters = computed(() => {
-      const next = {};
+      const next = { ...internalFilters.value };
       props.toolbar?.filters?.forEach((filter) => {
         next[filter.key] = filter.value !== void 0 ? filter.value : internalFilters.value[filter.key] ?? filter.defaultValue ?? null;
       });
@@ -267,6 +271,7 @@ var DataTableWithToolbar = defineComponent({
       );
     });
     const hasFilters = computed(() => Boolean(props.toolbar?.filters?.length));
+    const hasFiltersExtra = computed(() => Boolean(slots["filters-extra"]));
     const hasBulkActions = computed(() => Boolean(props.toolbar?.bulkActions?.length));
     const hasColumnSettings = computed(() => Boolean(props.toolbar?.showColumnSettings));
     const resolvedHiddenKeys = computed(() => props.hiddenColumnKeys ?? internalHiddenKeys.value);
@@ -309,19 +314,22 @@ var DataTableWithToolbar = defineComponent({
     const handleSearchSubmit = () => {
       emit("search", searchValue.value ?? "");
     };
-    const handleFilterSelect = (filter, value) => {
+    const setFilterValue = (key, value, filter) => {
       const nextFilters = {
         ...resolvedFilters.value,
-        [filter.key]: value
+        [key]: value
       };
-      if (filter.value === void 0) {
+      if (!filter || filter.value === void 0) {
         internalFilters.value = {
           ...internalFilters.value,
-          [filter.key]: value
+          [key]: value
         };
       }
       emit("filters-change", nextFilters);
     };
+    const handleFilterSelect = (filter, value) => {
+      setFilterValue(filter.key, value, filter);
+    };
     const handleBulkAction = (action) => {
       const keys = selectedKeys.value ?? [];
       action.onClick?.(keys);
@@ -404,7 +412,7 @@ var DataTableWithToolbar = defineComponent({
       );
     };
     const renderToolbar = () => {
-      if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value && !hasColumnSettings.value)
+      if (!hasSearch.value && !hasFilters.value && !hasFiltersExtra.value && !hasBulkActions.value && !hasColumnSettings.value)
         return null;
       const leftNodes = [];
       if (hasSearch.value) {
@@ -470,15 +478,32 @@ var DataTableWithToolbar = defineComponent({
         props.toolbar?.filters?.forEach((filter) => {
           const currentValue = resolvedFilters.value[filter.key];
           const clearable = filter.clearable !== false;
+          if (filter.render) {
+            const filterNode = filter.render({
+              filter,
+              value: currentValue,
+              filters: resolvedFilters.value,
+              setValue: (value) => setFilterValue(filter.key, value, filter),
+              setFilter: (key, value) => setFilterValue(key, value)
+            });
+            leftNodes.push(
+              h(
+                "div",
+                { key: filter.key, class: "w-full sm:w-auto" },
+                filterNode == null ? [] : [filterNode]
+              )
+            );
+            return;
+          }
           leftNodes.push(
-            h("div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
+            h("div", { key: filter.key, class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
               h(Select, {
                 size: "sm",
-                options: filter.options.map((opt) => ({
+                options: (filter.options ?? []).map((opt) => ({
                   label: opt.label,
                   value: opt.value
                 })),
-                modelValue: currentValue ?? void 0,
+                modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
                 placeholder: filter.placeholder ?? filter.label,
                 clearable,
                 "onUpdate:modelValue": (value) => {
@@ -489,6 +514,13 @@ var DataTableWithToolbar = defineComponent({
           );
         });
       }
+      const filtersExtra = slots["filters-extra"]?.({
+        filters: resolvedFilters.value,
+        setFilter: (key, value) => setFilterValue(key, value)
+      });
+      if (filtersExtra?.length) {
+        leftNodes.push(...filtersExtra);
+      }
       const bulkChildren = [];
       if (hasBulkActions.value) {
         if (selectedCount.value > 0) {
@@ -580,6 +612,7 @@ var DataTableWithToolbar = defineComponent({
         tableLayout: props.tableLayout,
         responsiveMode: props.responsiveMode,
         cardBreakpoint: props.cardBreakpoint,
+        cardLayout: props.cardLayout,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange

package/dist/{chunk-OFTAQ2A4.js → chunk-PXSV3J2H.js}

@@ -44,6 +44,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -184,7 +185,11 @@ var tableProps = {
   groupBy: { type: String },
   exportable: { type: Boolean, default: false },
   exportFormat: { type: String, default: "csv" },
-  exportFilename: { type: String, default: "export" }
+  exportFilename: { type: String, default: "export" },
+  cardLayout: {
+    type: Array,
+    default: void 0
+  }
 };
 var tableEmits = [
   "change",
@@ -1321,6 +1326,18 @@ var Table = _vue.defineComponent.call(void 0, {
       const overrides = props.emptyText === void 0 ? props.labels : { ...props.labels, emptyText: props.emptyText };
       return _tigercatcore.getTableLabels.call(void 0, tableLocale.value, overrides);
     });
+    const cardLayoutMap = _vue.computed.call(void 0, () => {
+      const map = /* @__PURE__ */ new Map();
+      if (props.cardLayout) {
+        for (const item of props.cardLayout) {
+          map.set(item.key, item);
+        }
+      }
+      return map;
+    });
+    const hasCustomCardLayout = _vue.computed.call(void 0, () => {
+      return ctx.displayColumns.value.some((col) => col.cardGrid) || props.cardLayout && props.cardLayout.length > 0;
+    });
     const resizeController = _tigercatcore.createTableResizeObserverController.call(void 0, {
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1469,13 +1486,81 @@ var Table = _vue.defineComponent.call(void 0, {
               const titleNode = titleColumn ? _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardTitleClasses }, [
                 renderCardCellContent(titleColumn)
               ]) : null;
-              const rows = bodyColumns.map(
-                (column) => _vue.h.call(void 0, "div", { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses }, [
-                  _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
-                  _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [
-                    renderCardCellContent(column)
-                  ])
-                ])
+              const rows = hasCustomCardLayout.value ? [
+                _vue.h.call(void 0, 
+                  "div",
+                  { class: "grid grid-cols-12 gap-3 mt-2" },
+                  bodyColumns.map((column) => {
+                    const layoutItem = cardLayoutMap.value.get(column.key);
+                    const gridInfo = _tigercatcore.getCardGridInfo.call(void 0, column, layoutItem);
+                    if (gridInfo.hideLabel) {
+                      return _vue.h.call(void 0, 
+                        "div",
+                        { key: column.key, class: gridInfo.className },
+                        [renderCardCellContent(column)]
+                      );
+                    }
+                    if (gridInfo.labelPosition === "top") {
+                      return _vue.h.call(void 0, 
+                        "div",
+                        { key: column.key, class: gridInfo.className },
+                        [
+                          _vue.h.call(void 0, 
+                            "div",
+                            {
+                              class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1"
+                            },
+                            column.title
+                          ),
+                          _vue.h.call(void 0, 
+                            "div",
+                            {
+                              class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                            },
+                            [renderCardCellContent(column)]
+                          )
+                        ]
+                      );
+                    }
+                    return _vue.h.call(void 0, 
+                      "div",
+                      {
+                        key: column.key,
+                        class: _tigercatcore.classNames.call(void 0, 
+                          gridInfo.className,
+                          "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                        )
+                      },
+                      [
+                        _vue.h.call(void 0, 
+                          "div",
+                          {
+                            class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0"
+                          },
+                          column.title
+                        ),
+                        _vue.h.call(void 0, 
+                          "div",
+                          {
+                            class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                          },
+                          [renderCardCellContent(column)]
+                        )
+                      ]
+                    );
+                  })
+                )
+              ] : bodyColumns.map(
+                (column) => _vue.h.call(void 0, 
+                  "div",
+                  { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses },
+                  [
+                    _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
+                    _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [
+                      renderCardCellContent(column)
+                    ])
+                  ]
+                )
               );
               const controls = [];
               if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    loadingText: string;
-    emptyText: string;
-    className: string;
-    style: Record<string, string | number>;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.d.ts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    loadingText: string;
-    emptyText: string;
-    className: string;
-    style: Record<string, string | number>;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/Alert.d.mts

@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
-    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
     closable: boolean;
+    closeAriaLabel: string;
+    description: string;
     showIcon: boolean;
     duration: number;
     banner: boolean;

package/dist/components/Alert.d.ts

@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
-    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
     closable: boolean;
+    closeAriaLabel: string;
+    description: string;
     showIcon: boolean;
     duration: number;
     banner: boolean;

package/dist/components/Anchor.d.mts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
+    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/Anchor.d.ts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
+    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;