@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-SJIW7SNA.js → chunk-PH6ERFC7.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 _chunk5F6P5Y4Kjs = require('./chunk-5F6P5Y4K.js');
+var _chunkLKRT27JWjs = require('./chunk-LKRT27JW.js');
 
 
 var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
@@ -42,6 +42,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 
 
 
@@ -411,7 +414,7 @@ var List = _vue.defineComponent.call(void 0, {
       }
       if (props.virtual) {
         return _vue.h.call(void 0, 
-          _chunk5F6P5Y4Kjs.VirtualList,
+          _chunkLKRT27JWjs.VirtualList,
           {
             itemCount: paginatedData.value.length,
             itemHeight: props.virtualItemHeight,
@@ -435,12 +438,19 @@ var List = _vue.defineComponent.call(void 0, {
       const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo.value;
       const total = props.dataSource.length;
       const paginationConfig = props.pagination;
+      const paginationLabels = _tigercatcore.getPaginationLabels.call(void 0, mergedLocale.value);
+      const localeCode = _optionalChain([mergedLocale, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.locale]);
       return _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ) }, [
         // Total info
         paginationConfig.showTotal !== false && _vue.h.call(void 0, 
           "div",
           { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) },
-          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items`
+          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, 
+            paginationLabels.totalText,
+            total,
+            [startIndex, endIndex],
+            localeCode
+          )
         ),
         // Pagination controls
         _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ) }, [
@@ -453,7 +463,7 @@ var List = _vue.defineComponent.call(void 0, {
               onChange: (e) => handlePageSizeChange(Number(e.target.value))
             },
             (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-              (size) => _vue.h.call(void 0, "option", { value: size }, `${size} / page`)
+              (size) => _vue.h.call(void 0, "option", { value: size }, `${size} ${paginationLabels.itemsPerPageText}`)
             )
           ),
           // Page buttons
@@ -466,13 +476,18 @@ var List = _vue.defineComponent.call(void 0, {
                 disabled: !hasPrev,
                 onClick: () => handlePageChange(currentPage.value - 1)
               },
-              "Previous"
+              paginationLabels.prevPageAriaLabel
             ),
             // Current page indicator
             _vue.h.call(void 0, 
               "span",
               { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) },
-              `Page ${currentPage.value} of ${totalPages}`
+              _tigercatcore.formatPaginationPageIndicator.call(void 0, 
+                paginationLabels.pageIndicatorText,
+                currentPage.value,
+                totalPages,
+                localeCode
+              )
             ),
             // Next button
             _vue.h.call(void 0, 
@@ -482,7 +497,7 @@ var List = _vue.defineComponent.call(void 0, {
                 disabled: !hasNext,
                 onClick: () => handlePageChange(currentPage.value + 1)
               },
-              "Next"
+              paginationLabels.nextPageAriaLabel
             )
           ])
         ])

package/dist/{chunk-Y3BQSELH.mjs → chunk-PJX2DHO5.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";

package/dist/{chunk-HVVPFQW2.mjs → chunk-PLUABMUD.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Badge.ts
 import { defineComponent, computed, h } from "vue";
 import {
@@ -12,12 +16,18 @@ import {
   badgeWrapperClasses,
   badgePositionClasses,
   formatBadgeContent,
-  shouldHideBadge
+  shouldHideBadge,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var Badge = defineComponent({
   name: "TigerBadge",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     variant: {
       type: String,
       default: "danger"
@@ -60,6 +70,10 @@ var Badge = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
+    const config = useTigerConfig();
+    const labels = computed(
+      () => getStatusLabels(mergeTigerLocale(config.value.locale, props.locale))
+    );
     const isDot = computed(() => props.type === "dot");
     const isHidden = computed(() => shouldHideBadge(props.content, props.type, props.showZero));
     const displayContent = computed(
@@ -79,7 +93,7 @@ var Badge = defineComponent({
         return props.standalone ? null : slots.default?.() ?? null;
       }
       const attrsRecord = attrs;
-      const ariaLabel = attrsRecord["aria-label"] ?? (isDot.value ? "notification" : props.type === "number" ? `${displayContent.value} notifications` : `${displayContent.value ?? ""}`);
+      const ariaLabel = attrsRecord["aria-label"] ?? (isDot.value ? labels.value.badgeLabel : props.type === "number" ? labels.value.badgeCountLabel.replace("{count}", String(displayContent.value)) : `${displayContent.value ?? ""}`);
       const badgeElement = h(
         "span",
         {

package/dist/{chunk-RFFPMC22.mjs → chunk-PMN2MQ26.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";

package/dist/{chunk-QAMXVTNN.mjs → chunk-QH3YF5B6.mjs}

@@ -19,6 +19,9 @@ import {
   flattenSelectOptions,
   resolveCreatableSelectOption,
   resolveSelectFilteredOptions,
+  getSelectVirtualItemHeight,
+  fixedSizeStrategy,
+  getPickerOptionAria,
   findFirstEnabledIndex as pickerFindFirstEnabledIndex,
   findLastEnabledIndex as pickerFindLastEnabledIndex,
   findNextEnabledIndex as pickerFindNextEnabledIndex,
@@ -215,6 +218,18 @@ var Select = defineComponent({
     const dropdownRef = ref(null);
     const triggerRef = ref(null);
     const searchInputRef = ref(null);
+    const virtualScrollTop = ref(0);
+    const virtualScrollRef = ref(null);
+    watch(activeIndex, (idx) => {
+      if (!props.virtual || idx < 0) return;
+      const el = virtualScrollRef.value;
+      if (!el) return;
+      const itemH = getSelectVirtualItemHeight(props.size);
+      const top = idx * itemH;
+      if (top < el.scrollTop) el.scrollTop = top;
+      else if (top + itemH > el.scrollTop + props.listHeight)
+        el.scrollTop = top + itemH - props.listHeight;
+    });
     let searchDebouncer = createSelectSearchDebouncer({
       delay: props.searchDebounce,
       onSearch: (query) => emit("search", query)
@@ -558,7 +573,7 @@ var Select = defineComponent({
           {
             ref: triggerRef,
             type: "button",
-            class: triggerClasses,
+            class: classNames(triggerClasses, "pr-16"),
             disabled: props.disabled,
             onClick: toggleDropdown,
             onKeydown: handleTriggerKeyDown,
@@ -578,26 +593,35 @@ var Select = defineComponent({
                 )
               },
               displayText.value
+            )
+          ]
+        ),
+        h(
+          "span",
+          { class: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1" },
+          [
+            showClearButton.value && h(
+              "button",
+              {
+                type: "button",
+                class: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+                "data-tiger-select-clear": "",
+                "aria-label": resolveLocaleText(
+                  "Clear selection",
+                  mergedLocale.value?.common?.clearText
+                ),
+                onClick: clearSelection
+              },
+              CloseIcon
             ),
-            h("span", { class: "flex items-center gap-1" }, [
-              showClearButton.value && h(
-                "span",
-                {
-                  class: "inline-flex",
-                  "data-tiger-select-clear": "",
-                  "aria-label": "Clear selection",
-                  onClick: clearSelection
-                },
-                CloseIcon
-              ),
-              h(
-                "span",
-                {
-                  class: classNames("inline-flex", isOpen.value && "rotate-180")
-                },
-                ChevronDownIcon
-              )
-            ])
+            h(
+              "span",
+              {
+                class: classNames("inline-flex", isOpen.value && "rotate-180"),
+                "aria-hidden": "true"
+              },
+              ChevronDownIcon
+            )
           ]
         ),
         // Dropdown
@@ -631,15 +655,17 @@ var Select = defineComponent({
               const renderOptionItem = (option, idx, displayLabel = option.label) => {
                 const selected = isSelected(option);
                 const active = idx === activeIndex.value;
+                const optionAria = getPickerOptionAria({
+                  selected,
+                  disabled: !!option.disabled
+                });
                 return h(
                   "div",
                   {
                     key: option.value,
                     id: getOptionId(idx),
                     "data-option-index": idx,
-                    role: "option",
-                    "aria-selected": selected,
-                    "aria-disabled": option.disabled ? true : void 0,
+                    ...optionAria,
                     tabindex: active ? 0 : -1,
                     class: getSelectOptionClasses(selected, !!option.disabled, props.size),
                     onMouseenter: () => {
@@ -657,6 +683,52 @@ var Select = defineComponent({
                   ]
                 );
               };
+              const hasGroups = filteredOptions.value.some(isOptionGroup);
+              if (props.virtual && !hasGroups) {
+                const flat = filteredOptions.value.filter(
+                  (o) => !isOptionGroup(o)
+                );
+                const all = creatableOption.value ? [...flat, creatableOption.value] : flat;
+                const itemH = getSelectVirtualItemHeight(props.size);
+                const { startIndex, endIndex, totalHeight } = fixedSizeStrategy(
+                  itemH
+                ).getRange(virtualScrollTop.value, props.listHeight, all.length, 5);
+                const visible = [];
+                for (let i = startIndex; i <= endIndex; i++) {
+                  const isCreate = creatableOption.value && i === all.length - 1;
+                  visible.push(
+                    renderOptionItem(
+                      all[i],
+                      i,
+                      isCreate ? getCreateSelectOptionLabel(all[i], props.createOptionText) : all[i].label
+                    )
+                  );
+                }
+                return h(
+                  "div",
+                  {
+                    ref: virtualScrollRef,
+                    "data-tiger-select-virtual": "",
+                    style: { maxHeight: `${props.listHeight}px`, overflowY: "auto" },
+                    onScroll: (e) => {
+                      virtualScrollTop.value = e.target.scrollTop;
+                    }
+                  },
+                  [
+                    h(
+                      "div",
+                      { style: { height: `${totalHeight}px`, position: "relative" } },
+                      [
+                        h(
+                          "div",
+                          { style: { transform: `translateY(${startIndex * itemH}px)` } },
+                          visible
+                        )
+                      ]
+                    )
+                  ]
+                );
+              }
               const optionNodes = filteredOptions.value.map((item) => {
                 if (isOptionGroup(item)) {
                   return h("div", { key: item.label }, [

package/dist/{chunk-FGM7KB2Q.js → chunk-QKJATAJP.js}

@@ -1,15 +1,15 @@
 "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 _chunkVDKUKZS2js = require('./chunk-VDKUKZS2.js');
 
 
-var _chunkRLPSCEBPjs = require('./chunk-RLPSCEBP.js');
+var _chunkCFJST2X2js = require('./chunk-CFJST2X2.js');
 
 
 var _chunkXV6IYXAPjs = require('./chunk-XV6IYXAP.js');
 
 
-var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
+var _chunkH2XEJHGRjs = require('./chunk-H2XEJHGR.js');
 
 
 var _chunkPFWRFHSBjs = require('./chunk-PFWRFHSB.js');
@@ -151,6 +151,90 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: Function,
       default: void 0
     },
+    cardSelectionPosition: {
+      type: String,
+      default: void 0
+    },
+    cardPadding: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    cardFieldGap: {
+      type: String,
+      default: void 0
+    },
+    expandable: {
+      type: Object,
+      default: void 0
+    },
+    virtual: {
+      type: Boolean,
+      default: void 0
+    },
+    autoVirtual: {
+      type: Boolean,
+      default: void 0
+    },
+    virtualHeight: {
+      type: Number,
+      default: void 0
+    },
+    virtualItemHeight: {
+      type: Number,
+      default: void 0
+    },
+    autoVirtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    virtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    editable: {
+      type: Boolean,
+      default: void 0
+    },
+    editableCells: {
+      type: Object,
+      default: void 0
+    },
+    filterMode: {
+      type: String,
+      default: void 0
+    },
+    advancedFilterRules: {
+      type: Array,
+      default: void 0
+    },
+    columnDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    rowDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    summaryRow: {
+      type: Object,
+      default: void 0
+    },
+    groupBy: {
+      type: String,
+      default: void 0
+    },
+    exportable: {
+      type: Boolean,
+      default: void 0
+    },
+    exportFormat: {
+      type: String,
+      default: void 0
+    },
+    exportFilename: {
+      type: String,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -450,7 +534,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
             },
             [
               _vue.h.call(void 0, 
-                _chunkBYNMOQBBjs.Input,
+                _chunkH2XEJHGRjs.Input,
                 {
                   type: "search",
                   size: "sm",
@@ -535,7 +619,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                 style: filter.itemStyle
               },
               [
-                _vue.h.call(void 0, _chunkRLPSCEBPjs.Select, {
+                _vue.h.call(void 0, _chunkCFJST2X2js.Select, {
                   size: "sm",
                   options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
                     label: opt.label,
@@ -656,6 +740,29 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         cardLayout: props.cardLayout,
         cardClassName: props.cardClassName,
         renderCard: props.renderCard,
+        // Forward advanced Table capabilities only when explicitly provided so
+        // Table's own defaults are preserved.
+        ...props.cardSelectionPosition !== void 0 ? { cardSelectionPosition: props.cardSelectionPosition } : {},
+        ...props.cardPadding !== void 0 ? { cardPadding: props.cardPadding } : {},
+        ...props.cardFieldGap !== void 0 ? { cardFieldGap: props.cardFieldGap } : {},
+        ...props.expandable !== void 0 ? { expandable: props.expandable } : {},
+        ...props.virtual !== void 0 ? { virtual: props.virtual } : {},
+        ...props.autoVirtual !== void 0 ? { autoVirtual: props.autoVirtual } : {},
+        ...props.virtualHeight !== void 0 ? { virtualHeight: props.virtualHeight } : {},
+        ...props.virtualItemHeight !== void 0 ? { virtualItemHeight: props.virtualItemHeight } : {},
+        ...props.autoVirtualThreshold !== void 0 ? { autoVirtualThreshold: props.autoVirtualThreshold } : {},
+        ...props.virtualThreshold !== void 0 ? { virtualThreshold: props.virtualThreshold } : {},
+        ...props.editable !== void 0 ? { editable: props.editable } : {},
+        ...props.editableCells !== void 0 ? { editableCells: props.editableCells } : {},
+        ...props.filterMode !== void 0 ? { filterMode: props.filterMode } : {},
+        ...props.advancedFilterRules !== void 0 ? { advancedFilterRules: props.advancedFilterRules } : {},
+        ...props.columnDraggable !== void 0 ? { columnDraggable: props.columnDraggable } : {},
+        ...props.rowDraggable !== void 0 ? { rowDraggable: props.rowDraggable } : {},
+        ...props.summaryRow !== void 0 ? { summaryRow: props.summaryRow } : {},
+        ...props.groupBy !== void 0 ? { groupBy: props.groupBy } : {},
+        ...props.exportable !== void 0 ? { exportable: props.exportable } : {},
+        ...props.exportFormat !== void 0 ? { exportFormat: props.exportFormat } : {},
+        ...props.exportFilename !== void 0 ? { exportFilename: props.exportFilename } : {},
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
@@ -668,7 +775,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkRUXIQ5EPjs.Table, tableProps, tableSlots)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkVDKUKZS2js.Table, tableProps, tableSlots)]
       );
     };
   }

package/dist/{chunk-UAD2XROX.mjs → chunk-RD2NFAB6.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";

package/dist/{chunk-DOJPPVAN.mjs → chunk-RTZUIWCN.mjs}

@@ -177,7 +177,11 @@ var Timeline = defineComponent({
           h(
             "div",
             { class: timelineDescriptionClasses },
-            resolveLocaleText("Loading...", mergedLocale.value?.common?.loadingText)
+            resolveLocaleText(
+              "Loading...",
+              mergedLocale.value?.timeline?.pendingText,
+              mergedLocale.value?.common?.loadingText
+            )
           )
         ])
       ]);

package/dist/{chunk-NDS2DLUS.mjs → chunk-S4Z77VIB.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";
@@ -123,6 +123,10 @@ var PieChart = defineComponent({
       type: Number,
       default: 8
     },
+    legendFormatter: {
+      type: Function,
+      default: void 0
+    },
     // Tooltip props
     showTooltip: {
       type: Boolean,
@@ -217,7 +221,7 @@ var PieChart = defineComponent({
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d) => d.label ?? `${d.value}`,
+        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : d.label ?? `${d.value}`,
         getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
       })
     );