@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-WZBOHL2F.js → chunk-QKJATAJP.js}

@@ -1,24 +1,24 @@
 "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 _chunk2VVXW53Xjs = require('./chunk-2VVXW53X.js');
+var _chunkVDKUKZS2js = require('./chunk-VDKUKZS2.js');
 
 
-var _chunkAEOREYSJjs = require('./chunk-AEOREYSJ.js');
+var _chunkCFJST2X2js = require('./chunk-CFJST2X2.js');
 
 
 var _chunkXV6IYXAPjs = require('./chunk-XV6IYXAP.js');
 
 
-var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkH2XEJHGRjs = require('./chunk-H2XEJHGR.js');
 
 
-var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
+var _chunkPFWRFHSBjs = require('./chunk-PFWRFHSB.js');
 
 
-var _chunk2YFXJUBTjs = require('./chunk-2YFXJUBT.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/DataTableWithToolbar.ts
 
@@ -151,6 +151,90 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: Function,
       default: void 0
     },
+    cardSelectionPosition: {
+      type: String,
+      default: void 0
+    },
+    cardPadding: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    cardFieldGap: {
+      type: String,
+      default: void 0
+    },
+    expandable: {
+      type: Object,
+      default: void 0
+    },
+    virtual: {
+      type: Boolean,
+      default: void 0
+    },
+    autoVirtual: {
+      type: Boolean,
+      default: void 0
+    },
+    virtualHeight: {
+      type: Number,
+      default: void 0
+    },
+    virtualItemHeight: {
+      type: Number,
+      default: void 0
+    },
+    autoVirtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    virtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    editable: {
+      type: Boolean,
+      default: void 0
+    },
+    editableCells: {
+      type: Object,
+      default: void 0
+    },
+    filterMode: {
+      type: String,
+      default: void 0
+    },
+    advancedFilterRules: {
+      type: Array,
+      default: void 0
+    },
+    columnDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    rowDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    summaryRow: {
+      type: Object,
+      default: void 0
+    },
+    groupBy: {
+      type: String,
+      default: void 0
+    },
+    exportable: {
+      type: Boolean,
+      default: void 0
+    },
+    exportFormat: {
+      type: String,
+      default: void 0
+    },
+    exportFilename: {
+      type: String,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -181,10 +265,10 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     "page-change": (_current, _pageSize) => true,
     "page-size-change": (_current, _pageSize) => true,
     "update:hiddenColumnKeys": (_hiddenKeys) => true,
-    "hidden-columns-change": (_hiddenKeys) => true
+    "hidden-column-keys-change": (_hiddenKeys) => true
   },
   setup(props, { attrs, emit, slots }) {
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
     const internalSearch = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.toolbar, 'optionalAccess', _2 => _2.defaultSearchValue]), () => ( "")));
     const internalHiddenKeys = _vue.ref.call(void 0, 
       _nullishCoalesce(_nullishCoalesce(props.defaultHiddenColumnKeys, () => ( props.hiddenColumnKeys)), () => ( []))
@@ -288,7 +372,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         internalHiddenKeys.value = nextHiddenKeys;
       }
       emit("update:hiddenColumnKeys", nextHiddenKeys);
-      emit("hidden-columns-change", nextHiddenKeys);
+      emit("hidden-column-keys-change", nextHiddenKeys);
     };
     const handleToggleColumnVisibility = (columnKey, visible) => {
       const nextHiddenKeys = visible ? resolvedHiddenKeys.value.filter((key) => key !== columnKey) : [...resolvedHiddenKeys.value, columnKey];
@@ -404,7 +488,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
             props.columns.map((column) => {
               const locked = lockedKeys.has(column.key) || column.hideable === false;
               return _vue.h.call(void 0, 
-                _chunk2YFXJUBTjs.Checkbox,
+                _chunkPFWRFHSBjs.Checkbox,
                 {
                   key: column.key,
                   size: "sm",
@@ -450,7 +534,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
             },
             [
               _vue.h.call(void 0, 
-                _chunkBYNMOQBBjs.Input,
+                _chunkH2XEJHGRjs.Input,
                 {
                   type: "search",
                   size: "sm",
@@ -535,7 +619,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                 style: filter.itemStyle
               },
               [
-                _vue.h.call(void 0, _chunkAEOREYSJjs.Select, {
+                _vue.h.call(void 0, _chunkCFJST2X2js.Select, {
                   size: "sm",
                   options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
                     label: opt.label,
@@ -656,6 +740,29 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         cardLayout: props.cardLayout,
         cardClassName: props.cardClassName,
         renderCard: props.renderCard,
+        // Forward advanced Table capabilities only when explicitly provided so
+        // Table's own defaults are preserved.
+        ...props.cardSelectionPosition !== void 0 ? { cardSelectionPosition: props.cardSelectionPosition } : {},
+        ...props.cardPadding !== void 0 ? { cardPadding: props.cardPadding } : {},
+        ...props.cardFieldGap !== void 0 ? { cardFieldGap: props.cardFieldGap } : {},
+        ...props.expandable !== void 0 ? { expandable: props.expandable } : {},
+        ...props.virtual !== void 0 ? { virtual: props.virtual } : {},
+        ...props.autoVirtual !== void 0 ? { autoVirtual: props.autoVirtual } : {},
+        ...props.virtualHeight !== void 0 ? { virtualHeight: props.virtualHeight } : {},
+        ...props.virtualItemHeight !== void 0 ? { virtualItemHeight: props.virtualItemHeight } : {},
+        ...props.autoVirtualThreshold !== void 0 ? { autoVirtualThreshold: props.autoVirtualThreshold } : {},
+        ...props.virtualThreshold !== void 0 ? { virtualThreshold: props.virtualThreshold } : {},
+        ...props.editable !== void 0 ? { editable: props.editable } : {},
+        ...props.editableCells !== void 0 ? { editableCells: props.editableCells } : {},
+        ...props.filterMode !== void 0 ? { filterMode: props.filterMode } : {},
+        ...props.advancedFilterRules !== void 0 ? { advancedFilterRules: props.advancedFilterRules } : {},
+        ...props.columnDraggable !== void 0 ? { columnDraggable: props.columnDraggable } : {},
+        ...props.rowDraggable !== void 0 ? { rowDraggable: props.rowDraggable } : {},
+        ...props.summaryRow !== void 0 ? { summaryRow: props.summaryRow } : {},
+        ...props.groupBy !== void 0 ? { groupBy: props.groupBy } : {},
+        ...props.exportable !== void 0 ? { exportable: props.exportable } : {},
+        ...props.exportFormat !== void 0 ? { exportFormat: props.exportFormat } : {},
+        ...props.exportFilename !== void 0 ? { exportFilename: props.exportFilename } : {},
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
@@ -668,7 +775,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunk2VVXW53Xjs.Table, tableProps, tableSlots)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkVDKUKZS2js.Table, tableProps, tableSlots)]
       );
     };
   }

package/dist/{chunk-VG6E4NX6.mjs → chunk-R6WFL6NI.mjs}

@@ -14,6 +14,7 @@ import {
   getImmediateTigerLocale,
   resolveTigerLocale,
   getLocaleDirection,
+  isBrowser,
   ThemeManager
 } from "@expcat/tigercat-core";
 var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
@@ -105,7 +106,7 @@ var ConfigProvider = defineComponent({
     watch(
       () => merged.value.direction,
       (direction) => {
-        if (!direction || typeof document === "undefined") return;
+        if (!direction || !isBrowser()) return;
         const root = document.documentElement;
         if (previousDir === null && previousDataDir === null) {
           previousDir = root.getAttribute("dir");
@@ -117,7 +118,7 @@ var ConfigProvider = defineComponent({
       { immediate: true }
     );
     onBeforeUnmount(() => {
-      if (typeof document === "undefined") return;
+      if (!isBrowser()) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");
       else root.setAttribute("dir", previousDir);

package/dist/{chunk-6XI4VDU4.js → chunk-RBWJSHKR.js}

@@ -1,8 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"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 _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/Loading.ts
 var _vue = require('vue');
 
@@ -21,6 +24,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Loading = _vue.defineComponent.call(void 0, {
   name: "TigerLoading",
@@ -73,10 +78,16 @@ var Loading = _vue.defineComponent.call(void 0, {
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { attrs }) {
     _tigercatcore.injectLoadingAnimationStyles.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 visible = _vue.ref.call(void 0, false);
     let timer = null;
     const shouldLockBodyScroll = _vue.computed.call(void 0, 
@@ -198,7 +209,7 @@ var Loading = _vue.defineComponent.call(void 0, {
         "div",
         {
           role: "status",
-          "aria-label": props.text || "Loading",
+          "aria-label": props.text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText])),
           "aria-live": "polite",
           "aria-busy": true,
           ...attrs,

package/dist/{chunk-UAD2XROX.mjs → chunk-RD2NFAB6.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 {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";

package/dist/{chunk-WUHW7AIM.mjs → chunk-RHV6DWY6.mjs}

@@ -41,6 +41,7 @@ import {
   moveFocusInMenu,
   focusMenuEdge,
   focusFirstChildItem,
+  getMenuNavigationKeys,
   submenuContentHorizontalClasses,
   submenuContentHorizontalNestedClasses,
   submenuContentPopupClasses,
@@ -264,6 +265,7 @@ var Menu = defineComponent({
     return () => {
       const renderDataItem = (item) => {
         if (item.children && item.children.length > 0) {
+          const children = item.children;
           return h(
             SubMenu,
             {
@@ -273,7 +275,7 @@ var Menu = defineComponent({
               icon: item.icon,
               disabled: item.disabled
             },
-            () => item.children.map(renderDataItem)
+            () => children.map(renderDataItem)
           );
         }
         return h(
@@ -413,9 +415,7 @@ var MenuItem = defineComponent({
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = getMenuNavigationKeys(menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         moveFocusInMenu(current, 1);
@@ -772,9 +772,7 @@ var SubMenu = defineComponent({
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = getMenuNavigationKeys(menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         moveFocusInMenu(current, 1);

package/dist/{chunk-VCBBWDOV.mjs → chunk-RTZUIWCN.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Timeline.ts
 import { defineComponent, computed, h } from "vue";
 import {
@@ -13,7 +17,9 @@ import {
   getPendingDotClasses,
   timelineListClasses,
   timelineLabelClasses,
-  timelineDescriptionClasses
+  timelineDescriptionClasses,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var Timeline = defineComponent({
   name: "TigerTimeline",
@@ -61,9 +67,15 @@ var Timeline = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { slots, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const processedItems = computed(() => {
       let items = [...props.items];
       if (props.reverse) {
@@ -162,7 +174,15 @@ var Timeline = defineComponent({
       return h("li", { key: "pending", class: itemClasses }, [
         h("div", { class: headClasses }, [renderDot({}, true)]),
         h("div", { class: contentClasses }, [
-          h("div", { class: timelineDescriptionClasses }, "Loading...")
+          h(
+            "div",
+            { class: timelineDescriptionClasses },
+            resolveLocaleText(
+              "Loading...",
+              mergedLocale.value?.timeline?.pendingText,
+              mergedLocale.value?.common?.loadingText
+            )
+          )
         ])
       ]);
     }

package/dist/{chunk-NDS2DLUS.mjs → chunk-S4Z77VIB.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";
@@ -123,6 +123,10 @@ var PieChart = defineComponent({
       type: Number,
       default: 8
     },
+    legendFormatter: {
+      type: Function,
+      default: void 0
+    },
     // Tooltip props
     showTooltip: {
       type: Boolean,
@@ -217,7 +221,7 @@ var PieChart = defineComponent({
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d) => d.label ?? `${d.value}`,
+        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : d.label ?? `${d.value}`,
         getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
       })
     );

package/dist/{chunk-5VSKQLK3.js → chunk-SIVMTPDY.js}

@@ -3,13 +3,13 @@
 var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
 
-var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+var _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
 
 
 var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
 
 
-var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
 
 
 var _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
@@ -249,12 +249,16 @@ var AreaChart = _vue.defineComponent.call(void 0, {
     "point-hover"
   ],
   setup(props, { emit }) {
+    const instance = _vue.getCurrentInstance.call(void 0, );
     const hoveredPointInfo = _vue.ref.call(void 0, null);
     const tooltipPosition = _vue.ref.call(void 0, { x: 0, y: 0 });
     const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "area", _vue.useId.call(void 0, ));
     const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
     const resolvedSeries = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveSeriesData.call(void 0, props.series, props.data)
+      () => _tigercatcore.resolveSeriesData.call(void 0, props.series, props.data, {
+        color: props.areaColor,
+        pointColor: props.pointColor
+      })
     );
     const {
       resolvedHoveredIndex: _resolvedHoveredIndex,
@@ -409,12 +413,24 @@ var AreaChart = _vue.defineComponent.call(void 0, {
       hoveredPointInfo.value = null;
       emit("point-hover", null, null, null);
     };
+    const showPointTooltipFromElement = (el, seriesIndex, pointIndex) => {
+      if (!props.hoverable) return;
+      const rect = el.getBoundingClientRect();
+      hoveredPointInfo.value = { seriesIndex, pointIndex };
+      tooltipPosition.value = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
+      emit(
+        "point-hover",
+        seriesIndex,
+        pointIndex,
+        _optionalChain([resolvedSeries, 'access', _5 => _5.value, 'access', _6 => _6[seriesIndex], 'optionalAccess', _7 => _7.data, 'access', _8 => _8[pointIndex]])
+      );
+    };
     const handlePointClick = (seriesIndex, pointIndex) => {
       emit(
         "point-click",
         seriesIndex,
         pointIndex,
-        _optionalChain([resolvedSeries, 'access', _5 => _5.value, 'access', _6 => _6[seriesIndex], 'optionalAccess', _7 => _7.data, 'access', _8 => _8[pointIndex]])
+        _optionalChain([resolvedSeries, 'access', _9 => _9.value, 'access', _10 => _10[seriesIndex], 'optionalAccess', _11 => _11.data, 'access', _12 => _12[pointIndex]])
       );
       handleSeriesSelect(seriesIndex);
     };
@@ -425,6 +441,7 @@ var AreaChart = _vue.defineComponent.call(void 0, {
       handleSeriesSelect(seriesIndex);
     };
     return () => {
+      const pointClickable = props.selectable || typeof _optionalChain([instance, 'optionalAccess', _13 => _13.vnode, 'access', _14 => _14.props, 'optionalAccess', _15 => _15.onPointClick]) === "function";
       const reversedSeriesData = [...seriesData.value].reverse();
       const chart = _vue.h.call(void 0, 
         _chunkUHVUKLHFjs.ChartCanvas,
@@ -631,8 +648,10 @@ var AreaChart = _vue.defineComponent.call(void 0, {
                   "data-series-key": sd.seriesKey
                 },
                 sd.points.map((point) => {
-                  const isHovered = _optionalChain([hoveredPointInfo, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'access', _11 => _11.value, 'optionalAccess', _12 => _12.pointIndex]) === point.pointIndex;
+                  const isHovered = _optionalChain([hoveredPointInfo, 'access', _16 => _16.value, 'optionalAccess', _17 => _17.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.pointIndex]) === point.pointIndex;
                   const hoverSize = sd.pointSize + 2;
+                  const datum = _optionalChain([resolvedSeries, 'access', _20 => _20.value, 'access', _21 => _21[sd.seriesIndex], 'optionalAccess', _22 => _22.data, 'optionalAccess', _23 => _23[point.pointIndex]]);
+                  const pointInteractive = props.hoverable || pointClickable;
                   return _vue.h.call(void 0, "circle", {
                     key: `point-${sd.seriesKey}-${point.pointIndex}`,
                     cx: point.x,
@@ -641,17 +660,46 @@ var AreaChart = _vue.defineComponent.call(void 0, {
                     fill: sd.pointHollow ? "white" : props.pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                     stroke: sd.pointHollow ? sd.pointColor : "none",
                     "stroke-width": sd.pointHollow ? 2 : 0,
-                    class: _tigercatcore.linePointTransitionClasses,
+                    class: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.linePointTransitionClasses,
+                      pointInteractive && "cursor-pointer"
+                    ),
                     style: isHovered ? `filter: drop-shadow(0 0 4px ${sd.color})` : void 0,
+                    role: pointInteractive ? "button" : "img",
+                    "aria-label": _nullishCoalesce(_optionalChain([datum, 'optionalAccess', _24 => _24.label]), () => ( String(_nullishCoalesce(_optionalChain([datum, 'optionalAccess', _25 => _25.y]), () => ( ""))))),
+                    tabindex: pointInteractive ? 0 : void 0,
                     "data-point-index": point.pointIndex,
                     "data-series-key": sd.seriesKey,
-                    onMouseenter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                    onMousemove: handlePointMouseMove,
-                    onMouseleave: handlePointMouseLeave,
-                    onClick: (e) => {
+                    onMouseenter: props.hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                    onMousemove: props.hoverable ? handlePointMouseMove : void 0,
+                    onMouseleave: props.hoverable ? handlePointMouseLeave : void 0,
+                    onClick: pointClickable ? (e) => {
                       e.stopPropagation();
                       handlePointClick(sd.seriesIndex, point.pointIndex);
-                    }
+                    } : void 0,
+                    onFocus: props.hoverable ? (e) => showPointTooltipFromElement(
+                      e.currentTarget,
+                      sd.seriesIndex,
+                      point.pointIndex
+                    ) : void 0,
+                    onBlur: props.hoverable ? handlePointMouseLeave : void 0,
+                    onKeydown: pointInteractive ? (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if (pointClickable) {
+                          handlePointClick(sd.seriesIndex, point.pointIndex);
+                        } else {
+                          showPointTooltipFromElement(
+                            e.currentTarget,
+                            sd.seriesIndex,
+                            point.pointIndex
+                          );
+                        }
+                      } else if (e.key === "Escape" && props.hoverable) {
+                        handlePointMouseLeave();
+                      }
+                    } : void 0
                   });
                 })
               )
@@ -659,7 +707,7 @@ var AreaChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      const tooltip = props.showTooltip ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: hoveredPointInfo.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -670,7 +718,7 @@ var AreaChart = _vue.defineComponent.call(void 0, {
       }
       return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
+        _vue.h.call(void 0, _chunkKLOUOXNAjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,

package/dist/{chunk-7VHDBN6U.js → chunk-SJSZHQWX.js}

@@ -1,8 +1,5 @@
 "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 _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
-
-
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
@@ -11,6 +8,9 @@ var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/Modal.ts
 
 
@@ -219,7 +219,7 @@ var Modal = _vue.defineComponent.call(void 0, {
   },
   emits: ["update:open", "close", "cancel", "ok"],
   setup(props, { slots, emit, attrs }) {
-    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 instanceId = _vue.ref.call(void 0, createModalId());
     const hasBeenOpened = _vue.ref.call(void 0, props.open);