@expcat/tigercat-vue 1.3.3 → 1.4.0

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

package/dist/{chunk-LL4ASJ4O.mjs → chunk-XJ5VGC5V.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/TreeSelect.ts
 import { defineComponent, h, ref, computed, watch, onBeforeUnmount } from "vue";
 import {
@@ -20,7 +24,9 @@ import {
   icon20ViewBox,
   chevronDownSolidIcon20PathD,
   chevronRightSolidIcon20PathD,
-  closeSolidIcon20PathD
+  closeSolidIcon20PathD,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var treeSelectInstanceId = 0;
 var ChevronDownIcon = h(
@@ -92,16 +98,25 @@ var TreeSelect = defineComponent({
     },
     notFoundText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     defaultExpandAll: {
       type: Boolean,
       default: false
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
     const instanceId = ++treeSelectInstanceId;
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const listboxId = `tiger-treeselect-listbox-${instanceId}`;
     const isOpen = ref(false);
     const searchQuery = ref("");
@@ -261,7 +276,10 @@ var TreeSelect = defineComponent({
             props.showSearch ? h("input", {
               type: "text",
               class: treeSelectSearchClasses,
-              placeholder: "Search...",
+              placeholder: resolveLocaleText(
+                "Search...",
+                mergedLocale.value?.common?.searchPlaceholder
+              ),
               value: searchQuery.value,
               "aria-label": "Search tree",
               onInput: (e) => {
@@ -321,7 +339,15 @@ var TreeSelect = defineComponent({
                   h("span", { class: "flex-1 truncate" }, node.label)
                 ]
               );
-            }) : h("div", { class: treeSelectEmptyClasses }, props.notFoundText)
+            }) : h(
+              "div",
+              { class: treeSelectEmptyClasses },
+              resolveLocaleText(
+                "No data",
+                props.notFoundText,
+                mergedLocale.value?.common?.emptyText
+              )
+            )
           ]
         ) : null
       ]);

package/dist/{chunk-JNIKT6AL.js → chunk-XVNN6D55.js}

@@ -5,6 +5,9 @@
 
 var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/Spotlight.ts
 
 
@@ -40,6 +43,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -76,11 +81,15 @@ var Spotlight = _vue.defineComponent.call(void 0, {
     },
     placeholder: {
       type: String,
-      default: "Search"
+      default: void 0
     },
     emptyText: {
       type: String,
-      default: "No results found"
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     },
     inputAriaLabel: {
       type: String,
@@ -131,8 +140,13 @@ var Spotlight = _vue.defineComponent.call(void 0, {
       default: false
     }
   },
-  emits: ["update:open", "open-change", "close", "update:query", "query-change", "select"],
+  emits: ["update:open", "open-change", "update:query", "query-change", "select"],
   setup(props, { emit, attrs, slots }) {
+    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 placeholderText = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveLocaleText.call(void 0, "Search", props.placeholder, _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder]))
+    );
     const uncontrolledOpen = _vue.ref.call(void 0, props.defaultOpen);
     const uncontrolledQuery = _vue.ref.call(void 0, props.defaultQuery);
     const activeIndex = _vue.ref.call(void 0, -1);
@@ -154,7 +168,6 @@ var Spotlight = _vue.defineComponent.call(void 0, {
       if (props.open === void 0) uncontrolledOpen.value = nextOpen;
       emit("update:open", nextOpen);
       emit("open-change", nextOpen);
-      if (!nextOpen) emit("close");
     };
     const setQueryValue = (nextQuery) => {
       if (props.query === void 0) uncontrolledQuery.value = nextQuery;
@@ -214,7 +227,7 @@ var Spotlight = _vue.defineComponent.call(void 0, {
         _vue.nextTick.call(void 0, () => _tigercatcore.focusFirst.call(void 0, [inputRef.value, dialogRef.value]));
       }
     });
-    _vue.onBeforeUnmount.call(void 0, () => _optionalChain([cleanupEscape, 'optionalCall', _ => _()]));
+    _vue.onBeforeUnmount.call(void 0, () => _optionalChain([cleanupEscape, 'optionalCall', _4 => _4()]));
     _vue.watch.call(void 0, [resolvedOpen, resolvedQuery, () => props.items], updateActiveIndex, { immediate: true });
     _vue.watch.call(void 0, 
       resolvedOpen,
@@ -275,8 +288,8 @@ var Spotlight = _vue.defineComponent.call(void 0, {
                   value: resolvedQuery.value,
                   type: "search",
                   class: _tigercatcore.spotlightInputClasses,
-                  placeholder: props.placeholder,
-                  "aria-label": _nullishCoalesce(props.inputAriaLabel, () => ( props.placeholder)),
+                  placeholder: placeholderText.value,
+                  "aria-label": _nullishCoalesce(props.inputAriaLabel, () => ( placeholderText.value)),
                   autocomplete: "off",
                   ..._tigercatcore.getPickerComboboxAria.call(void 0, {
                     expanded: true,
@@ -356,7 +369,15 @@ var Spotlight = _vue.defineComponent.call(void 0, {
                     ]
                   )
                 )
-              ) : _vue.h.call(void 0, "div", { class: _tigercatcore.spotlightEmptyClasses }, props.emptyText)
+              ) : _vue.h.call(void 0, 
+                "div",
+                { class: _tigercatcore.spotlightEmptyClasses },
+                _tigercatcore.resolveLocaleText.call(void 0, 
+                  "No results found",
+                  props.emptyText,
+                  _optionalChain([mergedLocale, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.common, 'optionalAccess', _7 => _7.emptyText])
+                )
+              )
             ]
           )
         ]