@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-2VVXW53X.js → chunk-VDKUKZS2.js}

@@ -1,18 +1,18 @@
 "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 _chunkAEOREYSJjs = require('./chunk-AEOREYSJ.js');
+var _chunkCFJST2X2js = require('./chunk-CFJST2X2.js');
 
 
 var _chunk3QV2D54Hjs = require('./chunk-3QV2D54H.js');
 
 
-var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkTYYJPEWGjs = require('./chunk-TYYJPEWG.js');
 
 
-var _chunkNOZ65AMOjs = require('./chunk-NOZ65AMO.js');
+var _chunkPFWRFHSBjs = require('./chunk-PFWRFHSB.js');
 
 
-var _chunk2YFXJUBTjs = require('./chunk-2YFXJUBT.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/Table.ts
 
@@ -23,6 +23,7 @@ var _chunk2YFXJUBTjs = require('./chunk-2YFXJUBT.js');
 
 
 
+
 var _vue = require('vue');
 
 
@@ -46,6 +47,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -211,7 +213,7 @@ var tableEmits = [
   "sort-change",
   "filter-change",
   "update:hiddenColumnKeys",
-  "hidden-columns-change",
+  "hidden-column-keys-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -236,6 +238,9 @@ 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;
@@ -373,7 +378,7 @@ function useTableState(props, emit, measuredColumnWidths) {
       uncontrolledHiddenColumnKeys.value = hiddenKeys;
     }
     emit("update:hiddenColumnKeys", hiddenKeys);
-    emit("hidden-columns-change", hiddenKeys);
+    emit("hidden-column-keys-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]);
@@ -387,7 +392,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     if (props.filterMode === "advanced" && (_nullishCoalesce(_optionalChain([props, 'access', _41 => _41.advancedFilterRules, 'optionalAccess', _42 => _42.length]), () => ( 0))) > 0) {
       data = _tigercatcore.filterDataAdvanced.call(void 0, data, _nullishCoalesce(props.advancedFilterRules, () => ( [])));
     } else {
-      data = _tigercatcore.filterData.call(void 0, data, filterState.value);
+      data = _tigercatcore.filterTableData.call(void 0, data, props.columns, filterState.value);
     }
     if (sortState.value.key && sortState.value.direction) {
       const column = columnByKey.value[sortState.value.key];
@@ -414,7 +419,7 @@ function useTableState(props, emit, measuredColumnWidths) {
   });
   const totalColumnCount = _vue.computed.call(void 0, () => {
     let count = displayColumns.value.length;
-    if (props.rowSelection) count += 1;
+    if (_tigercatcore.hasTableSelectionColumn.call(void 0, props.rowSelection)) count += 1;
     if (props.expandable) count += 1;
     return count;
   });
@@ -534,35 +539,33 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     emit("selection-change", newKeys);
   }
+  const selectionState = _vue.computed.call(void 0, 
+    () => _tigercatcore.getTableSelectionState.call(void 0, {
+      records: paginatedData.value,
+      rowKeys: paginatedRowKeys.value,
+      selectedRowKeys: selectedRowKeys.value,
+      getCheckboxProps: _optionalChain([props, 'access', _52 => _52.rowSelection, 'optionalAccess', _53 => _53.getCheckboxProps])
+    })
+  );
   function handleSelectAll(checked) {
-    if (checked) {
-      const nextKeys = paginatedRowKeys.value;
-      if (!isSelectionControlled.value) {
-        uncontrolledSelectedRowKeys.value = nextKeys;
-      }
-      emit("selection-change", nextKeys);
-    } else {
-      if (!isSelectionControlled.value) {
-        uncontrolledSelectedRowKeys.value = [];
-      }
-      emit("selection-change", []);
+    const nextKeys = _tigercatcore.getNextTableSelectAllKeys.call(void 0, 
+      selectedRowKeys.value,
+      selectionState.value.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled.value) {
+      uncontrolledSelectedRowKeys.value = nextKeys;
     }
+    emit("selection-change", nextKeys);
   }
-  const allSelected = _vue.computed.call(void 0, () => {
-    if (paginatedRowKeys.value.length === 0) {
-      return false;
-    }
-    return paginatedRowKeys.value.every((key) => selectedRowKeySet.value.has(key));
-  });
-  const someSelected = _vue.computed.call(void 0, () => {
-    return selectedRowKeys.value.length > 0 && !allSelected.value;
-  });
+  const allSelected = _vue.computed.call(void 0, () => selectionState.value.allSelected);
+  const someSelected = _vue.computed.call(void 0, () => selectionState.value.someSelected);
   const editingCell = _vue.ref.call(void 0, null);
   const editingValue = _vue.ref.call(void 0, "");
   function isCellEditable(columnKey, rowIndex) {
     if (!props.editable) return false;
     if (!props.editableCells) return true;
-    return !!_optionalChain([props, 'access', _52 => _52.editableCells, 'access', _53 => _53.get, 'call', _54 => _54(columnKey), 'optionalAccess', _55 => _55.has, 'call', _56 => _56(rowIndex)]);
+    return !!_optionalChain([props, 'access', _54 => _54.editableCells, 'access', _55 => _55.get, 'call', _56 => _56(columnKey), 'optionalAccess', _57 => _57.has, 'call', _58 => _58(rowIndex)]);
   }
   function startEditing(rowIndex, columnKey, currentValue) {
     editingCell.value = { rowIndex, columnKey };
@@ -764,7 +767,7 @@ function renderTableHeader(ctx, props, slots, labels) {
   const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
   const expandHeaderTh = props.expandable ? _vue.h.call(void 0, "th", {
     class: _tigercatcore.getExpandIconCellClasses.call(void 0, props.size),
-    "aria-label": "Expand"
+    "aria-label": labels.expandText
   }) : null;
   if (expandAtStart && expandHeaderTh) {
     headerCells.push(expandHeaderTh);
@@ -798,7 +801,7 @@ function renderTableHeader(ctx, props, slots, labels) {
     } : void 0;
     const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
     const headerContent = [];
-    const slotContent = _optionalChain([slots, 'access', _57 => _57[`header-${column.key}`], 'optionalCall', _58 => _58()]);
+    const slotContent = _optionalChain([slots, 'access', _59 => _59[`header-${column.key}`], 'optionalCall', _60 => _60()]);
     if (slotContent && slotContent.length > 0) {
       headerContent.push(...slotContent);
     } else if (column.renderHeader) {
@@ -872,7 +875,7 @@ function renderTableHeader(ctx, props, slots, labels) {
                   onClick: (e) => e.stopPropagation()
                 },
                 [
-                  _vue.h.call(void 0, "option", { value: "" }, "All"),
+                  _vue.h.call(void 0, "option", { value: "" }, labels.allText),
                   ...column.filter.options.map(
                     (opt) => _vue.h.call(void 0, "option", { value: opt.value }, opt.label)
                   )
@@ -880,7 +883,7 @@ function renderTableHeader(ctx, props, slots, labels) {
               ) : _vue.h.call(void 0, "input", {
                 type: "text",
                 class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                placeholder: column.filter.placeholder || "Filter...",
+                placeholder: column.filter.placeholder || labels.filterPlaceholder,
                 onInput: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation()
               })
@@ -914,7 +917,8 @@ function renderTableHeader(ctx, props, slots, labels) {
 
 
 
-function renderTableBody(ctx, props, slots) {
+
+function renderTableBody(ctx, props, slots, labels) {
   if (props.loading) {
     return null;
   }
@@ -942,7 +946,7 @@ function renderTableBody(ctx, props, slots) {
     ]);
   }
   function getDelegatedRow(event) {
-    const row = _optionalChain([event, 'access', _59 => _59.target, 'optionalAccess', _60 => _60.closest, 'call', _61 => _61(
+    const row = _optionalChain([event, 'access', _61 => _61.target, 'optionalAccess', _62 => _62.closest, 'call', _63 => _63(
       "tr[data-tiger-table-row-index]"
     )]);
     if (!row) return null;
@@ -999,7 +1003,7 @@ function renderTableBody(ctx, props, slots) {
           {
             type: "button",
             class: "inline-flex items-center justify-center",
-            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+            "aria-label": isExpanded ? labels.collapseRowAriaLabel : labels.expandRowAriaLabel,
             "aria-expanded": isExpanded,
             onClick: (e) => {
               e.stopPropagation();
@@ -1014,7 +1018,7 @@ function renderTableBody(ctx, props, slots) {
       cells.push(expandToggleCell);
     }
     if (props.rowSelection && props.rowSelection.showCheckbox !== false) {
-      const checkboxProps = _optionalChain([props, 'access', _62 => _62.rowSelection, 'optionalAccess', _63 => _63.getCheckboxProps, 'optionalCall', _64 => _64(record)]) || {};
+      const checkboxProps = _optionalChain([props, 'access', _64 => _64.rowSelection, 'optionalAccess', _65 => _65.getCheckboxProps, 'optionalCall', _66 => _66(record)]) || {};
       cells.push(
         _vue.h.call(void 0, 
           "td",
@@ -1023,8 +1027,8 @@ function renderTableBody(ctx, props, slots) {
           },
           [
             _vue.h.call(void 0, "input", {
-              type: _optionalChain([props, 'access', _65 => _65.rowSelection, 'optionalAccess', _66 => _66.type]) === "radio" ? "radio" : "checkbox",
-              class: _optionalChain([props, 'access', _67 => _67.rowSelection, 'optionalAccess', _68 => _68.type]) === "radio" ? "border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]" : "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
+              type: _optionalChain([props, 'access', _67 => _67.rowSelection, 'optionalAccess', _68 => _68.type]) === "radio" ? "radio" : "checkbox",
+              class: _optionalChain([props, 'access', _69 => _69.rowSelection, 'optionalAccess', _70 => _70.type]) === "radio" ? "border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]" : "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
               checked: isSelected,
               disabled: checkboxProps.disabled,
               onClick: (e) => e.stopPropagation(),
@@ -1053,7 +1057,7 @@ function renderTableBody(ctx, props, slots) {
         hoverable: props.hoverable,
         fixedInfo: ctx.fixedColumnsInfo.value
       });
-      const isEditing = _optionalChain([ctx, 'access', _69 => _69.editingCell, 'access', _70 => _70.value, 'optionalAccess', _71 => _71.rowIndex]) === index && _optionalChain([ctx, 'access', _72 => _72.editingCell, 'access', _73 => _73.value, 'optionalAccess', _74 => _74.columnKey]) === column.key;
+      const isEditing = _optionalChain([ctx, 'access', _71 => _71.editingCell, 'access', _72 => _72.value, 'optionalAccess', _73 => _73.rowIndex]) === index && _optionalChain([ctx, 'access', _74 => _74.editingCell, 'access', _75 => _75.value, 'optionalAccess', _76 => _76.columnKey]) === column.key;
       const isEditableCell = ctx.isCellEditable(column.key, index);
       const cellContent = isEditing ? _vue.h.call(void 0, "input", {
         type: "text",
@@ -1068,7 +1072,7 @@ function renderTableBody(ctx, props, slots) {
           if (e.key === "Enter") ctx.commitEdit();
           if (e.key === "Escape") ctx.cancelEdit();
         }
-      }) : _nullishCoalesce(_optionalChain([slots, 'access', _75 => _75[`cell-${column.key}`], 'optionalCall', _76 => _76({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
+      }) : _nullishCoalesce(_optionalChain([slots, 'access', _77 => _77[`cell-${column.key}`], 'optionalCall', _78 => _78({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
       cells.push(
         _vue.h.call(void 0, 
           "td",
@@ -1098,12 +1102,22 @@ function renderTableBody(ctx, props, slots) {
           _tigercatcore.getTableRowClasses.call(void 0, props.hoverable, props.striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.value.hasFixedColumns && "group"
         ),
+        "aria-selected": props.rowSelection ? isSelected : void 0,
+        tabindex: props.interactiveRows ? 0 : void 0,
+        // Delegated mouse click stays on tbody; add per-row keyboard activation.
+        onKeydown: props.interactiveRows ? (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (_tigercatcore.isActivationKey.call(void 0, e)) {
+            e.preventDefault();
+            ctx.handleRowClick(record, index, key);
+          }
+        } : void 0,
         draggable: props.rowDraggable ? "true" : void 0
       },
       cells
     );
     if (props.expandable && isExpanded && isRowExpandable) {
-      const expandedContent = _optionalChain([slots, 'access', _77 => _77["expanded-row"], 'optionalCall', _78 => _78({ record, index })]) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
+      const expandedContent = _optionalChain([slots, 'access', _79 => _79["expanded-row"], 'optionalCall', _80 => _80({ record, index })]) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
       const expandedRow = _vue.h.call(void 0, 
         "tr",
         {
@@ -1152,6 +1166,36 @@ function renderTableBody(ctx, props, slots) {
     }
     return _vue.h.call(void 0, "tbody", delegatedBodyHandlers, groupRows);
   }
+  const vw = props.virtualWindow;
+  if (vw && vw.endIndex >= vw.startIndex) {
+    const windowed = [];
+    if (vw.topPad > 0) {
+      windowed.push(
+        _vue.h.call(void 0, "tr", { key: "virtual-top", "aria-hidden": "true" }, [
+          _vue.h.call(void 0, "td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.topPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    for (let index = vw.startIndex; index <= vw.endIndex; index++) {
+      const result = renderDataRow(ctx.paginatedData.value[index], index);
+      if (Array.isArray(result)) windowed.push(...result);
+      else windowed.push(result);
+    }
+    if (vw.bottomPad > 0) {
+      windowed.push(
+        _vue.h.call(void 0, "tr", { key: "virtual-bottom", "aria-hidden": "true" }, [
+          _vue.h.call(void 0, "td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.bottomPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    return _vue.h.call(void 0, "tbody", delegatedBodyHandlers, windowed);
+  }
   const rows = ctx.paginatedData.value.flatMap((record, index) => renderDataRow(record, index));
   return _vue.h.call(void 0, "tbody", delegatedBodyHandlers, rows);
 }
@@ -1160,7 +1204,7 @@ function renderTableBody(ctx, props, slots) {
 
 
 function renderSummaryRow(ctx, props) {
-  if (!_optionalChain([props, 'access', _79 => _79.summaryRow, 'optionalAccess', _80 => _80.show])) return null;
+  if (!_optionalChain([props, 'access', _81 => _81.summaryRow, 'optionalAccess', _82 => _82.show])) return null;
   const emptyCells = [];
   if (props.rowSelection) {
     emptyCells.push(_vue.h.call(void 0, "td", { class: _tigercatcore.getTableCellClasses.call(void 0, props.size, "left") }));
@@ -1205,9 +1249,9 @@ function renderPagination(ctx, props, view) {
   const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo.value;
   const paginationConfig = props.pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.value.length;
-  const locale = _optionalChain([view, 'optionalAccess', _81 => _81.disableI18n]) ? void 0 : _optionalChain([view, 'optionalAccess', _82 => _82.locale]);
+  const locale = _optionalChain([view, 'optionalAccess', _83 => _83.disableI18n]) ? void 0 : _optionalChain([view, 'optionalAccess', _84 => _84.locale]);
   const labels = _tigercatcore.getPaginationLabels.call(void 0, locale);
-  const localeCode = _optionalChain([locale, 'optionalAccess', _83 => _83.locale]);
+  const localeCode = _optionalChain([locale, 'optionalAccess', _85 => _85.locale]);
   const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode);
   const finalPrevText = paginationConfig.prevText || labels.prevPageAriaLabel;
   const finalNextText = paginationConfig.nextText || labels.nextPageAriaLabel;
@@ -1217,15 +1261,16 @@ function renderPagination(ctx, props, view) {
     totalPages,
     localeCode
   );
-  const finalPrevAriaLabel = _optionalChain([view, 'optionalAccess', _84 => _84.disableI18n]) ? finalPrevText : labels.prevPageAriaLabel;
-  const finalNextAriaLabel = _optionalChain([view, 'optionalAccess', _85 => _85.disableI18n]) ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const finalPrevAriaLabel = _optionalChain([view, 'optionalAccess', _86 => _86.disableI18n]) ? finalPrevText : labels.prevPageAriaLabel;
+  const finalNextAriaLabel = _optionalChain([view, 'optionalAccess', _87 => _87.disableI18n]) ? finalNextText : labels.nextPageAriaLabel;
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ) }, [
-    paginationConfig.showTotal !== false && _vue.h.call(void 0, 
-      "div",
-      { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) },
-      finalTotalText
-    ),
+    paginationConfig.showTotal !== false && _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) }, finalTotalText),
     _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ) }, [
       paginationConfig.showSizeChanger !== false && _vue.h.call(void 0, 
         "select",
@@ -1285,7 +1330,8 @@ var Table = _vue.defineComponent.call(void 0, {
   props: tableProps,
   emits: tableEmits,
   setup(props, { emit, slots }) {
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const instance = _vue.getCurrentInstance.call(void 0, );
     const wrapperRef = _vue.ref.call(void 0, null);
     const tableRef = _vue.ref.call(void 0, null);
     const measuredColumnWidths = _vue.ref.call(void 0, {});
@@ -1397,9 +1443,19 @@ var Table = _vue.defineComponent.call(void 0, {
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const virtualWindow = effectiveVirtual ? _tigercatcore.getTableVirtualWindow.call(void 0, 
+        ctx.virtualScrollTop.value,
+        typeof resolvedProps.virtualHeight === "number" ? resolvedProps.virtualHeight : 400,
+        resolvedProps.virtualItemHeight,
+        ctx.paginatedData.value.length
+      ) : void 0;
       const renderProps = {
         ...resolvedProps,
-        emptyText: tableLabels.value.emptyText
+        emptyText: tableLabels.value.emptyText,
+        // Rows become keyboard-activable when a row-click listener is bound or
+        // row selection is enabled (mirrors React's onRowClick/rowSelection).
+        interactiveRows: !!resolvedProps.rowSelection || typeof _optionalChain([instance, 'optionalAccess', _88 => _88.vnode, 'access', _89 => _89.props, 'optionalAccess', _90 => _90.onRowClick]) === "function",
+        virtualWindow
       };
       const shouldPinColumns = resolvedProps.columnLockable || ctx.fixedColumnsInfo.value.hasFixedColumns;
       const colgroup = shouldPinColumns ? _vue.h.call(void 0, 
@@ -1420,7 +1476,7 @@ var Table = _vue.defineComponent.call(void 0, {
       const tableChildren = [
         colgroup,
         renderTableHeader(ctx, renderProps, slots, tableLabels.value),
-        renderTableBody(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots, tableLabels.value),
         renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = _vue.h.call(void 0, 
@@ -1462,7 +1518,7 @@ var Table = _vue.defineComponent.call(void 0, {
               },
               [
                 _vue.h.call(void 0, 
-                  _chunk2YFXJUBTjs.Checkbox,
+                  _chunkPFWRFHSBjs.Checkbox,
                   {
                     size: "sm",
                     modelValue: ctx.allSelected.value,
@@ -1483,7 +1539,7 @@ var Table = _vue.defineComponent.call(void 0, {
                 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, _chunkAEOREYSJjs.Select, {
+                _vue.h.call(void 0, _chunkCFJST2X2js.Select, {
                   size: "sm",
                   modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
                   options: [
@@ -1519,7 +1575,7 @@ var Table = _vue.defineComponent.call(void 0, {
         if (ctx.paginatedData.value.length === 0) {
           cardChildren.push(
             _vue.h.call(void 0, "div", { class: _tigercatcore.getTableResponsiveCardClasses.call(void 0, resolvedProps.cardPadding) }, [
-              _vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { showImage: false, description: tableLabels.value.emptyText })
+              _vue.h.call(void 0, _chunkTYYJPEWGjs.Empty, { showImage: false, description: tableLabels.value.emptyText })
             ])
           );
         } else {
@@ -1532,7 +1588,7 @@ var Table = _vue.defineComponent.call(void 0, {
               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])));
+                return _nullishCoalesce(_optionalChain([slots, 'access', _91 => _91[`cell-${column.key}`], 'optionalCall', _92 => _92({ record, index })]), () => ( (column.render ? column.render(record, index) : record[dataKey])));
               };
               const titleNode = titleColumn ? _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardTitleClasses }, [
                 renderCardCellContent(titleColumn)
@@ -1641,7 +1697,7 @@ var Table = _vue.defineComponent.call(void 0, {
               );
               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)]) || {};
+                const checkboxProps = _optionalChain([resolvedProps, 'access', _93 => _93.rowSelection, 'access', _94 => _94.getCheckboxProps, 'optionalCall', _95 => _95(record)]) || {};
                 controls.push(
                   _vue.h.call(void 0, "span", { onClick: (event) => event.stopPropagation() }, [
                     resolvedProps.rowSelection.type === "radio" ? _vue.h.call(void 0, _chunk3QV2D54Hjs.Radio, {
@@ -1651,17 +1707,17 @@ var Table = _vue.defineComponent.call(void 0, {
                       "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
                         tableLabels.value.selectRowAriaLabel,
                         index + 1,
-                        _optionalChain([tableLocale, 'access', _91 => _91.value, 'optionalAccess', _92 => _92.locale])
+                        _optionalChain([tableLocale, 'access', _96 => _96.value, 'optionalAccess', _97 => _97.locale])
                       ),
                       onChange: () => ctx.handleSelectRow(key, true)
-                    }) : _vue.h.call(void 0, _chunk2YFXJUBTjs.Checkbox, {
+                    }) : _vue.h.call(void 0, _chunkPFWRFHSBjs.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])
+                        _optionalChain([tableLocale, 'access', _98 => _98.value, 'optionalAccess', _99 => _99.locale])
                       ),
                       onChange: (checked) => ctx.handleSelectRow(key, checked)
                     })
@@ -1700,7 +1756,7 @@ var Table = _vue.defineComponent.call(void 0, {
                   ])
                 ]
               ) : titleNode;
-              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 expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _100 => _100["expanded-row"], 'optionalCall', _101 => _101({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _102 => _102.expandable, 'access', _103 => _103.expandedRowRender, 'optionalCall', _104 => _104(record, index)]))) : null;
               const cardContext = {
                 record,
                 index,
@@ -1710,7 +1766,7 @@ var Table = _vue.defineComponent.call(void 0, {
                 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 customCard = _nullishCoalesce(_optionalChain([slots, 'access', _105 => _105.card, 'optionalCall', _106 => _106(cardContext)]), () => ( _optionalChain([resolvedProps, 'access', _107 => _107.renderCard, 'optionalCall', _108 => _108(cardContext)])));
               const resolvedCardClassName = typeof resolvedProps.cardClassName === "function" ? resolvedProps.cardClassName(record, index) : resolvedProps.cardClassName;
               return _vue.h.call(void 0, 
                 "div",
@@ -1768,9 +1824,9 @@ var Table = _vue.defineComponent.call(void 0, {
                 type: "button",
                 class: _tigercatcore.tableExportButtonClasses,
                 onClick: ctx.handleExport,
-                "aria-label": resolvedProps.exportFormat === "excel" ? "Export to Excel" : "Export to CSV"
+                "aria-label": resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelAriaLabel : tableLabels.value.exportCsvAriaLabel
               },
-              resolvedProps.exportFormat === "excel" ? "Export Excel" : "Export CSV"
+              resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelText : tableLabels.value.exportCsvText
             )
           ]),
           tableContent,

package/dist/{chunk-MHNCH2YI.js → chunk-VJ72Y54M.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Signature.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Signature.ts
 var _vue = require('vue');
 
 
@@ -17,6 +21,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DEFAULT_WIDTH = 480;
 var DEFAULT_HEIGHT = 180;
@@ -39,7 +46,8 @@ var Signature = _vue.defineComponent.call(void 0, {
     },
     quality: { type: Number, default: 0.92 },
     ariaLabel: { type: String, default: "Signature pad" },
-    clearText: { type: String, default: "Clear" },
+    clearText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     className: { type: String, default: void 0 },
     style: {
       type: Object,
@@ -48,6 +56,8 @@ var Signature = _vue.defineComponent.call(void 0, {
   },
   emits: ["update:modelValue", "change", "begin", "end", "clear"],
   setup(props, { attrs, emit, expose }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const canvasRef = _vue.ref.call(void 0, null);
     const strokes = _vue.ref.call(void 0, []);
     const activeStroke = _vue.ref.call(void 0, null);
@@ -57,7 +67,7 @@ var Signature = _vue.defineComponent.call(void 0, {
       const canvas = canvasRef.value;
       const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
       if (!canvas || !context) return;
-      const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+      const ratio = !_tigercatcore.isBrowser.call(void 0, ) ? 1 : window.devicePixelRatio || 1;
       canvas.width = props.width * ratio;
       canvas.height = props.height * ratio;
       canvas.style.width = `${props.width}px`;
@@ -215,7 +225,7 @@ var Signature = _vue.defineComponent.call(void 0, {
                 disabled: isDisabled.value || _tigercatcore.isSignatureEmpty.call(void 0, strokes.value),
                 onClick: clear
               },
-              props.clearText
+              _tigercatcore.resolveLocaleText.call(void 0, "Clear", props.clearText, _optionalChain([mergedLocale, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.clearText]))
             )
           ]) : null
         ]

package/dist/{chunk-LS4VI4RG.mjs → chunk-VJJ7RAC6.mjs}

@@ -27,27 +27,37 @@ import {
   getMessageIconPath,
   messageCloseIconPath,
   normalizeStringOption,
+  createInstanceCounter,
   isBrowser
 } from "@expcat/tigercat-core";
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
 var messageInstances = ref([]);
-var instanceIdCounter = 0;
 var IS_TEST_ENV = (() => {
   const proc = globalThis.process;
   return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
 })();
 var containerApp = null;
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = createInstanceCounter();
 var MessageContainer = defineComponent({
   name: "TigerMessageContainer",
   props: {
     position: {
       type: String,
       default: "top"
+    },
+    messages: {
+      type: Array,
+      default: () => []
     }
   },
   setup(props) {
@@ -113,20 +123,33 @@ var MessageContainer = defineComponent({
         "div",
         {
           class: containerClasses.value,
-          id: MESSAGE_CONTAINER_ID,
+          id: props.position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${props.position}`,
           "aria-live": "polite",
           "aria-relevant": "additions",
+          "data-tiger-message-position": props.position,
           "data-tiger-message-container": ""
         },
-        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : h(
-          TransitionGroup,
-          { name: "message" },
-          () => messageInstances.value.map(renderMessageItem)
-        )
+        IS_TEST_ENV ? props.messages.map(renderMessageItem) : h(TransitionGroup, { name: "message" }, () => props.messages.map(renderMessageItem))
       )
     );
   }
 });
+var MessageHost = defineComponent({
+  name: "TigerMessageHost",
+  setup() {
+    return () => MESSAGE_POSITIONS.map((position) => {
+      const positionedMessages = messageInstances.value.filter(
+        (message) => message.position === position
+      );
+      if (positionedMessages.length === 0) return null;
+      return h(MessageContainer, {
+        key: position,
+        position,
+        messages: positionedMessages
+      });
+    });
+  }
+});
 function ensureContainer() {
   if (!isBrowser()) {
     return;
@@ -144,7 +167,7 @@ function ensureContainer() {
     rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
     document.body.appendChild(rootEl);
   }
-  containerApp = createApp(MessageContainer);
+  containerApp = createApp(MessageHost);
   containerApp.mount(rootEl);
 }
 function addMessage(config) {
@@ -157,7 +180,8 @@ function addMessage(config) {
     closable: config.closable || false,
     onClose: config.onClose,
     icon: config.icon,
-    className: config.className
+    className: config.className,
+    position: config.position ?? "top"
   };
   messageInstances.value.push(instance);
   ensureContainer();