@expcat/tigercat-vue 1.3.4 → 1.5.0

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

@@ -1,6 +1,9 @@
 "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');
 
 // src/components/Tree.ts
 var _vue = require('vue');
@@ -26,6 +29,10 @@ var _vue = require('vue');
 
 
 
+
+
+
+
 
 
 
@@ -218,7 +225,7 @@ var Tree = _vue.defineComponent.call(void 0, {
      */
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     /**
      * Accessible label for the tree container
@@ -263,6 +270,13 @@ var Tree = _vue.defineComponent.call(void 0, {
     className: {
       type: String,
       default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: [
@@ -279,6 +293,8 @@ var Tree = _vue.defineComponent.call(void 0, {
   ],
   setup(props, { emit, attrs }) {
     const rootEl = _vue.ref.call(void 0, null);
+    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 effectiveSelectable = _vue.computed.call(void 0, () => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode !== "none";
@@ -496,21 +512,6 @@ var Tree = _vue.defineComponent.call(void 0, {
     function getCurrentKey(fallbackKey) {
       return _nullishCoalesce(_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)), () => ( fallbackKey));
     }
-    function getNavigationIndex(key) {
-      return focusableKeys.value.findIndex((k) => k === key);
-    }
-    function getFirstChildKey(key) {
-      const list = visibleItems.value;
-      const index = list.findIndex((i) => i.key === key);
-      if (index < 0) return void 0;
-      const base = list[index];
-      for (let i = index + 1; i < list.length; i++) {
-        const item = list[i];
-        if (item.level <= base.level) break;
-        if (item.parentKey === key && !item.node.disabled) return item.key;
-      }
-      return void 0;
-    }
     function renderTreeRow(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
@@ -602,83 +603,41 @@ var Tree = _vue.defineComponent.call(void 0, {
           onKeydown: (e) => {
             if (node.disabled) return;
             const currentKey = getCurrentKey(node.key);
-            const currentIndex = getNavigationIndex(currentKey);
             const parents = _tigercatcore.getParentKeys.call(void 0, props.treeData, node.key);
             const parentKey = parents[parents.length - 1];
-            if (e.key === "ArrowDown") {
-              e.preventDefault();
-              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex + 1], () => ( currentKey)));
-              return;
-            }
-            if (e.key === "ArrowUp") {
-              e.preventDefault();
-              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex - 1], () => ( currentKey)));
-              return;
-            }
-            if (e.key === "Home") {
-              e.preventDefault();
-              focusKey(_nullishCoalesce(focusableKeys.value[0], () => ( currentKey)));
-              return;
-            }
-            if (e.key === "End") {
-              e.preventDefault();
-              focusKey(_nullishCoalesce(focusableKeys.value[focusableKeys.value.length - 1], () => ( currentKey)));
-              return;
-            }
-            if (e.key === "ArrowRight") {
-              e.preventDefault();
-              if (isExpandable && !isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (isExpandable && isExpanded) {
-                focusKey(_nullishCoalesce(getFirstChildKey(node.key), () => ( currentKey)));
-              }
-              return;
-            }
-            if (e.key === "ArrowLeft") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              focusKey(_nullishCoalesce(parentKey, () => ( currentKey)));
-              return;
-            }
-            if (e.key === "Escape") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (parentKey !== void 0) {
-                if (computedExpandedKeys.value.has(parentKey)) {
-                  handleExpand(parentKey);
-                }
-                focusKey(parentKey);
-              }
-              return;
-            }
-            if (e.key === "Enter") {
-              e.preventDefault();
-              if (effectiveSelectable.value) {
-                handleSelect(node.key, e);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
-              return;
-            }
-            if (e.key === " ") {
-              e.preventDefault();
-              if (props.checkable) {
-                handleCheck(node.key, !isChecked);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
+            const action = _tigercatcore.getTreeKeyboardAction.call(void 0, {
+              key: e.key,
+              nodeKey: node.key,
+              currentKey,
+              focusableKeys: focusableKeys.value,
+              parentKey,
+              firstChildKey: _tigercatcore.getFirstVisibleChildKey.call(void 0, visibleItems.value, node.key),
+              isExpandable,
+              isExpanded,
+              isParentExpanded: parentKey !== void 0 && computedExpandedKeys.value.has(parentKey),
+              isChecked,
+              selectable: effectiveSelectable.value,
+              checkable: !!props.checkable
+            });
+            if (!action) return;
+            e.preventDefault();
+            switch (action.type) {
+              case "focus":
+                focusKey(action.key);
+                break;
+              case "toggleExpand":
+                handleExpand(action.key);
+                break;
+              case "select":
+                handleSelect(action.key, e);
+                break;
+              case "check":
+                handleCheck(action.key, action.checked);
+                break;
+              case "collapseAndFocus":
+                if (action.collapseKey !== void 0) handleExpand(action.collapseKey);
+                focusKey(action.focusKey);
+                break;
             }
           },
           onClick: (e) => {
@@ -693,7 +652,8 @@ var Tree = _vue.defineComponent.call(void 0, {
       );
     }
     function renderTreeNode(node, level) {
-      const hasChildren = !!(node.children && node.children.length > 0);
+      const children = _nullishCoalesce(node.children, () => ( []));
+      const hasChildren = children.length > 0;
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isFiltered = filteredNodeKeys.value.size > 0;
       const isMatched = filteredNodeKeys.value.has(node.key);
@@ -714,7 +674,7 @@ var Tree = _vue.defineComponent.call(void 0, {
             {
               class: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, props.showLine && _tigercatcore.treeLineClasses)
             },
-            node.children.map((child) => renderTreeNode(child, level + 1))
+            children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
@@ -734,13 +694,22 @@ var Tree = _vue.defineComponent.call(void 0, {
             role: "tree",
             "aria-label": props.ariaLabel
           },
-          [_vue.h.call(void 0, "div", { class: _tigercatcore.treeEmptyStateClasses }, props.emptyText)]
+          [
+            _vue.h.call(void 0, 
+              "div",
+              { class: _tigercatcore.treeEmptyStateClasses },
+              _tigercatcore.resolveLocaleText.call(void 0, "No data", props.emptyText, _optionalChain([mergedLocale, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.emptyText]))
+            )
+          ]
         );
       }
       const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
         type: "text",
         class: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
-        placeholder: "Search...",
+        placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+          "Search...",
+          _optionalChain([mergedLocale, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.common, 'optionalAccess', _11 => _11.searchPlaceholder])
+        ),
         value: internalSearchValue.value,
         onInput: (e) => {
           internalSearchValue.value = e.target.value;
@@ -759,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-PIF4M4TR.mjs → chunk-ALFEFDVG.mjs}

@@ -1,9 +1,15 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/VirtualTable.ts
 import { defineComponent, h, ref, computed } from "vue";
 import {
   classNames,
   coerceClassValue,
+  isActivationKey,
   calculateVirtualRange,
+  calculateVirtualColumnRange,
   getVirtualTableContainerClasses,
   getVirtualTableRowClasses,
   getVirtualRowKey,
@@ -11,13 +17,18 @@ import {
   getVirtualTableFixedCellStyle,
   getTableFixedCellClasses,
   getTableFixedHeaderCellClasses,
+  getTableColgroup,
+  tableBaseClasses,
   virtualTableHeaderClasses,
   virtualTableHeaderCellClasses,
   virtualTableCellClasses,
   virtualTableEmptyClasses,
   virtualTableLoadingClasses,
-  virtualTableFixedCellSelectedClasses
+  virtualTableFixedCellSelectedClasses,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
+var DEFAULT_VIRTUAL_COLUMN_WIDTH = 150;
 var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
   inheritAttrs: false,
@@ -32,14 +43,20 @@ 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: "No data" },
+    emptyText: { type: String, default: void 0 },
     selectable: { type: Boolean, default: false },
     selectedKeys: {
       type: Array,
@@ -47,12 +64,16 @@ var VirtualTable = defineComponent({
     },
     striped: { type: Boolean, default: false },
     bordered: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
   },
   emits: ["row-click", "select"],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
+    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,
@@ -66,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),
@@ -78,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(
@@ -99,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 },
@@ -113,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({
@@ -138,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", {
@@ -163,15 +245,41 @@ 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 emptyEl = props.data.length === 0 && !props.loading ? h("div", { class: virtualTableEmptyClasses }, props.emptyText) : null;
-      const loadingEl = props.loading ? h("div", { class: virtualTableLoadingClasses }, "Loading...") : null;
+      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 },
+        resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
+      ) : null;
+      const loadingEl = props.loading ? h(
+        "div",
+        { class: virtualTableLoadingClasses },
+        resolveLocaleText("Loading...", mergedLocale.value?.common?.loadingText)
+      ) : null;
       return h(
         "div",
         {
           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)
     );