@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-NKVEXKM5.js → chunk-TNKULOHK.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/Form.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/Form.ts
 
 
 
@@ -26,6 +30,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var FormContextKey = /* @__PURE__ */ Symbol("FormContext");
 var Form = _vue.defineComponent.call(void 0, {
@@ -127,6 +133,14 @@ var Form = _vue.defineComponent.call(void 0, {
     maxHistorySize: {
       type: Number,
       default: 50
+    },
+    /**
+     * Locale override for built-in validation messages. Merged on top of the
+     * ConfigProvider locale; a per-rule `message` still takes precedence.
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: {
@@ -140,10 +154,15 @@ var Form = _vue.defineComponent.call(void 0, {
     validate: (fieldName, isValid, _errorMessage) => typeof fieldName === "string" && typeof isValid === "boolean"
   },
   setup(props, { slots, emit, expose }) {
+    const initialValues = { ..._nullishCoalesce(props.model, () => ( {})) };
     const errors = _vue.reactive.call(void 0, []);
     const fieldRules = _vue.reactive.call(void 0, {});
     const fieldConditions = _vue.reactive.call(void 0, {});
     const errorsByField = _vue.computed.call(void 0, () => _tigercatcore.createFormErrorMap.call(void 0, errors));
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const validationMessages = _vue.computed.call(void 0, 
+      () => _tigercatcore.getFormValidationLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
+    );
     let validationDebouncer = _tigercatcore.createFormValidationDebouncer.call(void 0, {
       delay: props.validateDebounce
     });
@@ -222,7 +241,14 @@ var Form = _vue.defineComponent.call(void 0, {
         return null;
       }
       const value = _tigercatcore.getValueByPath.call(void 0, props.model, fieldName);
-      return _tigercatcore.validateField.call(void 0, fieldName, value, effectiveFieldRules, props.model, trigger);
+      return _tigercatcore.validateField.call(void 0, 
+        fieldName,
+        value,
+        effectiveFieldRules,
+        props.model,
+        trigger,
+        validationMessages.value
+      );
     };
     const validateFieldNow = async (fieldName, rulesOverride, trigger) => {
       const conditionState = getFieldConditionState(fieldName);
@@ -276,7 +302,7 @@ var Form = _vue.defineComponent.call(void 0, {
       if (!effectiveRules) {
         return true;
       }
-      const result = await _tigercatcore.validateForm.call(void 0, props.model, effectiveRules);
+      const result = await _tigercatcore.validateForm.call(void 0, props.model, effectiveRules, validationMessages.value);
       errors.push(...result.errors);
       return result.valid;
     };
@@ -325,6 +351,13 @@ var Form = _vue.defineComponent.call(void 0, {
     const resetFields = () => {
       validationDebouncer.cancel();
       clearValidate();
+      if (props.model) {
+        Object.keys(props.model).forEach((key) => delete props.model[key]);
+        Object.assign(props.model, { ...initialValues });
+      }
+      if (props.undoable) {
+        history.value = _tigercatcore.createFormHistory.call(void 0, { ...initialValues }, props.maxHistorySize);
+      }
     };
     const addField = (fieldName, defaultValue) => {
       if (props.model && fieldName) {

package/dist/{chunk-BZBVSB43.js → chunk-TOD67L2E.js}

@@ -57,6 +57,34 @@ var Rate = _vue.defineComponent.call(void 0, {
       hoverValue.value = 0;
       emit("hover-change", 0);
     }
+    function handleKeydown(e) {
+      if (props.disabled) return;
+      const step = props.allowHalf ? 0.5 : 1;
+      let next = props.modelValue;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = Math.min(props.count, props.modelValue + step);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = Math.max(0, props.modelValue - step);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = props.count;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      if (next !== props.modelValue) {
+        emit("update:modelValue", next);
+        emit("change", next);
+      }
+    }
     return () => {
       const isChar = !!props.character;
       const stars = [];
@@ -116,9 +144,7 @@ var Rate = _vue.defineComponent.call(void 0, {
             {
               key: i,
               class: _tigercatcore.getRateStarClasses.call(void 0, props.size, isChar, props.disabled),
-              role: "radio",
-              "aria-checked": full || half,
-              "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+              "aria-hidden": "true",
               onClick: (e) => handleClick(i, e),
               onMousemove: (e) => handleMouseMove(i, e),
               onMouseleave: handleMouseLeave
@@ -127,12 +153,21 @@ var Rate = _vue.defineComponent.call(void 0, {
           )
         );
       }
+      const valueText = `${props.modelValue} star${props.modelValue === 1 ? "" : "s"}`;
       return _vue.h.call(void 0, 
         "div",
         {
           class: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "radiogroup",
-          "aria-label": "Rating"
+          role: "slider",
+          "aria-label": "Rating",
+          "aria-valuemin": 0,
+          "aria-valuemax": props.count,
+          "aria-valuenow": props.modelValue,
+          "aria-valuetext": valueText,
+          "aria-disabled": props.disabled || void 0,
+          "aria-orientation": "horizontal",
+          tabindex: props.disabled ? -1 : 0,
+          onKeydown: handleKeydown
         },
         stars
       );

package/dist/{chunk-OCL22D5E.mjs → chunk-TRN5PL5D.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Cascader.ts
 import { defineComponent, computed, ref, h, watch, onBeforeUnmount } from "vue";
 import {
@@ -22,7 +26,9 @@ import {
   icon20ViewBox,
   chevronDownSolidIcon20PathD,
   closeSolidIcon20PathD,
-  coerceClassValue
+  coerceClassValue,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var cascaderInstanceId = 0;
 var ChevronRightIcon = h(
@@ -86,12 +92,21 @@ var Cascader = defineComponent({
     },
     notFoundText: {
       type: String,
-      default: "No results found"
+      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 instanceId = ++cascaderInstanceId;
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const isOpen = ref(false);
     const searchQuery = ref("");
     const activePath = ref([]);
@@ -110,7 +125,7 @@ var Cascader = defineComponent({
     });
     const flattenedOptions = computed(() => {
       if (!props.showSearch) return [];
-      return flattenCascaderOptions(props.options);
+      return flattenCascaderOptions(props.options, [], [], props.changeOnSelect);
     });
     const searchResults = computed(() => {
       if (!isSearchMode.value) return [];
@@ -282,7 +297,10 @@ var Cascader = defineComponent({
               ref: searchInputRef,
               type: "text",
               class: cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: resolveLocaleText(
+                "Search...",
+                mergedLocale.value?.common?.searchPlaceholder
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               "aria-label": "Search options"
@@ -291,7 +309,17 @@ var Cascader = defineComponent({
         }
         if (isSearchMode.value) {
           if (searchResults.value.length === 0) {
-            children.push(h("div", { class: cascaderEmptyStateClasses }, props.notFoundText));
+            children.push(
+              h(
+                "div",
+                { class: cascaderEmptyStateClasses },
+                resolveLocaleText(
+                  "No results found",
+                  props.notFoundText,
+                  mergedLocale.value?.common?.emptyText
+                )
+              )
+            );
           } else {
             const searchList = h(
               "div",
@@ -310,7 +338,7 @@ var Cascader = defineComponent({
                     }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
                   },
-                  item.label
+                  typeof props.showSearch === "object" && props.showSearch.render ? props.showSearch.render(searchQuery.value, item.path) : item.label
                 )
               )
             );

package/dist/{chunk-LG6KGO5D.js → chunk-TXMPLBWW.js}

@@ -10,6 +10,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Resizable = _vue.defineComponent.call(void 0, {
   name: "TigerResizable",
@@ -130,17 +132,67 @@ var Resizable = _vue.defineComponent.call(void 0, {
         deltaY: clamped.height - startHeight.value
       });
     };
+    const onKeyDown = (handle, e) => {
+      if (props.disabled) return;
+      const delta = _tigercatcore.getResizeKeyboardDelta.call(void 0, e.key);
+      if (!delta) return;
+      e.preventDefault();
+      const startW = _nullishCoalesce(width.value, () => ( 0));
+      const startH = _nullishCoalesce(height.value, () => ( 0));
+      const { deltaWidth, deltaHeight } = _tigercatcore.calculateResizeDelta.call(void 0, 
+        handle,
+        delta.deltaX,
+        delta.deltaY,
+        props.axis
+      );
+      let newW = startW + deltaWidth;
+      let newH = startH + deltaHeight;
+      if (props.lockAspectRatio) {
+        const ar = _tigercatcore.applyAspectRatio.call(void 0, newW, newH, startW, startH);
+        newW = ar.width;
+        newH = ar.height;
+      }
+      const clamped = _tigercatcore.clampDimensions.call(void 0, 
+        newW,
+        newH,
+        props.minWidth,
+        props.minHeight,
+        props.maxWidth,
+        props.maxHeight
+      );
+      width.value = clamped.width;
+      height.value = clamped.height;
+      const evt = {
+        width: clamped.width,
+        height: clamped.height,
+        handle,
+        deltaX: clamped.width - startW,
+        deltaY: clamped.height - startH
+      };
+      emit("resize", evt);
+      emit("resize-end", evt);
+    };
     _vue.onBeforeUnmount.call(void 0, () => {
       cleanupDragSession();
     });
     return () => {
-      const handleNodes = props.handles.map(
-        (pos) => _vue.h.call(void 0, "div", {
+      const handleNodes = props.handles.map((pos) => {
+        const usesHeight = pos === "top" || pos === "bottom";
+        const valueNow = Math.round(_nullishCoalesce((usesHeight ? height.value : width.value), () => ( 0)));
+        return _vue.h.call(void 0, "div", {
           class: _tigercatcore.getResizableHandleClasses.call(void 0, pos, draggingHandle.value === pos, props.disabled),
           "data-handle": pos,
-          onMousedown: (e) => onMouseDown(pos, e)
-        })
-      );
+          role: "separator",
+          "aria-label": `Resize ${pos}`,
+          "aria-orientation": _tigercatcore.getResizeHandleOrientation.call(void 0, pos),
+          "aria-valuenow": valueNow,
+          "aria-valuemin": usesHeight ? props.minHeight : props.minWidth,
+          "aria-valuemax": usesHeight ? props.maxHeight : props.maxWidth,
+          tabindex: props.disabled ? -1 : 0,
+          onMousedown: (e) => onMouseDown(pos, e),
+          onKeydown: (e) => onKeyDown(pos, e)
+        });
+      });
       return _vue.h.call(void 0, 
         "div",
         {

package/dist/{chunk-NOZ65AMO.js → chunk-TYYJPEWG.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/Empty.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/Empty.ts
 var _vue = require('vue');
 
 
@@ -11,6 +15,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Empty = _vue.defineComponent.call(void 0, {
   name: "TigerEmpty",
@@ -35,10 +40,18 @@ var Empty = _vue.defineComponent.call(void 0, {
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { slots, attrs }) {
-    const descText = _vue.computed.call(void 0, () => _nullishCoalesce(props.description, () => ( _tigercatcore.getEmptyDescription.call(void 0, props.preset))));
+    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 descText = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(props.description, () => ( _tigercatcore.getEmptyDescription.call(void 0, props.preset, mergedLocale.value)))
+    );
     return () => {
       const attrsRecord = attrs;
       const children = [];

package/dist/{chunk-EW2IW2JW.js → chunk-U5TSCS34.js}

@@ -1,16 +1,16 @@
 "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 _chunk44N7LE3Qjs = require('./chunk-44N7LE3Q.js');
+var _chunkYTE45DNCjs = require('./chunk-YTE45DNC.js');
 
 
-var _chunkS6Q7TD6Hjs = require('./chunk-S6Q7TD6H.js');
+var _chunkPH6ERFC7js = require('./chunk-PH6ERFC7.js');
 
 
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
-var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
+var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
 
 
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
@@ -160,16 +160,6 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
       },
       { immediate: true }
     );
-    const _currentGroup = _vue.computed.call(void 0, () => {
-      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 = _vue.ref.call(void 0, /* @__PURE__ */ new Map());
     const applyReadOverrides = (items) => {
       if (!props.manageReadState || readStateOverrides.value.size === 0) return items;
@@ -412,7 +402,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
         );
       }
       return _vue.h.call(void 0, 
-        _chunkS6Q7TD6Hjs.List,
+        _chunkPH6ERFC7js.List,
         {
           dataSource: items,
           split: true,
@@ -427,7 +417,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
       );
     };
     const renderTabs = () => _vue.h.call(void 0, 
-      _chunk44N7LE3Qjs.Tabs,
+      _chunkYTE45DNCjs.Tabs,
       {
         type: "line",
         size: "small",
@@ -437,7 +427,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
       {
         default: () => groupTabData.value.map(
           (tab) => _vue.h.call(void 0, 
-            _chunk44N7LE3Qjs.TabPane,
+            _chunkYTE45DNCjs.TabPane,
             {
               key: tab.key,
               tabKey: tab.key,
@@ -460,7 +450,12 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
           _vue.h.call(void 0, "div", { class: "flex items-center gap-2.5" }, [
             _vue.h.call(void 0, 
               _chunkTGHB5XSTjs.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 ? _vue.h.call(void 0, 
@@ -489,7 +484,10 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
         renderReadFilterButtons()
       ]);
       const content = props.loading ? _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-16" }, [
-        _vue.h.call(void 0, _chunk6XI4VDU4js.Loading, { text: props.loadingText, class: "text-blue-500 dark:text-blue-400 font-medium" })
+        _vue.h.call(void 0, _chunkRBWJSHKRjs.Loading, {
+          text: props.loadingText,
+          class: "text-blue-500 dark:text-blue-400 font-medium"
+        })
       ]) : resolvedGroups.value.length > 0 ? _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filteredFlatItems.value)
       ]);

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-SLYUQ67P.js → chunk-UKR3IJF3.js}

@@ -10,6 +10,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Slider = _vue.defineComponent.call(void 0, {
   name: "TigerSlider",
@@ -290,7 +291,8 @@ var Slider = _vue.defineComponent.call(void 0, {
       };
       const createMarks = () => {
         if (!props.marks) return null;
-        const marks = typeof props.marks === "boolean" ? {} : props.marks;
+        const marks = _tigercatcore.sliderResolveMarks.call(void 0, props.marks, props.min, props.max);
+        if (Object.keys(marks).length === 0) return null;
         return _vue.h.call(void 0, 
           "div",
           { class: "absolute w-full top-full mt-2" },

package/dist/{chunk-M5PGWW25.mjs → chunk-UTGFGMZT.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";
@@ -295,6 +295,15 @@ var RadarChart = defineComponent({
       hoveredPoint.value = null;
       handleHoverLeave();
     };
+    const showPointTooltipFromElement = (el, seriesIndex, pointIndex) => {
+      if (!props.hoverable) return;
+      const rect = el.getBoundingClientRect();
+      hoveredPoint.value = { seriesIndex, pointIndex };
+      handleHoverEnter(seriesIndex, {
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      });
+    };
     const axisData = computed(() => {
       if (props.series && props.series.length > 0) return props.series[0]?.data ?? [];
       return props.data ?? [];
@@ -678,13 +687,34 @@ var RadarChart = defineComponent({
                           props.showTooltip && props.hoverable ? "cursor-pointer" : null,
                           "transition-[r] duration-150 ease-out"
                         ),
+                        role: props.showTooltip && props.hoverable ? "button" : "img",
+                        "aria-label": point.data.label ?? String(point.data.value),
+                        tabindex: props.showTooltip && props.hoverable ? 0 : void 0,
                         "data-radar-point": "true",
                         "data-series-index": seriesIndex,
                         "data-series-key": item.seriesKey,
                         "data-point-index": point.index,
                         onMouseenter: props.showTooltip && props.hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
                         onMousemove: props.showTooltip && props.hoverable ? handlePointMove : void 0,
-                        onMouseleave: props.showTooltip && props.hoverable ? handlePointLeave : void 0
+                        onMouseleave: props.showTooltip && props.hoverable ? handlePointLeave : void 0,
+                        onFocus: props.showTooltip && props.hoverable ? (e) => showPointTooltipFromElement(
+                          e.currentTarget,
+                          seriesIndex,
+                          point.index
+                        ) : void 0,
+                        onBlur: props.showTooltip && props.hoverable ? handlePointLeave : void 0,
+                        onKeydown: props.showTooltip && props.hoverable ? (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            showPointTooltipFromElement(
+                              e.currentTarget,
+                              seriesIndex,
+                              point.index
+                            );
+                          } else if (e.key === "Escape") {
+                            handlePointLeave();
+                          }
+                        } : void 0
                       });
                     }) : null
                   ]