@expcat/tigercat-vue 1.3.4 → 1.5.0

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

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

package/dist/{chunk-EJZBG5RT.js → chunk-XMCYKHT4.js}

@@ -7,6 +7,8 @@
 
 
 
+
+
 var _vue = require('vue');
 
 
@@ -202,9 +204,16 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
     const containerClasses = _vue.computed.call(void 0, () => {
       return _tigercatcore.classNames.call(void 0, _tigercatcore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
     });
-    _vue.provide.call(void 0, BreadcrumbContextKey, {
+    const breadcrumbContext = _vue.reactive.call(void 0, {
       separator: props.separator
     });
+    _vue.watch.call(void 0, 
+      () => props.separator,
+      (separator) => {
+        breadcrumbContext.separator = separator;
+      }
+    );
+    _vue.provide.call(void 0, BreadcrumbContextKey, breadcrumbContext);
     const renderItems = () => {
       const rawChildren = _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]) || [];
       const items = [];

package/dist/{chunk-DZXZ3YEL.js → chunk-XSJKSUED.js}

@@ -19,6 +19,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DefaultIcon = _vue.h.call(void 0, 
   "svg",
@@ -51,7 +52,7 @@ var BackTop = _vue.defineComponent.call(void 0, {
      */
     target: {
       type: Function,
-      default: () => window
+      default: () => _tigercatcore.isBrowser.call(void 0, ) ? window : null
     },
     /**
      * Use immediate scroll when set to 0; positive values use native smooth scrolling
@@ -81,7 +82,8 @@ var BackTop = _vue.defineComponent.call(void 0, {
       emit("click", event);
     };
     _vue.onMounted.call(void 0, () => {
-      targetElement.value = _nullishCoalesce(props.target(), () => ( window));
+      targetElement.value = _nullishCoalesce(props.target(), () => ( (_tigercatcore.isBrowser.call(void 0, ) ? window : null)));
+      if (!targetElement.value) return;
       visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
         target: targetElement.value,
         getVisibilityHeight: () => props.visibilityHeight,
@@ -101,7 +103,7 @@ var BackTop = _vue.defineComponent.call(void 0, {
       _optionalChain([visibilityController, 'optionalAccess', _ => _.cancel, 'call', _2 => _2()]);
     });
     const buttonClasses = _vue.computed.call(void 0, () => {
-      const target = _nullishCoalesce(targetElement.value, () => ( props.target()));
+      const target = _nullishCoalesce(targetElement.value, () => ( (_tigercatcore.isBrowser.call(void 0, ) ? props.target() : null)));
       const isWindowTarget = !target || target === window;
       const positionClasses = isWindowTarget ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
       return _tigercatcore.classNames.call(void 0, 

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

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

package/dist/{chunk-ZCT56WB7.mjs → chunk-XZYFVOOS.mjs}

@@ -1,6 +1,6 @@
 import {
   AVATAR_GROUP_INJECTION_KEY
-} from "./chunk-W6ZFHHD3.mjs";
+} from "./chunk-GZWZP5AL.mjs";
 
 // src/components/Avatar.ts
 import { defineComponent, computed, h, ref, inject } from "vue";

package/dist/{chunk-H6V26X2R.js → chunk-YI25YL5W.js}

@@ -1,6 +1,6 @@
-"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; }
+"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 _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
+var _chunkWF7KVMBYjs = require('./chunk-WF7KVMBY.js');
 
 
 var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
@@ -166,7 +166,7 @@ var Image = _vue.defineComponent.call(void 0, {
       if (ht) base.height = ht;
       return _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, base);
     });
-    const imgClasses = _vue.computed.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, props.fit));
+    const imgClasses = _vue.computed.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, _nullishCoalesce(props.fit, () => ( "cover"))));
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
@@ -223,7 +223,7 @@ var Image = _vue.defineComponent.call(void 0, {
           onError: handleError
         });
       }
-      const previewEl = !group && previewVisible.value && props.src ? _vue.h.call(void 0, _chunkX6FG4RPFjs.ImagePreview, {
+      const previewEl = !group && previewVisible.value && props.src ? _vue.h.call(void 0, _chunkWF7KVMBYjs.ImagePreview, {
         open: previewVisible.value,
         images: [props.src],
         currentIndex: 0,

package/dist/{chunk-UUJ7A3CN.js → chunk-YLMQZR6F.js}

@@ -1,4 +1,18 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/InputNumber.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 _chunkDYSLYJ2Wjs = require('./chunk-DYSLYJ2W.js');
+
+// src/components/InputNumber.ts
+
+
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -18,6 +32,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -29,6 +45,10 @@ var InputNumber = _vue.defineComponent.call(void 0, {
     modelValue: {
       type: [Number, null]
     },
+    defaultValue: {
+      type: [Number, null],
+      default: void 0
+    },
     size: {
       type: String,
       default: "md"
@@ -85,10 +105,20 @@ var InputNumber = _vue.defineComponent.call(void 0, {
     autoFocus: {
       type: Boolean,
       default: false
+    },
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
+    const instance = _vue.getCurrentInstance.call(void 0, );
+    const inputGroup = _vue.inject.call(void 0, _chunkDYSLYJ2Wjs.INPUT_GROUP_INJECTION_KEY, null);
+    const effectiveSize = _vue.computed.call(void 0, () => {
+      const hasOwnSize = Object.prototype.hasOwnProperty.call(_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]), () => ( {})), "size");
+      return hasOwnSize ? props.size : _nullishCoalesce(_optionalChain([inputGroup, 'optionalAccess', _3 => _3.size]), () => ( props.size));
+    });
     const inputRef = _vue.ref.call(void 0, null);
     const focused = _vue.ref.call(void 0, false);
     const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
@@ -96,16 +126,13 @@ var InputNumber = _vue.defineComponent.call(void 0, {
     let suppressNextClick = false;
     const displayValue = _vue.ref.call(void 0, "");
     function toDisplayValue(val) {
-      if (val === null || val === void 0) return "";
-      if (props.formatter) return props.formatter(val);
-      if (props.precision !== void 0) return val.toFixed(props.precision);
-      return String(val);
+      return _tigercatcore.formatInputNumberDisplay.call(void 0, val, {
+        formatter: props.formatter,
+        precision: props.precision
+      });
     }
     function parseValue(str) {
-      if (str === "" || str === "-") return null;
-      if (props.parser) return props.parser(str);
-      const num = Number(str);
-      return Number.isNaN(num) ? null : num;
+      return _tigercatcore.parseInputNumberValue.call(void 0, str, { parser: props.parser });
     }
     _vue.watch.call(void 0, 
       () => props.modelValue,
@@ -117,10 +144,13 @@ var InputNumber = _vue.defineComponent.call(void 0, {
       { immediate: true }
     );
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
-    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( null)));
+    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.modelValue, () => ( props.defaultValue)), () => ( null)));
     const currentValue = _vue.computed.call(void 0, 
       () => isControlled.value ? _nullishCoalesce(props.modelValue, () => ( null)) : internalValue.value
     );
+    if (!isControlled.value && internalValue.value !== null) {
+      displayValue.value = toDisplayValue(internalValue.value);
+    }
     function commitValue(val) {
       let finalVal = val;
       if (finalVal !== null) {
@@ -213,14 +243,15 @@ var InputNumber = _vue.defineComponent.call(void 0, {
       () => _tigercatcore.classNames.call(void 0, 
         _tigercatcore.getInputNumberWrapperClasses.call(void 0, props.disabled),
         _tigercatcore.getInputNumberStatusClasses.call(void 0, props.status),
-        _tigercatcore.getInputNumberSizeClasses.call(void 0, props.size),
+        _tigercatcore.getInputNumberSizeClasses.call(void 0, effectiveSize.value),
         focused.value && `ring-2 ${_tigercatcore.getInputNumberFocusRingColor.call(void 0, props.status)}`,
+        props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     const inputClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.getInputNumberInputClasses.call(void 0, 
-        props.size,
+        effectiveSize.value,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )

package/dist/{chunk-PY6P4N2Q.js → chunk-YMUYN4IR.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/ImageAnnotation.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/ImageAnnotation.ts
 var _vue = require('vue');
 
 
@@ -19,6 +23,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 
 
 
@@ -28,6 +35,10 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
   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 = _vue.defineComponent.call(void 0, {
   },
   emits: ["update:modelValue", "change", "select", "tool-change", "ready"],
   setup(props, { attrs, emit }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getImageEditorLabels.call(void 0, mergedLocale.value));
+    const toolLabels = _vue.computed.call(void 0, () => ({
+      select: labels.value.selectToolText,
+      rectangle: labels.value.rectangleToolText,
+      ellipse: labels.value.ellipseToolText,
+      polygon: labels.value.polygonToolText,
+      freehand: labels.value.freehandToolText
+    }));
     const containerRef = _vue.ref.call(void 0, null);
     const overlayRef = _vue.ref.call(void 0, null);
     const idSeed = _vue.ref.call(void 0, 0);
@@ -74,7 +95,7 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
     const loadImage = () => {
       imageLoaded.value = false;
       draft.value = null;
-      if (typeof window === "undefined" || typeof window.Image !== "function") return;
+      if (!_tigercatcore.isBrowser.call(void 0, ) || typeof window.Image !== "function") return;
       const img = new window.Image();
       img.onload = () => {
         const naturalWidth = img.naturalWidth || 1;
@@ -187,16 +208,18 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
       drawing.value = { tool: "polygon", start: points[0], points };
       draft.value = _tigercatcore.createImageAnnotationPath.call(void 0, "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 = _vue.defineComponent.call(void 0, {
           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 (_tigercatcore.isActivationKey.call(void 0, 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 = _vue.defineComponent.call(void 0, {
       );
       const toolbar = _vue.h.call(void 0, 
         "div",
-        { class: _tigercatcore.imageAnnotationToolbarClasses, "aria-label": "Annotation tools" },
+        {
+          class: _tigercatcore.imageAnnotationToolbarClasses,
+          "aria-label": labels.value.annotationToolbarAriaLabel
+        },
         [
           ...props.tools.map(
             (item) => _vue.h.call(void 0, 
@@ -289,7 +330,7 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
                 "aria-pressed": activeTool.value === item,
                 onClick: () => setActiveTool(item)
               },
-              _tigercatcore.getImageAnnotationToolLabel.call(void 0, item)
+              toolLabels.value[item]
             )
           ),
           _vue.h.call(void 0, 
@@ -300,7 +341,7 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
               disabled: !canEdit.value || !activeSelectedId.value,
               onClick: removeSelectedAnnotation
             },
-            "Delete"
+            labels.value.deleteText
           )
         ]
       );
@@ -329,7 +370,7 @@ var ImageAnnotation = _vue.defineComponent.call(void 0, {
             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 = _vue.defineComponent.call(void 0, {
               class: _tigercatcore.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-44N7LE3Q.js → chunk-YTE45DNC.js}

@@ -28,6 +28,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var TabsContextKey = /* @__PURE__ */ Symbol("TabsContext");
 var TabPane = _vue.defineComponent.call(void 0, {
@@ -132,6 +133,7 @@ var TabPane = _vue.defineComponent.call(void 0, {
       }
     };
     const handleClose = (event) => {
+      event.stopPropagation();
       if (!props.disabled) {
         tabsContext.handleTabClose(props.tabKey, event);
       }
@@ -157,10 +159,8 @@ var TabPane = _vue.defineComponent.call(void 0, {
         return;
       }
       const tabList = _optionalChain([event, 'access', _ => _.currentTarget, 'optionalAccess', _2 => _2.closest, 'call', _3 => _3('[role="tablist"]')]);
-      const tabButtons = Array.from(
-        _nullishCoalesce(_optionalChain([tabList, 'optionalAccess', _4 => _4.querySelectorAll, 'call', _5 => _5('[role="tab"]')]), () => ( []))
-      );
-      const enabled = tabButtons.filter((button) => !button.disabled);
+      const tabButtons = Array.from(_nullishCoalesce(_optionalChain([tabList, 'optionalAccess', _4 => _4.querySelectorAll, 'call', _5 => _5('[role="tab"]')]), () => ( [])));
+      const enabled = tabButtons.filter((button) => button.getAttribute("aria-disabled") !== "true");
       const currentIndex = enabled.findIndex((button) => button.id === props.tabId);
       if (currentIndex === -1) {
         return;
@@ -194,17 +194,15 @@ var TabPane = _vue.defineComponent.call(void 0, {
     return () => {
       if (props.renderMode === "tab") {
         return _vue.h.call(void 0, 
-          "button",
+          "div",
           {
-            type: "button",
             class: tabItemClasses.value,
             role: "tab",
             id: props.tabId,
             "aria-controls": props.panelId,
             "aria-selected": isActive.value,
             "aria-disabled": props.disabled,
-            disabled: props.disabled,
-            tabindex: typeof props.tabIndex === "number" ? props.tabIndex : isActive.value ? 0 : -1,
+            tabindex: props.disabled ? -1 : typeof props.tabIndex === "number" ? props.tabIndex : isActive.value ? 0 : -1,
             "data-tiger-tabs-id": tabsContext.idBase,
             "data-tiger-tab-key": typeof props.tabKey === "number" ? `n:${props.tabKey}` : `s:${props.tabKey}`,
             onClick: handleClick,
@@ -214,9 +212,9 @@ var TabPane = _vue.defineComponent.call(void 0, {
             props.icon && _vue.h.call(void 0, "span", { class: "flex items-center" }, props.icon),
             _vue.h.call(void 0, "span", props.label),
             isClosable.value && _vue.h.call(void 0, 
-              "span",
+              "button",
               {
-                role: "button",
+                type: "button",
                 class: _tigercatcore.tabCloseButtonClasses,
                 "aria-label": `Close ${String(props.label)}`,
                 tabindex: -1,
@@ -363,6 +361,7 @@ var Tabs = _vue.defineComponent.call(void 0, {
     const idBase = `tiger-tabs-${_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _8 => _8.uid]), () => ( "0"))}`;
     const internalActiveKey = _vue.ref.call(void 0, props.defaultActiveKey);
     const swipeStart = _vue.ref.call(void 0, null);
+    let lastTabKeys = [];
     const currentActiveKey = _vue.computed.call(void 0, () => {
       return props.activeKey !== void 0 ? props.activeKey : internalActiveKey.value;
     });
@@ -377,6 +376,9 @@ var Tabs = _vue.defineComponent.call(void 0, {
     };
     const handleTabClose = (key, event) => {
       event.stopPropagation();
+      if (props.activeKey === void 0 && key === currentActiveKey.value) {
+        internalActiveKey.value = _tigercatcore.getNextActiveKey.call(void 0, key, currentActiveKey.value, lastTabKeys);
+      }
       emit("edit", { targetKey: key, action: "remove" });
     };
     const activateAdjacentTab = (direction, enabledTabKeys) => {
@@ -480,6 +482,7 @@ var Tabs = _vue.defineComponent.call(void 0, {
       if (props.activeKey === void 0 && internalActiveKey.value === void 0 && firstTabKey !== void 0) {
         internalActiveKey.value = firstTabKey;
       }
+      lastTabKeys = tabKeys;
       const resolvedActiveKey = _nullishCoalesce(currentActiveKey.value, () => ( firstTabKey));
       const activeTabIndex = tabKeys.indexOf(_nullishCoalesce(resolvedActiveKey, () => ( "")));
       for (const { type, props: childProps, children: childChildren } of validChildren) {

package/dist/{chunk-VAXO5NEM.js → chunk-YVSINGGE.js}

@@ -3,7 +3,7 @@
 var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
 
-var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
 
 
 var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
@@ -283,7 +283,7 @@ var HeatmapChart = _vue.defineComponent.call(void 0, {
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,

package/dist/{chunk-BH4AJQTL.mjs → chunk-YZATP4VF.mjs}

@@ -1,6 +1,6 @@
 import {
   FormContextKey
-} from "./chunk-7WQN5BYE.mjs";
+} from "./chunk-FAQL7HFW.mjs";
 
 // src/components/FormItem.ts
 import {