@expcat/tigercat-vue 1.2.37 → 1.2.41

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

@@ -1,7 +1,19 @@
 "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 _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
+
+
+var _chunk3QV2D54Hjs = require('./chunk-3QV2D54H.js');
+
+
 var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
+
+var _chunkNOZ65AMOjs = require('./chunk-NOZ65AMO.js');
+
+
+var _chunk2YFXJUBTjs = require('./chunk-2YFXJUBT.js');
+
 // src/components/Table.ts
 
 
@@ -29,6 +41,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -48,6 +63,14 @@ var tableProps = {
     type: Array,
     default: () => []
   },
+  hiddenColumnKeys: {
+    type: Array,
+    default: void 0
+  },
+  defaultHiddenColumnKeys: {
+    type: Array,
+    default: void 0
+  },
   sort: {
     type: Object
   },
@@ -85,9 +108,15 @@ var tableProps = {
     type: Boolean,
     default: false
   },
+  locale: {
+    type: [Object, Function]
+  },
+  labels: {
+    type: Object
+  },
   emptyText: {
     type: String,
-    default: "No data"
+    default: void 0
   },
   pagination: {
     type: [Object, Boolean],
@@ -132,6 +161,12 @@ var tableProps = {
     type: String,
     default: "sm"
   },
+  cardClassName: {
+    type: [String, Function]
+  },
+  renderCard: {
+    type: Function
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -157,6 +192,8 @@ var tableEmits = [
   "selection-change",
   "sort-change",
   "filter-change",
+  "update:hiddenColumnKeys",
+  "hidden-columns-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -179,15 +216,20 @@ var tableEmits = [
 
 
 
+
 function useTableState(props, emit, measuredColumnWidths) {
   const paginationConfig = _vue.computed.call(void 0, () => {
     return props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null;
   });
   const isSortControlled = _vue.computed.call(void 0, () => props.sort !== void 0);
+  const isHiddenColumnsControlled = _vue.computed.call(void 0, () => props.hiddenColumnKeys !== void 0);
   const isFiltersControlled = _vue.computed.call(void 0, () => props.filters !== void 0);
   const isSelectionControlled = _vue.computed.call(void 0, () => _optionalChain([props, 'access', _ => _.rowSelection, 'optionalAccess', _2 => _2.selectedRowKeys]) !== void 0);
   const isExpandControlled = _vue.computed.call(void 0, () => _optionalChain([props, 'access', _3 => _3.expandable, 'optionalAccess', _4 => _4.expandedRowKeys]) !== void 0);
   const uncontrolledSortState = _vue.ref.call(void 0, _nullishCoalesce(props.defaultSort, () => ( { key: null, direction: null })));
+  const uncontrolledHiddenColumnKeys = _vue.ref.call(void 0, 
+    _nullishCoalesce(_nullishCoalesce(props.defaultHiddenColumnKeys, () => ( props.hiddenColumnKeys)), () => ( []))
+  );
   const uncontrolledFilterState = _vue.ref.call(void 0, _nullishCoalesce(props.defaultFilters, () => ( {})));
   const uncontrolledCurrentPage = _vue.ref.call(void 0, 
     _nullishCoalesce(_nullishCoalesce(_optionalChain([paginationConfig, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.defaultCurrent]), () => ( _optionalChain([paginationConfig, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.current]))), () => ( 1))
@@ -202,6 +244,9 @@ function useTableState(props, emit, measuredColumnWidths) {
     _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _17 => _17.expandable, 'optionalAccess', _18 => _18.defaultExpandedRowKeys]), () => ( _optionalChain([props, 'access', _19 => _19.expandable, 'optionalAccess', _20 => _20.expandedRowKeys]))), () => ( []))
   );
   const sortState = _vue.computed.call(void 0, () => _nullishCoalesce(props.sort, () => ( uncontrolledSortState.value)));
+  const hiddenColumnKeys = _vue.computed.call(void 0, 
+    () => _nullishCoalesce(props.hiddenColumnKeys, () => ( uncontrolledHiddenColumnKeys.value))
+  );
   const filterState = _vue.computed.call(void 0, () => _nullishCoalesce(props.filters, () => ( uncontrolledFilterState.value)));
   const currentPage = _vue.computed.call(void 0, () => {
     return _nullishCoalesce(_optionalChain([paginationConfig, 'access', _21 => _21.value, 'optionalAccess', _22 => _22.current]), () => ( uncontrolledCurrentPage.value));
@@ -231,6 +276,14 @@ function useTableState(props, emit, measuredColumnWidths) {
       }
     }
   );
+  _vue.watch.call(void 0, 
+    () => props.hiddenColumnKeys,
+    (next) => {
+      if (next !== void 0) {
+        uncontrolledHiddenColumnKeys.value = next;
+      }
+    }
+  );
   _vue.watch.call(void 0, 
     () => _optionalChain([paginationConfig, 'access', _29 => _29.value, 'optionalAccess', _30 => _30.current]),
     (next) => {
@@ -265,13 +318,14 @@ function useTableState(props, emit, measuredColumnWidths) {
   );
   const fixedOverrides = _vue.ref.call(void 0, {});
   const displayColumns = _vue.computed.call(void 0, () => {
-    return props.columns.map((column) => {
+    const mapped = props.columns.map((column) => {
       const hasOverride = column.key in fixedOverrides.value;
       return {
         ...column,
         fixed: hasOverride ? fixedOverrides.value[column.key] : column.fixed
       };
     });
+    return _tigercatcore.filterHiddenColumns.call(void 0, mapped, hiddenColumnKeys.value);
   });
   const fixedColumnsInfo = _vue.computed.call(void 0, () => {
     return _tigercatcore.getFixedColumnOffsets.call(void 0, displayColumns.value, measuredColumnWidths.value);
@@ -283,6 +337,13 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     return map;
   });
+  function handleSetHiddenColumns(hiddenKeys) {
+    if (!isHiddenColumnsControlled.value) {
+      uncontrolledHiddenColumnKeys.value = hiddenKeys;
+    }
+    emit("update:hiddenColumnKeys", hiddenKeys);
+    emit("hidden-columns-change", hiddenKeys);
+  }
   function toggleColumnLock(columnKey) {
     const original = _optionalChain([props, 'access', _37 => _37.columns, 'access', _38 => _38.find, 'call', _39 => _39((c) => c.key === columnKey), 'optionalAccess', _40 => _40.fixed]);
     const hasOverride = columnKey in fixedOverrides.value;
@@ -333,6 +394,20 @@ function useTableState(props, emit, measuredColumnWidths) {
     const total = _optionalChain([paginationConfig, 'access', _44 => _44.value, 'optionalAccess', _45 => _45.total]) !== void 0 && paginationConfig.value.total > 0 ? paginationConfig.value.total : processedData.value.length;
     return _tigercatcore.calculatePagination.call(void 0, total, currentPage.value, currentPageSize.value);
   });
+  function handleSetSort(nextSortState) {
+    if (!isSortControlled.value) {
+      uncontrolledSortState.value = nextSortState;
+    }
+    emit("sort-change", nextSortState);
+    emit("change", {
+      sort: nextSortState,
+      filters: filterState.value,
+      pagination: props.pagination !== false ? {
+        current: currentPage.value,
+        pageSize: currentPageSize.value
+      } : null
+    });
+  }
   function handleSort(columnKey) {
     const column = displayColumns.value.find((col) => col.key === columnKey);
     if (!column || !column.sortable) {
@@ -346,21 +421,9 @@ function useTableState(props, emit, measuredColumnWidths) {
         newDirection = null;
       }
     }
-    const nextSortState = {
+    handleSetSort({
       key: newDirection ? columnKey : null,
       direction: newDirection
-    };
-    if (!isSortControlled.value) {
-      uncontrolledSortState.value = nextSortState;
-    }
-    emit("sort-change", nextSortState);
-    emit("change", {
-      sort: nextSortState,
-      filters: filterState.value,
-      pagination: props.pagination !== false ? {
-        current: currentPage.value,
-        pageSize: currentPageSize.value
-      } : null
     });
   }
   function handleFilter(columnKey, value) {
@@ -550,12 +613,15 @@ function useTableState(props, emit, measuredColumnWidths) {
     filterState,
     currentPage,
     currentPageSize,
+    hiddenColumnKeys,
     selectedRowKeys,
     expandedRowKeys,
     editingCell,
     editingValue,
     virtualScrollTop,
     toggleColumnLock,
+    handleSetHiddenColumns,
+    handleSetSort,
     handleSort,
     handleFilter,
     handlePageChange,
@@ -1191,11 +1257,14 @@ var Table = _vue.defineComponent.call(void 0, {
     const measuredRowHeights = _vue.ref.call(void 0, []);
     const ctx = useTableState(props, emit, measuredColumnWidths);
     const resolvedPaginationLocale = _vue.ref.call(void 0, );
+    const resolvedTableLocale = _vue.ref.call(void 0, );
     let paginationLocaleResolveId = 0;
+    let tableLocaleResolveId = 0;
     const paginationLocaleInput = _vue.computed.call(void 0, 
       () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination.locale : void 0
     );
     const isPaginationI18nDisabled = _vue.computed.call(void 0, () => paginationLocaleInput.value === false);
+    const tableLocaleInput = _vue.computed.call(void 0, () => props.locale);
     _vue.watch.call(void 0, 
       paginationLocaleInput,
       (locale) => {
@@ -1222,6 +1291,36 @@ var Table = _vue.defineComponent.call(void 0, {
     const paginationLocale = _vue.computed.call(void 0, 
       () => isPaginationI18nDisabled.value ? void 0 : _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedPaginationLocale.value)
     );
+    _vue.watch.call(void 0, 
+      tableLocaleInput,
+      (locale) => {
+        const resolveId = ++tableLocaleResolveId;
+        if (!locale) {
+          resolvedTableLocale.value = void 0;
+          return;
+        }
+        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
+        resolvedTableLocale.value = immediateLocale;
+        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
+        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const tableLocale = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedTableLocale.value)
+    );
+    const tableLabels = _vue.computed.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 resizeController = _tigercatcore.createTableResizeObserverController.call(void 0, {
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1251,10 +1350,14 @@ var Table = _vue.defineComponent.call(void 0, {
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const renderProps = {
+        ...resolvedProps,
+        emptyText: tableLabels.value.emptyText
+      };
       const tableChildren = [
-        renderTableHeader(ctx, resolvedProps, slots),
-        renderTableBody(ctx, resolvedProps, slots),
-        renderSummaryRow(ctx, resolvedProps)
+        renderTableHeader(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots),
+        renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = _vue.h.call(void 0, 
         "table",
@@ -1282,83 +1385,192 @@ var Table = _vue.defineComponent.call(void 0, {
         },
         [tableInner]
       ) : tableInner;
-      const cardContent = resolvedProps.responsiveMode === "card" ? _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getTableResponsiveCardListClasses.call(void 0, resolvedProps.cardBreakpoint),
-          "data-tiger-table-mobile": "card"
-        },
-        ctx.paginatedData.value.length === 0 ? [_vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardClasses }, resolvedProps.emptyText)] : ctx.paginatedData.value.map((record, index) => {
-          const key = ctx.paginatedRowKeys.value[index];
-          const isExpanded = ctx.expandedRowKeySet.value.has(key);
-          const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
-          const { titleColumn, bodyColumns } = _tigercatcore.getCardColumns.call(void 0, ctx.displayColumns.value);
-          const renderCardCellContent = (column) => {
-            const dataKey = column.dataKey || column.key;
-            return _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86[`cell-${column.key}`], 'optionalCall', _87 => _87({ record, index })]), () => ( (column.render ? column.render(record, index) : record[dataKey])));
-          };
-          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 cardContent = (() => {
+        if (resolvedProps.responsiveMode !== "card") return null;
+        const cardChildren = [];
+        const sortableColumns = ctx.displayColumns.value.filter((column) => column.sortable);
+        if (resolvedProps.rowSelection && resolvedProps.rowSelection.type !== "radio" && resolvedProps.rowSelection.showCheckbox !== false && ctx.paginatedData.value.length > 0) {
+          cardChildren.push(
+            _vue.h.call(void 0, 
+              "div",
+              {
+                class: "flex items-center justify-between rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+              },
+              [
+                _vue.h.call(void 0, 
+                  _chunk2YFXJUBTjs.Checkbox,
+                  {
+                    size: "sm",
+                    modelValue: ctx.allSelected.value,
+                    indeterminate: ctx.someSelected.value,
+                    onChange: (checked) => ctx.handleSelectAll(checked)
+                  },
+                  { default: () => tableLabels.value.selectAllText }
+                )
+              ]
+            )
           );
-          const controls = [];
-          if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
-            const checkboxProps = _optionalChain([resolvedProps, 'access', _88 => _88.rowSelection, 'access', _89 => _89.getCheckboxProps, 'optionalCall', _90 => _90(record)]) || {};
-            controls.push(
-              _vue.h.call(void 0, "input", {
-                type: resolvedProps.rowSelection.type === "radio" ? "radio" : "checkbox",
-                checked: ctx.selectedRowKeySet.value.has(key),
-                disabled: checkboxProps.disabled,
-                onClick: (event) => event.stopPropagation(),
-                onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+        }
+        if (sortableColumns.length > 0) {
+          cardChildren.push(
+            _vue.h.call(void 0, "div", {
+              class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+            }, [
+              _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
+                size: "sm",
+                modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
+                options: [
+                  { label: tableLabels.value.clearSortText, value: "" },
+                  ...sortableColumns.flatMap((column) => [
+                    {
+                      label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2191`,
+                      value: `${column.key}:asc`
+                    },
+                    {
+                      label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2193`,
+                      value: `${column.key}:desc`
+                    }
+                  ])
+                ],
+                clearable: false,
+                "onUpdate:modelValue": (value) => {
+                  const nextValue = String(_nullishCoalesce(value, () => ( "")));
+                  if (!nextValue) {
+                    ctx.handleSetSort({ key: null, direction: null });
+                    return;
+                  }
+                  const separatorIndex = nextValue.lastIndexOf(":");
+                  const key = nextValue.slice(0, separatorIndex);
+                  const direction = nextValue.slice(separatorIndex + 1);
+                  ctx.handleSetSort({ key, direction });
+                }
               })
-            );
-          }
-          if (resolvedProps.expandable && isRowExpandable) {
-            controls.push(
-              _vue.h.call(void 0, 
-                "button",
+            ])
+          );
+        }
+        if (ctx.paginatedData.value.length === 0) {
+          cardChildren.push(
+            _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardClasses }, [
+              _vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { showImage: false, description: tableLabels.value.emptyText })
+            ])
+          );
+        } else {
+          cardChildren.push(
+            ...ctx.paginatedData.value.map((record, index) => {
+              const key = ctx.paginatedRowKeys.value[index];
+              const isExpanded = ctx.expandedRowKeySet.value.has(key);
+              const isSelected = ctx.selectedRowKeySet.value.has(key);
+              const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
+              const { titleColumn, bodyColumns } = _tigercatcore.getCardColumns.call(void 0, ctx.displayColumns.value);
+              const renderCardCellContent = (column) => {
+                const dataKey = column.dataKey || column.key;
+                return _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86[`cell-${column.key}`], 'optionalCall', _87 => _87({ record, index })]), () => ( (column.render ? column.render(record, index) : record[dataKey])));
+              };
+              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 controls = [];
+              if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
+                const checkboxProps = _optionalChain([resolvedProps, 'access', _88 => _88.rowSelection, 'access', _89 => _89.getCheckboxProps, 'optionalCall', _90 => _90(record)]) || {};
+                controls.push(
+                  _vue.h.call(void 0, 
+                    "span",
+                    { onClick: (event) => event.stopPropagation() },
+                    [
+                      resolvedProps.rowSelection.type === "radio" ? _vue.h.call(void 0, _chunk3QV2D54Hjs.Radio, {
+                        value: key,
+                        checked: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          _optionalChain([tableLocale, 'access', _91 => _91.value, 'optionalAccess', _92 => _92.locale])
+                        ),
+                        onChange: () => ctx.handleSelectRow(key, true)
+                      }) : _vue.h.call(void 0, _chunk2YFXJUBTjs.Checkbox, {
+                        size: "sm",
+                        modelValue: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          _optionalChain([tableLocale, 'access', _93 => _93.value, 'optionalAccess', _94 => _94.locale])
+                        ),
+                        onChange: (checked) => ctx.handleSelectRow(key, checked)
+                      })
+                    ]
+                  )
+                );
+              }
+              if (resolvedProps.expandable && isRowExpandable) {
+                controls.push(
+                  _vue.h.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      class: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                      "aria-expanded": isExpanded,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        ctx.handleToggleExpand(key, record);
+                      }
+                    },
+                    isExpanded ? tableLabels.value.collapseText : tableLabels.value.expandText
+                  )
+                );
+              }
+              const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _95 => _95["expanded-row"], 'optionalCall', _96 => _96({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _97 => _97.expandable, 'access', _98 => _98.expandedRowRender, 'optionalCall', _99 => _99(record, index)]))) : null;
+              const cardContext = {
+                record,
+                index,
+                columns: ctx.displayColumns.value,
+                selected: isSelected,
+                expanded: isExpanded,
+                toggleExpand: () => ctx.handleToggleExpand(key, record),
+                selectRow: (checked) => ctx.handleSelectRow(key, checked)
+              };
+              const customCard = _nullishCoalesce(_optionalChain([slots, 'access', _100 => _100.card, 'optionalCall', _101 => _101(cardContext)]), () => ( _optionalChain([resolvedProps, 'access', _102 => _102.renderCard, 'optionalCall', _103 => _103(cardContext)])));
+              const resolvedCardClassName = typeof resolvedProps.cardClassName === "function" ? resolvedProps.cardClassName(record, index) : resolvedProps.cardClassName;
+              return _vue.h.call(void 0, 
+                "div",
                 {
-                  type: "button",
-                  class: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                  "aria-expanded": isExpanded,
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    ctx.handleToggleExpand(key, record);
-                  }
+                  key,
+                  class: _tigercatcore.classNames.call(void 0, _tigercatcore.tableResponsiveCardClasses, resolvedCardClassName),
+                  onClick: () => ctx.handleRowClick(record, index, key)
                 },
-                isExpanded ? "Collapse" : "Expand"
-              )
-            );
-          }
-          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _91 => _91["expanded-row"], 'optionalCall', _92 => _92({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _93 => _93.expandable, 'access', _94 => _94.expandedRowRender, 'optionalCall', _95 => _95(record, index)]))) : null;
-          return _vue.h.call(void 0, 
-            "div",
-            {
-              key,
-              class: _tigercatcore.tableResponsiveCardClasses,
-              onClick: () => ctx.handleRowClick(record, index, key)
-            },
-            [
-              controls.length ? _vue.h.call(void 0, "div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
-              titleNode,
-              ...rows,
-              expandedContent ? _vue.h.call(void 0, 
-                "div",
-                { class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3" },
-                [expandedContent]
-              ) : null
-            ]
+                customCard !== void 0 && customCard !== null ? [customCard] : [
+                  controls.length ? _vue.h.call(void 0, "div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+                  titleNode,
+                  ...rows,
+                  expandedContent ? _vue.h.call(void 0, 
+                    "div",
+                    {
+                      class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                    },
+                    [expandedContent]
+                  ) : null
+                ]
+              );
+            })
           );
-        })
-      ) : null;
+        }
+        return _vue.h.call(void 0, 
+          "div",
+          {
+            class: _tigercatcore.getTableResponsiveCardListClasses.call(void 0, resolvedProps.cardBreakpoint),
+            "data-tiger-table-mobile": "card"
+          },
+          cardChildren
+        );
+      })();
       return _vue.h.call(void 0, 
         "div",
         {
@@ -1393,11 +1605,11 @@ var Table = _vue.defineComponent.call(void 0, {
               class: _tigercatcore.tableLoadingOverlayClasses,
               role: "status",
               "aria-live": "polite",
-              "aria-label": "Loading"
+              "aria-label": tableLabels.value.loadingText
             },
-            [LoadingSpinner(), _vue.h.call(void 0, "span", { class: "sr-only" }, "Loading")]
+            [LoadingSpinner(), _vue.h.call(void 0, "span", { class: "sr-only" }, tableLabels.value.loadingText)]
           ),
-          renderPagination(ctx, resolvedProps, {
+          renderPagination(ctx, renderProps, {
             locale: paginationLocale.value,
             disableI18n: isPaginationI18nDisabled.value
           })

package/dist/{chunk-PC2FNA4J.mjs → chunk-PT4Q7C2A.mjs}

@@ -1,6 +1,6 @@
 import {
   useFloatingPopup
-} from "./chunk-UJZPEXF5.mjs";
+} from "./chunk-M4EP4OVR.mjs";
 import {
   renderVueBodyTeleport
 } from "./chunk-BDTPFPSB.mjs";

package/dist/{chunk-S3KTGULC.js → chunk-QOMWROWE.js}

@@ -9,6 +9,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -32,6 +34,19 @@ function useFloatingPopup(options) {
   const containerRef = _vue.ref.call(void 0, null);
   const triggerRef = _vue.ref.call(void 0, null);
   const floatingRef = _vue.ref.call(void 0, null);
+  const restoreTriggerFocus = () => {
+    const trigger = triggerRef.value;
+    const target = _nullishCoalesce(_optionalChain([trigger, 'optionalAccess', _ => _.querySelector, 'call', _2 => _2(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    )]), () => ( trigger));
+    window.setTimeout(() => {
+      _tigercatcore.restoreFocus.call(void 0, target, { preventScroll: true });
+    }, 0);
+  };
+  const closeAndRestoreFocus = () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  };
   const {
     x,
     y,
@@ -51,37 +66,37 @@ function useFloatingPopup(options) {
   _vue.watch.call(void 0, 
     [currentVisible, effectiveTrigger],
     ([visible, trigger]) => {
-      _optionalChain([outsideClickCleanup, 'optionalCall', _ => _()]);
-      _optionalChain([escapeKeyCleanup, 'optionalCall', _2 => _2()]);
+      _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
+      _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
       outsideClickCleanup = void 0;
       escapeKeyCleanup = void 0;
       if (visible && trigger === "click") {
         outsideClickCleanup = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
-          onOutsideClick: () => setVisible(false),
+          onOutsideClick: closeAndRestoreFocus,
           defer: true
         });
       }
       if (visible && trigger !== "manual") {
         escapeKeyCleanup = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
           enabled: currentVisible,
-          onEscape: () => setVisible(false)
+          onEscape: closeAndRestoreFocus
         });
       }
     },
     { immediate: true }
   );
   _vue.onBeforeUnmount.call(void 0, () => {
-    _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
-    _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
+    _optionalChain([outsideClickCleanup, 'optionalCall', _5 => _5()]);
+    _optionalChain([escapeKeyCleanup, 'optionalCall', _6 => _6()]);
   });
   const floatingStyles = _vue.computed.call(void 0, () => ({
     position: "absolute",
     left: `${x.value}px`,
     top: `${y.value}px`,
     transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, actualPlacement.value),
-    zIndex: 1e3
+    zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX
   }));
   const handleToggle = () => {
     if (!props.disabled) setVisible(!currentVisible.value);

package/dist/{chunk-FATIMV7O.mjs → chunk-ROMVD7LS.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-NYH6GSP7.mjs";
+} from "./chunk-VKW2O36D.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";