@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-KH2CF6JU.mjs → chunk-LGDJDBE3.mjs}

@@ -1,12 +1,12 @@
 import {
   Select
-} from "./chunk-QAMXVTNN.mjs";
+} from "./chunk-QH3YF5B6.mjs";
 import {
   Radio
 } from "./chunk-YZP4K6KI.mjs";
 import {
   Empty
-} from "./chunk-WFISP42H.mjs";
+} from "./chunk-WLHOWOAY.mjs";
 import {
   Checkbox
 } from "./chunk-UKMOWUYH.mjs";
@@ -18,6 +18,7 @@ import {
 import {
   computed as computed2,
   defineComponent,
+  getCurrentInstance,
   h as h6,
   onBeforeUnmount,
   onMounted,
@@ -39,6 +40,7 @@ import {
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
+  getTableVirtualWindow,
   isLazyTigerLocale,
   mergeTigerLocale,
   resolveTigerLocale,
@@ -224,7 +226,7 @@ var tableEmits = [
 import { computed, ref, watch } from "vue";
 import {
   sortData,
-  filterData,
+  filterTableData,
   paginateData,
   calculatePagination,
   createTableRowKeyCache,
@@ -233,7 +235,10 @@ import {
   getFixedColumnOffsets,
   filterHiddenColumns,
   freezeTableColumnWidths,
-  orderTableFixedColumns
+  orderTableFixedColumns,
+  getNextTableSelectAllKeys,
+  getTableSelectionState,
+  hasTableSelectionColumn
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(props, emit, measuredColumnWidths) {
@@ -387,7 +392,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     if (props.filterMode === "advanced" && (props.advancedFilterRules?.length ?? 0) > 0) {
       data = filterDataAdvanced(data, props.advancedFilterRules ?? []);
     } else {
-      data = filterData(data, filterState.value);
+      data = filterTableData(data, props.columns, filterState.value);
     }
     if (sortState.value.key && sortState.value.direction) {
       const column = columnByKey.value[sortState.value.key];
@@ -414,7 +419,7 @@ function useTableState(props, emit, measuredColumnWidths) {
   });
   const totalColumnCount = computed(() => {
     let count = displayColumns.value.length;
-    if (props.rowSelection) count += 1;
+    if (hasTableSelectionColumn(props.rowSelection)) count += 1;
     if (props.expandable) count += 1;
     return count;
   });
@@ -534,29 +539,27 @@ function useTableState(props, emit, measuredColumnWidths) {
     }
     emit("selection-change", newKeys);
   }
+  const selectionState = computed(
+    () => getTableSelectionState({
+      records: paginatedData.value,
+      rowKeys: paginatedRowKeys.value,
+      selectedRowKeys: selectedRowKeys.value,
+      getCheckboxProps: props.rowSelection?.getCheckboxProps
+    })
+  );
   function handleSelectAll(checked) {
-    if (checked) {
-      const nextKeys = paginatedRowKeys.value;
-      if (!isSelectionControlled.value) {
-        uncontrolledSelectedRowKeys.value = nextKeys;
-      }
-      emit("selection-change", nextKeys);
-    } else {
-      if (!isSelectionControlled.value) {
-        uncontrolledSelectedRowKeys.value = [];
-      }
-      emit("selection-change", []);
+    const nextKeys = getNextTableSelectAllKeys(
+      selectedRowKeys.value,
+      selectionState.value.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled.value) {
+      uncontrolledSelectedRowKeys.value = nextKeys;
     }
+    emit("selection-change", nextKeys);
   }
-  const allSelected = computed(() => {
-    if (paginatedRowKeys.value.length === 0) {
-      return false;
-    }
-    return paginatedRowKeys.value.every((key) => selectedRowKeySet.value.has(key));
-  });
-  const someSelected = computed(() => {
-    return selectedRowKeys.value.length > 0 && !allSelected.value;
-  });
+  const allSelected = computed(() => selectionState.value.allSelected);
+  const someSelected = computed(() => selectionState.value.someSelected);
   const editingCell = ref(null);
   const editingValue = ref("");
   function isCellEditable(columnKey, rowIndex) {
@@ -764,7 +767,7 @@ function renderTableHeader(ctx, props, slots, labels) {
   const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
   const expandHeaderTh = props.expandable ? h2("th", {
     class: getExpandIconCellClasses(props.size),
-    "aria-label": "Expand"
+    "aria-label": labels.expandText
   }) : null;
   if (expandAtStart && expandHeaderTh) {
     headerCells.push(expandHeaderTh);
@@ -872,7 +875,7 @@ function renderTableHeader(ctx, props, slots, labels) {
                   onClick: (e) => e.stopPropagation()
                 },
                 [
-                  h2("option", { value: "" }, "All"),
+                  h2("option", { value: "" }, labels.allText),
                   ...column.filter.options.map(
                     (opt) => h2("option", { value: opt.value }, opt.label)
                   )
@@ -880,7 +883,7 @@ function renderTableHeader(ctx, props, slots, labels) {
               ) : h2("input", {
                 type: "text",
                 class: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                placeholder: column.filter.placeholder || "Filter...",
+                placeholder: column.filter.placeholder || labels.filterPlaceholder,
                 onInput: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation()
               })
@@ -900,6 +903,7 @@ function renderTableHeader(ctx, props, slots, labels) {
 import { h as h3 } from "vue";
 import {
   classNames as classNames2,
+  isActivationKey,
   getTableRowClasses,
   getTableCellClasses,
   getTableFixedCellClasses,
@@ -914,7 +918,7 @@ import {
   tableGroupHeaderClasses,
   getGroupHeaderCellClasses
 } from "@expcat/tigercat-core";
-function renderTableBody(ctx, props, slots) {
+function renderTableBody(ctx, props, slots, labels) {
   if (props.loading) {
     return null;
   }
@@ -999,7 +1003,7 @@ function renderTableBody(ctx, props, slots) {
           {
             type: "button",
             class: "inline-flex items-center justify-center",
-            "aria-label": isExpanded ? "Collapse row" : "Expand row",
+            "aria-label": isExpanded ? labels.collapseRowAriaLabel : labels.expandRowAriaLabel,
             "aria-expanded": isExpanded,
             onClick: (e) => {
               e.stopPropagation();
@@ -1098,6 +1102,16 @@ function renderTableBody(ctx, props, slots) {
           getTableRowClasses(props.hoverable, props.striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.value.hasFixedColumns && "group"
         ),
+        "aria-selected": props.rowSelection ? isSelected : void 0,
+        tabindex: props.interactiveRows ? 0 : void 0,
+        // Delegated mouse click stays on tbody; add per-row keyboard activation.
+        onKeydown: props.interactiveRows ? (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (isActivationKey(e)) {
+            e.preventDefault();
+            ctx.handleRowClick(record, index, key);
+          }
+        } : void 0,
         draggable: props.rowDraggable ? "true" : void 0
       },
       cells
@@ -1152,6 +1166,36 @@ function renderTableBody(ctx, props, slots) {
     }
     return h3("tbody", delegatedBodyHandlers, groupRows);
   }
+  const vw = props.virtualWindow;
+  if (vw && vw.endIndex >= vw.startIndex) {
+    const windowed = [];
+    if (vw.topPad > 0) {
+      windowed.push(
+        h3("tr", { key: "virtual-top", "aria-hidden": "true" }, [
+          h3("td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.topPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    for (let index = vw.startIndex; index <= vw.endIndex; index++) {
+      const result = renderDataRow(ctx.paginatedData.value[index], index);
+      if (Array.isArray(result)) windowed.push(...result);
+      else windowed.push(result);
+    }
+    if (vw.bottomPad > 0) {
+      windowed.push(
+        h3("tr", { key: "virtual-bottom", "aria-hidden": "true" }, [
+          h3("td", {
+            colspan: ctx.totalColumnCount.value,
+            style: { height: `${vw.bottomPad}px`, padding: 0 }
+          })
+        ])
+      );
+    }
+    return h3("tbody", delegatedBodyHandlers, windowed);
+  }
   const rows = ctx.paginatedData.value.flatMap((record, index) => renderDataRow(record, index));
   return h3("tbody", delegatedBodyHandlers, rows);
 }
@@ -1287,6 +1331,7 @@ var Table = defineComponent({
   emits: tableEmits,
   setup(props, { emit, slots }) {
     const config = useTigerConfig();
+    const instance = getCurrentInstance();
     const wrapperRef = ref2(null);
     const tableRef = ref2(null);
     const measuredColumnWidths = ref2({});
@@ -1398,9 +1443,19 @@ var Table = defineComponent({
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const virtualWindow = effectiveVirtual ? getTableVirtualWindow(
+        ctx.virtualScrollTop.value,
+        typeof resolvedProps.virtualHeight === "number" ? resolvedProps.virtualHeight : 400,
+        resolvedProps.virtualItemHeight,
+        ctx.paginatedData.value.length
+      ) : void 0;
       const renderProps = {
         ...resolvedProps,
-        emptyText: tableLabels.value.emptyText
+        emptyText: tableLabels.value.emptyText,
+        // Rows become keyboard-activable when a row-click listener is bound or
+        // row selection is enabled (mirrors React's onRowClick/rowSelection).
+        interactiveRows: !!resolvedProps.rowSelection || typeof instance?.vnode.props?.onRowClick === "function",
+        virtualWindow
       };
       const shouldPinColumns = resolvedProps.columnLockable || ctx.fixedColumnsInfo.value.hasFixedColumns;
       const colgroup = shouldPinColumns ? h6(
@@ -1421,7 +1476,7 @@ var Table = defineComponent({
       const tableChildren = [
         colgroup,
         renderTableHeader(ctx, renderProps, slots, tableLabels.value),
-        renderTableBody(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots, tableLabels.value),
         renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = h6(
@@ -1769,9 +1824,9 @@ var Table = defineComponent({
                 type: "button",
                 class: tableExportButtonClasses,
                 onClick: ctx.handleExport,
-                "aria-label": resolvedProps.exportFormat === "excel" ? "Export to Excel" : "Export to CSV"
+                "aria-label": resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelAriaLabel : tableLabels.value.exportCsvAriaLabel
               },
-              resolvedProps.exportFormat === "excel" ? "Export Excel" : "Export CSV"
+              resolvedProps.exportFormat === "excel" ? tableLabels.value.exportExcelText : tableLabels.value.exportCsvText
             )
           ]),
           tableContent,

package/dist/{chunk-IKEZDGRO.mjs → chunk-LHZ5MRFQ.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";

package/dist/{chunk-5F6P5Y4K.js → chunk-LKRT27JW.js}

@@ -1,4 +1,4 @@
-"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; }// src/components/VirtualList.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; }// src/components/VirtualList.ts
 var _vue = require('vue');
 
 
@@ -24,12 +24,19 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       default: void 0
     },
     height: { type: Number, default: 400 },
-    overscan: { type: Number, default: 5 }
+    overscan: { type: Number, default: 5 },
+    /** Custom class name (merged with the `class` attribute) */
+    className: { type: String, default: void 0 }
   },
   emits: ["scroll"],
   setup(props, { emit, attrs, slots }) {
     const scrollTop = _vue.ref.call(void 0, 0);
+    const measureVersion = _vue.ref.call(void 0, 0);
     const containerRef = _vue.ref.call(void 0, null);
+    const itemEls = /* @__PURE__ */ new Map();
+    const isDynamic = _vue.computed.call(void 0, 
+      () => !props.sizeStrategy && !props.getItemHeight && props.estimatedItemHeight !== void 0
+    );
     const strategy = _vue.computed.call(void 0, () => {
       if (props.sizeStrategy) return props.sizeStrategy;
       if (props.getItemHeight) {
@@ -40,9 +47,26 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       }
       return _tigercatcore.fixedSizeStrategy.call(void 0, props.itemHeight);
     });
-    const range = _vue.computed.call(void 0, 
-      () => strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan)
-    );
+    const range = _vue.computed.call(void 0, () => {
+      void measureVersion.value;
+      return strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan);
+    });
+    function measureDynamic() {
+      if (!isDynamic.value) return;
+      const strat = strategy.value;
+      if (!strat.updateItemHeight) return;
+      let changed = false;
+      itemEls.forEach((el, i) => {
+        const measured = el.offsetHeight;
+        if (measured > 0 && measured !== strat.getItemHeight(i)) {
+          strat.updateItemHeight(i, measured);
+          changed = true;
+        }
+      });
+      if (changed) measureVersion.value += 1;
+    }
+    _vue.onMounted.call(void 0, measureDynamic);
+    _vue.onUpdated.call(void 0, measureDynamic);
     function handleScroll() {
       if (containerRef.value) {
         scrollTop.value = containerRef.value.scrollTop;
@@ -53,18 +77,24 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       const { startIndex, endIndex, totalHeight } = range.value;
       const currentStrategy = strategy.value;
       const items = [];
+      const dynamic = isDynamic.value;
+      if (dynamic) itemEls.clear();
       for (let i = startIndex; i <= endIndex; i++) {
         const itemH = currentStrategy.getItemHeight(i);
         const slotContent = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2({ index: i })]);
+        const index = i;
         items.push(
           _vue.h.call(void 0, 
             "div",
             {
-              key: i,
-              style: {
-                height: `${itemH}px`,
-                width: "100%"
-              }
+              key: index,
+              // Auto height in dynamic mode so real content height is measurable.
+              style: dynamic ? { width: "100%" } : { height: `${itemH}px`, width: "100%" },
+              ref: dynamic ? (el) => {
+                if (el)
+                  itemEls.set(index, _nullishCoalesce(el.$el, () => ( el)));
+                else itemEls.delete(index);
+              } : void 0
             },
             slotContent
           )
@@ -75,7 +105,11 @@ var VirtualList = _vue.defineComponent.call(void 0, {
         "div",
         {
           ref: containerRef,
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.virtualListContainerClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.virtualListContainerClasses,
+            props.className,
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+          ),
           style: { height: `${props.height}px` },
           onScroll: handleScroll
         },

package/dist/{chunk-FP7SBCPO.js → chunk-LODEICSN.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 _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
@@ -219,7 +219,7 @@ var TreeMapChart = _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,
@@ -230,7 +230,7 @@ var TreeMapChart = _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-DOBGVCZJ.mjs → chunk-LOX2KCML.mjs}

@@ -1,21 +1,21 @@
 import {
   VirtualList
-} from "./chunk-PENI3H3I.mjs";
+} from "./chunk-HS4YQGZQ.mjs";
 import {
   Input
-} from "./chunk-2WJADO6O.mjs";
+} from "./chunk-DZFM7H3M.mjs";
 import {
   Empty
-} from "./chunk-WFISP42H.mjs";
+} from "./chunk-WLHOWOAY.mjs";
 import {
   Textarea
-} from "./chunk-MKBIVETW.mjs";
+} from "./chunk-2OI6GWOT.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Avatar
-} from "./chunk-ZCT56WB7.mjs";
+} from "./chunk-XZYFVOOS.mjs";
 
 // src/components/ChatWindow.ts
 import { defineComponent, h, computed, ref, watch, onMounted, onUpdated } from "vue";
@@ -23,6 +23,7 @@ import {
   classNames,
   coerceClassValue,
   getChatMessageStatusInfo,
+  getChatStatusBarClasses,
   formatChatTime,
   mergeStyleValues
 } from "@expcat/tigercat-core";
@@ -339,7 +340,7 @@ var ChatWindow = defineComponent({
         props.statusText ? h(
           "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: getChatStatusBarClasses(props.statusVariant)
           },
           props.statusText
         ) : null,

package/dist/{chunk-XZMU7B54.js → chunk-LPHDX3UU.js}

@@ -1,5 +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; }
 
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
+
+
 var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
 
 // src/components/GaugeChart.ts
@@ -30,6 +33,8 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
     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 = _vue.defineComponent.call(void 0, {
     _vue.onBeforeUnmount.call(void 0, () => {
       _optionalChain([animCtrl, 'optionalAccess', _3 => _3.stop, 'call', _4 => _4()]);
     });
+    const wrapperRef = _vue.ref.call(void 0, null);
+    const tooltipState = _vue.ref.call(void 0, { 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 = _optionalChain([wrapperRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.getBoundingClientRect, 'call', _7 => _7()]);
+      if (rect) {
+        tooltipState.value = {
+          visible: true,
+          x: rect.left + rect.width / 2,
+          y: rect.top + rect.height / 2
+        };
+      }
+    };
     const ticks = _vue.computed.call(void 0, 
       () => props.showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, 
         cx.value,
@@ -86,7 +111,7 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
       const aw = props.arcWidth;
       const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, props.endAngle, aw);
       const valuePath = animatedAngle.value > props.startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, animatedAngle.value, aw) : null;
-      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _5 => _5.segments, 'optionalAccess', _6 => _6.map, 'call', _7 => _7((seg, i) => {
+      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _8 => _8.segments, 'optionalAccess', _9 => _9.map, 'call', _10 => _10((seg, i) => {
         const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, 
           seg.range[0],
           props.min,
@@ -110,7 +135,8 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
       })]), () => ( []));
       const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, c, cY, r - aw - 6, animatedAngle.value);
       const formattedValue = props.valueFormatter ? props.valueFormatter(props.value) : `${props.value}`;
-      return _vue.h.call(void 0, 
+      const tooltipContent = props.tooltipFormatter ? props.tooltipFormatter(props.value) : props.label ? `${props.label}: ${formattedValue}` : formattedValue;
+      const canvas = _vue.h.call(void 0, 
         _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
@@ -219,6 +245,29 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
           ]
         }
       );
+      return _vue.h.call(void 0, 
+        "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 ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
+            content: tooltipContent,
+            visible: tooltipState.value.visible && tooltipContent !== "",
+            x: tooltipState.value.x,
+            y: tooltipState.value.y
+          }) : null
+        ]
+      );
     };
   }
 });

package/dist/{chunk-PXRF4IJO.mjs → chunk-LSWTZHBV.mjs}

@@ -1,5 +1,13 @@
 // src/components/FloatButton.ts
-import { defineComponent, computed, h, ref, Teleport } from "vue";
+import {
+  defineComponent,
+  computed,
+  h,
+  ref,
+  provide,
+  inject,
+  Teleport
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -11,13 +19,14 @@ import {
   floatButtonDisabledClasses,
   floatButtonGroupClasses
 } from "@expcat/tigercat-core";
+var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
 var FloatButton = defineComponent({
   name: "TigerFloatButton",
   inheritAttrs: false,
   props: {
     shape: {
       type: String,
-      default: "circle"
+      default: void 0
     },
     size: {
       type: String,
@@ -50,10 +59,17 @@ var FloatButton = defineComponent({
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const groupShape = inject(
+      FloatButtonGroupShapeKey,
+      void 0
+    );
+    const resolvedShape = computed(
+      () => props.shape ?? groupShape?.value ?? "circle"
+    );
     const classes = computed(
       () => classNames(
         floatButtonBaseClasses,
-        floatButtonShapeClasses[props.shape],
+        floatButtonShapeClasses[resolvedShape.value],
         floatButtonSizeClasses[props.size],
         floatButtonTypeClasses[props.type],
         props.disabled && floatButtonDisabledClasses,
@@ -115,6 +131,10 @@ var FloatButtonGroup = defineComponent({
   setup(props, { slots, emit, attrs }) {
     const internalOpen = ref(false);
     const isOpen = computed(() => props.open ?? internalOpen.value);
+    provide(
+      FloatButtonGroupShapeKey,
+      computed(() => props.shape)
+    );
     const toggle = () => {
       const next = !isOpen.value;
       internalOpen.value = next;