@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-LWDA7ABQ.js

@@ -1,20 +1,26 @@
-'use strict';
+"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 chunkJDCVS4SJ_js = require('./chunk-JDCVS4SJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/utils/use-floating-popup.ts
+var _vue = require('vue');
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
-  const internalVisible = vue.ref(props.open ?? props.defaultOpen ?? false);
-  const isControlled = vue.computed(() => props.open !== void 0);
-  vue.watch(
+  const internalVisible = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.open, () => ( props.defaultOpen)), () => ( false)));
+  const isControlled = _vue.computed.call(void 0, () => props.open !== void 0);
+  _vue.watch.call(void 0, 
     () => props.open,
     (next) => {
       if (next !== void 0) internalVisible.value = next;
     }
   );
-  const currentVisible = vue.computed(
+  const currentVisible = _vue.computed.call(void 0, 
     () => isControlled.value ? Boolean(props.open) : internalVisible.value
   );
   const setVisible = (next) => {
@@ -23,34 +29,34 @@ function useFloatingPopup(options) {
     emit("update:open", next);
     emit("open-change", next);
   };
-  const containerRef = vue.ref(null);
-  const triggerRef = vue.ref(null);
-  const floatingRef = vue.ref(null);
+  const containerRef = _vue.ref.call(void 0, null);
+  const triggerRef = _vue.ref.call(void 0, null);
+  const floatingRef = _vue.ref.call(void 0, null);
   const {
     x,
     y,
     placement: actualPlacement
-  } = chunkJDCVS4SJ_js.useVueFloating({
+  } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
     referenceRef: triggerRef,
     floatingRef,
     enabled: currentVisible,
-    placement: props.placement ?? "top",
-    offset: props.offset ?? 8
+    placement: _nullishCoalesce(props.placement, () => ( "top")),
+    offset: _nullishCoalesce(props.offset, () => ( 8))
   });
   let outsideClickCleanup;
   let escapeKeyCleanup;
-  const effectiveTrigger = vue.computed(
-    () => multiTrigger ? props.trigger ?? "click" : "click"
+  const effectiveTrigger = _vue.computed.call(void 0, 
+    () => multiTrigger ? _nullishCoalesce(props.trigger, () => ( "click")) : "click"
   );
-  vue.watch(
+  _vue.watch.call(void 0, 
     [currentVisible, effectiveTrigger],
     ([visible, trigger]) => {
-      outsideClickCleanup?.();
-      escapeKeyCleanup?.();
+      _optionalChain([outsideClickCleanup, 'optionalCall', _ => _()]);
+      _optionalChain([escapeKeyCleanup, 'optionalCall', _2 => _2()]);
       outsideClickCleanup = void 0;
       escapeKeyCleanup = void 0;
       if (visible && trigger === "click") {
-        outsideClickCleanup = chunkJDCVS4SJ_js.useVueClickOutside({
+        outsideClickCleanup = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
           onOutsideClick: () => setVisible(false),
@@ -58,7 +64,7 @@ function useFloatingPopup(options) {
         });
       }
       if (visible && trigger !== "manual") {
-        escapeKeyCleanup = chunkJDCVS4SJ_js.useVueEscapeKey({
+        escapeKeyCleanup = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
           enabled: currentVisible,
           onEscape: () => setVisible(false)
         });
@@ -66,15 +72,15 @@ function useFloatingPopup(options) {
     },
     { immediate: true }
   );
-  vue.onBeforeUnmount(() => {
-    outsideClickCleanup?.();
-    escapeKeyCleanup?.();
+  _vue.onBeforeUnmount.call(void 0, () => {
+    _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
+    _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
   });
-  const floatingStyles = vue.computed(() => ({
+  const floatingStyles = _vue.computed.call(void 0, () => ({
     position: "absolute",
     left: `${x.value}px`,
     top: `${y.value}px`,
-    transformOrigin: tigercatCore.getTransformOrigin(actualPlacement.value),
+    transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, actualPlacement.value),
     zIndex: 1e3
   }));
   const handleToggle = () => {
@@ -86,11 +92,11 @@ function useFloatingPopup(options) {
   const handleHide = () => {
     if (!props.disabled) setVisible(false);
   };
-  const triggerHandlers = vue.computed(() => {
+  const triggerHandlers = _vue.computed.call(void 0, () => {
     if (!multiTrigger) {
       return { onClick: handleToggle };
     }
-    return tigercatCore.buildTriggerHandlerMap(
+    return _tigercatcore.buildTriggerHandlerMap.call(void 0, 
       effectiveTrigger.value,
       { toggle: handleToggle, show: handleShow, hide: handleHide },
       "vue"
@@ -110,4 +116,6 @@ function useFloatingPopup(options) {
   };
 }
 
+
+
 exports.useFloatingPopup = useFloatingPopup;

package/dist/{chunk-O3JPGBAK.js → chunk-M2XA7VU5.js}

@@ -1,16 +1,45 @@
-'use strict';
-
-var chunkGZK6R2E3_js = require('./chunk-GZK6R2E3.js');
-var chunkACYYQJ6M_js = require('./chunk-ACYYQJ6M.js');
-var chunkHBFFINAI_js = require('./chunk-HBFFINAI.js');
-var chunkZOUJFFG4_js = require('./chunk-ZOUJFFG4.js');
-var chunk5PXTMXXS_js = require('./chunk-5PXTMXXS.js');
-var chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var chunk57MJTNDL_js = require('./chunk-57MJTNDL.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var ScatterChart = vue.defineComponent({
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
+
+
+var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+
+
+var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
+
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+
+var _chunk57MJTNDLjs = require('./chunk-57MJTNDL.js');
+
+// src/components/ScatterChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var ScatterChart = _vue.defineComponent.call(void 0, {
   name: "TigerScatterChart",
   props: {
     width: { type: Number, default: 320 },
@@ -98,9 +127,9 @@ var ScatterChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "point-click", "point-hover"],
   setup(props, { emit }) {
-    const gradientPrefix = tigercatCore.getScatterGradientPrefix();
-    const mounted = vue.ref(false);
-    vue.onMounted(() => {
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "scatter", _vue.useId.call(void 0, ));
+    const mounted = _vue.ref.call(void 0, false);
+    _vue.onMounted.call(void 0, () => {
       if (props.animated) mounted.value = true;
     });
     const {
@@ -116,108 +145,108 @@ var ScatterChart = vue.defineComponent({
       handleLegendHover,
       handleLegendLeave,
       wrapperClasses
-    } = chunkGZK6R2E3_js.useChartInteraction({
-      hoverable: vue.computed(() => props.hoverable),
+    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
+      hoverable: _vue.computed.call(void 0, () => props.hoverable),
       hoveredIndexProp: () => props.hoveredIndex,
-      selectable: vue.computed(() => props.selectable),
+      selectable: _vue.computed.call(void 0, () => props.selectable),
       selectedIndexProp: () => props.selectedIndex,
-      activeOpacity: vue.computed(() => props.activeOpacity),
-      inactiveOpacity: vue.computed(() => props.inactiveOpacity),
-      legendPosition: vue.computed(() => props.legendPosition),
+      activeOpacity: _vue.computed.call(void 0, () => props.activeOpacity),
+      inactiveOpacity: _vue.computed.call(void 0, () => props.inactiveOpacity),
+      legendPosition: _vue.computed.call(void 0, () => props.legendPosition),
       emit,
       getData: (index) => props.data[index],
       eventNames: { hover: "point-hover", click: "point-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const xValues = vue.computed(() => props.data.map((item) => item.x));
-    const yValues = vue.computed(() => props.data.map((item) => item.y));
-    const resolvedXScale = vue.computed(() => {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const xValues = _vue.computed.call(void 0, () => props.data.map((item) => item.x));
+    const yValues = _vue.computed.call(void 0, () => props.data.map((item) => item.y));
+    const resolvedXScale = _vue.computed.call(void 0, () => {
       if (props.xScale) return props.xScale;
-      const extent = tigercatCore.getNumberExtent(xValues.value, { includeZero: props.includeZero });
-      return tigercatCore.createLinearScale(extent, [0, innerRect.value.width]);
+      const extent = _tigercatcore.getNumberExtent.call(void 0, xValues.value, { includeZero: props.includeZero });
+      return _tigercatcore.createLinearScale.call(void 0, extent, [0, innerRect.value.width]);
     });
-    const resolvedYScale = vue.computed(() => {
+    const resolvedYScale = _vue.computed.call(void 0, () => {
       if (props.yScale) return props.yScale;
-      const extent = tigercatCore.getNumberExtent(yValues.value, { includeZero: props.includeZero });
-      return tigercatCore.createLinearScale(extent, [innerRect.value.height, 0]);
+      const extent = _tigercatcore.getNumberExtent.call(void 0, yValues.value, { includeZero: props.includeZero });
+      return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.value.height, 0]);
     });
-    const shouldShowXAxis = vue.computed(() => props.showAxis && props.showXAxis);
-    const shouldShowYAxis = vue.computed(() => props.showAxis && props.showYAxis);
-    const palette = vue.computed(() => tigercatCore.resolveChartPalette(props.colors, props.pointColor));
-    const points = vue.computed(
+    const shouldShowXAxis = _vue.computed.call(void 0, () => props.showAxis && props.showXAxis);
+    const shouldShowYAxis = _vue.computed.call(void 0, () => props.showAxis && props.showYAxis);
+    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors, props.pointColor));
+    const points = _vue.computed.call(void 0, 
       () => props.data.map((item, index) => {
-        const color = item.color ?? palette.value[index % palette.value.length];
-        const opacity = tigercatCore.getChartElementOpacity(index, activeIndex.value, {
+        const color = _nullishCoalesce(item.color, () => ( palette.value[index % palette.value.length]));
+        const opacity = _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex.value, {
           activeOpacity: props.activeOpacity,
           inactiveOpacity: props.inactiveOpacity
         });
         const isHovered = resolvedHoveredIndex.value === index;
-        const baseSize = item.size ?? props.pointSize;
-        const r = isHovered ? tigercatCore.getScatterHoverSize(baseSize) : baseSize;
+        const baseSize = _nullishCoalesce(item.size, () => ( props.pointSize));
+        const r = isHovered ? _tigercatcore.getScatterHoverSize.call(void 0, baseSize) : baseSize;
         return {
           cx: resolvedXScale.value.map(item.x),
           cy: resolvedYScale.value.map(item.y),
           r,
           baseSize,
           color,
-          opacity: props.pointOpacity ?? opacity,
+          opacity: _nullishCoalesce(props.pointOpacity, () => ( opacity)),
           isHovered,
           datum: item
         };
       })
     );
-    const legendItems = vue.computed(
-      () => tigercatCore.buildChartLegendItems({
+    const legendItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildChartLegendItems.call(void 0, {
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : d.label ?? `(${d.x}, ${d.y})`,
-        getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
+        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( `(${d.x}, ${d.y})`)),
+        getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
       })
     );
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
         resolvedHoveredIndex.value,
         props.data,
         props.tooltipFormatter,
         (datum, index) => {
-          const label = datum.label ?? `Point ${index + 1}`;
+          const label = _nullishCoalesce(datum.label, () => ( `Point ${index + 1}`));
           return `${label}: (${datum.x}, ${datum.y})`;
         }
       )
     );
     return () => {
-      const defs = props.gradient ? vue.h(
+      const defs = props.gradient ? _vue.h.call(void 0, 
         "defs",
         null,
         palette.value.map(
-          (color, i) => vue.h(
+          (color, i) => _vue.h.call(void 0, 
             "radialGradient",
             { id: `${gradientPrefix}-${i}`, cx: "35%", cy: "35%", r: "65%" },
             [
-              vue.h("stop", { offset: "0%", "stop-color": "#fff", "stop-opacity": "0.5" }),
-              vue.h("stop", { offset: "50%", "stop-color": color, "stop-opacity": "0.95" }),
-              vue.h("stop", { offset: "100%", "stop-color": color, "stop-opacity": "1" })
+              _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": "#fff", "stop-opacity": "0.5" }),
+              _vue.h.call(void 0, "stop", { offset: "50%", "stop-color": color, "stop-opacity": "0.95" }),
+              _vue.h.call(void 0, "stop", { offset: "100%", "stop-color": color, "stop-opacity": "1" })
             ]
           )
         )
       ) : null;
-      const animStyle = props.animated && mounted.value ? vue.h("style", null, tigercatCore.SCATTER_ENTRANCE_KEYFRAMES) : null;
-      const chart = vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      const animStyle = props.animated && mounted.value ? _vue.h.call(void 0, "style", null, _tigercatcore.SCATTER_ENTRANCE_KEYFRAMES) : null;
+      const chart = _vue.h.call(void 0, 
+        _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
           height: props.height,
           padding: props.padding,
           title: props.title,
           desc: props.desc,
-          className: tigercatCore.classNames(props.className)
+          className: _tigercatcore.classNames.call(void 0, props.className)
         },
         {
           default: () => [
             defs,
             animStyle,
-            props.showGrid ? vue.h(chunk57MJTNDL_js.ChartGrid, {
+            props.showGrid ? _vue.h.call(void 0, _chunk57MJTNDLjs.ChartGrid, {
               xScale: resolvedXScale.value,
               yScale: resolvedYScale.value,
               show: "both",
@@ -228,7 +257,7 @@ var ScatterChart = vue.defineComponent({
               lineStyle: props.gridLineStyle,
               strokeWidth: props.gridStrokeWidth
             }) : null,
-            shouldShowXAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowXAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
               scale: resolvedXScale.value,
               orientation: "bottom",
               y: innerRect.value.height,
@@ -237,7 +266,7 @@ var ScatterChart = vue.defineComponent({
               tickFormat: props.xTickFormat,
               label: props.xAxisLabel
             }) : null,
-            shouldShowYAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowYAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
               scale: resolvedYScale.value,
               orientation: "left",
               ticks: props.yTicks,
@@ -245,33 +274,34 @@ var ScatterChart = vue.defineComponent({
               tickFormat: props.yTickFormat,
               label: props.yAxisLabel
             }) : null,
-            vue.h(
-              chunkHBFFINAI_js.ChartSeries,
+            _vue.h.call(void 0, 
+              _chunkHBFFINAIjs.ChartSeries,
               { data: props.data, type: "scatter" },
               {
                 default: () => points.value.map((point, index) => {
                   const paletteIdx = index % palette.value.length;
                   const fill = props.gradient ? `url(#${gradientPrefix}-${paletteIdx})` : point.color;
                   const interactive = props.hoverable || props.selectable;
-                  const filterStyle = point.isHovered ? tigercatCore.getScatterHoverShadow(point.color) : void 0;
+                  const filterStyle = point.isHovered ? _tigercatcore.getScatterHoverShadow.call(void 0, point.color) : void 0;
                   const animDelay = props.animated && mounted.value ? `${index * 60}ms` : void 0;
                   const styleStr = [
                     filterStyle ? `filter:${filterStyle}` : "",
-                    animDelay ? `animation:${tigercatCore.SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both` : ""
+                    animDelay ? `animation:${_tigercatcore.SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both` : ""
                   ].filter(Boolean).join(";");
                   const shared = {
                     fill,
                     opacity: point.opacity,
                     stroke: props.pointBorderColor,
                     "stroke-width": props.pointBorderWidth,
-                    class: tigercatCore.classNames(
-                      tigercatCore.scatterPointTransitionClasses,
+                    class: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.scatterPointTransitionClasses,
+                      animDelay && _tigercatcore.SCATTER_ENTRANCE_CLASS,
                       interactive && "cursor-pointer"
                     ),
                     style: styleStr || void 0,
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
-                    "aria-label": point.datum.label ?? `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`,
+                    "aria-label": _nullishCoalesce(point.datum.label, () => ( `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`)),
                     "data-point-index": index,
                     onMouseenter: (e) => handleMouseEnter(index, e),
                     onMousemove: handleMouseMove,
@@ -280,7 +310,7 @@ var ScatterChart = vue.defineComponent({
                     onKeydown: (e) => handleKeyDown(e, index)
                   };
                   if (props.pointStyle === "circle") {
-                    return vue.h("circle", {
+                    return _vue.h.call(void 0, "circle", {
                       key: `point-${index}`,
                       cx: point.cx,
                       cy: point.cy,
@@ -288,9 +318,9 @@ var ScatterChart = vue.defineComponent({
                       ...shared
                     });
                   }
-                  return vue.h("path", {
+                  return _vue.h.call(void 0, "path", {
                     key: `point-${index}`,
-                    d: tigercatCore.getScatterPointPath(props.pointStyle, point.r),
+                    d: _tigercatcore.getScatterPointPath.call(void 0, props.pointStyle, point.r),
                     transform: `translate(${point.cx},${point.cy})`,
                     ...shared
                   });
@@ -300,18 +330,18 @@ var ScatterChart = vue.defineComponent({
           ].filter(Boolean)
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkZOUJFFG4_js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;
       if (!props.showLegend) {
-        return vue.h("div", { class: "inline-block relative" }, [chart, tooltip]);
+        return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, tooltip]);
       }
-      return vue.h("div", { class: wrapperClasses.value }, [
+      return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        vue.h(chunkACYYQJ6M_js.ChartLegend, {
+        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,
@@ -328,5 +358,7 @@ var ScatterChart = vue.defineComponent({
 });
 var ScatterChart_default = ScatterChart;
 
-exports.ScatterChart = ScatterChart;
-exports.ScatterChart_default = ScatterChart_default;
+
+
+
+exports.ScatterChart = ScatterChart; exports.ScatterChart_default = ScatterChart_default;

package/dist/chunk-M3G6LJKZ.mjs

@@ -1,7 +1,12 @@
-import { defineComponent, computed, provide, h } from 'vue';
-import { getRowGutterStyleVars, classNames, getRowGutterClasses, getAlignClasses, getJustifyClasses } from '@expcat/tigercat-core';
-
 // src/components/Row.ts
+import { defineComponent, computed, h, provide } from "vue";
+import {
+  classNames,
+  getAlignClasses,
+  getJustifyClasses,
+  getRowGutterClasses,
+  getRowGutterStyleVars
+} from "@expcat/tigercat-core";
 var RowContextKey = /* @__PURE__ */ Symbol("RowContext");
 var Row = defineComponent({
   name: "TigerRow",
@@ -65,4 +70,7 @@ var Row = defineComponent({
   }
 });
 
-export { Row, RowContextKey };
+export {
+  RowContextKey,
+  Row
+};

package/dist/{chunk-LBIQHIXN.mjs → chunk-M5PGWW25.mjs}

@@ -1,11 +1,41 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, ref, h } from 'vue';
-import { getRadarGradientPrefix, getChartInnerRect, resolveSeriesData, buildChartSeriesKeys, getRadarAngles, getRadarPoints, polarToCartesian, createPolygonPath, RADAR_SPLIT_AREA_COLORS, getRadarLabelAlign, getChartGridLineDasharray, resolveChartPalette, resolveMultiSeriesTooltipContent, defaultRadarTooltipFormatter, buildChartLegendItems, classNames, chartGridLineClasses, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/RadarChart.ts
+import { defineComponent, computed, h, ref, useId } from "vue";
+import {
+  chartAxisTickTextClasses,
+  chartGridLineClasses,
+  classNames,
+  createPolygonPath,
+  getChartGridLineDasharray,
+  getChartInnerRect,
+  getRadarAngles,
+  getStableChartGradientPrefix,
+  getRadarLabelAlign,
+  getRadarPoints,
+  polarToCartesian,
+  RADAR_SPLIT_AREA_COLORS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  buildChartSeriesKeys,
+  resolveMultiSeriesTooltipContent,
+  resolveSeriesData,
+  defaultRadarTooltipFormatter
+} from "@expcat/tigercat-core";
 var RadarChart = defineComponent({
   name: "TigerRadarChart",
   props: {
@@ -209,7 +239,7 @@ var RadarChart = defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "series-click", "series-hover"],
   setup(props, { emit }) {
-    const gradientPrefix = getRadarGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("radar", useId());
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const radius = computed(
       () => Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2)
@@ -721,4 +751,7 @@ var RadarChart = defineComponent({
 });
 var RadarChart_default = RadarChart;
 
-export { RadarChart, RadarChart_default };
+export {
+  RadarChart,
+  RadarChart_default
+};

package/dist/chunk-M7EBWJZ5.mjs

@@ -1,7 +1,9 @@
-import { defineComponent, computed, h } from 'vue';
-import { getSpaceClasses, getSpaceStyle } from '@expcat/tigercat-core';
-
 // src/components/Space.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  getSpaceClasses,
+  getSpaceStyle
+} from "@expcat/tigercat-core";
 var Space = defineComponent({
   name: "TigerSpace",
   props: {
@@ -38,4 +40,7 @@ var Space = defineComponent({
 });
 var Space_default = Space;
 
-export { Space, Space_default };
+export {
+  Space,
+  Space_default
+};