@expcat/tigercat-vue 1.4.0 → 1.5.0

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-YSUT2GRP.mjs → chunk-SMCOBLF6.mjs}

@@ -1,3 +1,6 @@
+import {
+  ChartTooltip
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";
@@ -30,6 +33,8 @@ var GaugeChart = defineComponent({
     showTicks: { type: Boolean, default: true },
     tickCount: { type: Number, default: 5 },
     valueFormatter: { type: Function },
+    tooltipFormatter: { type: Function },
+    showTooltip: { type: Boolean, default: true },
     label: { type: String },
     segments: {
       type: Array
@@ -67,6 +72,26 @@ var GaugeChart = defineComponent({
     onBeforeUnmount(() => {
       animCtrl?.stop();
     });
+    const wrapperRef = ref(null);
+    const tooltipState = ref({ visible: false, x: 0, y: 0 });
+    const handleTooltipMove = (e) => {
+      if (!props.showTooltip) return;
+      tooltipState.value = { visible: true, x: e.clientX, y: e.clientY };
+    };
+    const handleTooltipLeave = () => {
+      tooltipState.value = { ...tooltipState.value, visible: false };
+    };
+    const handleTooltipFocus = () => {
+      if (!props.showTooltip) return;
+      const rect = wrapperRef.value?.getBoundingClientRect();
+      if (rect) {
+        tooltipState.value = {
+          visible: true,
+          x: rect.left + rect.width / 2,
+          y: rect.top + rect.height / 2
+        };
+      }
+    };
     const ticks = computed(
       () => props.showTicks ? computeGaugeTicks(
         cx.value,
@@ -110,7 +135,8 @@ var GaugeChart = defineComponent({
       }) ?? [];
       const needlePath = createGaugeNeedlePath(c, cY, r - aw - 6, animatedAngle.value);
       const formattedValue = props.valueFormatter ? props.valueFormatter(props.value) : `${props.value}`;
-      return h(
+      const tooltipContent = props.tooltipFormatter ? props.tooltipFormatter(props.value) : props.label ? `${props.label}: ${formattedValue}` : formattedValue;
+      const canvas = h(
         ChartCanvas,
         {
           width: props.width,
@@ -219,6 +245,29 @@ var GaugeChart = defineComponent({
           ]
         }
       );
+      return h(
+        "div",
+        {
+          ref: wrapperRef,
+          class: "inline-block relative",
+          tabindex: props.showTooltip ? 0 : void 0,
+          role: "img",
+          "aria-label": props.label ? `${props.label}: ${formattedValue}` : formattedValue,
+          onMousemove: handleTooltipMove,
+          onMouseleave: handleTooltipLeave,
+          onFocus: handleTooltipFocus,
+          onBlur: handleTooltipLeave
+        },
+        [
+          canvas,
+          props.showTooltip ? h(ChartTooltip, {
+            content: tooltipContent,
+            visible: tooltipState.value.visible && tooltipContent !== "",
+            x: tooltipState.value.x,
+            y: tooltipState.value.y
+          }) : null
+        ]
+      );
     };
   }
 });

package/dist/{chunk-GY75BFAV.js → chunk-SOSHYDIX.js}

@@ -1,18 +1,18 @@
 "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 _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
+var _chunkAWXSJNNPjs = require('./chunk-AWXSJNNP.js');
 
 
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
-var _chunkBPAZBRCRjs = require('./chunk-BPAZBRCR.js');
+var _chunkVUGFSHU2js = require('./chunk-VUGFSHU2.js');
 
 
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
-var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
+var _chunkOQOJI5Q7js = require('./chunk-OQOJI5Q7.js');
 
 // src/components/CommentThread.ts
 var _vue = require('vue');
@@ -334,7 +334,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, "div", { class: "flex gap-3" }, [
-            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
+            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkOQOJI5Q7js.Avatar, {
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
               text: node.user.name,
@@ -363,22 +363,22 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                   { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
                 node.tag ? _vue.h.call(void 0, 
-                  _chunkBPAZBRCRjs.Tag,
+                  _chunkVUGFSHU2js.Tag,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(node.tag.variant, () => ( "default")),
-                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10"
                   },
                   { default: () => _optionalChain([node, 'access', _11 => _11.tag, 'optionalAccess', _12 => _12.label]) }
                 ) : null,
                 ...(_nullishCoalesce(node.tags, () => ( []))).map(
                   (tag, index) => _vue.h.call(void 0, 
-                    _chunkBPAZBRCRjs.Tag,
+                    _chunkVUGFSHU2js.Tag,
                     {
                       key: `${node.id}-tag-${index}`,
                       size: "sm",
                       variant: _nullishCoalesce(tag.variant, () => ( "default")),
-                      className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                      className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10"
                     },
                     { default: () => tag.label }
                   )
@@ -408,7 +408,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                   class: "mt-3 space-y-3 bg-gray-50/50 dark:bg-gray-900/30 border border-gray-100 dark:border-gray-800/80 p-4 rounded-xl shadow-sm backdrop-blur-sm transition-all duration-300"
                 },
                 [
-                  _vue.h.call(void 0, _chunk6FXYRDYHjs.Textarea, {
+                  _vue.h.call(void 0, _chunkAWXSJNNPjs.Textarea, {
                     rows: 3,
                     modelValue: replyValue.value,
                     placeholder: props.replyPlaceholder,

package/dist/{chunk-KN64NDJS.js → chunk-TCB3WFYM.js}

@@ -1,21 +1,21 @@
 "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 _chunk5F6P5Y4Kjs = require('./chunk-5F6P5Y4K.js');
+var _chunkLKRT27JWjs = require('./chunk-LKRT27JW.js');
 
 
-var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
+var _chunkH2XEJHGRjs = require('./chunk-H2XEJHGR.js');
 
 
-var _chunkNOZ65AMOjs = require('./chunk-NOZ65AMO.js');
+var _chunkTYYJPEWGjs = require('./chunk-TYYJPEWG.js');
 
 
-var _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
+var _chunkAWXSJNNPjs = require('./chunk-AWXSJNNP.js');
 
 
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
-var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
+var _chunkOQOJI5Q7js = require('./chunk-OQOJI5Q7.js');
 
 // src/components/ChatWindow.ts
 var _vue = require('vue');
@@ -25,6 +25,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var ChatWindow = _vue.defineComponent.call(void 0, {
   name: "TigerChatWindow",
@@ -230,7 +231,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
           key: _nullishCoalesce(message.id, () => ( index))
         },
         [
-          props.showAvatar && message.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
+          props.showAvatar && message.user ? _vue.h.call(void 0, _chunkOQOJI5Q7js.Avatar, {
             size: "sm",
             src: message.user.avatar,
             text: message.user.name,
@@ -280,9 +281,9 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
         "aria-label": resolvedInputLabel
       };
       if (props.inputType === "input") {
-        return _vue.h.call(void 0, _chunkBYNMOQBBjs.Input, commonProps);
+        return _vue.h.call(void 0, _chunkH2XEJHGRjs.Input, commonProps);
       }
-      return _vue.h.call(void 0, _chunk6FXYRDYHjs.Textarea, { ...commonProps, rows: props.inputRows });
+      return _vue.h.call(void 0, _chunkAWXSJNNPjs.Textarea, { ...commonProps, rows: props.inputRows });
     };
     return () => _vue.h.call(void 0, 
       "div",
@@ -305,7 +306,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
           },
           [
             _vue.h.call(void 0, 
-              _chunk5F6P5Y4Kjs.VirtualList,
+              _chunkLKRT27JWjs.VirtualList,
               {
                 itemCount: props.messages.length,
                 itemHeight: props.virtualItemHeight,
@@ -332,14 +333,14 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
               {
                 class: "h-full flex items-center justify-center py-8"
               },
-              [_vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { description: props.emptyText })]
+              [_vue.h.call(void 0, _chunkTYYJPEWGjs.Empty, { description: props.emptyText })]
             )
           ] : props.messages.map((message, index) => renderMessageItem(message, index))
         ),
         props.statusText ? _vue.h.call(void 0, 
           "div",
           {
-            class: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]"
+            class: _tigercatcore.getChatStatusBarClasses.call(void 0, props.statusVariant)
           },
           props.statusText
         ) : null,

package/dist/{chunk-A6T2IHFC.mjs → chunk-TM73IWEY.mjs}

@@ -1,7 +1,12 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/ImageAnnotation.ts
 import { computed, defineComponent, h, onMounted, ref, watch } from "vue";
 import {
   classNames,
+  isActivationKey,
   coerceClassValue,
   createImageAnnotationBox,
   createImageAnnotationPath,
@@ -12,7 +17,7 @@ import {
   getImageAnnotationShapeAriaLabel,
   getImageAnnotationStrokeColor,
   getImageAnnotationToolButtonClasses,
-  getImageAnnotationToolLabel,
+  getImageEditorLabels,
   imageAnnotationContainerClasses,
   imageAnnotationDeleteButtonClasses,
   imageAnnotationImageClasses,
@@ -22,6 +27,7 @@ import {
   imageAnnotationStageClasses,
   imageAnnotationToolbarClasses,
   isBrowser,
+  mergeTigerLocale,
   mergeStyleValues,
   shouldCommitImageAnnotationBox
 } from "@expcat/tigercat-core";
@@ -29,6 +35,10 @@ var ImageAnnotation = defineComponent({
   name: "TigerImageAnnotation",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     src: { type: String, required: true },
     alt: { type: String, default: "Image to annotate" },
     modelValue: { type: Array, default: void 0 },
@@ -57,6 +67,16 @@ var ImageAnnotation = defineComponent({
   },
   emits: ["update:modelValue", "change", "select", "tool-change", "ready"],
   setup(props, { attrs, emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getImageEditorLabels(mergedLocale.value));
+    const toolLabels = computed(() => ({
+      select: labels.value.selectToolText,
+      rectangle: labels.value.rectangleToolText,
+      ellipse: labels.value.ellipseToolText,
+      polygon: labels.value.polygonToolText,
+      freehand: labels.value.freehandToolText
+    }));
     const containerRef = ref(null);
     const overlayRef = ref(null);
     const idSeed = ref(0);
@@ -188,16 +208,18 @@ var ImageAnnotation = defineComponent({
       drawing.value = { tool: "polygon", start: points[0], points };
       draft.value = createImageAnnotationPath("polygon", "draft", points);
     };
+    const removeAnnotation = (annotation) => {
+      if (!canEdit.value) return;
+      const next = annotations.value.filter((item) => item.id !== annotation.id);
+      commitAnnotations(next, { type: "remove", annotation });
+      selectAnnotation(null);
+    };
     const removeSelectedAnnotation = () => {
       if (!canEdit.value || !activeSelectedId.value) return;
       const removed = annotations.value.find(
         (annotation) => annotation.id === activeSelectedId.value
       );
-      const next = annotations.value.filter(
-        (annotation) => annotation.id !== activeSelectedId.value
-      );
-      commitAnnotations(next, { type: "remove", annotation: removed });
-      selectAnnotation(null);
+      if (removed) removeAnnotation(removed);
     };
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -231,6 +253,21 @@ var ImageAnnotation = defineComponent({
           if (isDraft) return;
           event.stopPropagation();
           selectAnnotation(annotation);
+        },
+        // SVG `role="button"` does not fire click on Enter/Space natively, so
+        // wire keyboard activation (select) and Delete/Backspace (remove) here.
+        onKeydown: isDraft ? void 0 : (event) => {
+          if (isActivationKey(event)) {
+            event.preventDefault();
+            event.stopPropagation();
+            selectAnnotation(annotation);
+            return;
+          }
+          if (event.key === "Delete" || event.key === "Backspace") {
+            event.preventDefault();
+            event.stopPropagation();
+            removeAnnotation(annotation);
+          }
         }
       };
       if (annotation.type === "rectangle") {
@@ -277,7 +314,10 @@ var ImageAnnotation = defineComponent({
       );
       const toolbar = h(
         "div",
-        { class: imageAnnotationToolbarClasses, "aria-label": "Annotation tools" },
+        {
+          class: imageAnnotationToolbarClasses,
+          "aria-label": labels.value.annotationToolbarAriaLabel
+        },
         [
           ...props.tools.map(
             (item) => h(
@@ -290,7 +330,7 @@ var ImageAnnotation = defineComponent({
                 "aria-pressed": activeTool.value === item,
                 onClick: () => setActiveTool(item)
               },
-              getImageAnnotationToolLabel(item)
+              toolLabels.value[item]
             )
           ),
           h(
@@ -301,7 +341,7 @@ var ImageAnnotation = defineComponent({
               disabled: !canEdit.value || !activeSelectedId.value,
               onClick: removeSelectedAnnotation
             },
-            "Delete"
+            labels.value.deleteText
           )
         ]
       );
@@ -330,7 +370,7 @@ var ImageAnnotation = defineComponent({
             width: displayWidth.value,
             height: displayHeight.value,
             viewBox: `0 0 ${displayWidth.value} ${displayHeight.value}`,
-            "aria-label": "Image annotation canvas",
+            "aria-label": labels.value.annotationCanvasAriaLabel,
             onMousedown: handleStageMouseDown,
             onClick: handleStageClick,
             onDblclick: commitPolygon
@@ -377,7 +417,7 @@ var ImageAnnotation = defineComponent({
               class: imageAnnotationStageClasses,
               style: imageLoaded.value ? { width: `${displayWidth.value}px` } : void 0,
               role: imageLoaded.value ? "application" : "img",
-              "aria-label": imageLoaded.value ? "Image annotation editor" : "Loading image for annotation"
+              "aria-label": imageLoaded.value ? labels.value.annotationEditorAriaLabel : labels.value.loadingAnnotationImageAriaLabel
             },
             stageChildren
           )

package/dist/{chunk-24CBIC75.js → chunk-TNKULOHK.js}

@@ -154,6 +154,7 @@ 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, {});
@@ -350,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-RPWKAGN5.mjs → chunk-TRN5PL5D.mjs}

@@ -125,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 [];
@@ -338,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
                 )
               )
             );