@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-2S5CNU36.js → chunk-VQXDF6CB.js}

@@ -1,4 +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; }// src/components/FloatButton.ts
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -11,13 +19,14 @@ var _vue = require('vue');
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
+var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
 var FloatButton = _vue.defineComponent.call(void 0, {
   name: "TigerFloatButton",
   inheritAttrs: false,
   props: {
     shape: {
       type: String,
-      default: "circle"
+      default: void 0
     },
     size: {
       type: String,
@@ -50,10 +59,17 @@ var FloatButton = _vue.defineComponent.call(void 0, {
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const groupShape = _vue.inject.call(void 0, 
+      FloatButtonGroupShapeKey,
+      void 0
+    );
+    const resolvedShape = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(_nullishCoalesce(props.shape, () => ( _optionalChain([groupShape, 'optionalAccess', _ => _.value]))), () => ( "circle"))
+    );
     const classes = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         _tigercatcore.floatButtonBaseClasses,
-        _tigercatcore.floatButtonShapeClasses[props.shape],
+        _tigercatcore.floatButtonShapeClasses[resolvedShape.value],
         _tigercatcore.floatButtonSizeClasses[props.size],
         _tigercatcore.floatButtonTypeClasses[props.type],
         props.disabled && _tigercatcore.floatButtonDisabledClasses,
@@ -80,7 +96,7 @@ var FloatButton = _vue.defineComponent.call(void 0, {
           title: props.tooltip,
           onClick: handleClick
         },
-        _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
+        _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])
       );
       return btn;
     };
@@ -115,6 +131,10 @@ var FloatButtonGroup = _vue.defineComponent.call(void 0, {
   setup(props, { slots, emit, attrs }) {
     const internalOpen = _vue.ref.call(void 0, false);
     const isOpen = _vue.computed.call(void 0, () => _nullishCoalesce(props.open, () => ( internalOpen.value)));
+    _vue.provide.call(void 0, 
+      FloatButtonGroupShapeKey,
+      _vue.computed.call(void 0, () => props.shape)
+    );
     const toggle = () => {
       const next = !isOpen.value;
       internalOpen.value = next;

package/dist/{chunk-BPAZBRCR.js → chunk-VUGFSHU2.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Tag.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Tag.ts
 var _vue = require('vue');
 
 
@@ -15,6 +19,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CloseIcon = () => _vue.h.call(void 0, 
   "svg",
@@ -40,6 +46,10 @@ var Tag = _vue.defineComponent.call(void 0, {
   name: "TigerTag",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     /**
      * Tag variant style
      * @default 'default'
@@ -70,7 +80,7 @@ var Tag = _vue.defineComponent.call(void 0, {
      */
     closeAriaLabel: {
       type: String,
-      default: "Close tag"
+      default: void 0
     },
     /**
      * Additional CSS classes
@@ -89,6 +99,10 @@ var Tag = _vue.defineComponent.call(void 0, {
   },
   emits: ["close"],
   setup(props, { slots, emit, 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 isVisible = _vue.ref.call(void 0, true);
     const tagClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
@@ -132,7 +146,7 @@ var Tag = _vue.defineComponent.call(void 0, {
             {
               class: closeButtonClasses.value,
               onClick: handleClose,
-              "aria-label": props.closeAriaLabel,
+              "aria-label": _nullishCoalesce(props.closeAriaLabel, () => ( labels.value.tagCloseAriaLabel)),
               type: "button"
             },
             CloseIcon()

package/dist/{chunk-NHNJUBYZ.js → chunk-VXRFE72I.js}

@@ -397,7 +397,13 @@ var TimePicker = _vue.defineComponent.call(void 0, {
       updateTime();
     }
     function updateTime() {
-      if (!_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, selectedMinutes.value, props.minTime, props.maxTime)) {
+      if (!_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      )) {
         return;
       }
       let timeString = _tigercatcore.formatTime.call(void 0, 
@@ -474,10 +480,31 @@ var TimePicker = _vue.defineComponent.call(void 0, {
     }
     function isHourDisabled(hour) {
       const hours24 = props.format === "12" ? _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value) : hour;
-      return !_tigercatcore.isTimeInRange.call(void 0, hours24, selectedMinutes.value, props.minTime, props.maxTime);
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        hours24,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
     }
     function isMinuteDisabled(minute) {
-      return !_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, minute, props.minTime, props.maxTime);
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        minute,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
+    }
+    function isSecondDisabled(second) {
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        second
+      );
     }
     function handleClickOutside(event) {
       if (panelRef.value && inputWrapperRef.value && !panelRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
@@ -643,7 +670,11 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                   onChange: (event) => selectSecond(Number(event.target.value))
                 },
                 secondsList.value.map(
-                  (second) => _vue.h.call(void 0, "option", { value: second }, _tigercatcore.padTwo.call(void 0, second))
+                  (second) => _vue.h.call(void 0, 
+                    "option",
+                    { value: second, disabled: isSecondDisabled(second) },
+                    _tigercatcore.padTwo.call(void 0, second)
+                  )
                 )
               ),
               props.format === "12" && _vue.h.call(void 0, 
@@ -732,12 +763,14 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                   { class: _tigercatcore.timePickerColumnListClasses },
                   secondsList.value.map((second) => {
                     const isSelected = selectedSeconds.value === second;
+                    const isDisabled = isSecondDisabled(second);
                     return _vue.h.call(void 0, 
                       "button",
                       {
                         key: second,
                         type: "button",
-                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, false),
+                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
+                        disabled: isDisabled,
                         onClick: () => selectSecond(second),
                         "data-tiger-timepicker-unit": "second",
                         "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 

package/dist/{chunk-OOS3QQFK.mjs → chunk-VYBRLIKF.mjs}

@@ -1,6 +1,9 @@
 import {
   createFilledIcon
 } from "./chunk-2TNZ4JNT.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/DatePicker.ts
 import { defineComponent, computed, ref, nextTick, h, watch, onBeforeUnmount } from "vue";
@@ -13,11 +16,10 @@ import {
   formatMonthYear,
   addDays,
   addMonths,
-  isSameDay,
   isDateInRange,
   getCalendarDays,
   getShortDayNames,
-  isToday as isTodayUtil,
+  getDatePickerCalendarCellState,
   normalizeDate,
   datePickerBaseClasses,
   datePickerInputWrapperClasses,
@@ -42,12 +44,26 @@ import {
   ChevronRightIconPath,
   getDatePickerLocaleCode,
   getDatePickerLabels,
-  getLocaleDirection
+  getLocaleDirection,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var CalendarIcon = createFilledIcon(CalendarIconPath, "w-5 h-5");
 var CloseIcon = createFilledIcon(CloseIconPath, "w-4 h-4");
 var ChevronLeftIcon = createFilledIcon(ChevronLeftIconPath, "w-5 h-5");
 var ChevronRightIcon = createFilledIcon(ChevronRightIconPath, "w-5 h-5");
+function normalizeDatePickerLocale(locale) {
+  if (!locale) return void 0;
+  if (typeof locale === "string") return { locale };
+  if ("datePicker" in locale) return locale;
+  const preset = locale;
+  return {
+    locale: hasDatePickerLocaleCode(preset) ? preset.locale : void 0,
+    datePicker: preset
+  };
+}
+function hasDatePickerLocaleCode(locale) {
+  return typeof locale.locale === "string";
+}
 var isDateLike = (value) => value === null || value instanceof Date || typeof value === "string";
 var isModelValue = (value) => {
   if (isDateLike(value)) return true;
@@ -201,7 +217,11 @@ var DatePicker = defineComponent({
       return isModelValue(value);
     },
     /**
-     * Emitted when date changes
+     * Convenience event emitted alongside `update:modelValue` on every value
+     * change. This is an intentional, non-v-model event (the idiomatic Vue
+     * pattern); it always carries the same normalized value as
+     * `update:modelValue`. Prefer `v-model` for two-way binding and use
+     * `@change` only for side effects.
      */
     change: (value) => {
       return isModelValue(value);
@@ -212,6 +232,7 @@ var DatePicker = defineComponent({
     clear: () => true
   },
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
     const isOpen = ref(false);
     const calendarRef = ref(null);
     const mobileCalendarRef = ref(null);
@@ -234,7 +255,10 @@ var DatePicker = defineComponent({
     });
     const minDateParsed = computed(() => parseDate(props.minDate));
     const maxDateParsed = computed(() => parseDate(props.maxDate));
-    const localeCode = computed(() => getDatePickerLocaleCode(props.locale));
+    const mergedLocale = computed(
+      () => mergeTigerLocale(config.value.locale, normalizeDatePickerLocale(props.locale))
+    );
+    const localeCode = computed(() => getDatePickerLocaleCode(mergedLocale.value));
     const viewingMonth = ref(
       (selectedDate.value ?? selectedRange.value[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
     );
@@ -268,7 +292,7 @@ var DatePicker = defineComponent({
     const isRtl = computed(() => getLocaleDirection(localeCode.value) === "rtl");
     const previousMonthIcon = computed(() => isRtl.value ? ChevronRightIcon : ChevronLeftIcon);
     const nextMonthIcon = computed(() => isRtl.value ? ChevronLeftIcon : ChevronRightIcon);
-    const labels = computed(() => getDatePickerLabels(props.locale, props.labels));
+    const labels = computed(() => getDatePickerLabels(mergedLocale.value, props.labels));
     const mobileDate = computed(() => {
       if (!isRangeMode.value) return selectedDate.value ?? normalizeDate(/* @__PURE__ */ new Date());
       const [start, end] = selectedRange.value;
@@ -417,7 +441,18 @@ var DatePicker = defineComponent({
     }
     function handleShortcut(shortcut) {
       const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-      emitValue(val);
+      if (!isRangeMode.value) {
+        const date = val instanceof Date ? normalizeDate(val) : val ? normalizeDate(parseDate(val)) : null;
+        emitValue(date);
+      } else {
+        const range = val;
+        if (range && Array.isArray(range)) {
+          emitValue([
+            range[0] ? normalizeDate(range[0] instanceof Date ? range[0] : parseDate(range[0])) : null,
+            range[1] ? normalizeDate(range[1] instanceof Date ? range[1] : parseDate(range[1])) : null
+          ]);
+        }
+      }
       closeCalendar();
     }
     function selectDate(date) {
@@ -719,10 +754,6 @@ var DatePicker = defineComponent({
               ]),
               // Calendar grid
               (() => {
-                const [rangeStart, rangeEnd] = selectedRange.value;
-                const normStart = rangeStart ? normalizeDate(rangeStart) : null;
-                const normEnd = rangeEnd ? normalizeDate(rangeEnd) : null;
-                const isSelectingEnd = isRangeMode.value && Boolean(rangeStart) && !rangeEnd;
                 return h(
                   "div",
                   {
@@ -734,41 +765,39 @@ var DatePicker = defineComponent({
                   [
                     ...calendarDays.value.map((date, index) => {
                       if (!date) return null;
-                      const normDate = normalizeDate(date);
-                      const isRangeStart = isRangeMode.value && rangeStart ? isSameDay(date, rangeStart) : false;
-                      const isRangeEnd = isRangeMode.value && rangeEnd ? isSameDay(date, rangeEnd) : false;
-                      const isInRange = isRangeMode.value && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
-                      const isSelected = !isRangeMode.value ? selectedDate.value ? isSameDay(date, selectedDate.value) : false : isRangeStart || isRangeEnd;
-                      const isCurrentMonthDay = isCurrentMonth(date);
-                      const isTodayDay = isTodayUtil(date);
-                      const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
-                      const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                      const iso = formatDate(date, "yyyy-MM-dd");
+                      const cell = getDatePickerCalendarCellState({
+                        date,
+                        selectedDate: selectedDate.value,
+                        selectedRange: selectedRange.value,
+                        isRangeMode: isRangeMode.value,
+                        isCurrentMonth,
+                        isDateDisabled
+                      });
                       return h(
                         "button",
                         {
                           key: index,
                           type: "button",
                           class: getDatePickerDayCellClasses(
-                            isCurrentMonthDay,
-                            isSelected,
-                            isTodayDay,
-                            isDisabled,
-                            Boolean(isInRange),
-                            Boolean(isRangeStart),
-                            Boolean(isRangeEnd)
+                            cell.isCurrentMonthDay,
+                            cell.isSelected,
+                            cell.isTodayDay,
+                            cell.isDisabled,
+                            cell.isInRange,
+                            cell.isRangeStart,
+                            cell.isRangeEnd
                           ),
-                          disabled: isDisabled,
+                          disabled: cell.isDisabled,
                           onClick: () => selectDate(date),
                           role: "gridcell",
-                          "data-date": iso,
+                          "data-date": cell.iso,
                           onFocus: () => {
-                            activeDateIso.value = iso;
+                            activeDateIso.value = cell.iso;
                           },
-                          tabindex: activeDateIso.value === iso && !isDisabled ? 0 : -1,
-                          "aria-label": iso,
-                          "aria-selected": isSelected,
-                          "aria-current": isTodayDay ? "date" : void 0
+                          tabindex: activeDateIso.value === cell.iso && !cell.isDisabled ? 0 : -1,
+                          "aria-label": cell.iso,
+                          "aria-selected": cell.isSelected,
+                          "aria-current": cell.isTodayDay ? "date" : void 0
                         },
                         date.getDate()
                       );

package/dist/{chunk-UWZSTI3E.js → chunk-W34IV4EC.js}

@@ -17,6 +17,7 @@ var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 
 
+
 var _vue = require('vue');
 
 
@@ -296,10 +297,17 @@ var Dropdown = _vue.defineComponent.call(void 0, {
       zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX,
       transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, currentPlacement.value)
     }));
-    _vue.provide.call(void 0, DropdownContextKey, {
+    const dropdownContext = _vue.reactive.call(void 0, {
       closeOnClick: props.closeOnClick,
       handleItemClick
     });
+    _vue.watch.call(void 0, 
+      () => props.closeOnClick,
+      (closeOnClick) => {
+        dropdownContext.closeOnClick = closeOnClick;
+      }
+    );
+    _vue.provide.call(void 0, DropdownContextKey, dropdownContext);
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]);

package/dist/{chunk-E363N2BJ.mjs → chunk-WBT3WSRE.mjs}

@@ -75,6 +75,7 @@ var RichTextEditor = defineComponent({
       engineInstance = engine.create({
         element: editorRef.value,
         initialValue: currentContent.value,
+        mode: props.mode,
         readOnly: props.readOnly,
         disabled: props.disabled,
         placeholder: props.placeholder,
@@ -95,10 +96,6 @@ var RichTextEditor = defineComponent({
     });
     function execButtonAction(btn) {
       if (props.readOnly || props.disabled) return;
-      if (btn.action && editorRef.value) {
-        btn.action(editorRef.value);
-        return;
-      }
       engineInstance?.exec(btn.name);
     }
     function handleKeydown(e) {

package/dist/{chunk-X6FG4RPF.js → chunk-WF7KVMBY.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(); } }// src/components/ImagePreview.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/ImagePreview.ts
 
 
 
@@ -33,6 +37,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -66,10 +72,17 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
     maskClosable: { type: Boolean, default: true },
     scaleStep: { type: Number, default: 0.5 },
     minScale: { type: Number, default: 0.25 },
-    maxScale: { type: Number, default: 5 }
+    maxScale: { type: Number, default: 5 },
+    locale: {
+      type: Object,
+      default: void 0
+    }
   },
   emits: ["update:open", "update:currentIndex", "scale-change"],
   setup(props, { emit }) {
+    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 labels = _vue.computed.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale.value));
     const scale = _vue.ref.call(void 0, 1);
     const rotation = _vue.ref.call(void 0, 0);
     const offsetX = _vue.ref.call(void 0, 0);
@@ -262,7 +275,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
         {
           class: _tigercatcore.imagePreviewCloseBtnClasses,
           onClick: handleClose,
-          "aria-label": "Close preview",
+          "aria-label": labels.value.closePreviewAriaLabel,
           type: "button"
         },
         [svgIcon(_tigercatcore.previewCloseIconPath)]
@@ -273,7 +286,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imagePreviewToolbarBtnClasses,
             onClick: handleZoomOut,
-            "aria-label": "Zoom out",
+            "aria-label": labels.value.zoomOutAriaLabel,
             type: "button"
           },
           [svgIcon(_tigercatcore.zoomOutIconPath)]
@@ -283,7 +296,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imagePreviewToolbarBtnClasses,
             onClick: handleReset,
-            "aria-label": "Reset",
+            "aria-label": labels.value.resetAriaLabel,
             type: "button"
           },
           [svgIcon(_tigercatcore.resetIconPath)]
@@ -293,7 +306,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imagePreviewToolbarBtnClasses,
             onClick: handleZoomIn,
-            "aria-label": "Zoom in",
+            "aria-label": labels.value.zoomInAriaLabel,
             type: "button"
           },
           [svgIcon(_tigercatcore.zoomInIconPath)]
@@ -303,7 +316,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imagePreviewToolbarBtnClasses,
             onClick: handleRotateLeft,
-            "aria-label": "Rotate left",
+            "aria-label": labels.value.rotateLeftAriaLabel,
             type: "button"
           },
           [svgIcon(_tigercatcore.imageViewerIcons.rotateLeft)]
@@ -313,7 +326,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imagePreviewToolbarBtnClasses,
             onClick: handleRotateRight,
-            "aria-label": "Rotate right",
+            "aria-label": labels.value.rotateRightAriaLabel,
             type: "button"
           },
           [svgIcon(_tigercatcore.imageViewerIcons.rotateRight)]
@@ -326,7 +339,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           class: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "left-4"),
           onClick: handlePrev,
           disabled: !navState.value.hasPrev,
-          "aria-label": "Previous image",
+          "aria-label": labels.value.previousImageAriaLabel,
           type: "button"
         },
         [svgIcon(_tigercatcore.prevIconPath)]
@@ -337,7 +350,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           class: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "right-4"),
           onClick: handleNext,
           disabled: !navState.value.hasNext,
-          "aria-label": "Next image",
+          "aria-label": labels.value.nextImageAriaLabel,
           type: "button"
         },
         [svgIcon(_tigercatcore.nextIconPath)]
@@ -349,7 +362,7 @@ var ImagePreview = _vue.defineComponent.call(void 0, {
           style: { zIndex: props.zIndex },
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": "Image preview",
+          "aria-label": labels.value.previewDialogAriaLabel,
           onClick: handleMaskClick,
           onWheel: handleWheel
         },

package/dist/{chunk-WFISP42H.mjs → chunk-WLHOWOAY.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Empty.ts
 import { defineComponent, computed, h } from "vue";
 import {
@@ -10,7 +14,8 @@ import {
   emptyActionsClasses,
   emptyIllustrationViewBox,
   emptyIllustrationPaths,
-  getEmptyDescription
+  getEmptyDescription,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var Empty = defineComponent({
   name: "TigerEmpty",
@@ -35,10 +40,18 @@ var Empty = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { slots, attrs }) {
-    const descText = computed(() => props.description ?? getEmptyDescription(props.preset));
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const descText = computed(
+      () => props.description ?? getEmptyDescription(props.preset, mergedLocale.value)
+    );
     return () => {
       const attrsRecord = attrs;
       const children = [];

package/dist/{chunk-J6YCXMVY.mjs → chunk-WSUCJHJX.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-KY3O3FWK.mjs";
+} from "./chunk-WWB7VKKH.mjs";
 import {
   useFloatingPopup
 } from "./chunk-M4EP4OVR.mjs";