@expcat/tigercat-vue 1.2.39 → 1.2.43

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

@@ -1,15 +1,21 @@
 import {
   Table
-} from "./chunk-5Z2OCSVJ.mjs";
+} from "./chunk-CHDKJDZQ.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
+import {
+  Popover
+} from "./chunk-PT4Q7C2A.mjs";
 import {
   useTigerConfig
 } from "./chunk-VG6E4NX6.mjs";
 import {
   Input
 } from "./chunk-2WJADO6O.mjs";
+import {
+  Checkbox
+} from "./chunk-2BNQGU7E.mjs";
 import {
   Button
 } from "./chunk-PO5GVU4Q.mjs";
@@ -49,6 +55,14 @@ var DataTableWithToolbar = defineComponent({
       type: Array,
       default: () => []
     },
+    hiddenColumnKeys: {
+      type: Array,
+      default: void 0
+    },
+    defaultHiddenColumnKeys: {
+      type: Array,
+      default: void 0
+    },
     sort: {
       type: Object,
       default: void 0
@@ -153,11 +167,16 @@ var DataTableWithToolbar = defineComponent({
     "bulk-action": (_action, _keys) => true,
     "selection-change": (_keys) => true,
     "page-change": (_current, _pageSize) => true,
-    "page-size-change": (_current, _pageSize) => true
+    "page-size-change": (_current, _pageSize) => true,
+    "update:hiddenColumnKeys": (_hiddenKeys) => true,
+    "hidden-columns-change": (_hiddenKeys) => true
   },
   setup(props, { attrs, emit }) {
     const config = useTigerConfig();
     const internalSearch = ref(props.toolbar?.defaultSearchValue ?? "");
+    const internalHiddenKeys = ref(
+      props.defaultHiddenColumnKeys ?? props.hiddenColumnKeys ?? []
+    );
     const internalFilters = ref({});
     const previousPageSize = ref(
       props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize ?? props.pagination.defaultPageSize ?? 10 : void 0
@@ -209,6 +228,14 @@ var DataTableWithToolbar = defineComponent({
         }
       }
     );
+    watch(
+      () => props.hiddenColumnKeys,
+      (nextValue) => {
+        if (nextValue !== void 0) {
+          internalHiddenKeys.value = nextValue;
+        }
+      }
+    );
     watch(
       () => props.toolbar?.filters,
       (filters) => {
@@ -241,6 +268,19 @@ var DataTableWithToolbar = defineComponent({
     });
     const hasFilters = computed(() => Boolean(props.toolbar?.filters?.length));
     const hasBulkActions = computed(() => Boolean(props.toolbar?.bulkActions?.length));
+    const hasColumnSettings = computed(() => Boolean(props.toolbar?.showColumnSettings));
+    const resolvedHiddenKeys = computed(() => props.hiddenColumnKeys ?? internalHiddenKeys.value);
+    const handleHiddenColumnsChange = (nextHiddenKeys) => {
+      if (props.hiddenColumnKeys === void 0) {
+        internalHiddenKeys.value = nextHiddenKeys;
+      }
+      emit("update:hiddenColumnKeys", nextHiddenKeys);
+      emit("hidden-columns-change", nextHiddenKeys);
+    };
+    const handleToggleColumnVisibility = (columnKey, visible) => {
+      const nextHiddenKeys = visible ? resolvedHiddenKeys.value.filter((key) => key !== columnKey) : [...resolvedHiddenKeys.value, columnKey];
+      handleHiddenColumnsChange(nextHiddenKeys);
+    };
     const canSearch = computed(() => Boolean(vnodeProps.onSearch));
     const selectedKeys = computed(
       () => props.toolbar?.selectedKeys ?? props.rowSelection?.selectedRowKeys ?? []
@@ -248,7 +288,9 @@ var DataTableWithToolbar = defineComponent({
     const selectedCount = computed(
       () => props.toolbar?.selectedCount !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
     );
-    const bulkLabel = computed(() => props.toolbar?.bulkActionsLabel ?? tableLabels.value.selectedText);
+    const bulkLabel = computed(
+      () => props.toolbar?.bulkActionsLabel ?? tableLabels.value.selectedText
+    );
     const wrapperClasses = computed(
       () => classNames(
         "tiger-data-table-with-toolbar flex flex-col",
@@ -295,8 +337,75 @@ var DataTableWithToolbar = defineComponent({
       }
       previousPageSize.value = pageSize;
     };
+    const renderColumnSettings = () => {
+      const lockedKeys = new Set(props.toolbar?.columnSettings?.lockedColumnKeys ?? []);
+      const panelTitle = props.toolbar?.columnSettings?.title ?? tableLabels.value.columnSettingsText;
+      return h(
+        Popover,
+        {
+          trigger: "click",
+          placement: "bottom-end"
+        },
+        {
+          default: () => h(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              class: "shrink-0 px-2",
+              "aria-label": tableLabels.value.columnSettingsAriaLabel
+            },
+            {
+              default: () => h(
+                "svg",
+                {
+                  class: "w-3.5 h-3.5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  viewBox: "0 0 24 24",
+                  "aria-hidden": "true"
+                },
+                [
+                  h("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+                  }),
+                  h("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                  })
+                ]
+              )
+            }
+          ),
+          title: () => panelTitle,
+          content: () => h(
+            "div",
+            { class: "flex flex-col gap-2 min-w-[160px]" },
+            props.columns.map((column) => {
+              const locked = lockedKeys.has(column.key) || column.hideable === false;
+              return h(
+                Checkbox,
+                {
+                  key: column.key,
+                  size: "sm",
+                  modelValue: !resolvedHiddenKeys.value.includes(column.key),
+                  disabled: locked,
+                  "onUpdate:modelValue": (checked) => handleToggleColumnVisibility(column.key, checked)
+                },
+                { default: () => column.title }
+              );
+            })
+          )
+        }
+      );
+    };
     const renderToolbar = () => {
-      if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value) return null;
+      if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value && !hasColumnSettings.value)
+        return null;
       const leftNodes = [];
       if (hasSearch.value) {
         const showButton = props.toolbar?.showSearchButton ?? true;
@@ -349,7 +458,9 @@ var DataTableWithToolbar = defineComponent({
                   onClick: handleSearchSubmit,
                   disabled: !canSearch.value
                 },
-                { default: () => props.toolbar?.searchButtonText ?? tableLabels.value.searchButtonText }
+                {
+                  default: () => props.toolbar?.searchButtonText ?? tableLabels.value.searchButtonText
+                }
               ) : null
             ]
           )
@@ -433,7 +544,10 @@ var DataTableWithToolbar = defineComponent({
             "div",
             { class: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0" },
             bulkChildren
-          ) : null
+          ) : null,
+          hasColumnSettings.value ? h("div", { class: classNames("shrink-0", !hasBulkActions.value && "ml-auto") }, [
+            renderColumnSettings()
+          ]) : null
         ]
       );
     };
@@ -444,6 +558,7 @@ var DataTableWithToolbar = defineComponent({
         columns: props.columns,
         columnLockable: props.columnLockable,
         dataSource: props.dataSource,
+        hiddenColumnKeys: resolvedHiddenKeys.value,
         ...props.sort !== void 0 ? { sort: props.sort } : {},
         ...props.defaultSort !== void 0 ? { defaultSort: props.defaultSort } : {},
         ...props.filters !== void 0 ? { filters: props.filters } : {},

package/dist/{chunk-JT2ANXUR.js → chunk-KGDRA475.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkNNFDOVVAjs = require('./chunk-NNFDOVVA.js');
+var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
 
 
 var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
@@ -48,7 +48,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkNNFDOVVAjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props, emit });
     const tooltipId = createTooltipId();
     const containerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))

package/dist/{chunk-3KIIMXJC.mjs → chunk-KJ6VISRW.mjs}

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

package/dist/{chunk-SSMSRTEQ.js → chunk-LUAI6VXV.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkNNFDOVVAjs = require('./chunk-NNFDOVVA.js');
+var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
 
 
 var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
@@ -54,7 +54,7 @@ var Popover = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkNNFDOVVAjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props, emit });
     const popoverId = createPopoverId();
     const titleId = `${popoverId}-title`;
     const contentId = `${popoverId}-content`;

package/dist/{chunk-JPZJZFC4.mjs → chunk-M4EP4OVR.mjs}

@@ -8,6 +8,7 @@ import {
 import { computed, ref, watch, onBeforeUnmount } from "vue";
 import {
   getTransformOrigin,
+  FLOATING_OVERLAY_Z_INDEX,
   buildTriggerHandlerMap,
   restoreFocus
 } from "@expcat/tigercat-core";
@@ -95,7 +96,7 @@ function useFloatingPopup(options) {
     left: `${x.value}px`,
     top: `${y.value}px`,
     transformOrigin: getTransformOrigin(actualPlacement.value),
-    zIndex: 1e3
+    zIndex: FLOATING_OVERLAY_Z_INDEX
   }));
   const handleToggle = () => {
     if (!props.disabled) setVisible(!currentVisible.value);

package/dist/{chunk-5BILS3SG.js → chunk-OFTAQ2A4.js}

@@ -63,6 +63,14 @@ var tableProps = {
     type: Array,
     default: () => []
   },
+  hiddenColumnKeys: {
+    type: Array,
+    default: void 0
+  },
+  defaultHiddenColumnKeys: {
+    type: Array,
+    default: void 0
+  },
   sort: {
     type: Object
   },
@@ -184,6 +192,8 @@ var tableEmits = [
   "selection-change",
   "sort-change",
   "filter-change",
+  "update:hiddenColumnKeys",
+  "hidden-columns-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -206,15 +216,20 @@ var tableEmits = [
 
 
 
+
 function useTableState(props, emit, measuredColumnWidths) {
   const paginationConfig = _vue.computed.call(void 0, () => {
     return props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null;
   });
   const isSortControlled = _vue.computed.call(void 0, () => props.sort !== void 0);
+  const isHiddenColumnsControlled = _vue.computed.call(void 0, () => props.hiddenColumnKeys !== void 0);
   const isFiltersControlled = _vue.computed.call(void 0, () => props.filters !== void 0);
   const isSelectionControlled = _vue.computed.call(void 0, () => _optionalChain([props, 'access', _ => _.rowSelection, 'optionalAccess', _2 => _2.selectedRowKeys]) !== void 0);
   const isExpandControlled = _vue.computed.call(void 0, () => _optionalChain([props, 'access', _3 => _3.expandable, 'optionalAccess', _4 => _4.expandedRowKeys]) !== void 0);
   const uncontrolledSortState = _vue.ref.call(void 0, _nullishCoalesce(props.defaultSort, () => ( { key: null, direction: null })));
+  const uncontrolledHiddenColumnKeys = _vue.ref.call(void 0, 
+    _nullishCoalesce(_nullishCoalesce(props.defaultHiddenColumnKeys, () => ( props.hiddenColumnKeys)), () => ( []))
+  );
   const uncontrolledFilterState = _vue.ref.call(void 0, _nullishCoalesce(props.defaultFilters, () => ( {})));
   const uncontrolledCurrentPage = _vue.ref.call(void 0, 
     _nullishCoalesce(_nullishCoalesce(_optionalChain([paginationConfig, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.defaultCurrent]), () => ( _optionalChain([paginationConfig, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.current]))), () => ( 1))
@@ -229,6 +244,9 @@ function useTableState(props, emit, measuredColumnWidths) {
     _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _17 => _17.expandable, 'optionalAccess', _18 => _18.defaultExpandedRowKeys]), () => ( _optionalChain([props, 'access', _19 => _19.expandable, 'optionalAccess', _20 => _20.expandedRowKeys]))), () => ( []))
   );
   const sortState = _vue.computed.call(void 0, () => _nullishCoalesce(props.sort, () => ( uncontrolledSortState.value)));
+  const hiddenColumnKeys = _vue.computed.call(void 0, 
+    () => _nullishCoalesce(props.hiddenColumnKeys, () => ( uncontrolledHiddenColumnKeys.value))
+  );
   const filterState = _vue.computed.call(void 0, () => _nullishCoalesce(props.filters, () => ( uncontrolledFilterState.value)));
   const currentPage = _vue.computed.call(void 0, () => {
     return _nullishCoalesce(_optionalChain([paginationConfig, 'access', _21 => _21.value, 'optionalAccess', _22 => _22.current]), () => ( uncontrolledCurrentPage.value));
@@ -258,6 +276,14 @@ function useTableState(props, emit, measuredColumnWidths) {
       }
     }
   );
+  _vue.watch.call(void 0, 
+    () => props.hiddenColumnKeys,
+    (next) => {
+      if (next !== void 0) {
+        uncontrolledHiddenColumnKeys.value = next;
+      }
+    }
+  );
   _vue.watch.call(void 0, 
     () => _optionalChain([paginationConfig, 'access', _29 => _29.value, 'optionalAccess', _30 => _30.current]),
     (next) => {
@@ -292,13 +318,14 @@ function useTableState(props, emit, measuredColumnWidths) {
   );
   const fixedOverrides = _vue.ref.call(void 0, {});
   const displayColumns = _vue.computed.call(void 0, () => {
-    return props.columns.map((column) => {
+    const mapped = props.columns.map((column) => {
       const hasOverride = column.key in fixedOverrides.value;
       return {
         ...column,
         fixed: hasOverride ? fixedOverrides.value[column.key] : column.fixed
       };
     });
+    return _tigercatcore.filterHiddenColumns.call(void 0, mapped, hiddenColumnKeys.value);
   });
   const fixedColumnsInfo = _vue.computed.call(void 0, () => {
     return _tigercatcore.getFixedColumnOffsets.call(void 0, displayColumns.value, measuredColumnWidths.value);
@@ -310,6 +337,13 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     return map;
   });
+  function handleSetHiddenColumns(hiddenKeys) {
+    if (!isHiddenColumnsControlled.value) {
+      uncontrolledHiddenColumnKeys.value = hiddenKeys;
+    }
+    emit("update:hiddenColumnKeys", hiddenKeys);
+    emit("hidden-columns-change", hiddenKeys);
+  }
   function toggleColumnLock(columnKey) {
     const original = _optionalChain([props, 'access', _37 => _37.columns, 'access', _38 => _38.find, 'call', _39 => _39((c) => c.key === columnKey), 'optionalAccess', _40 => _40.fixed]);
     const hasOverride = columnKey in fixedOverrides.value;
@@ -579,12 +613,14 @@ function useTableState(props, emit, measuredColumnWidths) {
     filterState,
     currentPage,
     currentPageSize,
+    hiddenColumnKeys,
     selectedRowKeys,
     expandedRowKeys,
     editingCell,
     editingValue,
     virtualScrollTop,
     toggleColumnLock,
+    handleSetHiddenColumns,
     handleSetSort,
     handleSort,
     handleFilter,

package/dist/{chunk-G44EGPJB.mjs → chunk-PIF4M4TR.mjs}

@@ -16,7 +16,7 @@ import {
   virtualTableCellClasses,
   virtualTableEmptyClasses,
   virtualTableLoadingClasses,
-  virtualTableRowSelectedClasses
+  virtualTableFixedCellSelectedClasses
 } from "@expcat/tigercat-core";
 var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
@@ -130,7 +130,7 @@ var VirtualTable = defineComponent({
                   selected: isSelected,
                   hoverable: true,
                   fixedInfo: fi,
-                  selectedClassName: virtualTableRowSelectedClasses
+                  selectedClassName: virtualTableFixedCellSelectedClasses
                 })
               ),
               style: getVirtualTableFixedCellStyle(col.key, fi)

package/dist/{chunk-5BGVVVVD.mjs → chunk-PT4Q7C2A.mjs}

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

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

@@ -10,6 +10,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -95,7 +96,7 @@ function useFloatingPopup(options) {
     left: `${x.value}px`,
     top: `${y.value}px`,
     transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, actualPlacement.value),
-    zIndex: 1e3
+    zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX
   }));
   const handleToggle = () => {
     if (!props.disabled) setVisible(!currentVisible.value);

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

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

package/dist/{chunk-NYH6GSP7.mjs → chunk-VKW2O36D.mjs}

@@ -1,4 +1,5 @@
 import {
+  renderVueBodyTeleport,
   useVueClickOutside,
   useVueEscapeKey,
   useVueFloating
@@ -27,6 +28,7 @@ import {
   getDropdownMenuClasses,
   getTransformOrigin,
   injectDropdownStyles,
+  FLOATING_OVERLAY_Z_INDEX,
   DROPDOWN_CHEVRON_PATH,
   DROPDOWN_ENTER_CLASS,
   handleMenuNavigation,
@@ -147,6 +149,15 @@ var Dropdown = defineComponent({
       type: Boolean,
       default: true
     },
+    /**
+     * Render the menu into document.body (Teleport) so it is not clipped or
+     * covered by overflow/sticky ancestors (e.g. fixed table columns).
+     * @default true
+     */
+    portal: {
+      type: Boolean,
+      default: true
+    },
     /**
      * Additional CSS classes
      */
@@ -239,7 +250,7 @@ var Dropdown = defineComponent({
         if (enabled) {
           cleanupClickOutside = useVueClickOutside({
             enabled: currentVisible,
-            containerRef,
+            refs: [containerRef, floatingRef],
             onOutsideClick: () => setVisible(false),
             defer: true
           });
@@ -277,11 +288,12 @@ var Dropdown = defineComponent({
     );
     const mergedStyle = computed(() => mergeStyleValues(attrsStyle, props.style));
     const triggerClasses = computed(() => getDropdownTriggerClasses(props.disabled));
-    const menuWrapperClasses = classNames("absolute z-50", DROPDOWN_ENTER_CLASS);
+    const menuWrapperClasses = classNames("absolute", DROPDOWN_ENTER_CLASS);
     const menuWrapperStyles = computed(() => ({
       position: "absolute",
       left: `${x.value}px`,
       top: `${y.value}px`,
+      zIndex: FLOATING_OVERLAY_Z_INDEX,
       transformOrigin: getTransformOrigin(currentPlacement.value)
     }));
     provide(DropdownContextKey, {
@@ -329,12 +341,13 @@ var Dropdown = defineComponent({
         },
         [triggerNode, chevronNode]
       ) : null;
-      const menu = menuNode ? h(
+      const menuWrapper = menuNode ? h(
         "div",
         {
           ref: floatingRef,
           class: menuWrapperClasses,
           style: menuWrapperStyles.value,
+          "data-tiger-dropdown-menu": "",
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave,
           onKeydown: handleMenuKeyDown,
@@ -342,6 +355,7 @@ var Dropdown = defineComponent({
         },
         [cloneVNode(menuNode, { id: menuId })]
       ) : null;
+      const menu = menuWrapper ? renderVueBodyTeleport(menuWrapper, !props.portal) : null;
       const {
         class: _class,
         style: _style,

package/dist/{chunk-CTR462T2.js → chunk-XGO5Q6KK.js}

@@ -130,7 +130,7 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
                   selected: isSelected,
                   hoverable: true,
                   fixedInfo: fi,
-                  selectedClassName: _tigercatcore.virtualTableRowSelectedClasses
+                  selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
                 })
               ),
               style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi)

package/dist/components/ActivityFeed.d.mts

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

package/dist/components/ActivityFeed.d.ts

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

package/dist/components/Alert.d.mts

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

package/dist/components/Alert.d.ts

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

package/dist/components/Anchor.d.mts

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

package/dist/components/Anchor.d.ts

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

package/dist/components/AreaChart.d.mts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
-    strokeWidth: number;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
+    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;

package/dist/components/AreaChart.d.ts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
-    strokeWidth: number;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
+    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;