@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-WU2KCS6H.js → chunk-OW5D4LU6.js}

@@ -1,9 +1,20 @@
-'use strict';
+"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/Table.ts
+var _vue = require('vue');
+
+
+
+
+
+
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Table.ts
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+
 
 // src/components/Table/props.ts
 var tableProps = {
@@ -95,19 +106,27 @@ var tableProps = {
     type: String,
     default: "auto"
   },
+  responsiveMode: {
+    type: String,
+    default: "scroll"
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
+  autoVirtual: { type: Boolean, default: true },
   virtualHeight: { type: Number, default: 400 },
   virtualItemHeight: { type: Number, default: 40 },
+  autoVirtualThreshold: { type: Number, default: 1e4 },
   virtualThreshold: { type: Number, default: 1e3 },
   editable: { type: Boolean, default: false },
   editableCells: { type: Object },
   filterMode: { type: String, default: "basic" },
   advancedFilterRules: { type: Array, default: () => [] },
   columnDraggable: { type: Boolean, default: false },
+  rowDraggable: { type: Boolean, default: false },
   summaryRow: { type: Object },
   groupBy: { type: String },
   exportable: { type: Boolean, default: false },
+  exportFormat: { type: String, default: "csv" },
   exportFilename: { type: String, default: "export" }
 };
 var tableEmits = [
@@ -120,45 +139,61 @@ var tableEmits = [
   "expand-change",
   "cell-change",
   "column-order-change",
+  "row-order-change",
   "export"
 ];
+
+// src/components/Table/state.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
 function useTableState(props, emit, measuredColumnWidths) {
-  const paginationConfig = vue.computed(() => {
+  const paginationConfig = _vue.computed.call(void 0, () => {
     return props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null;
   });
-  const isSortControlled = vue.computed(() => props.sort !== void 0);
-  const isFiltersControlled = vue.computed(() => props.filters !== void 0);
-  const isSelectionControlled = vue.computed(() => props.rowSelection?.selectedRowKeys !== void 0);
-  const isExpandControlled = vue.computed(() => props.expandable?.expandedRowKeys !== void 0);
-  const uncontrolledSortState = vue.ref(props.defaultSort ?? { key: null, direction: null });
-  const uncontrolledFilterState = vue.ref(props.defaultFilters ?? {});
-  const uncontrolledCurrentPage = vue.ref(
-    paginationConfig.value?.defaultCurrent ?? paginationConfig.value?.current ?? 1
+  const isSortControlled = _vue.computed.call(void 0, () => props.sort !== 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 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))
   );
-  const uncontrolledCurrentPageSize = vue.ref(
-    paginationConfig.value?.defaultPageSize ?? paginationConfig.value?.pageSize ?? 10
+  const uncontrolledCurrentPageSize = _vue.ref.call(void 0, 
+    _nullishCoalesce(_nullishCoalesce(_optionalChain([paginationConfig, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.defaultPageSize]), () => ( _optionalChain([paginationConfig, 'access', _11 => _11.value, 'optionalAccess', _12 => _12.pageSize]))), () => ( 10))
   );
-  const uncontrolledSelectedRowKeys = vue.ref(
-    props.rowSelection?.defaultSelectedRowKeys ?? props.rowSelection?.selectedRowKeys ?? []
+  const uncontrolledSelectedRowKeys = _vue.ref.call(void 0, 
+    _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _13 => _13.rowSelection, 'optionalAccess', _14 => _14.defaultSelectedRowKeys]), () => ( _optionalChain([props, 'access', _15 => _15.rowSelection, 'optionalAccess', _16 => _16.selectedRowKeys]))), () => ( []))
   );
-  const uncontrolledExpandedRowKeys = vue.ref(
-    props.expandable?.defaultExpandedRowKeys ?? props.expandable?.expandedRowKeys ?? []
+  const uncontrolledExpandedRowKeys = _vue.ref.call(void 0, 
+    _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(() => props.sort ?? uncontrolledSortState.value);
-  const filterState = vue.computed(() => props.filters ?? uncontrolledFilterState.value);
-  const currentPage = vue.computed(() => {
-    return paginationConfig.value?.current ?? uncontrolledCurrentPage.value;
+  const sortState = _vue.computed.call(void 0, () => _nullishCoalesce(props.sort, () => ( uncontrolledSortState.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));
   });
-  const currentPageSize = vue.computed(() => {
-    return paginationConfig.value?.pageSize ?? uncontrolledCurrentPageSize.value;
+  const currentPageSize = _vue.computed.call(void 0, () => {
+    return _nullishCoalesce(_optionalChain([paginationConfig, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.pageSize]), () => ( uncontrolledCurrentPageSize.value));
   });
-  const selectedRowKeys = vue.computed(() => {
-    return props.rowSelection?.selectedRowKeys ?? uncontrolledSelectedRowKeys.value;
+  const selectedRowKeys = _vue.computed.call(void 0, () => {
+    return _nullishCoalesce(_optionalChain([props, 'access', _25 => _25.rowSelection, 'optionalAccess', _26 => _26.selectedRowKeys]), () => ( uncontrolledSelectedRowKeys.value));
   });
-  const expandedRowKeys = vue.computed(() => {
-    return props.expandable?.expandedRowKeys ?? uncontrolledExpandedRowKeys.value;
+  const expandedRowKeys = _vue.computed.call(void 0, () => {
+    return _nullishCoalesce(_optionalChain([props, 'access', _27 => _27.expandable, 'optionalAccess', _28 => _28.expandedRowKeys]), () => ( uncontrolledExpandedRowKeys.value));
   });
-  vue.watch(
+  _vue.watch.call(void 0, 
     () => props.sort,
     (next) => {
       if (next !== void 0) {
@@ -166,7 +201,7 @@ function useTableState(props, emit, measuredColumnWidths) {
       }
     }
   );
-  vue.watch(
+  _vue.watch.call(void 0, 
     () => props.filters,
     (next) => {
       if (next !== void 0) {
@@ -174,40 +209,40 @@ function useTableState(props, emit, measuredColumnWidths) {
       }
     }
   );
-  vue.watch(
-    () => paginationConfig.value?.current,
+  _vue.watch.call(void 0, 
+    () => _optionalChain([paginationConfig, 'access', _29 => _29.value, 'optionalAccess', _30 => _30.current]),
     (next) => {
       if (next !== void 0) {
         uncontrolledCurrentPage.value = next;
       }
     }
   );
-  vue.watch(
-    () => paginationConfig.value?.pageSize,
+  _vue.watch.call(void 0, 
+    () => _optionalChain([paginationConfig, 'access', _31 => _31.value, 'optionalAccess', _32 => _32.pageSize]),
     (next) => {
       if (next !== void 0) {
         uncontrolledCurrentPageSize.value = next;
       }
     }
   );
-  vue.watch(
-    () => props.rowSelection?.selectedRowKeys,
+  _vue.watch.call(void 0, 
+    () => _optionalChain([props, 'access', _33 => _33.rowSelection, 'optionalAccess', _34 => _34.selectedRowKeys]),
     (next) => {
       if (next !== void 0) {
         uncontrolledSelectedRowKeys.value = next;
       }
     }
   );
-  vue.watch(
-    () => props.expandable?.expandedRowKeys,
+  _vue.watch.call(void 0, 
+    () => _optionalChain([props, 'access', _35 => _35.expandable, 'optionalAccess', _36 => _36.expandedRowKeys]),
     (next) => {
       if (next !== void 0) {
         uncontrolledExpandedRowKeys.value = next;
       }
     }
   );
-  const fixedOverrides = vue.ref({});
-  const displayColumns = vue.computed(() => {
+  const fixedOverrides = _vue.ref.call(void 0, {});
+  const displayColumns = _vue.computed.call(void 0, () => {
     return props.columns.map((column) => {
       const hasOverride = column.key in fixedOverrides.value;
       return {
@@ -216,10 +251,10 @@ function useTableState(props, emit, measuredColumnWidths) {
       };
     });
   });
-  const fixedColumnsInfo = vue.computed(() => {
-    return tigercatCore.getFixedColumnOffsets(displayColumns.value, measuredColumnWidths.value);
+  const fixedColumnsInfo = _vue.computed.call(void 0, () => {
+    return _tigercatcore.getFixedColumnOffsets.call(void 0, displayColumns.value, measuredColumnWidths.value);
   });
-  const columnByKey = vue.computed(() => {
+  const columnByKey = _vue.computed.call(void 0, () => {
     const map = {};
     for (const column of displayColumns.value) {
       map[column.key] = column;
@@ -227,54 +262,54 @@ function useTableState(props, emit, measuredColumnWidths) {
     return map;
   });
   function toggleColumnLock(columnKey) {
-    const original = props.columns.find((c) => c.key === columnKey)?.fixed;
+    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;
     const current = hasOverride ? fixedOverrides.value[columnKey] : original;
     const isLocked = current === "left" || current === "right";
     fixedOverrides.value[columnKey] = isLocked ? false : "left";
   }
-  const processedData = vue.computed(() => {
-    let data = props.dataSource ?? [];
-    if (props.filterMode === "advanced" && (props.advancedFilterRules?.length ?? 0) > 0) {
-      data = tigercatCore.filterDataAdvanced(data, props.advancedFilterRules ?? []);
+  const processedData = _vue.computed.call(void 0, () => {
+    let data = _nullishCoalesce(props.dataSource, () => ( []));
+    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(data, filterState.value);
+      data = _tigercatcore.filterData.call(void 0, data, filterState.value);
     }
     if (sortState.value.key && sortState.value.direction) {
       const column = columnByKey.value[sortState.value.key];
-      data = tigercatCore.sortData(data, sortState.value.key, sortState.value.direction, column?.sortFn);
+      data = _tigercatcore.sortData.call(void 0, data, sortState.value.key, sortState.value.direction, _optionalChain([column, 'optionalAccess', _43 => _43.sortFn]));
     }
     return data;
   });
-  const paginatedData = vue.computed(() => {
+  const paginatedData = _vue.computed.call(void 0, () => {
     if (props.pagination === false) {
       return processedData.value;
     }
-    return tigercatCore.paginateData(processedData.value, currentPage.value, currentPageSize.value);
+    return _tigercatcore.paginateData.call(void 0, processedData.value, currentPage.value, currentPageSize.value);
   });
-  const paginatedRowKeys = vue.computed(() => {
-    return tigercatCore.createTableRowKeyCache(props.rowKey).getMany(
+  const paginatedRowKeys = _vue.computed.call(void 0, () => {
+    return _tigercatcore.createTableRowKeyCache.call(void 0, props.rowKey).getMany(
       paginatedData.value
     );
   });
-  const selectedRowKeySet = vue.computed(() => {
+  const selectedRowKeySet = _vue.computed.call(void 0, () => {
     return new Set(selectedRowKeys.value);
   });
-  const expandedRowKeySet = vue.computed(() => {
+  const expandedRowKeySet = _vue.computed.call(void 0, () => {
     return new Set(expandedRowKeys.value);
   });
-  const totalColumnCount = vue.computed(() => {
+  const totalColumnCount = _vue.computed.call(void 0, () => {
     let count = displayColumns.value.length;
     if (props.rowSelection) count += 1;
     if (props.expandable) count += 1;
     return count;
   });
-  const paginationInfo = vue.computed(() => {
+  const paginationInfo = _vue.computed.call(void 0, () => {
     if (props.pagination === false) {
       return null;
     }
-    const total = paginationConfig.value?.total !== void 0 && paginationConfig.value.total > 0 ? paginationConfig.value.total : processedData.value.length;
-    return tigercatCore.calculatePagination(total, currentPage.value, currentPageSize.value);
+    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 handleSort(columnKey) {
     const column = displayColumns.value.find((col) => col.key === columnKey);
@@ -360,8 +395,8 @@ function useTableState(props, emit, measuredColumnWidths) {
   }
   function handleRowClick(record, index, key) {
     emit("row-click", record, index);
-    if (props.expandable?.expandRowByClick) {
-      const isExpandable = props.expandable?.rowExpandable ? props.expandable.rowExpandable(record) : true;
+    if (_optionalChain([props, 'access', _46 => _46.expandable, 'optionalAccess', _47 => _47.expandRowByClick])) {
+      const isExpandable = _optionalChain([props, 'access', _48 => _48.expandable, 'optionalAccess', _49 => _49.rowExpandable]) ? props.expandable.rowExpandable(record) : true;
       if (isExpandable) {
         handleToggleExpand(key, record);
       }
@@ -369,7 +404,7 @@ function useTableState(props, emit, measuredColumnWidths) {
   }
   function handleSelectRow(key, checked) {
     let newKeys;
-    if (props.rowSelection?.type === "radio") {
+    if (_optionalChain([props, 'access', _50 => _50.rowSelection, 'optionalAccess', _51 => _51.type]) === "radio") {
       newKeys = checked ? [key] : [];
     } else {
       if (checked) {
@@ -397,25 +432,25 @@ function useTableState(props, emit, measuredColumnWidths) {
       emit("selection-change", []);
     }
   }
-  const allSelected = vue.computed(() => {
+  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(() => {
+  const someSelected = _vue.computed.call(void 0, () => {
     return selectedRowKeys.value.length > 0 && !allSelected.value;
   });
-  const editingCell = vue.ref(null);
-  const editingValue = vue.ref("");
+  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 !!props.editableCells.get(columnKey)?.has(rowIndex);
+    return !!_optionalChain([props, 'access', _52 => _52.editableCells, 'access', _53 => _53.get, 'call', _54 => _54(columnKey), 'optionalAccess', _55 => _55.has, 'call', _56 => _56(rowIndex)]);
   }
   function startEditing(rowIndex, columnKey, currentValue) {
     editingCell.value = { rowIndex, columnKey };
-    editingValue.value = String(currentValue ?? "");
+    editingValue.value = String(_nullishCoalesce(currentValue, () => ( "")));
   }
   function commitEdit() {
     if (editingCell.value) {
@@ -432,11 +467,11 @@ function useTableState(props, emit, measuredColumnWidths) {
     editingCell.value = null;
   }
   function handleExport() {
-    const csv = tigercatCore.exportTableToCsv(displayColumns.value, processedData.value);
-    tigercatCore.downloadCsv(csv, props.exportFilename);
-    emit("export", csv);
+    const content = _tigercatcore.exportTableData.call(void 0, displayColumns.value, processedData.value, props.exportFormat);
+    _tigercatcore.downloadTableExport.call(void 0, content, props.exportFilename, props.exportFormat);
+    emit("export", content);
   }
-  const dragColumnKey = vue.ref(null);
+  const dragColumnKey = _vue.ref.call(void 0, null);
   function handleDragStart(columnKey) {
     dragColumnKey.value = columnKey;
   }
@@ -452,10 +487,27 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     dragColumnKey.value = null;
   }
-  const virtualScrollTop = vue.ref(0);
-  const groupedData = vue.computed(() => {
+  const dragRowKey = _vue.ref.call(void 0, null);
+  function handleRowDragStart(rowKeyValue) {
+    dragRowKey.value = rowKeyValue;
+  }
+  function handleRowDrop(targetKey) {
+    if (dragRowKey.value === null || dragRowKey.value === targetKey) return;
+    const rows = [...paginatedData.value];
+    const fromIdx = paginatedRowKeys.value.findIndex((key) => key === dragRowKey.value);
+    const toIdx = paginatedRowKeys.value.findIndex((key) => key === targetKey);
+    if (fromIdx >= 0 && toIdx >= 0) {
+      const [moved] = rows.splice(fromIdx, 1);
+      rows.splice(toIdx, 0, moved);
+      emit("row-order-change", rows);
+    }
+    dragRowKey.value = null;
+  }
+  const virtualScrollTop = _vue.ref.call(void 0, 0);
+  void _tigercatcore.getFixedVirtualRange;
+  const groupedData = _vue.computed.call(void 0, () => {
     if (!props.groupBy) return null;
-    return tigercatCore.groupDataByColumn(paginatedData.value, props.groupBy);
+    return _tigercatcore.groupDataByColumn.call(void 0, paginatedData.value, props.groupBy);
   });
   return {
     paginationConfig,
@@ -496,70 +548,100 @@ function useTableState(props, emit, measuredColumnWidths) {
     cancelEdit,
     handleExport,
     handleDragStart,
-    handleDrop
+    handleDrop,
+    handleRowDragStart,
+    handleRowDrop
   };
 }
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+
+// src/components/Table/icons.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
 var SortIcon = (direction) => {
   const active = direction !== null;
-  const pathD = direction === "asc" ? tigercatCore.sortAscIcon16PathD : direction === "desc" ? tigercatCore.sortDescIcon16PathD : tigercatCore.sortBothIcon16PathD;
-  return vue.h(
+  const pathD = direction === "asc" ? _tigercatcore.sortAscIcon16PathD : direction === "desc" ? _tigercatcore.sortDescIcon16PathD : _tigercatcore.sortBothIcon16PathD;
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getSortIconClasses(active),
+      class: _tigercatcore.getSortIconClasses.call(void 0, active),
       width: "16",
       height: "16",
-      viewBox: tigercatCore.icon16ViewBox,
+      viewBox: _tigercatcore.icon16ViewBox,
       fill: "currentColor"
     },
-    [vue.h("path", { d: pathD })]
+    [_vue.h.call(void 0, "path", { d: pathD })]
   );
 };
 var LockIcon = (locked) => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
       width: "14",
       height: "14",
-      viewBox: tigercatCore.icon24ViewBox,
+      viewBox: _tigercatcore.icon24ViewBox,
       fill: "currentColor",
       "aria-hidden": "true"
     },
-    [vue.h("path", { d: locked ? tigercatCore.lockClosedIcon24PathD : tigercatCore.lockOpenIcon24PathD })]
+    [_vue.h.call(void 0, "path", { d: locked ? _tigercatcore.lockClosedIcon24PathD : _tigercatcore.lockOpenIcon24PathD })]
   );
 };
 var ExpandIcon = (expanded) => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getExpandIconClasses(expanded),
+      class: _tigercatcore.getExpandIconClasses.call(void 0, expanded),
       width: "16",
       height: "16",
-      viewBox: tigercatCore.icon16ViewBox,
+      viewBox: _tigercatcore.icon16ViewBox,
       fill: "currentColor",
       "aria-hidden": "true"
     },
-    [vue.h("path", { d: tigercatCore.expandChevronIcon16PathD })]
+    [_vue.h.call(void 0, "path", { d: _tigercatcore.expandChevronIcon16PathD })]
   );
 };
 var LoadingSpinner = () => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getLoadingOverlaySpinnerClasses(),
+      class: _tigercatcore.getLoadingOverlaySpinnerClasses.call(void 0, ),
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: spinnerSvg.viewBox
     },
-    spinnerSvg.elements.map((el) => vue.h(el.type, tigercatCore.normalizeSvgAttrs(el.attrs)))
+    spinnerSvg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
   );
 };
+
+// src/components/Table/render-header.ts
+
+
+
+
+
+
+
+
 function renderTableHeader(ctx, props, slots) {
   const headerCells = [];
   const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
   const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
-  const expandHeaderTh = props.expandable ? vue.h("th", {
-    class: tigercatCore.getExpandIconCellClasses(props.size),
+  const expandHeaderTh = props.expandable ? _vue.h.call(void 0, "th", {
+    class: _tigercatcore.getExpandIconCellClasses.call(void 0, props.size),
     "aria-label": "Expand"
   }) : null;
   if (expandAtStart && expandHeaderTh) {
@@ -567,13 +649,13 @@ function renderTableHeader(ctx, props, slots) {
   }
   if (props.rowSelection && props.rowSelection.showCheckbox !== false && props.rowSelection.type !== "radio") {
     headerCells.push(
-      vue.h(
+      _vue.h.call(void 0, 
         "th",
         {
-          class: tigercatCore.getCheckboxCellClasses(props.size)
+          class: _tigercatcore.getCheckboxCellClasses.call(void 0, props.size)
         },
         [
-          vue.h("input", {
+          _vue.h.call(void 0, "input", {
             type: "checkbox",
             class: "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
             checked: ctx.allSelected.value,
@@ -604,7 +686,7 @@ function renderTableHeader(ctx, props, slots) {
     } : void 0;
     const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
     const headerContent = [];
-    const slotContent = slots[`header-${column.key}`]?.();
+    const slotContent = _optionalChain([slots, 'access', _57 => _57[`header-${column.key}`], 'optionalCall', _58 => _58()]);
     if (slotContent && slotContent.length > 0) {
       headerContent.push(...slotContent);
     } else if (column.renderHeader) {
@@ -614,11 +696,11 @@ function renderTableHeader(ctx, props, slots) {
     }
     if (props.columnLockable) {
       headerContent.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.classNames(
+            class: _tigercatcore.classNames.call(void 0, 
               "inline-flex items-center",
               column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
             ),
@@ -636,14 +718,14 @@ function renderTableHeader(ctx, props, slots) {
       headerContent.push(SortIcon(sortDirection));
     }
     headerCells.push(
-      vue.h(
+      _vue.h.call(void 0, 
         "th",
         {
           key: column.key,
           "data-tiger-table-column-key": column.key,
           "aria-sort": ariaSort,
-          class: tigercatCore.classNames(
-            tigercatCore.getTableHeaderCellClasses(
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.getTableHeaderCellClasses.call(void 0, 
               props.size,
               column.align || "left",
               !!column.sortable,
@@ -659,10 +741,10 @@ function renderTableHeader(ctx, props, slots) {
           onClick: column.sortable ? () => ctx.handleSort(column.key) : void 0
         },
         [
-          vue.h("div", { class: "flex items-center gap-2" }, headerContent),
+          _vue.h.call(void 0, "div", { class: "flex items-center gap-2" }, headerContent),
           ...column.filter ? [
-            vue.h("div", { class: "mt-2" }, [
-              column.filter.type === "select" && column.filter.options ? vue.h(
+            _vue.h.call(void 0, "div", { class: "mt-2" }, [
+              column.filter.type === "select" && column.filter.options ? _vue.h.call(void 0, 
                 "select",
                 {
                   class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
@@ -670,12 +752,12 @@ function renderTableHeader(ctx, props, slots) {
                   onClick: (e) => e.stopPropagation()
                 },
                 [
-                  vue.h("option", { value: "" }, "All"),
+                  _vue.h.call(void 0, "option", { value: "" }, "All"),
                   ...column.filter.options.map(
-                    (opt) => vue.h("option", { value: opt.value }, opt.label)
+                    (opt) => _vue.h.call(void 0, "option", { value: opt.value }, opt.label)
                   )
                 ]
-              ) : vue.h("input", {
+              ) : _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...",
@@ -691,23 +773,40 @@ function renderTableHeader(ctx, props, slots) {
   if (expandAtEnd && expandHeaderTh) {
     headerCells.push(expandHeaderTh);
   }
-  return vue.h("thead", { class: tigercatCore.getTableHeaderClasses(props.stickyHeader) }, [vue.h("tr", headerCells)]);
+  return _vue.h.call(void 0, "thead", { class: _tigercatcore.getTableHeaderClasses.call(void 0, props.stickyHeader) }, [_vue.h.call(void 0, "tr", headerCells)]);
 }
+
+// src/components/Table/render-body.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 function renderTableBody(ctx, props, slots) {
   if (props.loading) {
     return null;
   }
   if (ctx.paginatedData.value.length === 0) {
-    return vue.h("tbody", [
-      vue.h("tr", [
-        vue.h(
+    return _vue.h.call(void 0, "tbody", [
+      _vue.h.call(void 0, "tr", [
+        _vue.h.call(void 0, 
           "td",
           {
             colspan: ctx.totalColumnCount.value,
-            class: tigercatCore.tableEmptyStateClasses
+            class: _tigercatcore.tableEmptyStateClasses
           },
           [
-            vue.h(
+            _vue.h.call(void 0, 
               "div",
               {
                 role: "status",
@@ -720,6 +819,45 @@ function renderTableBody(ctx, props, slots) {
       ])
     ]);
   }
+  function getDelegatedRow(event) {
+    const row = _optionalChain([event, 'access', _59 => _59.target, 'optionalAccess', _60 => _60.closest, 'call', _61 => _61(
+      "tr[data-tiger-table-row-index]"
+    )]);
+    if (!row) return null;
+    const index = Number(row.dataset.tigerTableRowIndex);
+    if (!Number.isInteger(index)) return null;
+    const record = ctx.paginatedData.value[index];
+    const key = ctx.paginatedRowKeys.value[index];
+    if (!record || key === void 0) return null;
+    return { key, record, index };
+  }
+  function handleBodyClick(event) {
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowClick(row.record, row.index, row.key);
+  }
+  function handleBodyDragStart(event) {
+    if (!props.rowDraggable) return;
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowDragStart(row.key);
+  }
+  function handleBodyDragOver(event) {
+    if (!props.rowDraggable) return;
+    event.preventDefault();
+  }
+  function handleBodyDrop(event) {
+    if (!props.rowDraggable) return;
+    const row = getDelegatedRow(event);
+    if (!row) return;
+    ctx.handleRowDrop(row.key);
+  }
+  const delegatedBodyHandlers = {
+    onClick: handleBodyClick,
+    onDragstart: props.rowDraggable ? handleBodyDragStart : void 0,
+    onDragover: props.rowDraggable ? handleBodyDragOver : void 0,
+    onDrop: props.rowDraggable ? handleBodyDrop : void 0
+  };
   function renderDataRow(record, index) {
     const key = ctx.paginatedRowKeys.value[index];
     const isSelected = ctx.selectedRowKeySet.value.has(key);
@@ -728,13 +866,13 @@ function renderTableBody(ctx, props, slots) {
     const rowClass = typeof props.rowClassName === "function" ? props.rowClassName(record, index) : props.rowClassName;
     const cells = [];
     const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
-    const expandToggleCell = props.expandable ? vue.h(
+    const expandToggleCell = props.expandable ? _vue.h.call(void 0, 
       "td",
       {
-        class: tigercatCore.getExpandIconCellClasses(props.size)
+        class: _tigercatcore.getExpandIconCellClasses.call(void 0, props.size)
       },
       isRowExpandable ? [
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
@@ -754,17 +892,17 @@ function renderTableBody(ctx, props, slots) {
       cells.push(expandToggleCell);
     }
     if (props.rowSelection && props.rowSelection.showCheckbox !== false) {
-      const checkboxProps = props.rowSelection?.getCheckboxProps?.(record) || {};
+      const checkboxProps = _optionalChain([props, 'access', _62 => _62.rowSelection, 'optionalAccess', _63 => _63.getCheckboxProps, 'optionalCall', _64 => _64(record)]) || {};
       cells.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "td",
           {
-            class: tigercatCore.getCheckboxCellClasses(props.size)
+            class: _tigercatcore.getCheckboxCellClasses.call(void 0, props.size)
           },
           [
-            vue.h("input", {
-              type: props.rowSelection?.type === "radio" ? "radio" : "checkbox",
-              class: props.rowSelection?.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)]",
+            _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)]",
               checked: isSelected,
               disabled: checkboxProps.disabled,
               onClick: (e) => e.stopPropagation(),
@@ -793,15 +931,15 @@ function renderTableBody(ctx, props, slots) {
       } : void 0;
       const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
       const stickyBgClass = props.striped && index % 2 === 0 ? "bg-[var(--tiger-surface-muted,#f9fafb)]/50" : "bg-[var(--tiger-surface,#ffffff)]";
-      const stickyCellClass = isFixedLeft || isFixedRight ? tigercatCore.classNames(
+      const stickyCellClass = isFixedLeft || isFixedRight ? _tigercatcore.classNames.call(void 0, 
         stickyBgClass,
         props.hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
       ) : void 0;
-      const isEditing = ctx.editingCell.value?.rowIndex === index && ctx.editingCell.value?.columnKey === column.key;
+      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 isEditableCell = ctx.isCellEditable(column.key, index);
-      const cellContent = isEditing ? vue.h("input", {
+      const cellContent = isEditing ? _vue.h.call(void 0, "input", {
         type: "text",
-        class: tigercatCore.editableCellInputClasses,
+        class: _tigercatcore.editableCellInputClasses,
         value: ctx.editingValue.value,
         autofocus: true,
         onInput: (e) => {
@@ -812,16 +950,16 @@ function renderTableBody(ctx, props, slots) {
           if (e.key === "Enter") ctx.commitEdit();
           if (e.key === "Escape") ctx.cancelEdit();
         }
-      }) : slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : cellValue);
+      }) : _nullishCoalesce(_optionalChain([slots, 'access', _75 => _75[`cell-${column.key}`], 'optionalCall', _76 => _76({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
       cells.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "td",
           {
             key: column.key,
-            class: tigercatCore.classNames(
-              tigercatCore.getTableCellClasses(props.size, column.align || "left", column.className),
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.getTableCellClasses.call(void 0, props.size, column.align || "left", column.className),
               stickyCellClass,
-              isEditableCell && !isEditing && tigercatCore.getEditableCellClasses(false)
+              isEditableCell && !isEditing && _tigercatcore.getEditableCellClasses.call(void 0, false)
             ),
             style,
             onDblclick: isEditableCell && !isEditing ? () => ctx.startEditing(index, column.key, cellValue) : void 0
@@ -833,33 +971,33 @@ function renderTableBody(ctx, props, slots) {
     if (!expandAtStart && expandToggleCell) {
       cells.push(expandToggleCell);
     }
-    const rowNode = vue.h(
+    const rowNode = _vue.h.call(void 0, 
       "tr",
       {
         key,
         "data-tiger-table-row-index": index,
-        class: tigercatCore.classNames(
-          tigercatCore.getTableRowClasses(props.hoverable, props.striped, index % 2 === 0, rowClass),
+        class: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.getTableRowClasses.call(void 0, props.hoverable, props.striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.value.hasFixedColumns && "group"
         ),
-        onClick: () => ctx.handleRowClick(record, index, key)
+        draggable: props.rowDraggable ? "true" : void 0
       },
       cells
     );
     if (props.expandable && isExpanded && isRowExpandable) {
-      const expandedContent = slots["expanded-row"]?.({ record, index }) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
-      const expandedRow = vue.h(
+      const expandedContent = _optionalChain([slots, 'access', _77 => _77["expanded-row"], 'optionalCall', _78 => _78({ record, index })]) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
+      const expandedRow = _vue.h.call(void 0, 
         "tr",
         {
           key: `${key}-expanded`,
-          class: tigercatCore.getExpandedRowClasses()
+          class: _tigercatcore.getExpandedRowClasses.call(void 0, )
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "td",
             {
               colspan: ctx.totalColumnCount.value,
-              class: tigercatCore.getExpandedRowContentClasses(props.size)
+              class: _tigercatcore.getExpandedRowContentClasses.call(void 0, props.size)
             },
             [expandedContent]
           )
@@ -873,12 +1011,12 @@ function renderTableBody(ctx, props, slots) {
     const groupRows = [];
     for (const [groupKey, groupItems] of ctx.groupedData.value) {
       groupRows.push(
-        vue.h("tr", { key: `group-${groupKey}`, class: tigercatCore.tableGroupHeaderClasses }, [
-          vue.h(
+        _vue.h.call(void 0, "tr", { key: `group-${groupKey}`, class: _tigercatcore.tableGroupHeaderClasses }, [
+          _vue.h.call(void 0, 
             "td",
             {
               colspan: ctx.totalColumnCount.value,
-              class: tigercatCore.getGroupHeaderCellClasses(props.size)
+              class: _tigercatcore.getGroupHeaderCellClasses.call(void 0, props.size)
             },
             `${props.groupBy}: ${groupKey} (${groupItems.length})`
           )
@@ -894,34 +1032,50 @@ function renderTableBody(ctx, props, slots) {
         }
       });
     }
-    return vue.h("tbody", groupRows);
+    return _vue.h.call(void 0, "tbody", delegatedBodyHandlers, groupRows);
   }
   const rows = ctx.paginatedData.value.flatMap((record, index) => renderDataRow(record, index));
-  return vue.h("tbody", rows);
+  return _vue.h.call(void 0, "tbody", delegatedBodyHandlers, rows);
 }
+
+// src/components/Table/render-summary.ts
+
+
 function renderSummaryRow(ctx, props) {
-  if (!props.summaryRow?.show) return null;
+  if (!_optionalChain([props, 'access', _79 => _79.summaryRow, 'optionalAccess', _80 => _80.show])) return null;
   const emptyCells = [];
   if (props.rowSelection) {
-    emptyCells.push(vue.h("td", { class: tigercatCore.getTableCellClasses(props.size, "left") }));
+    emptyCells.push(_vue.h.call(void 0, "td", { class: _tigercatcore.getTableCellClasses.call(void 0, props.size, "left") }));
   }
   if (props.expandable) {
-    emptyCells.push(vue.h("td", { class: tigercatCore.getTableCellClasses(props.size, "left") }));
+    emptyCells.push(_vue.h.call(void 0, "td", { class: _tigercatcore.getTableCellClasses.call(void 0, props.size, "left") }));
   }
   const dataCells = ctx.displayColumns.value.map((col) => {
     const dataKey = col.dataKey || col.key;
     const val = props.summaryRow.data[dataKey];
-    return vue.h(
+    return _vue.h.call(void 0, 
       "td",
       {
         key: col.key,
-        class: tigercatCore.getTableCellClasses(props.size, col.align || "left", col.className)
+        class: _tigercatcore.getTableCellClasses.call(void 0, props.size, col.align || "left", col.className)
       },
       val != null ? String(val) : ""
     );
   });
-  return vue.h("tfoot", [vue.h("tr", { class: tigercatCore.tableSummaryRowClasses }, [...emptyCells, ...dataCells])]);
+  return _vue.h.call(void 0, "tfoot", [_vue.h.call(void 0, "tr", { class: _tigercatcore.tableSummaryRowClasses }, [...emptyCells, ...dataCells])]);
 }
+
+// src/components/Table/render-pagination.ts
+
+
+
+
+
+
+
+
+
+
 function renderPagination(ctx, props) {
   if (props.pagination === false || !ctx.paginationInfo.value) {
     return null;
@@ -929,43 +1083,43 @@ function renderPagination(ctx, props) {
   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;
-  return vue.h("div", { class: tigercatCore.getSimplePaginationContainerClasses() }, [
-    paginationConfig.showTotal !== false && vue.h(
+  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() },
+      { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) },
       paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results`
     ),
-    vue.h("div", { class: tigercatCore.getSimplePaginationControlsClasses() }, [
-      paginationConfig.showSizeChanger !== false && vue.h(
+    _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ) }, [
+      paginationConfig.showSizeChanger !== false && _vue.h.call(void 0, 
         "select",
         {
-          class: tigercatCore.getSimplePaginationSelectClasses(),
+          class: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
           value: ctx.currentPageSize.value,
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value))
         },
         (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-          (size) => vue.h("option", { value: size }, `${size} / page`)
+          (size) => _vue.h.call(void 0, "option", { value: size }, `${size} / page`)
         )
       ),
-      vue.h("div", { class: tigercatCore.getSimplePaginationButtonsWrapperClasses() }, [
-        vue.h(
+      _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ) }, [
+        _vue.h.call(void 0, 
           "button",
           {
-            class: tigercatCore.getSimplePaginationButtonClasses(!hasPrev),
+            class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
             disabled: !hasPrev,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value - 1)
           },
           "Previous"
         ),
-        vue.h(
+        _vue.h.call(void 0, 
           "span",
-          { class: tigercatCore.getSimplePaginationPageIndicatorClasses() },
+          { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) },
           `Page ${ctx.currentPage.value} of ${totalPages}`
         ),
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
-            class: tigercatCore.getSimplePaginationButtonClasses(!hasNext),
+            class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
             disabled: !hasNext,
             onClick: () => ctx.handlePageChange(ctx.currentPage.value + 1)
           },
@@ -977,17 +1131,17 @@ function renderPagination(ctx, props) {
 }
 
 // src/components/Table.ts
-var Table = vue.defineComponent({
+var Table = _vue.defineComponent.call(void 0, {
   name: "TigerTable",
   props: tableProps,
   emits: tableEmits,
   setup(props, { emit, slots }) {
-    const wrapperRef = vue.ref(null);
-    const tableRef = vue.ref(null);
-    const measuredColumnWidths = vue.ref({});
-    const measuredRowHeights = vue.ref([]);
+    const wrapperRef = _vue.ref.call(void 0, null);
+    const tableRef = _vue.ref.call(void 0, null);
+    const measuredColumnWidths = _vue.ref.call(void 0, {});
+    const measuredRowHeights = _vue.ref.call(void 0, []);
     const ctx = useTableState(props, emit, measuredColumnWidths);
-    const resizeController = tigercatCore.createTableResizeObserverController({
+    const resizeController = _tigercatcore.createTableResizeObserverController.call(void 0, {
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
           measuredColumnWidths.value = snapshot.columnWidths;
@@ -997,19 +1151,22 @@ var Table = vue.defineComponent({
         }
       }
     });
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (wrapperRef.value) {
         resizeController.observe(wrapperRef.value, tableRef.value);
       }
     });
-    vue.onBeforeUnmount(() => resizeController.disconnect());
+    _vue.onBeforeUnmount.call(void 0, () => resizeController.disconnect());
     return () => {
       const resolvedProps = props;
-      const virtualRecommendation = tigercatCore.getTableVirtualRecommendation({
+      const virtualRecommendation = _tigercatcore.getTableVirtualRecommendation.call(void 0, {
         virtual: resolvedProps.virtual,
+        autoVirtual: resolvedProps.autoVirtual,
         dataLength: resolvedProps.dataSource.length,
-        threshold: resolvedProps.virtualThreshold
+        threshold: resolvedProps.virtualThreshold,
+        autoThreshold: resolvedProps.autoVirtualThreshold
       });
+      const effectiveVirtual = virtualRecommendation.enabled;
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
@@ -1018,19 +1175,20 @@ var Table = vue.defineComponent({
         renderTableBody(ctx, resolvedProps, slots),
         renderSummaryRow(ctx, resolvedProps)
       ];
-      const tableInner = vue.h(
+      const tableInner = _vue.h.call(void 0, 
         "table",
         {
           ref: tableRef,
-          class: tigercatCore.classNames(
-            tigercatCore.tableBaseClasses,
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.tableBaseClasses,
+            _tigercatcore.getTableResponsiveTableClasses.call(void 0, resolvedProps.responsiveMode),
             resolvedProps.tableLayout === "fixed" ? "table-fixed" : "table-auto"
           ),
           style: ctx.fixedColumnsInfo.value.hasFixedColumns && ctx.fixedColumnsInfo.value.minTableWidth ? { minWidth: `${ctx.fixedColumnsInfo.value.minTableWidth}px` } : void 0
         },
         tableChildren
       );
-      const tableContent = resolvedProps.virtual ? vue.h(
+      const tableContent = effectiveVirtual ? _vue.h.call(void 0, 
         "div",
         {
           style: { height: `${resolvedProps.virtualHeight}px`, overflow: "auto" },
@@ -1040,41 +1198,109 @@ var Table = vue.defineComponent({
         },
         [tableInner]
       ) : tableInner;
-      return vue.h(
+      const cardContent = resolvedProps.responsiveMode === "card" ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.tableResponsiveCardListClasses, "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 rows = ctx.displayColumns.value.map((column) => {
+            const dataKey = column.dataKey || column.key;
+            const cellValue = record[dataKey];
+            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _81 => _81[`cell-${column.key}`], 'optionalCall', _82 => _82({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
+            return _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 }, [cellContent])
+            ]);
+          });
+          const controls = [];
+          if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
+            const checkboxProps = _optionalChain([resolvedProps, 'access', _83 => _83.rowSelection, 'access', _84 => _84.getCheckboxProps, 'optionalCall', _85 => _85(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 (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 ? "Collapse" : "Expand"
+              )
+            );
+          }
+          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86["expanded-row"], 'optionalCall', _87 => _87({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _88 => _88.expandable, 'access', _89 => _89.expandedRowRender, 'optionalCall', _90 => _90(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,
+              ...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",
         {
           ref: wrapperRef,
-          class: tigercatCore.getTableWrapperClasses(resolvedProps.bordered, resolvedProps.maxHeight),
+          class: _tigercatcore.getTableWrapperClasses.call(void 0, resolvedProps.bordered, resolvedProps.maxHeight),
           style: wrapperStyle,
           "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
+          "data-tiger-virtual-auto": virtualRecommendation.autoEnabled ? "true" : void 0,
           "data-tiger-virtual-recommended": virtualRecommendation.recommended ? "true" : void 0,
           "data-tiger-virtual-threshold": virtualRecommendation.recommended ? virtualRecommendation.threshold : void 0,
           "data-tiger-measured-row-height": measuredRowHeights.value[0] || void 0,
           "aria-busy": resolvedProps.loading
         },
         [
-          resolvedProps.exportable && vue.h("div", { class: "flex justify-end p-2" }, [
-            vue.h(
+          resolvedProps.exportable && _vue.h.call(void 0, "div", { class: "flex justify-end p-2" }, [
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
-                class: tigercatCore.tableExportButtonClasses,
+                class: _tigercatcore.tableExportButtonClasses,
                 onClick: ctx.handleExport,
-                "aria-label": "Export to CSV"
+                "aria-label": resolvedProps.exportFormat === "excel" ? "Export to Excel" : "Export to CSV"
               },
-              "Export CSV"
+              resolvedProps.exportFormat === "excel" ? "Export Excel" : "Export CSV"
             )
           ]),
           tableContent,
-          resolvedProps.loading && vue.h(
+          cardContent,
+          resolvedProps.loading && _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.tableLoadingOverlayClasses,
+              class: _tigercatcore.tableLoadingOverlayClasses,
               role: "status",
               "aria-live": "polite",
               "aria-label": "Loading"
             },
-            [LoadingSpinner(), vue.h("span", { class: "sr-only" }, "Loading")]
+            [LoadingSpinner(), _vue.h.call(void 0, "span", { class: "sr-only" }, "Loading")]
           ),
           renderPagination(ctx, resolvedProps)
         ]
@@ -1092,5 +1318,7 @@ function areNumberArraysEqual(current, next) {
   return current.length === next.length && next.every((value, index) => current[index] === value);
 }
 
-exports.Table = Table;
-exports.Table_default = Table_default;
+
+
+
+exports.Table = Table; exports.Table_default = Table_default;