@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-RKZN3URO.js → chunk-55BSMMUN.js}

@@ -12,6 +12,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CodeEditor = _vue.defineComponent.call(void 0, {
   name: "TigerCodeEditor",
@@ -49,6 +51,12 @@ var CodeEditor = _vue.defineComponent.call(void 0, {
   setup(props, { emit, attrs }) {
     const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
     const textareaRef = _vue.ref.call(void 0, null);
+    const activeLine = _vue.ref.call(void 0, 0);
+    const updateActiveLine = () => {
+      const ta = textareaRef.value;
+      if (!ta) return;
+      activeLine.value = _tigercatcore.getActiveLineIndex.call(void 0, ta.value, ta.selectionStart);
+    };
     const code = _vue.computed.call(void 0, () => props.value !== void 0 ? props.value : internalValue.value);
     _vue.watch.call(void 0, 
       () => props.value,
@@ -77,10 +85,12 @@ var CodeEditor = _vue.defineComponent.call(void 0, {
       return s;
     });
     const onInput = (e) => {
-      const val = e.target.value;
+      const target = e.target;
+      const val = target.value;
       internalValue.value = val;
       emit("update:value", val);
       emit("change", val);
+      activeLine.value = _tigercatcore.getActiveLineIndex.call(void 0, val, target.selectionStart);
     };
     const onKeyDown = (e) => {
       if (e.key === "Tab") {
@@ -98,11 +108,18 @@ var CodeEditor = _vue.defineComponent.call(void 0, {
       }
     };
     const renderHighlightedLine = (line, lineIndex) => {
+      const showActiveLine = props.highlightActiveLine && !props.disabled;
+      const isActive = showActiveLine && lineIndex === activeLine.value;
+      const lineClass = _tigercatcore.classNames.call(void 0, 
+        "min-h-[1.625rem]",
+        isActive && _tigercatcore.getCodeEditorActiveLineClasses.call(void 0, props.theme)
+      );
       const engine = props.highlighter;
       if (_optionalChain([engine, 'optionalAccess', _ => _.highlightLine])) {
         return _vue.h.call(void 0, "div", {
           key: lineIndex,
-          class: "min-h-[1.625rem]",
+          class: lineClass,
+          "data-active-line": isActive ? "" : void 0,
           innerHTML: engine.highlightLine(line, props.language, props.theme) || (line === "" ? "\n" : "")
         });
       }
@@ -111,10 +128,11 @@ var CodeEditor = _vue.defineComponent.call(void 0, {
         const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, props.theme);
         return cls ? _vue.h.call(void 0, "span", { class: cls, key: ti }, token.value) : token.value;
       });
-      return _vue.h.call(void 0, "div", { key: lineIndex, class: "min-h-[1.625rem]" }, [
-        ...spans,
-        line === "" ? "\n" : null
-      ]);
+      return _vue.h.call(void 0, 
+        "div",
+        { key: lineIndex, class: lineClass, "data-active-line": isActive ? "" : void 0 },
+        [...spans, line === "" ? "\n" : null]
+      );
     };
     return () => {
       const wrapClass = props.wordWrap ? "whitespace-pre-wrap break-all" : "";
@@ -143,6 +161,9 @@ var CodeEditor = _vue.defineComponent.call(void 0, {
         value: code.value,
         onInput,
         onKeydown: onKeyDown,
+        onSelect: updateActiveLine,
+        onClick: updateActiveLine,
+        onKeyup: updateActiveLine,
         readonly: props.readOnly || props.disabled,
         disabled: props.disabled,
         placeholder: props.placeholder,

package/dist/{chunk-NHBN6VAY.mjs → chunk-57VPT3MN.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-7VSNXYFM.mjs → chunk-5CHHWMES.mjs}

@@ -3,10 +3,13 @@ import {
 } 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-CGZPOI6H.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 _chunkLYF6AAQ7js = require('./chunk-LYF6AAQ7.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, 
-      _chunkLYF6AAQ7js.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-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-BYX756N5.mjs → chunk-6FV2OMB7.mjs}

@@ -1,6 +1,6 @@
 import {
   VirtualList
-} from "./chunk-PENI3H3I.mjs";
+} from "./chunk-HS4YQGZQ.mjs";
 import {
   useTigerConfig
 } from "./chunk-R6WFL6NI.mjs";
@@ -45,7 +45,10 @@ import {
   getSimplePaginationSelectClasses,
   getSimplePaginationButtonClasses,
   getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses
+  getSimplePaginationButtonsWrapperClasses,
+  getPaginationLabels,
+  formatPaginationTotal,
+  formatPaginationPageIndicator
 } from "@expcat/tigercat-core";
 var spinnerSvg = getSpinnerSVG("spinner");
 var LoadingSpinner = () => {
@@ -435,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() }, [
@@ -453,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
@@ -466,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(
@@ -482,7 +497,7 @@ var List = defineComponent({
                 disabled: !hasNext,
                 onClick: () => handlePageChange(currentPage.value + 1)
               },
-              "Next"
+              paginationLabels.nextPageAriaLabel
             )
           ])
         ])

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

@@ -1,10 +1,10 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-SGRUGYQ6.mjs";
+} from "./chunk-EYR27UIE.mjs";
 import {
   List
-} from "./chunk-BYX756N5.mjs";
+} from "./chunk-6FV2OMB7.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.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;

package/dist/{chunk-PQMZ3YN3.js → chunk-75TB3YIJ.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Badge.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Badge.ts
 var _vue = require('vue');
 
 
@@ -13,11 +17,17 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Badge = _vue.defineComponent.call(void 0, {
   name: "TigerBadge",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     variant: {
       type: String,
       default: "danger"
@@ -60,6 +70,10 @@ var Badge = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const labels = _vue.computed.call(void 0, 
+      () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
+    );
     const isDot = _vue.computed.call(void 0, () => props.type === "dot");
     const isHidden = _vue.computed.call(void 0, () => _tigercatcore.shouldHideBadge.call(void 0, props.content, props.type, props.showZero));
     const displayContent = _vue.computed.call(void 0, 
@@ -79,7 +93,7 @@ var Badge = _vue.defineComponent.call(void 0, {
         return props.standalone ? null : _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( null));
       }
       const attrsRecord = attrs;
-      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? "notification" : props.type === "number" ? `${displayContent.value} notifications` : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
+      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? labels.value.badgeLabel : props.type === "number" ? labels.value.badgeCountLabel.replace("{count}", String(displayContent.value)) : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
       const badgeElement = _vue.h.call(void 0, 
         "span",
         {