@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-AZ6SASY5.mjs → chunk-V5ZEPAWV.mjs}

@@ -1,3 +1,9 @@
+import {
+  renderVueBodyTeleport,
+  useVueBodyScrollLock,
+  useVueEscapeKey,
+  useVueFocusTrap
+} from "./chunk-BDTPFPSB.mjs";
 import {
   createStatusIcon
 } from "./chunk-2TNZ4JNT.mjs";
@@ -12,9 +18,9 @@ import {
   h,
   ref,
   watch,
+  nextTick,
   onMounted,
-  onBeforeUnmount,
-  Teleport
+  onBeforeUnmount
 } from "vue";
 import {
   classNames,
@@ -30,9 +36,12 @@ import {
   getActiveTourSteps,
   getCurrentActiveTourStep,
   getActiveTourStepPosition,
+  getTourLabels,
   closeIconPathD,
   mergeTigerLocale,
-  resolveLocaleText
+  captureActiveElement,
+  focusFirst,
+  restoreFocus
 } from "@expcat/tigercat-core";
 var Tour = defineComponent({
   name: "TigerTour",
@@ -66,14 +75,12 @@ var Tour = defineComponent({
   setup(props, { emit }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const nextLabel = computed(
-      () => resolveLocaleText("Next", props.nextText, mergedLocale.value?.formWizard?.nextText)
-    );
-    const prevLabel = computed(
-      () => resolveLocaleText("Previous", props.prevText, mergedLocale.value?.formWizard?.prevText)
-    );
-    const finishLabel = computed(
-      () => resolveLocaleText("Finish", props.finishText, mergedLocale.value?.formWizard?.finishText)
+    const labels = computed(
+      () => getTourLabels(mergedLocale.value, {
+        nextText: props.nextText,
+        prevText: props.prevText,
+        finishText: props.finishText
+      })
     );
     const internalStep = ref(0);
     const resolvedSteps = ref(props.steps);
@@ -88,6 +95,9 @@ var Tour = defineComponent({
     const step = computed(() => activeStepInfo.value?.step);
     const targetRect = ref();
     const popoverRef = ref(null);
+    const closeButtonRef = ref(null);
+    const openRef = computed(() => props.open);
+    let previousActiveElement = null;
     const updateRect = () => {
       if (step.value?.target) {
         targetRect.value = getTourTargetRect(step.value.target);
@@ -164,6 +174,24 @@ var Tour = defineComponent({
       emit("close");
       emit("update:open", false);
     };
+    const detachEscape = useVueEscapeKey({ enabled: openRef, onEscape: close });
+    onBeforeUnmount(detachEscape);
+    useVueBodyScrollLock(openRef);
+    useVueFocusTrap({ enabled: openRef, containerRef: popoverRef });
+    watch(
+      openRef,
+      (open) => {
+        if (open) {
+          previousActiveElement = captureActiveElement();
+          nextTick(() => {
+            focusFirst([closeButtonRef.value, popoverRef.value]);
+          });
+        } else {
+          restoreFocus(previousActiveElement);
+        }
+      },
+      { immediate: true }
+    );
     return () => {
       if (!props.open || !step.value) return null;
       const placement = step.value.placement ?? "bottom";
@@ -209,9 +237,10 @@ var Tour = defineComponent({
           h(
             "button",
             {
+              ref: closeButtonRef,
               class: tourCloseButtonClasses,
               type: "button",
-              "aria-label": "Close tour",
+              "aria-label": labels.value.closeAriaLabel,
               onClick: close
             },
             createStatusIcon(closeIconPathD, "h-4 w-4")
@@ -244,7 +273,7 @@ var Tour = defineComponent({
               class: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
               onClick: prev
             },
-            prevLabel.value
+            labels.value.prevText
           )
         );
       }
@@ -256,7 +285,7 @@ var Tour = defineComponent({
             class: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
             onClick: next
           },
-          isLast ? finishLabel.value : nextLabel.value
+          isLast ? labels.value.finishText : labels.value.nextText
         )
       );
       footerChildren.push(h("div", { class: "flex items-center" }, buttons));
@@ -274,7 +303,7 @@ var Tour = defineComponent({
           popoverChildren
         )
       );
-      return h(Teleport, { to: "body" }, children);
+      return renderVueBodyTeleport(children);
     };
   }
 });

package/dist/{chunk-2R5HISQA.mjs → chunk-VCCK4CDT.mjs}

@@ -9,7 +9,8 @@ import {
   getSliderTooltipClasses,
   sliderGetPercentage,
   sliderGetValueFromPosition,
-  sliderGetKeyboardValue
+  sliderGetKeyboardValue,
+  sliderResolveMarks
 } from "@expcat/tigercat-core";
 var Slider = defineComponent({
   name: "TigerSlider",
@@ -290,7 +291,8 @@ var Slider = defineComponent({
       };
       const createMarks = () => {
         if (!props.marks) return null;
-        const marks = typeof props.marks === "boolean" ? {} : props.marks;
+        const marks = sliderResolveMarks(props.marks, props.min, props.max);
+        if (Object.keys(marks).length === 0) return null;
         return h(
           "div",
           { class: "absolute w-full top-full mt-2" },

package/dist/{chunk-RUXIQ5EP.js → chunk-VDKUKZS2.js}

@@ -1,12 +1,12 @@
 "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 _chunkRLPSCEBPjs = require('./chunk-RLPSCEBP.js');
+var _chunkCFJST2X2js = require('./chunk-CFJST2X2.js');
 
 
 var _chunk3QV2D54Hjs = require('./chunk-3QV2D54H.js');
 
 
-var _chunkNOZ65AMOjs = require('./chunk-NOZ65AMO.js');
+var _chunkTYYJPEWGjs = require('./chunk-TYYJPEWG.js');
 
 
 var _chunkPFWRFHSBjs = require('./chunk-PFWRFHSB.js');
@@ -23,6 +23,7 @@ var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 
 
+
 var _vue = require('vue');
 
 
@@ -46,6 +47,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -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;
@@ -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,8 +1261,8 @@ 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 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,
@@ -1287,6 +1331,7 @@ var Table = _vue.defineComponent.call(void 0, {
   emits: tableEmits,
   setup(props, { emit, slots }) {
     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, {});
@@ -1398,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, 
@@ -1421,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, 
@@ -1484,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, _chunkRLPSCEBPjs.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: [
@@ -1520,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 {
@@ -1533,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)
@@ -1642,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, {
@@ -1652,7 +1707,7 @@ 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, _chunkPFWRFHSBjs.Checkbox, {
@@ -1662,7 +1717,7 @@ var Table = _vue.defineComponent.call(void 0, {
                       "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)
                     })
@@ -1701,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,
@@ -1711,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",
@@ -1769,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-ZQD2MCNX.mjs → chunk-VJJ7RAC6.mjs}

@@ -33,6 +33,14 @@ import {
 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 IS_TEST_ENV = (() => {
   const proc = globalThis.process;
@@ -46,6 +54,10 @@ var MessageContainer = defineComponent({
     position: {
       type: String,
       default: "top"
+    },
+    messages: {
+      type: Array,
+      default: () => []
     }
   },
   setup(props) {
@@ -111,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;
@@ -142,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) {
@@ -155,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();