@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-FGM7KB2Q.js

@@ -1,681 +0,0 @@
-"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 _chunkRUXIQ5EPjs = require('./chunk-RUXIQ5EP.js');
-
-
-var _chunkRLPSCEBPjs = require('./chunk-RLPSCEBP.js');
-
-
-var _chunkXV6IYXAPjs = require('./chunk-XV6IYXAP.js');
-
-
-var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
-
-
-var _chunkPFWRFHSBjs = require('./chunk-PFWRFHSB.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/DataTableWithToolbar.ts
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
-  name: "TigerDataTableWithToolbar",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      required: true
-    },
-    columnLockable: {
-      type: Boolean,
-      default: false
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    hiddenColumnKeys: {
-      type: Array,
-      default: void 0
-    },
-    defaultHiddenColumnKeys: {
-      type: Array,
-      default: void 0
-    },
-    sort: {
-      type: Object,
-      default: void 0
-    },
-    defaultSort: {
-      type: Object,
-      default: void 0
-    },
-    filters: {
-      type: Object,
-      default: void 0
-    },
-    defaultFilters: {
-      type: Object,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    bordered: {
-      type: Boolean,
-      default: false
-    },
-    striped: {
-      type: Boolean,
-      default: false
-    },
-    hoverable: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    locale: {
-      type: [Object, Function],
-      default: void 0
-    },
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    rowSelection: {
-      type: Object,
-      default: void 0
-    },
-    rowKey: {
-      type: [String, Function],
-      default: "id"
-    },
-    rowClassName: {
-      type: [String, Function],
-      default: void 0
-    },
-    stickyHeader: {
-      type: Boolean,
-      default: false
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    responsiveMode: {
-      type: String,
-      default: "scroll"
-    },
-    cardBreakpoint: {
-      type: String,
-      default: "sm"
-    },
-    cardLayout: {
-      type: Array,
-      default: void 0
-    },
-    cardClassName: {
-      type: [String, Function],
-      default: void 0
-    },
-    renderCard: {
-      type: Function,
-      default: void 0
-    },
-    toolbar: {
-      type: Object,
-      default: void 0
-    },
-    pagination: {
-      type: [Object, Boolean],
-      default: false
-    },
-    tableLayout: {
-      type: String,
-      default: "auto"
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    "search-change": (_value) => true,
-    search: (_value) => true,
-    "filters-change": (_filters) => true,
-    "bulk-action": (_action, _keys) => true,
-    "selection-change": (_keys) => true,
-    "page-change": (_current, _pageSize) => true,
-    "page-size-change": (_current, _pageSize) => true,
-    "update:hiddenColumnKeys": (_hiddenKeys) => true,
-    "hidden-column-keys-change": (_hiddenKeys) => true
-  },
-  setup(props, { attrs, emit, slots }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const internalSearch = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.toolbar, 'optionalAccess', _2 => _2.defaultSearchValue]), () => ( "")));
-    const internalHiddenKeys = _vue.ref.call(void 0, 
-      _nullishCoalesce(_nullishCoalesce(props.defaultHiddenColumnKeys, () => ( props.hiddenColumnKeys)), () => ( []))
-    );
-    const internalFilters = _vue.ref.call(void 0, {});
-    const previousPageSize = _vue.ref.call(void 0, 
-      props.pagination && typeof props.pagination === "object" ? _nullishCoalesce(_nullishCoalesce(props.pagination.pageSize, () => ( props.pagination.defaultPageSize)), () => ( 10)) : void 0
-    );
-    const vnodeProps = _nullishCoalesce(_optionalChain([_vue.getCurrentInstance.call(void 0, ), 'optionalAccess', _3 => _3.vnode, 'access', _4 => _4.props]), () => ( {}));
-    const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
-    const resolvedTableLocale = _vue.ref.call(void 0, );
-    let tableLocaleResolveId = 0;
-    _vue.watch.call(void 0, 
-      () => props.locale,
-      (locale) => {
-        const resolveId = ++tableLocaleResolveId;
-        if (!locale) {
-          resolvedTableLocale.value = void 0;
-          return;
-        }
-        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
-        resolvedTableLocale.value = immediateLocale;
-        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
-        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
-          if (resolveId === tableLocaleResolveId) {
-            resolvedTableLocale.value = nextLocale;
-          }
-        }).catch(() => {
-          if (resolveId === tableLocaleResolveId) {
-            resolvedTableLocale.value = immediateLocale;
-          }
-        });
-      },
-      { immediate: true }
-    );
-    const tableLocale = _vue.computed.call(void 0, 
-      () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedTableLocale.value)
-    );
-    const tableLabels = _vue.computed.call(void 0, () => _tigercatcore.getTableLabels.call(void 0, tableLocale.value, props.labels));
-    _vue.watch.call(void 0, 
-      () => _optionalChain([props, 'access', _5 => _5.toolbar, 'optionalAccess', _6 => _6.searchValue]),
-      (nextValue) => {
-        if (nextValue !== void 0) {
-          internalSearch.value = _nullishCoalesce(nextValue, () => ( ""));
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => props.pagination,
-      (nextValue) => {
-        if (nextValue && typeof nextValue === "object") {
-          previousPageSize.value = _nullishCoalesce(_nullishCoalesce(nextValue.pageSize, () => ( nextValue.defaultPageSize)), () => ( 10));
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => props.hiddenColumnKeys,
-      (nextValue) => {
-        if (nextValue !== void 0) {
-          internalHiddenKeys.value = nextValue;
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => _optionalChain([props, 'access', _7 => _7.toolbar, 'optionalAccess', _8 => _8.filters]),
-      (filters) => {
-        if (!filters) return;
-        const next = { ...internalFilters.value };
-        filters.forEach((filter) => {
-          if (filter.value === void 0 && !(filter.key in next)) {
-            next[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
-          }
-        });
-        internalFilters.value = next;
-      },
-      { immediate: true, deep: true }
-    );
-    const searchValue = _vue.computed.call(void 0, 
-      () => _optionalChain([props, 'access', _9 => _9.toolbar, 'optionalAccess', _10 => _10.searchValue]) !== void 0 ? props.toolbar.searchValue : internalSearch.value
-    );
-    const resolvedFilters = _vue.computed.call(void 0, () => {
-      const next = { ...internalFilters.value };
-      _optionalChain([props, 'access', _11 => _11.toolbar, 'optionalAccess', _12 => _12.filters, 'optionalAccess', _13 => _13.forEach, 'call', _14 => _14((filter) => {
-        next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters.value[filter.key], () => ( filter.defaultValue)), () => ( null));
-      })]);
-      return next;
-    });
-    const hasSearch = _vue.computed.call(void 0, () => {
-      if (!props.toolbar) return hasSearchListener;
-      return Boolean(
-        props.toolbar.searchPlaceholder || props.toolbar.searchValue !== void 0 || props.toolbar.defaultSearchValue !== void 0 || props.toolbar.showSearchButton || hasSearchListener
-      );
-    });
-    const hasFilters = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _15 => _15.toolbar, 'optionalAccess', _16 => _16.filters, 'optionalAccess', _17 => _17.length])));
-    const hasFiltersExtra = _vue.computed.call(void 0, () => Boolean(slots["filters-extra"]));
-    const hasBulkActions = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _18 => _18.toolbar, 'optionalAccess', _19 => _19.bulkActions, 'optionalAccess', _20 => _20.length])));
-    const hasColumnSettings = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _21 => _21.toolbar, 'optionalAccess', _22 => _22.showColumnSettings])));
-    const resolvedHiddenKeys = _vue.computed.call(void 0, () => _nullishCoalesce(props.hiddenColumnKeys, () => ( internalHiddenKeys.value)));
-    const handleHiddenColumnsChange = (nextHiddenKeys) => {
-      if (props.hiddenColumnKeys === void 0) {
-        internalHiddenKeys.value = nextHiddenKeys;
-      }
-      emit("update:hiddenColumnKeys", nextHiddenKeys);
-      emit("hidden-column-keys-change", nextHiddenKeys);
-    };
-    const handleToggleColumnVisibility = (columnKey, visible) => {
-      const nextHiddenKeys = visible ? resolvedHiddenKeys.value.filter((key) => key !== columnKey) : [...resolvedHiddenKeys.value, columnKey];
-      handleHiddenColumnsChange(nextHiddenKeys);
-    };
-    const canSearch = _vue.computed.call(void 0, () => Boolean(vnodeProps.onSearch));
-    const selectedKeys = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _23 => _23.toolbar, 'optionalAccess', _24 => _24.selectedKeys]), () => ( _optionalChain([props, 'access', _25 => _25.rowSelection, 'optionalAccess', _26 => _26.selectedRowKeys]))), () => ( []))
-    );
-    const selectedCount = _vue.computed.call(void 0, 
-      () => _optionalChain([props, 'access', _27 => _27.toolbar, 'optionalAccess', _28 => _28.selectedCount]) !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
-    );
-    const bulkLabel = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(_optionalChain([props, 'access', _29 => _29.toolbar, 'optionalAccess', _30 => _30.bulkActionsLabel]), () => ( tableLabels.value.selectedText))
-    );
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-data-table-with-toolbar flex flex-col",
-        props.bordered ? "border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] overflow-hidden bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "gap-3.5",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    const handleSearchChange = (value) => {
-      if (_optionalChain([props, 'access', _31 => _31.toolbar, 'optionalAccess', _32 => _32.searchValue]) === void 0) {
-        internalSearch.value = value;
-      }
-      emit("search-change", value);
-    };
-    const handleSearchSubmit = () => {
-      emit("search", _nullishCoalesce(searchValue.value, () => ( "")));
-    };
-    const setFilterValue = (key, value, filter) => {
-      const nextFilters = {
-        ...resolvedFilters.value,
-        [key]: value
-      };
-      if (!filter || filter.value === void 0) {
-        internalFilters.value = {
-          ...internalFilters.value,
-          [key]: value
-        };
-      }
-      emit("filters-change", nextFilters);
-    };
-    const handleFilterSelect = (filter, value) => {
-      setFilterValue(filter.key, value, filter);
-    };
-    const handleBulkAction = (action) => {
-      const keys = _nullishCoalesce(selectedKeys.value, () => ( []));
-      _optionalChain([action, 'access', _33 => _33.onClick, 'optionalCall', _34 => _34(keys)]);
-      emit("bulk-action", action, keys);
-    };
-    const handleTablePageChange = ({
-      current,
-      pageSize
-    }) => {
-      emit("page-change", current, pageSize);
-      if (previousPageSize.value !== void 0 && previousPageSize.value !== pageSize) {
-        emit("page-size-change", current, pageSize);
-      }
-      previousPageSize.value = pageSize;
-    };
-    const renderColumnSettings = () => {
-      const lockedKeys = new Set(_nullishCoalesce(_optionalChain([props, 'access', _35 => _35.toolbar, 'optionalAccess', _36 => _36.columnSettings, 'optionalAccess', _37 => _37.lockedColumnKeys]), () => ( [])));
-      const panelTitle = _nullishCoalesce(_optionalChain([props, 'access', _38 => _38.toolbar, 'optionalAccess', _39 => _39.columnSettings, 'optionalAccess', _40 => _40.title]), () => ( tableLabels.value.columnSettingsText));
-      return _vue.h.call(void 0, 
-        _chunkXV6IYXAPjs.Popover,
-        {
-          trigger: "click",
-          placement: "bottom-end"
-        },
-        {
-          default: () => _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              size: "sm",
-              variant: "outline",
-              class: "shrink-0 px-2",
-              "aria-label": tableLabels.value.columnSettingsAriaLabel
-            },
-            {
-              default: () => _vue.h.call(void 0, 
-                "svg",
-                {
-                  class: "w-3.5 h-3.5",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                },
-                [
-                  _vue.h.call(void 0, "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"
-                  }),
-                  _vue.h.call(void 0, "path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                  })
-                ]
-              )
-            }
-          ),
-          title: () => panelTitle,
-          content: () => _vue.h.call(void 0, 
-            "div",
-            { class: "flex flex-col gap-2 min-w-[160px]" },
-            props.columns.map((column) => {
-              const locked = lockedKeys.has(column.key) || column.hideable === false;
-              return _vue.h.call(void 0, 
-                _chunkPFWRFHSBjs.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 toolbarRenderContext = () => ({
-      searchValue: _nullishCoalesce(searchValue.value, () => ( "")),
-      setSearch: handleSearchChange,
-      submitSearch: handleSearchSubmit,
-      filters: resolvedFilters.value,
-      setFilter: (key, value) => setFilterValue(key, value),
-      selectedKeys: selectedKeys.value,
-      selectedCount: selectedCount.value,
-      hiddenColumnKeys: resolvedHiddenKeys.value,
-      setHiddenColumnKeys: handleHiddenColumnsChange
-    });
-    const renderToolbar = () => {
-      if (slots.toolbar) {
-        return slots.toolbar(toolbarRenderContext());
-      }
-      if (!hasSearch.value && !hasFilters.value && !hasFiltersExtra.value && !hasBulkActions.value && !hasColumnSettings.value)
-        return null;
-      const leftNodes = [];
-      if (hasSearch.value) {
-        const showButton = _nullishCoalesce(_optionalChain([props, 'access', _41 => _41.toolbar, 'optionalAccess', _42 => _42.showSearchButton]), () => ( true));
-        leftNodes.push(
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                "flex items-center gap-2",
-                _nullishCoalesce(_optionalChain([props, 'access', _43 => _43.toolbar, 'optionalAccess', _44 => _44.searchClassName]), () => ( "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"))
-              )
-            },
-            [
-              _vue.h.call(void 0, 
-                _chunkBYNMOQBBjs.Input,
-                {
-                  type: "search",
-                  size: "sm",
-                  modelValue: searchValue.value,
-                  placeholder: _nullishCoalesce(_optionalChain([props, 'access', _45 => _45.toolbar, 'optionalAccess', _46 => _46.searchPlaceholder]), () => ( tableLabels.value.searchPlaceholder)),
-                  "onUpdate:modelValue": (value) => handleSearchChange(String(_nullishCoalesce(value, () => ( "")))),
-                  onKeydown: (event) => {
-                    if (event.key === "Enter") {
-                      handleSearchSubmit();
-                    }
-                  }
-                },
-                {
-                  prefix: () => _vue.h.call(void 0, 
-                    "svg",
-                    {
-                      class: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
-                      fill: "none",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      viewBox: "0 0 24 24",
-                      "aria-hidden": "true"
-                    },
-                    [
-                      _vue.h.call(void 0, "path", {
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round",
-                        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                      })
-                    ]
-                  )
-                }
-              ),
-              showButton ? _vue.h.call(void 0, 
-                _chunkHA5QZ76Mjs.Button,
-                {
-                  size: "sm",
-                  variant: "primary",
-                  class: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
-                  onClick: handleSearchSubmit,
-                  disabled: !canSearch.value
-                },
-                {
-                  default: () => _nullishCoalesce(_optionalChain([props, 'access', _47 => _47.toolbar, 'optionalAccess', _48 => _48.searchButtonText]), () => ( tableLabels.value.searchButtonText))
-                }
-              ) : null
-            ]
-          )
-        );
-      }
-      if (hasFilters.value) {
-        _optionalChain([props, 'access', _49 => _49.toolbar, 'optionalAccess', _50 => _50.filters, 'optionalAccess', _51 => _51.forEach, 'call', _52 => _52((filter) => {
-          const currentValue = resolvedFilters.value[filter.key];
-          const clearable = filter.clearable !== false;
-          if (filter.render) {
-            const filterNode = filter.render({
-              filter,
-              value: currentValue,
-              filters: resolvedFilters.value,
-              setValue: (value) => setFilterValue(filter.key, value, filter),
-              setFilter: (key, value) => setFilterValue(key, value)
-            });
-            leftNodes.push(
-              _vue.h.call(void 0, 
-                "div",
-                {
-                  key: filter.key,
-                  class: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto")),
-                  style: filter.itemStyle
-                },
-                filterNode == null ? [] : [filterNode]
-              )
-            );
-            return;
-          }
-          leftNodes.push(
-            _vue.h.call(void 0, 
-              "div",
-              {
-                key: filter.key,
-                class: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]")),
-                style: filter.itemStyle
-              },
-              [
-                _vue.h.call(void 0, _chunkRLPSCEBPjs.Select, {
-                  size: "sm",
-                  options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
-                    label: opt.label,
-                    value: opt.value
-                  })),
-                  modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
-                  placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
-                  clearable,
-                  "onUpdate:modelValue": (value) => {
-                    handleFilterSelect(filter, _nullishCoalesce(value, () => ( null)));
-                  }
-                })
-              ]
-            )
-          );
-        })]);
-      }
-      const filtersExtra = _optionalChain([slots, 'access', _53 => _53["filters-extra"], 'optionalCall', _54 => _54({
-        filters: resolvedFilters.value,
-        setFilter: (key, value) => setFilterValue(key, value)
-      })]);
-      if (_optionalChain([filtersExtra, 'optionalAccess', _55 => _55.length])) {
-        leftNodes.push(...filtersExtra);
-      }
-      const bulkChildren = [];
-      if (hasBulkActions.value) {
-        if (selectedCount.value > 0) {
-          bulkChildren.push(
-            _vue.h.call(void 0, 
-              "div",
-              {
-                class: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300"
-              },
-              [
-                _vue.h.call(void 0, "span", {
-                  class: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse"
-                }),
-                _vue.h.call(void 0, 
-                  "span",
-                  null,
-                  `${bulkLabel.value} ${selectedCount.value} ${tableLabels.value.selectedItemsText}`
-                )
-              ]
-            )
-          );
-        }
-        ;
-        (_nullishCoalesce(_optionalChain([props, 'access', _56 => _56.toolbar, 'optionalAccess', _57 => _57.bulkActions]), () => ( []))).forEach((action) => {
-          bulkChildren.push(
-            _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              {
-                key: action.key,
-                size: "sm",
-                variant: _nullishCoalesce(action.variant, () => ( "outline")),
-                disabled: action.disabled || selectedCount.value === 0,
-                onClick: () => handleBulkAction(action)
-              },
-              { default: () => action.label }
-            )
-          );
-        });
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
-            props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm",
-            _optionalChain([props, 'access', _58 => _58.toolbar, 'optionalAccess', _59 => _59.className])
-          ),
-          style: _optionalChain([props, 'access', _60 => _60.toolbar, 'optionalAccess', _61 => _61.style]),
-          role: "toolbar",
-          "aria-label": tableLabels.value.toolbarAriaLabel
-        },
-        [
-          _vue.h.call(void 0, "div", { class: "flex items-center gap-3 flex-wrap flex-1 min-w-0" }, leftNodes),
-          hasBulkActions.value ? _vue.h.call(void 0, 
-            "div",
-            { class: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0" },
-            bulkChildren
-          ) : null,
-          hasColumnSettings.value ? _vue.h.call(void 0, "div", { class: _tigercatcore.classNames.call(void 0, "shrink-0", !hasBulkActions.value && "ml-auto") }, [
-            renderColumnSettings()
-          ]) : null
-        ]
-      );
-    };
-    return () => {
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const tableProps = {
-        ...restAttrs,
-        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 } : {},
-        ...props.defaultFilters !== void 0 ? { defaultFilters: props.defaultFilters } : {},
-        size: props.size,
-        bordered: props.bordered,
-        striped: props.striped,
-        hoverable: props.hoverable,
-        loading: props.loading,
-        locale: props.locale,
-        labels: props.labels,
-        emptyText: props.emptyText,
-        pagination: props.pagination,
-        rowSelection: props.rowSelection,
-        rowKey: props.rowKey,
-        rowClassName: props.rowClassName,
-        stickyHeader: props.stickyHeader,
-        maxHeight: props.maxHeight,
-        tableLayout: props.tableLayout,
-        responsiveMode: props.responsiveMode,
-        cardBreakpoint: props.cardBreakpoint,
-        cardLayout: props.cardLayout,
-        cardClassName: props.cardClassName,
-        renderCard: props.renderCard,
-        class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
-        onSelectionChange: (keys) => emit("selection-change", keys),
-        onPageChange: handleTablePageChange
-      };
-      const { toolbar: _toolbarSlot, "filters-extra": _filtersExtraSlot, ...tableSlots } = slots;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          "data-tiger-data-table-with-toolbar": ""
-        },
-        [renderToolbar(), _vue.h.call(void 0, _chunkRUXIQ5EPjs.Table, tableProps, tableSlots)]
-      );
-    };
-  }
-});
-var DataTableWithToolbar_default = DataTableWithToolbar;
-
-
-
-
-exports.DataTableWithToolbar = DataTableWithToolbar; exports.DataTableWithToolbar_default = DataTableWithToolbar_default;