@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-OTNVA2UT.js → chunk-7J7JIIHX.js}

@@ -1,13 +1,16 @@
-"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 _chunkSJSZHQWXjs = require('./chunk-SJSZHQWX.js');
 
 
-var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
+var _chunkANQRW442js = require('./chunk-ANQRW442.js');
 
 
 var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/CropUpload.ts
 var _vue = require('vue');
 
@@ -22,11 +25,17 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CropUpload = _vue.defineComponent.call(void 0, {
   name: "TigerCropUpload",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     accept: { type: String, default: "image/*" },
     disabled: { type: Boolean, default: false },
     maxSize: { type: Number, default: void 0 },
@@ -34,7 +43,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
       type: Object,
       default: void 0
     },
-    modalTitle: { type: String, default: "\u88C1\u526A\u56FE\u7247" },
+    modalTitle: { type: String, default: void 0 },
     modalWidth: { type: Number, default: 520 },
     className: { type: String, default: void 0 },
     style: {
@@ -44,6 +53,9 @@ var CropUpload = _vue.defineComponent.call(void 0, {
   },
   emits: ["crop-complete", "error"],
   setup(props, { slots, emit, attrs }) {
+    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 fileInputRef = _vue.ref.call(void 0, null);
     const modalVisible = _vue.ref.call(void 0, false);
     const imageSrc = _vue.ref.call(void 0, "");
@@ -120,7 +132,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (_tigercatcore.isActivationKey.call(void 0, e)) {
@@ -139,7 +151,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           onClick: handleTriggerClick,
           role: "button",
           tabindex: props.disabled ? -1 : 0,
-          "aria-label": "Select image to crop and upload",
+          "aria-label": labels.value.selectImageAriaLabel,
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
             if (_tigercatcore.isActivationKey.call(void 0, e)) {
@@ -167,7 +179,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
               })
             ]
           ),
-          _vue.h.call(void 0, "span", null, "\u9009\u62E9\u56FE\u7247")
+          _vue.h.call(void 0, "span", null, labels.value.selectImageText)
         ]
       );
       const modal = _vue.h.call(void 0, 
@@ -175,7 +187,8 @@ var CropUpload = _vue.defineComponent.call(void 0, {
         {
           open: modalVisible.value,
           size: "lg",
-          title: props.modalTitle,
+          width: props.modalWidth,
+          title: _nullishCoalesce(props.modalTitle, () => ( labels.value.cropModalTitle)),
           closable: true,
           maskClosable: false,
           showDefaultFooter: false,
@@ -185,17 +198,22 @@ var CropUpload = _vue.defineComponent.call(void 0, {
           }
         },
         {
-          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkWUEP3PFNjs.ImageCropper, {
+          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkANQRW442js.ImageCropper, {
             ref: cropperRef,
             src: imageSrc.value,
+            locale: props.locale,
             ...props.cropperProps
           }) : null,
           footer: ({ cancel: _cancel }) => _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses }, [
-            _vue.h.call(void 0, _chunkHA5QZ76Mjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
+            _vue.h.call(void 0, 
+              _chunkHA5QZ76Mjs.Button,
+              { variant: "secondary", onClick: handleCancel },
+              { default: () => labels.value.cropCancelText }
+            ),
             _vue.h.call(void 0, 
               _chunkHA5QZ76Mjs.Button,
               { onClick: handleConfirm, loading: cropping.value },
-              { default: () => "\u786E\u8BA4\u88C1\u526A" }
+              { default: () => labels.value.cropConfirmText }
             )
           ])
         }

package/dist/{chunk-M2XA7VU5.js → chunk-7KYGVEHF.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');
@@ -330,7 +330,7 @@ var ScatterChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      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,
@@ -341,7 +341,7 @@ var ScatterChart = _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-BPAN6T7H.mjs → chunk-7LCUVR63.mjs}

@@ -57,6 +57,34 @@ var Rate = defineComponent({
       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 = defineComponent({
             {
               key: i,
               class: getRateStarClasses(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 = defineComponent({
           )
         );
       }
+      const valueText = `${props.modelValue} star${props.modelValue === 1 ? "" : "s"}`;
       return h(
         "div",
         {
           class: classNames(rateBaseClasses, coerceClassValue(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-Z6MMA7ZE.js → chunk-7RMBEWN2.js}

@@ -1,6 +1,6 @@
 "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 _chunk24CBIC75js = require('./chunk-24CBIC75.js');
+var _chunkTNKULOHKjs = require('./chunk-TNKULOHK.js');
 
 // src/components/FormItem.ts
 
@@ -99,7 +99,7 @@ var FormItem = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots }) {
-    const formContextRef = _vue.inject.call(void 0, _chunk24CBIC75js.FormContextKey, null);
+    const formContextRef = _vue.inject.call(void 0, _chunkTNKULOHKjs.FormContextKey, null);
     const formContext = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([formContextRef, 'optionalAccess', _ => _.value]), () => ( null)));
     const errorMessage = _vue.ref.call(void 0, "");
     const shakeTrigger = _vue.ref.call(void 0, 0);

package/dist/{chunk-SYTYUC67.js → chunk-AF7JZUTA.js}

@@ -1,6 +1,6 @@
 "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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
@@ -728,7 +728,7 @@ var Tree = _vue.defineComponent.call(void 0, {
         [
           searchInput,
           props.virtual ? _vue.h.call(void 0, 
-            _chunk5F6P5Y4Kjs.VirtualList,
+            _chunkLKRT27JWjs.VirtualList,
             {
               itemCount: visibleItems.value.length,
               itemHeight: props.itemHeight,

package/dist/{chunk-3UQECWNL.mjs → chunk-ALFEFDVG.mjs}

@@ -7,7 +7,9 @@ import { defineComponent, h, ref, computed } from "vue";
 import {
   classNames,
   coerceClassValue,
+  isActivationKey,
   calculateVirtualRange,
+  calculateVirtualColumnRange,
   getVirtualTableContainerClasses,
   getVirtualTableRowClasses,
   getVirtualRowKey,
@@ -15,6 +17,8 @@ import {
   getVirtualTableFixedCellStyle,
   getTableFixedCellClasses,
   getTableFixedHeaderCellClasses,
+  getTableColgroup,
+  tableBaseClasses,
   virtualTableHeaderClasses,
   virtualTableHeaderCellClasses,
   virtualTableCellClasses,
@@ -24,6 +28,7 @@ import {
   resolveLocaleText,
   mergeTigerLocale
 } from "@expcat/tigercat-core";
+var DEFAULT_VIRTUAL_COLUMN_WIDTH = 150;
 var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
   inheritAttrs: false,
@@ -38,12 +43,18 @@ var VirtualTable = defineComponent({
     },
     rowHeight: { type: Number, default: 48 },
     height: { type: Number, default: 400 },
+    width: { type: [Number, String], default: "auto" },
     overscan: { type: Number, default: 5 },
     stickyHeader: { type: Boolean, default: true },
+    virtualizeColumns: { type: Boolean, default: false },
     rowKey: {
       type: [String, Function],
       default: void 0
     },
+    rowClassName: {
+      type: [String, Function],
+      default: void 0
+    },
     loading: { type: Boolean, default: false },
     emptyText: { type: String, default: void 0 },
     selectable: { type: Boolean, default: false },
@@ -62,6 +73,7 @@ var VirtualTable = defineComponent({
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const containerRef = ref(null);
     const scrollTop = ref(0);
+    const scrollLeft = ref(0);
     const range = computed(
       () => calculateVirtualRange(
         scrollTop.value,
@@ -75,8 +87,15 @@ var VirtualTable = defineComponent({
     function onScroll() {
       if (containerRef.value) {
         scrollTop.value = containerRef.value.scrollTop;
+        scrollLeft.value = containerRef.value.scrollLeft;
       }
     }
+    const columnWidths = computed(
+      () => props.columns.map(
+        (c) => typeof c.width === "number" ? c.width : DEFAULT_VIRTUAL_COLUMN_WIDTH
+      )
+    );
+    const resolveRowClassName = (row, index) => typeof props.rowClassName === "function" ? props.rowClassName(row, index) : props.rowClassName;
     const containerClasses = computed(
       () => classNames(
         getVirtualTableContainerClasses(props.bordered, props.className),
@@ -87,7 +106,17 @@ var VirtualTable = defineComponent({
     const fixedInfo = computed(() => getVirtualTableFixedInfo(props.columns));
     return () => {
       const fi = fixedInfo.value;
-      const headerCells = props.columns.map((col) => {
+      const colVirtualActive = props.virtualizeColumns && !fi.hasFixedColumns && props.width !== "auto";
+      const colRange = colVirtualActive ? calculateVirtualColumnRange(scrollLeft.value, props.width, columnWidths.value) : void 0;
+      const visibleColumns = colRange ? props.columns.slice(colRange.start, colRange.end) : props.columns;
+      const colIndexOffset = colRange ? colRange.start : 0;
+      const colgroupEntries = fi.hasFixedColumns ? getTableColgroup({
+        columns: visibleColumns,
+        size: "md",
+        hasSelectionColumn: false,
+        expand: false
+      }) : [];
+      const headerCells = visibleColumns.map((col) => {
         const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
         const stickyStyle = getVirtualTableFixedCellStyle(col.key, fi);
         return h(
@@ -108,7 +137,20 @@ var VirtualTable = defineComponent({
           col.title ?? ""
         );
       });
-      const headerRow = h("tr", {}, headerCells);
+      const headerRowChildren = [
+        colRange && colRange.leftPad > 0 ? h("th", {
+          key: "__left-pad",
+          "aria-hidden": true,
+          style: { width: `${colRange.leftPad}px`, padding: 0 }
+        }) : null,
+        ...headerCells,
+        colRange && colRange.rightPad > 0 ? h("th", {
+          key: "__right-pad",
+          "aria-hidden": true,
+          style: { width: `${colRange.rightPad}px`, padding: 0 }
+        }) : null
+      ];
+      const headerRow = h("tr", {}, headerRowChildren);
       const thead = h(
         "thead",
         { class: props.stickyHeader ? virtualTableHeaderClasses : void 0 },
@@ -122,11 +164,17 @@ var VirtualTable = defineComponent({
           props.rowKey
         );
         const isSelected = selectedSet.value.has(key);
-        const cells = props.columns.map(
-          (col) => h(
+        const isInteractive = props.selectable || typeof attrs.onRowClick === "function";
+        const activate = () => {
+          emit("row-click", row, globalIdx);
+          if (props.selectable) emit("select", key, row, globalIdx);
+        };
+        const cells = visibleColumns.map(
+          (col, colIdx) => h(
             "td",
             {
               key: col.key,
+              "aria-colindex": colIndexOffset + colIdx + 1,
               class: classNames(
                 virtualTableCellClasses,
                 getTableFixedCellClasses({
@@ -147,17 +195,42 @@ var VirtualTable = defineComponent({
             String(row[col.key] ?? "")
           )
         );
+        const rowChildren = [
+          colRange && colRange.leftPad > 0 ? h("td", {
+            key: "__left-pad",
+            "aria-hidden": true,
+            style: { width: `${colRange.leftPad}px`, padding: 0 }
+          }) : null,
+          ...cells,
+          colRange && colRange.rightPad > 0 ? h("td", {
+            key: "__right-pad",
+            "aria-hidden": true,
+            style: { width: `${colRange.rightPad}px`, padding: 0 }
+          }) : null
+        ];
         return h(
           "tr",
           {
             key,
-            class: getVirtualTableRowClasses(globalIdx, props.striped, isSelected),
-            onClick: () => {
-              emit("row-click", row, globalIdx);
-              if (props.selectable) emit("select", key, row, globalIdx);
-            }
+            class: classNames(
+              getVirtualTableRowClasses(globalIdx, props.striped, isSelected),
+              resolveRowClassName(row, globalIdx)
+            ),
+            // header occupies aria-rowindex 1
+            "aria-rowindex": globalIdx + 2,
+            "aria-selected": props.selectable ? isSelected : void 0,
+            tabindex: isInteractive ? 0 : void 0,
+            // onClick stays attached so `row-click` always fires for consumers
+            // that listen for it; keyboard activation is added when interactive.
+            onClick: activate,
+            onKeydown: isInteractive ? (e) => {
+              if (isActivationKey(e)) {
+                e.preventDefault();
+                activate();
+              }
+            } : void 0
           },
-          cells
+          rowChildren
         );
       });
       const topSpacer = h("tr", {
@@ -172,7 +245,22 @@ var VirtualTable = defineComponent({
         "aria-hidden": true
       }) : null;
       const tbody = h("tbody", {}, [topSpacer, ...rows, bottomSpacer]);
-      const table = h("table", { class: "w-full table-fixed" }, [thead, tbody]);
+      const colgroup = colgroupEntries.length > 0 ? h(
+        "colgroup",
+        {},
+        colgroupEntries.map(
+          (entry) => h("col", {
+            key: entry.key,
+            "data-tiger-table-col": entry.key,
+            style: entry.width ? { width: entry.width } : void 0
+          })
+        )
+      ) : null;
+      const table = h("table", { class: classNames(tableBaseClasses, "table-fixed") }, [
+        colgroup,
+        thead,
+        tbody
+      ]);
       const emptyEl = props.data.length === 0 && !props.loading ? h(
         "div",
         { class: virtualTableEmptyClasses },
@@ -188,7 +276,10 @@ var VirtualTable = defineComponent({
         {
           ref: containerRef,
           class: containerClasses.value,
-          style: { height: `${props.height}px` },
+          style: {
+            height: `${props.height}px`,
+            ...props.width !== "auto" ? { width: `${props.width}px` } : {}
+          },
           onScroll,
           role: "grid",
           "aria-rowcount": props.data.length

package/dist/{chunk-E6RGBYI3.mjs → chunk-ALIUAGJO.mjs}

@@ -60,6 +60,13 @@ var AnchorLink = defineComponent({
     onMounted(() => {
       anchorContext?.registerLink(props.href);
     });
+    watch(
+      () => props.href,
+      (next, prev) => {
+        anchorContext?.unregisterLink(prev);
+        anchorContext?.registerLink(next);
+      }
+    );
     onBeforeUnmount(() => {
       anchorContext?.unregisterLink(props.href);
     });

package/dist/{chunk-WUEP3PFN.js → chunk-ANQRW442.js}

@@ -1,4 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ImageCropper.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/ImageCropper.ts
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -16,11 +28,17 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var ImageCropper = _vue.defineComponent.call(void 0, {
   name: "TigerImageCropper",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     src: { type: String, required: true },
     aspectRatio: { type: Number, default: void 0 },
     minWidth: { type: Number, default: 20 },
@@ -39,6 +57,11 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
   },
   emits: ["crop-change", "ready"],
   setup(props, { emit, attrs, expose }) {
+    const instance = _vue.getCurrentInstance.call(void 0, );
+    const maskId = `tiger-crop-mask-${_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _ => _.uid]), () => ( "0"))}`;
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getImageEditorLabels.call(void 0, mergedLocale.value));
     const containerRef = _vue.ref.call(void 0, null);
     const imageRef = _vue.ref.call(void 0, null);
     const imageLoaded = _vue.ref.call(void 0, false);
@@ -270,7 +293,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
               minHeight: "200px"
             }),
             role: "img",
-            "aria-label": "Loading image for cropping"
+            "aria-label": labels.value.loadingCropImageAriaLabel
           },
           [
             _vue.h.call(void 0, "div", {
@@ -288,7 +311,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
           height: `${displayHeight.value}px`
         },
         draggable: false,
-        alt: "Image to crop"
+        alt: labels.value.imageToCropAriaLabel
       });
       const mask = _vue.h.call(void 0, 
         "svg",
@@ -300,7 +323,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, "defs", null, [
-            _vue.h.call(void 0, "mask", { id: "crop-mask" }, [
+            _vue.h.call(void 0, "mask", { id: maskId }, [
               _vue.h.call(void 0, "rect", {
                 width: displayWidth.value,
                 height: displayHeight.value,
@@ -319,7 +342,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
             width: displayWidth.value,
             height: displayHeight.value,
             fill: "var(--tiger-image-cropper-mask, rgba(0,0,0,0.55))",
-            mask: "url(#crop-mask)"
+            mask: `url(#${maskId})`
           })
         ]
       );
@@ -342,7 +365,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
         },
         role: "button",
         tabindex: 0,
-        "aria-label": "Move crop area",
+        "aria-label": labels.value.moveCropAreaAriaLabel,
         onMousedown: (e) => handleMouseDown(e, "move"),
         onTouchstart: (e) => handleTouchStart(e, "move"),
         onKeydown: handleMoveKeyDown
@@ -412,7 +435,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
           style: pos,
           role: "button",
           tabindex: 0,
-          "aria-label": `Resize crop area ${handle}`,
+          "aria-label": labels.value.resizeCropAreaAriaLabel.replace("{handle}", handle),
           onMousedown: (e) => handleMouseDown(e, "resize", handle),
           onTouchstart: (e) => handleTouchStart(e, "resize", handle),
           onKeydown: (e) => handleResizeKeyDown(e, handle)
@@ -429,7 +452,7 @@ var ImageCropper = _vue.defineComponent.call(void 0, {
             height: `${displayHeight.value}px`
           }),
           role: "application",
-          "aria-label": "Image cropper",
+          "aria-label": labels.value.cropperDialogAriaLabel,
           "aria-roledescription": "image cropper"
         },
         [img, mask, selection, dragArea, ...guideLines, ...handles]

package/dist/{chunk-X5CFXNVK.js → chunk-APBWQGXW.js}

@@ -210,16 +210,20 @@ var MarkdownEditor = _vue.defineComponent.call(void 0, {
         "aria-label": "Markdown editor",
         "aria-multiline": true
       }) : null;
-      const previewNode = showPreview.value ? _vue.h.call(void 0, "div", {
-        class: _tigercatcore.classNames.call(void 0, 
-          _tigercatcore.markdownEditorPreviewClasses,
-          currentMode.value === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
-          !currentValue.value ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
-        ),
-        role: "region",
-        "aria-label": "Markdown preview",
-        innerHTML: currentValue.value ? previewHtml.value : props.placeholder || ""
-      }) : null;
+      const previewNode = showPreview.value ? _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.markdownEditorPreviewClasses,
+            currentMode.value === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
+            !currentValue.value ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
+          ),
+          role: "region",
+          "aria-label": "Markdown preview",
+          ...currentValue.value ? { innerHTML: previewHtml.value } : {}
+        },
+        currentValue.value ? void 0 : props.placeholder
+      ) : null;
       return _vue.h.call(void 0, 
         "div",
         {

package/dist/{chunk-IZF4VHJ2.mjs → chunk-ASOJXXU6.mjs}

@@ -16,7 +16,7 @@ import {
   resultExtraClasses,
   getResultColorScheme,
   getResultIconPath,
-  getResultHttpLabel
+  isHttpResultStatus
 } from "@expcat/tigercat-core";
 var Result = defineComponent({
   name: "TigerResult",
@@ -46,7 +46,7 @@ var Result = defineComponent({
   setup(props, { slots, attrs }) {
     const colors = computed(() => getResultColorScheme(props.status));
     const iconPath = computed(() => getResultIconPath(props.status));
-    const httpLabel = computed(() => getResultHttpLabel(props.status));
+    const httpLabel = computed(() => isHttpResultStatus(props.status) ? props.status : void 0);
     const iconContainerClasses = computed(
       () => classNames(resultIconContainerBaseClasses, colors.value.iconBg)
     );