@expcat/tigercat-vue 1.3.4 → 1.5.0

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-TZDNF5SK.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');
@@ -117,7 +117,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       default: void 0
     }
   },
-  emits: ["like", "reply", "more", "action", "expand-change", "load-more"],
+  emits: ["like", "reply", "more", "action", "update:expandedKeys", "load-more"],
   setup(props, { emit, attrs }) {
     const innerExpandedKeys = _vue.ref.call(void 0, [...props.defaultExpandedKeys]);
     const expandedAllKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
@@ -141,7 +141,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       if (!props.expandedKeys) {
         innerExpandedKeys.value = next;
       }
-      emit("expand-change", next);
+      emit("update:expandedKeys", next);
     };
     const toggleExpanded = (id) => {
       const current = mergedExpandedKeys.value;
@@ -167,13 +167,14 @@ var CommentThread = _vue.defineComponent.call(void 0, {
     const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
     const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
     const renderNode = (node, depth, isLast) => {
-      const hasChildren = !!node.children && node.children.length > 0;
+      const children = _nullishCoalesce(node.children, () => ( []));
+      const hasChildren = children.length > 0;
       const isExpanded = expandedSet.value.has(node.id);
       const showReplies = hasChildren && isExpanded;
       const showAllReplies = expandedAllKeys.value.has(node.id);
       const repliesId = `tiger-comment-replies-${node.id}`;
-      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? node.children.slice(0, props.maxReplies) : node.children : [];
-      const showLoadMore = showReplies && props.maxReplies > 0 && node.children.length > props.maxReplies && !showAllReplies;
+      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? children.slice(0, props.maxReplies) : children : [];
+      const showLoadMore = showReplies && props.maxReplies > 0 && children.length > props.maxReplies && !showAllReplies;
       const actions = [];
       if (props.showLike) {
         const likeLabel = node.liked ? props.likedText : props.likeText;
@@ -194,17 +195,24 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: _tigercatcore.classNames.call(void 0, "w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"),
-                  viewBox: "0 0 24 24",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: _tigercatcore.classNames.call(void 0, 
+                      "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
+                      node.liked ? "fill-current" : "stroke-current fill-none"
+                    ),
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", `${likeLabel}${likeCount}`)
               ])
             }
@@ -230,19 +238,23 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", props.replyText)
               ])
             }
@@ -265,19 +277,23 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", props.moreText)
               ])
             }
@@ -294,10 +310,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 key: actionKey,
                 size: "sm",
                 variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-                className: _tigercatcore.classNames.call(void 0, 
-                  ACTION_BTN,
-                  "hover:bg-gray-100 dark:hover:bg-gray-800"
-                ),
+                className: _tigercatcore.classNames.call(void 0, ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
                 disabled: action.disabled,
                 onClick: () => {
                   _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(node, action)]);
@@ -321,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,
@@ -331,34 +344,53 @@ var CommentThread = _vue.defineComponent.call(void 0, {
               _vue.h.call(void 0, "div", { class: "flex items-center gap-2 flex-wrap" }, [
                 _optionalChain([node, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.name]) ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer" },
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: "bold",
+                    class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer"
+                  },
                   { default: () => _optionalChain([node, 'access', _5 => _5.user, 'optionalAccess', _6 => _6.name]) }
                 ) : null,
                 _optionalChain([node, 'access', _7 => _7.user, 'optionalAccess', _8 => _8.title]) ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "xs", color: "muted", class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium"
+                  },
                   { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
                 node.tag ? _vue.h.call(void 0, 
-                  _chunkBPAZBRCRjs.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" },
+                  _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-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 }
                   )
                 ),
                 node.time ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "xs", color: "muted", class: "ml-auto text-gray-400 dark:text-gray-500 font-normal" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "ml-auto text-gray-400 dark:text-gray-500 font-normal"
+                  },
                   { default: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
                 ) : null
               ]),
@@ -376,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,
@@ -417,13 +449,16 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: _tigercatcore.classNames.call(void 0, "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
+                    PRIMARY_BTN
+                  ),
                   "aria-expanded": isExpanded,
                   "aria-controls": repliesId,
                   onClick: () => toggleExpanded(node.id)
                 },
                 {
-                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
                 }
               ) : null,
               showReplies ? _vue.h.call(void 0, 
@@ -458,21 +493,27 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       const children = resolvedNodes.value.length === 0 ? [
         _vue.h.call(void 0, 
           "div",
-          { class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors" },
+          {
+            class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors"
+          },
           [
-            _vue.h.call(void 0, "svg", {
-              class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }, [
-              _vue.h.call(void 0, "path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-              })
-            ]),
+            _vue.h.call(void 0, 
+              "svg",
+              {
+                class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              },
+              [
+                _vue.h.call(void 0, "path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                })
+              ]
+            ),
             _vue.h.call(void 0, 
               _chunkTGHB5XSTjs.Text,
               { tag: "div", size: "sm", color: "muted", class: "font-medium" },

package/dist/{chunk-Q47OK3FR.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,16 +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-SCSGLSPY.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,
@@ -21,6 +26,8 @@ import {
   imageAnnotationReadonlyOverlayClasses,
   imageAnnotationStageClasses,
   imageAnnotationToolbarClasses,
+  isBrowser,
+  mergeTigerLocale,
   mergeStyleValues,
   shouldCommitImageAnnotationBox
 } from "@expcat/tigercat-core";
@@ -28,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 },
@@ -56,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);
@@ -74,7 +95,7 @@ var ImageAnnotation = defineComponent({
     const loadImage = () => {
       imageLoaded.value = false;
       draft.value = null;
-      if (typeof window === "undefined" || typeof window.Image !== "function") return;
+      if (!isBrowser() || typeof window.Image !== "function") return;
       const img = new window.Image();
       img.onload = () => {
         const naturalWidth = img.naturalWidth || 1;
@@ -187,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") {
@@ -230,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") {
@@ -276,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(
@@ -289,7 +330,7 @@ var ImageAnnotation = defineComponent({
                 "aria-pressed": activeTool.value === item,
                 onClick: () => setActiveTool(item)
               },
-              getImageAnnotationToolLabel(item)
+              toolLabels.value[item]
             )
           ),
           h(
@@ -300,7 +341,7 @@ var ImageAnnotation = defineComponent({
               disabled: !canEdit.value || !activeSelectedId.value,
               onClick: removeSelectedAnnotation
             },
-            "Delete"
+            labels.value.deleteText
           )
         ]
       );
@@ -329,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
@@ -376,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
           )