@expcat/tigercat-vue 1.3.4 → 1.4.0

package/dist/{chunk-ZIOGRGN5.mjs → chunk-TUSWQVI2.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/InfiniteScroll.ts
 import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
 import {
@@ -5,6 +9,8 @@ import {
   coerceClassValue,
   shouldLoadMore,
   createInfiniteScrollObserver,
+  resolveLocaleText,
+  mergeTigerLocale,
   getInfiniteScrollContainerClasses,
   infiniteScrollLoaderClasses,
   infiniteScrollEndClasses,
@@ -17,8 +23,9 @@ var InfiniteScroll = defineComponent({
     hasMore: { type: Boolean, default: true },
     loading: { type: Boolean, default: false },
     threshold: { type: Number, default: 100 },
-    loadingText: { type: String, default: "Loading..." },
-    endText: { type: String, default: "No more data" },
+    loadingText: { type: String, default: void 0 },
+    endText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     direction: {
       type: String,
       default: "vertical"
@@ -29,6 +36,8 @@ var InfiniteScroll = defineComponent({
   },
   emits: ["load-more"],
   setup(props, { emit, slots, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const containerRef = ref(null);
     const sentinelRef = ref(null);
     let cleanupObserver = null;
@@ -97,9 +106,21 @@ var InfiniteScroll = defineComponent({
           role: "status",
           "aria-live": "polite"
         },
-        slots.loader?.() ?? props.loadingText
+        slots.loader?.() ?? resolveLocaleText(
+          "Loading...",
+          props.loadingText,
+          mergedLocale.value?.common?.loadingText
+        )
+      ) : null;
+      const end = !props.hasMore && !props.loading ? h(
+        "div",
+        { class: infiniteScrollEndClasses },
+        slots.end?.() ?? resolveLocaleText(
+          "No more data",
+          props.endText,
+          mergedLocale.value?.common?.noMoreText
+        )
       ) : null;
-      const end = !props.hasMore && !props.loading ? h("div", { class: infiniteScrollEndClasses }, slots.end?.() ?? props.endText) : null;
       const children = props.inverse ? [sentinel, loader, content, end] : [content, sentinel, loader, end];
       return h(
         "div",

package/dist/{chunk-RBHF7NOQ.js → chunk-TXQEHRQB.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/Timeline.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/Timeline.ts
 var _vue = require('vue');
 
 
@@ -14,6 +18,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Timeline = _vue.defineComponent.call(void 0, {
   name: "TigerTimeline",
@@ -61,9 +67,15 @@ var Timeline = _vue.defineComponent.call(void 0, {
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { slots, attrs }) {
+    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 processedItems = _vue.computed.call(void 0, () => {
       let items = [...props.items];
       if (props.reverse) {
@@ -162,7 +174,11 @@ var Timeline = _vue.defineComponent.call(void 0, {
       return _vue.h.call(void 0, "li", { key: "pending", class: itemClasses }, [
         _vue.h.call(void 0, "div", { class: headClasses }, [renderDot({}, true)]),
         _vue.h.call(void 0, "div", { class: contentClasses }, [
-          _vue.h.call(void 0, "div", { class: _tigercatcore.timelineDescriptionClasses }, "Loading...")
+          _vue.h.call(void 0, 
+            "div",
+            { class: _tigercatcore.timelineDescriptionClasses },
+            _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText]))
+          )
         ])
       ]);
     }

package/dist/{chunk-6NFACBDB.js → chunk-UFY654LD.js}

@@ -50,6 +50,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -264,6 +265,7 @@ var Menu = _vue.defineComponent.call(void 0, {
     return () => {
       const renderDataItem = (item) => {
         if (item.children && item.children.length > 0) {
+          const children = item.children;
           return _vue.h.call(void 0, 
             SubMenu,
             {
@@ -273,7 +275,7 @@ var Menu = _vue.defineComponent.call(void 0, {
               icon: item.icon,
               disabled: item.disabled
             },
-            () => item.children.map(renderDataItem)
+            () => children.map(renderDataItem)
           );
         }
         return _vue.h.call(void 0, 
@@ -413,9 +415,7 @@ var MenuItem = _vue.defineComponent.call(void 0, {
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = _optionalChain([rootMenu, 'optionalAccess', _3 => _3.dataset, 'access', _4 => _4.tigerMenuRoot]) === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = _tigercatcore.getMenuNavigationKeys.call(void 0, menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         _tigercatcore.moveFocusInMenu.call(void 0, current, 1);
@@ -772,9 +772,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = _optionalChain([rootMenu, 'optionalAccess', _15 => _15.dataset, 'access', _16 => _16.tigerMenuRoot]) === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = _tigercatcore.getMenuNavigationKeys.call(void 0, menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         _tigercatcore.moveFocusInMenu.call(void 0, current, 1);

package/dist/{chunk-2BNQGU7E.mjs → chunk-UKMOWUYH.mjs}

@@ -1,6 +1,6 @@
 import {
   CheckboxGroupKey
-} from "./chunk-CPV7INZ4.mjs";
+} from "./chunk-P3VAY2IQ.mjs";
 
 // src/components/Checkbox.ts
 import {

package/dist/{chunk-MHNCH2YI.js → chunk-VJ72Y54M.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/Signature.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/Signature.ts
 var _vue = require('vue');
 
 
@@ -17,6 +21,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DEFAULT_WIDTH = 480;
 var DEFAULT_HEIGHT = 180;
@@ -39,7 +46,8 @@ var Signature = _vue.defineComponent.call(void 0, {
     },
     quality: { type: Number, default: 0.92 },
     ariaLabel: { type: String, default: "Signature pad" },
-    clearText: { type: String, default: "Clear" },
+    clearText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     className: { type: String, default: void 0 },
     style: {
       type: Object,
@@ -48,6 +56,8 @@ var Signature = _vue.defineComponent.call(void 0, {
   },
   emits: ["update:modelValue", "change", "begin", "end", "clear"],
   setup(props, { attrs, emit, expose }) {
+    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 canvasRef = _vue.ref.call(void 0, null);
     const strokes = _vue.ref.call(void 0, []);
     const activeStroke = _vue.ref.call(void 0, null);
@@ -57,7 +67,7 @@ var Signature = _vue.defineComponent.call(void 0, {
       const canvas = canvasRef.value;
       const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
       if (!canvas || !context) return;
-      const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+      const ratio = !_tigercatcore.isBrowser.call(void 0, ) ? 1 : window.devicePixelRatio || 1;
       canvas.width = props.width * ratio;
       canvas.height = props.height * ratio;
       canvas.style.width = `${props.width}px`;
@@ -215,7 +225,7 @@ var Signature = _vue.defineComponent.call(void 0, {
                 disabled: isDisabled.value || _tigercatcore.isSignatureEmpty.call(void 0, strokes.value),
                 onClick: clear
               },
-              props.clearText
+              _tigercatcore.resolveLocaleText.call(void 0, "Clear", props.clearText, _optionalChain([mergedLocale, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.clearText]))
             )
           ]) : null
         ]

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

@@ -4,13 +4,13 @@ import {
 } from "./chunk-SGRUGYQ6.mjs";
 import {
   List
-} from "./chunk-PZH2RTSS.mjs";
+} from "./chunk-BYX756N5.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Loading
-} from "./chunk-XQRKFOXS.mjs";
+} from "./chunk-6WF3336O.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
@@ -460,7 +460,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 +494,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-BH4AJQTL.mjs → chunk-VPHM5WEL.mjs}

@@ -1,6 +1,6 @@
 import {
   FormContextKey
-} from "./chunk-7WQN5BYE.mjs";
+} from "./chunk-PPEAQDD5.mjs";
 
 // src/components/FormItem.ts
 import {

package/dist/{chunk-FE2HR4E5.js → chunk-W5DLRGQL.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Transfer.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Transfer.ts
 var _vue = require('vue');
 
 
@@ -18,6 +22,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -72,15 +78,24 @@ var Transfer = _vue.defineComponent.call(void 0, {
     },
     notFoundText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     filterOption: {
       type: Function,
       default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
+    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 sourceSelectedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
     const targetSelectedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
     const sourceSearch = _vue.ref.call(void 0, "");
@@ -167,7 +182,10 @@ var Transfer = _vue.defineComponent.call(void 0, {
         props.showSearch ? _vue.h.call(void 0, "input", {
           type: "text",
           class: _tigercatcore.transferSearchClasses,
-          placeholder: "Search...",
+          placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+            "Search...",
+            _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder])
+          ),
           value: searchValue,
           "aria-label": `Search ${title}`,
           onInput: (e) => onSearch(e.target.value)
@@ -202,7 +220,17 @@ var Transfer = _vue.defineComponent.call(void 0, {
                 _vue.h.call(void 0, "span", { class: "flex-1 truncate" }, item.label)
               ]
             );
-          }) : [_vue.h.call(void 0, "div", { class: _tigercatcore.transferEmptyClasses }, props.notFoundText)]
+          }) : [
+            _vue.h.call(void 0, 
+              "div",
+              { class: _tigercatcore.transferEmptyClasses },
+              _tigercatcore.resolveLocaleText.call(void 0, 
+                "No data",
+                props.notFoundText,
+                _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])
+              )
+            )
+          ]
         )
       ]);
     }

package/dist/{chunk-HFRPZA5S.js → chunk-WGRNO4PB.js}

@@ -1,13 +1,13 @@
 "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 _chunkDS7RQFEGjs = require('./chunk-DS7RQFEG.js');
+var _chunkNCT5FXQBjs = require('./chunk-NCT5FXQB.js');
 
 
-var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/FormWizard.ts
 var _vue = require('vue');
@@ -159,7 +159,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
   },
   emits: ["change", "update:current", "finish"],
   setup(props, { slots, attrs, emit }) {
-    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 labels = _vue.computed.call(void 0, () => _tigercatcore.getFormWizardLabels.call(void 0, mergedLocale.value, props.labels));
     const innerCurrent = _vue.ref.call(void 0, _nullishCoalesce(props.current, () => ( props.defaultCurrent)));
@@ -251,7 +251,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
     };
     return () => {
       const stepsNodes = props.steps.map(
-        (step, index) => _vue.h.call(void 0, _chunkDS7RQFEGjs.StepsItem, {
+        (step, index) => _vue.h.call(void 0, _chunkNCT5FXQBjs.StepsItem, {
           key: _nullishCoalesce(step.key, () => ( index)),
           title: step.title,
           description: step.description,
@@ -281,7 +281,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
         [
           props.showSteps && props.steps.length > 0 ? _vue.h.call(void 0, "div", { class: stepsHeaderClass }, [
             _vue.h.call(void 0, 
-              _chunkDS7RQFEGjs.Steps,
+              _chunkNCT5FXQBjs.Steps,
               {
                 current: currentIndex.value,
                 direction: props.direction,

package/dist/{chunk-PY6P4N2Q.js → chunk-WNYWWGNM.js}

@@ -21,6 +21,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -74,7 +75,7 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
     const loadImage = () => {
       imageLoaded.value = false;
       draft.value = null;
-      if (typeof window === "undefined" || typeof window.Image !== "function") return;
+      if (!_tigercatcore.isBrowser.call(void 0, ) || typeof window.Image !== "function") return;
       const img = new window.Image();
       img.onload = () => {
         const naturalWidth = img.naturalWidth || 1;

package/dist/{chunk-XGO5Q6KK.js → chunk-WYVA3JBH.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/VirtualTable.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/VirtualTable.ts
 var _vue = require('vue');
 
 
@@ -17,6 +21,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var VirtualTable = _vue.defineComponent.call(void 0, {
   name: "TigerVirtualTable",
@@ -39,7 +45,7 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
       default: void 0
     },
     loading: { type: Boolean, default: false },
-    emptyText: { type: String, default: "No data" },
+    emptyText: { type: String, default: void 0 },
     selectable: { type: Boolean, default: false },
     selectedKeys: {
       type: Array,
@@ -47,10 +53,13 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
     },
     striped: { type: Boolean, default: false },
     bordered: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
   },
   emits: ["row-click", "select"],
   setup(props, { emit, attrs }) {
+    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 containerRef = _vue.ref.call(void 0, null);
     const scrollTop = _vue.ref.call(void 0, 0);
     const range = _vue.computed.call(void 0, 
@@ -164,8 +173,16 @@ var VirtualTable = _vue.defineComponent.call(void 0, {
       }) : null;
       const tbody = _vue.h.call(void 0, "tbody", {}, [topSpacer, ...rows, bottomSpacer]);
       const table = _vue.h.call(void 0, "table", { class: "w-full table-fixed" }, [thead, tbody]);
-      const emptyEl = props.data.length === 0 && !props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableEmptyClasses }, props.emptyText) : null;
-      const loadingEl = props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableLoadingClasses }, "Loading...") : null;
+      const emptyEl = props.data.length === 0 && !props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.virtualTableEmptyClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "No data", props.emptyText, _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.emptyText]))
+      ) : null;
+      const loadingEl = props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.virtualTableLoadingClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText]))
+      ) : null;
       return _vue.h.call(void 0, 
         "div",
         {

package/dist/{chunk-KVJIJJ4M.mjs → chunk-WZRC7PJH.mjs}

@@ -1,6 +1,9 @@
 import {
   createFilledIcon
 } from "./chunk-2TNZ4JNT.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/TimePicker.ts
 import {
@@ -23,6 +26,7 @@ import {
   getTimePeriodLabels,
   getTimePickerLabels,
   getTimePickerOptionAriaLabel,
+  mergeTigerLocale,
   to12HourFormat,
   to24HourFormat,
   isTimeInRange,
@@ -49,6 +53,7 @@ import {
   getTimePickerPeriodButtonClasses,
   timePickerFooterClasses,
   timePickerFooterButtonClasses,
+  focusTimePickerOption,
   ClockIconPath,
   TimePickerCloseIconPath
 } from "@expcat/tigercat-core";
@@ -69,7 +74,7 @@ var TimePicker = defineComponent({
      * Locale used for UI labels and display formatting.
      */
     locale: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     /**
@@ -224,6 +229,7 @@ var TimePicker = defineComponent({
     clear: () => true
   },
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
     const isOpen = ref(false);
     const panelRef = ref(null);
     const inputWrapperRef = ref(null);
@@ -265,11 +271,16 @@ var TimePicker = defineComponent({
     watch(() => [activeValue.value, props.format], syncSelectionFromActiveValue, {
       immediate: true
     });
-    const labels = computed(() => getTimePickerLabels(props.locale, props.labels));
+    const localeOverride = computed(
+      () => typeof props.locale === "string" ? { locale: props.locale } : props.locale
+    );
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, localeOverride.value));
+    const localeCode = computed(() => mergedLocale.value?.locale);
+    const labels = computed(() => getTimePickerLabels(mergedLocale.value, props.labels));
     const computedPlaceholder = computed(
       () => props.placeholder ?? (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)
     );
-    const periodLabels = computed(() => getTimePeriodLabels(props.locale));
+    const periodLabels = computed(() => getTimePeriodLabels(localeCode.value));
     const rootClasses = computed(
       () => classNames(timePickerBaseClasses, props.className, coerceClassValue(attrs.class))
     );
@@ -283,7 +294,7 @@ var TimePicker = defineComponent({
           parsedTime.value.seconds,
           props.format,
           props.showSeconds,
-          props.locale
+          localeCode.value
         );
       }
       const toDisplay = (timeStr) => {
@@ -295,7 +306,7 @@ var TimePicker = defineComponent({
           parsed.seconds,
           props.format,
           props.showSeconds,
-          props.locale
+          localeCode.value
         );
       };
       const start = toDisplay(currentRangeValue.value[0]);
@@ -324,25 +335,7 @@ var TimePicker = defineComponent({
       inputRef.value?.focus();
     }
     function focusOptionInUnit(unit, action) {
-      const panel = panelRef.value;
-      if (!panel) return;
-      const all = Array.from(
-        panel.querySelectorAll(`button[data-tiger-timepicker-unit="${unit}"]`)
-      );
-      const nodes = all.filter((button) => !button.disabled);
-      if (nodes.length === 0) return;
-      const active = document.activeElement;
-      const activeIndex = active ? nodes.indexOf(active) : -1;
-      const selectedIndex = nodes.findIndex(
-        (button) => button.getAttribute("aria-selected") === "true"
-      );
-      const baseIndex = activeIndex >= 0 ? activeIndex : Math.max(0, selectedIndex);
-      let nextIndex = baseIndex;
-      if (action === "prev") nextIndex = Math.max(0, baseIndex - 1);
-      if (action === "next") nextIndex = Math.min(nodes.length - 1, baseIndex + 1);
-      if (action === "first") nextIndex = 0;
-      if (action === "last") nextIndex = nodes.length - 1;
-      nodes[nextIndex]?.focus();
+      focusTimePickerOption(panelRef.value, unit, action);
     }
     function handlePanelKeydown(event) {
       if (event.key === "Escape") {
@@ -690,7 +683,7 @@ var TimePicker = defineComponent({
                         "aria-label": getTimePickerOptionAriaLabel(
                           hour,
                           "hour",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected
@@ -721,7 +714,7 @@ var TimePicker = defineComponent({
                         "aria-label": getTimePickerOptionAriaLabel(
                           minute,
                           "minute",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected
@@ -750,7 +743,7 @@ var TimePicker = defineComponent({
                         "aria-label": getTimePickerOptionAriaLabel(
                           second,
                           "second",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected