@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-BWIHL7LK.mjs → chunk-5CHHWMES.mjs}

@@ -1,12 +1,15 @@
 import {
   Modal
-} from "./chunk-RNQOMMLM.mjs";
+} from "./chunk-3VFZB5ZK.mjs";
 import {
   ImageCropper
-} from "./chunk-DEJKRMMU.mjs";
+} from "./chunk-4IZUJJUO.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/CropUpload.ts
 import { defineComponent, h, ref, computed } from "vue";
@@ -21,12 +24,18 @@ import {
   validateUploadFile,
   readFileAsDataUrl,
   getCropperResult,
-  isActivationKey
+  isActivationKey,
+  getImageEditorLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var CropUpload = defineComponent({
   name: "TigerCropUpload",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     accept: { type: String, default: "image/*" },
     disabled: { type: Boolean, default: false },
     maxSize: { type: Number, default: void 0 },
@@ -34,7 +43,7 @@ var CropUpload = defineComponent({
       type: Object,
       default: void 0
     },
-    modalTitle: { type: String, default: "\u88C1\u526A\u56FE\u7247" },
+    modalTitle: { type: String, default: void 0 },
     modalWidth: { type: Number, default: 520 },
     className: { type: String, default: void 0 },
     style: {
@@ -44,6 +53,9 @@ var CropUpload = defineComponent({
   },
   emits: ["crop-complete", "error"],
   setup(props, { slots, emit, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getImageEditorLabels(mergedLocale.value));
     const fileInputRef = ref(null);
     const modalVisible = ref(false);
     const imageSrc = ref("");
@@ -120,7 +132,7 @@ var CropUpload = defineComponent({
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (isActivationKey(e)) {
@@ -139,7 +151,7 @@ var CropUpload = defineComponent({
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (isActivationKey(e)) {
@@ -167,7 +179,7 @@ var CropUpload = defineComponent({
               })
             ]
           ),
-          h("span", null, "\u9009\u62E9\u56FE\u7247")
+          h("span", null, labels.value.selectImageText)
         ]
       );
       const modal = h(
@@ -175,7 +187,8 @@ var CropUpload = defineComponent({
         {
           open: modalVisible.value,
           size: "lg",
-          title: props.modalTitle,
+          width: props.modalWidth,
+          title: props.modalTitle ?? labels.value.cropModalTitle,
           closable: true,
           maskClosable: false,
           showDefaultFooter: false,
@@ -188,14 +201,19 @@ var CropUpload = defineComponent({
           default: () => imageSrc.value ? h(ImageCropper, {
             ref: cropperRef,
             src: imageSrc.value,
+            locale: props.locale,
             ...props.cropperProps
           }) : null,
           footer: ({ cancel: _cancel }) => h("div", { class: modalFooterClasses }, [
-            h(Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
+            h(
+              Button,
+              { variant: "secondary", onClick: handleCancel },
+              { default: () => labels.value.cropCancelText }
+            ),
             h(
               Button,
               { onClick: handleConfirm, loading: cropping.value },
-              { default: () => "\u786E\u8BA4\u88C1\u526A" }
+              { default: () => labels.value.cropConfirmText }
             )
           ])
         }

package/dist/chunk-5FTM7R3P.js

@@ -0,0 +1,142 @@
+"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; }// src/components/Segmented.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Segmented = _vue.defineComponent.call(void 0, {
+  name: "TigerSegmented",
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: { type: Boolean, default: false },
+    size: { type: String, default: "md" },
+    block: { type: Boolean, default: false },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, attrs }) {
+    function handleSelect(option) {
+      if (option.disabled || props.disabled) return;
+      if (option.value === props.modelValue) return;
+      emit("update:modelValue", option.value);
+      emit("change", option.value);
+    }
+    function focusOption(container, index) {
+      const els = _optionalChain([container, 'optionalAccess', _ => _.querySelectorAll, 'call', _2 => _2('[role="radio"]')]);
+      _optionalChain([els, 'optionalAccess', _3 => _3[index], 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
+    }
+    function handleKeydown(e, index) {
+      if (props.disabled) return;
+      const enabledIdxs = props.options.reduce((acc, opt, i) => {
+        if (!opt.disabled) acc.push(i);
+        return acc;
+      }, []);
+      if (enabledIdxs.length === 0) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleSelect(props.options[index]);
+        return;
+      }
+      const pos = enabledIdxs.indexOf(index);
+      let target = null;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
+          break;
+        case "Home":
+          target = enabledIdxs[0];
+          break;
+        case "End":
+          target = enabledIdxs[enabledIdxs.length - 1];
+          break;
+        default:
+          return;
+      }
+      if (target == null) return;
+      e.preventDefault();
+      const container = e.currentTarget.closest('[role="radiogroup"]');
+      focusOption(container, target);
+      handleSelect(props.options[target]);
+    }
+    return () => {
+      const selectedIndex = props.options.findIndex((opt) => opt.value === props.modelValue);
+      const firstEnabledIndex = props.options.findIndex((opt) => !opt.disabled);
+      const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...attrs,
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.getSegmentedContainerClasses.call(void 0, props.size, props.block),
+            props.className,
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+          ),
+          style: _tigercatcore.mergeStyleValues.call(void 0, 
+            attrs.style,
+            _tigercatcore.getSegmentedContainerStyle.call(void 0, props.options.length)
+          ),
+          role: "radiogroup",
+          "aria-disabled": props.disabled || void 0
+        },
+        [
+          _vue.h.call(void 0, "div", {
+            "data-tiger-segmented-indicator": "true",
+            "aria-hidden": "true",
+            class: _tigercatcore.getSegmentedIndicatorClasses.call(void 0, props.size),
+            style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, 
+              props.options.findIndex((opt) => opt.value === props.modelValue),
+              props.options.length,
+              props.size
+            )
+          }),
+          ...props.options.map((opt, index) => {
+            const selected = opt.value === props.modelValue;
+            const isDisabled = !!opt.disabled || props.disabled;
+            return _vue.h.call(void 0, 
+              "label",
+              {
+                key: opt.value,
+                class: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.getSegmentedOptionClasses.call(void 0, props.size, selected, isDisabled),
+                  props.block ? "flex-1 text-center" : ""
+                ),
+                role: "radio",
+                "aria-checked": selected,
+                "aria-disabled": isDisabled,
+                tabindex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
+                onClick: () => handleSelect(opt),
+                onKeydown: (e) => handleKeydown(e, index)
+              },
+              [_vue.h.call(void 0, "span", null, opt.label)]
+            );
+          })
+        ]
+      );
+    };
+  }
+});
+var Segmented_default = Segmented;
+
+
+
+
+exports.Segmented = Segmented; exports.Segmented_default = Segmented_default;

package/dist/{chunk-LZHCKW2Z.js → chunk-5PVDNJA5.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 _chunkOKLDFVDJjs = require('./chunk-OKLDFVDJ.js');
+var _chunkMPVL53GPjs = require('./chunk-MPVL53GP.js');
 
 // src/components/Kanban.ts
 var _vue = require('vue');
@@ -36,6 +36,14 @@ var Kanban = _vue.defineComponent.call(void 0, {
       type: Array,
       default: () => []
     },
+    swimlanes: {
+      type: Array,
+      default: void 0
+    },
+    swimlaneField: {
+      type: String,
+      default: void 0
+    },
     showCardCount: { type: Boolean, default: true },
     allowAddCard: { type: Boolean, default: true },
     allowAddColumn: { type: Boolean, default: false },
@@ -56,7 +64,7 @@ var Kanban = _vue.defineComponent.call(void 0, {
       emit("card-add", colId);
     };
     return () => _vue.h.call(void 0, 
-      _chunkOKLDFVDJjs.TaskBoard,
+      _chunkMPVL53GPjs.TaskBoard,
       {
         ...attrs,
         columns: props.columns,
@@ -70,6 +78,8 @@ var Kanban = _vue.defineComponent.call(void 0, {
         onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
         filterText: props.filterText,
         hiddenColumns: props.hiddenColumns,
+        swimlanes: props.swimlanes,
+        swimlaneField: props.swimlaneField,
         showCardCount: props.showCardCount,
         allowAddCard: props.allowAddCard,
         allowAddColumn: props.allowAddColumn,

package/dist/{chunk-UMQUWX7U.mjs → chunk-64EZRIJL.mjs}

@@ -1,13 +1,15 @@
 import {
   PieChart
-} from "./chunk-NDS2DLUS.mjs";
+} from "./chunk-S4Z77VIB.mjs";
 
 // src/components/DonutChart.ts
-import { defineComponent, computed, h } from "vue";
+import { defineComponent, computed, h, onMounted, ref } from "vue";
 import {
   classNames,
   getChartInnerRect,
-  normalizeChartPadding
+  normalizeChartPadding,
+  DONUT_ENTRANCE_KEYFRAMES,
+  DONUT_ENTRANCE_CLASS
 } from "@expcat/tigercat-core";
 var DONUT_PALETTE = [
   "var(--tiger-chart-1,#5470c6)",
@@ -113,6 +115,10 @@ var DonutChart = defineComponent({
       type: Number,
       default: 8
     },
+    legendFormatter: {
+      type: Function,
+      default: void 0
+    },
     // Tooltip props
     showTooltip: {
       type: Boolean,
@@ -173,6 +179,10 @@ var DonutChart = defineComponent({
   setup(props, { emit }) {
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const pad = computed(() => normalizeChartPadding(props.padding));
+    const entered = ref(false);
+    onMounted(() => {
+      if (props.animated) entered.value = true;
+    });
     const resolvedOuterRadius = computed(() => {
       if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
       return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
@@ -245,6 +255,7 @@ var DonutChart = defineComponent({
         legendPosition: props.legendPosition,
         legendMarkerSize: props.legendMarkerSize,
         legendGap: props.legendGap,
+        legendFormatter: props.legendFormatter,
         showTooltip: props.showTooltip,
         tooltipFormatter: donutTooltipFormatter.value,
         title: props.title,
@@ -294,7 +305,18 @@ var DonutChart = defineComponent({
           ) : null
         ]
       ) : null;
-      return h("div", { class: "inline-block relative", "data-donut-chart": "true" }, [pie, center]);
+      const styleNode = props.animated && entered.value ? h("style", null, DONUT_ENTRANCE_KEYFRAMES) : null;
+      return h(
+        "div",
+        {
+          class: classNames(
+            "inline-block relative",
+            props.animated && entered.value && DONUT_ENTRANCE_CLASS
+          ),
+          "data-donut-chart": "true"
+        },
+        [styleNode, pie, center]
+      );
     };
   }
 });

package/dist/{chunk-Q3IZQUW7.js → chunk-67RSRWWY.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
 
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/Drawer.ts
 
@@ -224,7 +224,7 @@ var Drawer = _vue.defineComponent.call(void 0, {
   },
   emits: ["update:open", "close", "after-enter", "after-leave"],
   setup(props, { slots, emit, attrs }) {
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
     const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const instanceId = _vue.ref.call(void 0, createDrawerId());
     const hasBeenOpened = _vue.ref.call(void 0, false);

package/dist/{chunk-FSGD24HV.mjs → chunk-6CS3EEQU.mjs}

@@ -11,6 +11,7 @@ import {
   computed,
   ref,
   provide,
+  reactive,
   h,
   onBeforeUnmount,
   onMounted,
@@ -296,10 +297,17 @@ var Dropdown = defineComponent({
       zIndex: FLOATING_OVERLAY_Z_INDEX,
       transformOrigin: getTransformOrigin(currentPlacement.value)
     }));
-    provide(DropdownContextKey, {
+    const dropdownContext = reactive({
       closeOnClick: props.closeOnClick,
       handleItemClick
     });
+    watch(
+      () => props.closeOnClick,
+      (closeOnClick) => {
+        dropdownContext.closeOnClick = closeOnClick;
+      }
+    );
+    provide(DropdownContextKey, dropdownContext);
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = slots.default?.();

package/dist/{chunk-PZH2RTSS.mjs → chunk-6FV2OMB7.mjs}

@@ -1,6 +1,9 @@
 import {
   VirtualList
-} from "./chunk-PENI3H3I.mjs";
+} from "./chunk-HS4YQGZQ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/List.ts
 import {
@@ -14,6 +17,8 @@ import {
   classNames,
   coerceClassValue,
   mergeStyleValues,
+  resolveLocaleText,
+  mergeTigerLocale,
   getListClasses,
   getListItemClasses,
   getListHeaderFooterClasses,
@@ -40,7 +45,10 @@ import {
   getSimplePaginationSelectClasses,
   getSimplePaginationButtonClasses,
   getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses
+  getSimplePaginationButtonsWrapperClasses,
+  getPaginationLabels,
+  formatPaginationTotal,
+  formatPaginationPageIndicator
 } from "@expcat/tigercat-core";
 var spinnerSvg = getSpinnerSVG("spinner");
 var LoadingSpinner = () => {
@@ -92,7 +100,14 @@ var List = defineComponent({
      */
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
+    },
+    /**
+     * Locale override; falls back to ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     },
     /**
      * Whether to show split line between items
@@ -188,6 +203,8 @@ var List = defineComponent({
   },
   emits: ["item-click", "page-change", "reorder"],
   setup(props, { emit, slots, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const instance = getCurrentInstance();
     const hasItemClickListener = computed(() => {
       const vnodeProps = instance?.vnode.props || {};
@@ -380,7 +397,7 @@ var List = defineComponent({
             role: "status",
             "aria-live": "polite"
           },
-          props.emptyText
+          resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
         );
       }
       const items = paginatedData.value.map((item, index) => renderListItem(item, index));
@@ -421,12 +438,19 @@ var List = defineComponent({
       const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo.value;
       const total = props.dataSource.length;
       const paginationConfig = props.pagination;
+      const paginationLabels = getPaginationLabels(mergedLocale.value);
+      const localeCode = mergedLocale.value?.locale;
       return h("div", { class: getSimplePaginationContainerClasses() }, [
         // Total info
         paginationConfig.showTotal !== false && h(
           "div",
           { class: getSimplePaginationTotalClasses() },
-          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items`
+          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(
+            paginationLabels.totalText,
+            total,
+            [startIndex, endIndex],
+            localeCode
+          )
         ),
         // Pagination controls
         h("div", { class: getSimplePaginationControlsClasses() }, [
@@ -439,7 +463,7 @@ var List = defineComponent({
               onChange: (e) => handlePageSizeChange(Number(e.target.value))
             },
             (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-              (size) => h("option", { value: size }, `${size} / page`)
+              (size) => h("option", { value: size }, `${size} ${paginationLabels.itemsPerPageText}`)
             )
           ),
           // Page buttons
@@ -452,13 +476,18 @@ var List = defineComponent({
                 disabled: !hasPrev,
                 onClick: () => handlePageChange(currentPage.value - 1)
               },
-              "Previous"
+              paginationLabels.prevPageAriaLabel
             ),
             // Current page indicator
             h(
               "span",
               { class: getSimplePaginationPageIndicatorClasses() },
-              `Page ${currentPage.value} of ${totalPages}`
+              formatPaginationPageIndicator(
+                paginationLabels.pageIndicatorText,
+                currentPage.value,
+                totalPages,
+                localeCode
+              )
             ),
             // Next button
             h(
@@ -468,7 +497,7 @@ var List = defineComponent({
                 disabled: !hasNext,
                 onClick: () => handlePageChange(currentPage.value + 1)
               },
-              "Next"
+              paginationLabels.nextPageAriaLabel
             )
           ])
         ])

package/dist/{chunk-6BFGY5W7.mjs → chunk-6G5FEZLT.mjs}

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-SGRUGYQ6.mjs";
+} from "./chunk-EYR27UIE.mjs";
 import {
   List
-} from "./chunk-PZH2RTSS.mjs";
+} from "./chunk-6FV2OMB7.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Loading
-} from "./chunk-XQRKFOXS.mjs";
+} from "./chunk-6WF3336O.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
@@ -160,16 +160,6 @@ var NotificationCenter = defineComponent({
       },
       { immediate: true }
     );
-    const _currentGroup = computed(() => {
-      const groups = resolvedGroups.value;
-      if (groups.length === 0) return void 0;
-      const activeKey = currentGroupKey.value;
-      if (activeKey === void 0) return groups[0];
-      const matchedIndex = groups.findIndex(
-        (group, index) => getGroupKey(group, index) === activeKey
-      );
-      return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
-    });
     const readStateOverrides = ref(/* @__PURE__ */ new Map());
     const applyReadOverrides = (items) => {
       if (!props.manageReadState || readStateOverrides.value.size === 0) return items;
@@ -460,7 +450,12 @@ var NotificationCenter = defineComponent({
           h("div", { class: "flex items-center gap-2.5" }, [
             h(
               Text,
-              { tag: "div", size: "base", weight: "bold", class: "text-gray-900 dark:text-gray-100" },
+              {
+                tag: "div",
+                size: "base",
+                weight: "bold",
+                class: "text-gray-900 dark:text-gray-100"
+              },
               { default: () => props.title }
             ),
             totalUnread.value > 0 ? h(
@@ -489,7 +484,10 @@ var NotificationCenter = defineComponent({
         renderReadFilterButtons()
       ]);
       const content = props.loading ? h("div", { class: "flex items-center justify-center py-16" }, [
-        h(Loading, { text: props.loadingText, class: "text-blue-500 dark:text-blue-400 font-medium" })
+        h(Loading, {
+          text: props.loadingText,
+          class: "text-blue-500 dark:text-blue-400 font-medium"
+        })
       ]) : resolvedGroups.value.length > 0 ? h("div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : h("div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filteredFlatItems.value)
       ]);

package/dist/{chunk-XQRKFOXS.mjs → chunk-6WF3336O.mjs}

@@ -2,6 +2,9 @@ import {
   renderVueBodyTeleport,
   useVueBodyScrollLock
 } from "./chunk-BDTPFPSB.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Loading.ts
 import { defineComponent, computed, h, ref, watch, onUnmounted } from "vue";
@@ -20,7 +23,9 @@ import {
   loadingColorClasses,
   mergeStyleValues,
   normalizeSvgAttrs,
-  injectLoadingAnimationStyles
+  injectLoadingAnimationStyles,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var Loading = defineComponent({
   name: "TigerLoading",
@@ -73,10 +78,16 @@ var Loading = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { attrs }) {
     injectLoadingAnimationStyles();
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const visible = ref(false);
     let timer = null;
     const shouldLockBodyScroll = computed(
@@ -198,7 +209,7 @@ var Loading = defineComponent({
         "div",
         {
           role: "status",
-          "aria-label": props.text || "Loading",
+          "aria-label": props.text || resolveLocaleText("Loading", mergedLocale.value?.common?.loadingText),
           "aria-live": "polite",
           "aria-busy": true,
           ...attrs,

package/dist/{chunk-5D2UAWWP.mjs → chunk-6WFFP4K2.mjs}

@@ -29,6 +29,7 @@ import {
   notificationTitleClasses,
   createNotificationStackUpdateScheduler,
   normalizeStringOption,
+  createInstanceCounter,
   isBrowser
 } from "@expcat/tigercat-core";
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
@@ -43,7 +44,6 @@ var notificationInstancesByPosition = {
   "bottom-left": [],
   "bottom-right": []
 };
-var instanceIdCounter = 0;
 var containerApps = {
   "top-left": null,
   "top-right": null,
@@ -62,9 +62,7 @@ function scheduleNotificationStackUpdate(position) {
   if (!callback) return;
   stackUpdateScheduler.schedule(position, callback);
 }
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = createInstanceCounter();
 function getContainerRootId(position) {
   return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
 }