@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/chunk-LKRT27JW.js

@@ -1,149 +0,0 @@
-"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');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var VirtualList = _vue.defineComponent.call(void 0, {
-  name: "TigerVirtualList",
-  props: {
-    itemCount: { type: Number, default: 0 },
-    itemHeight: { type: Number, default: 40 },
-    estimatedItemHeight: { type: Number, default: void 0 },
-    getItemHeight: {
-      type: Function,
-      default: void 0
-    },
-    sizeStrategy: {
-      type: Object,
-      default: void 0
-    },
-    height: { type: Number, default: 400 },
-    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) {
-        return _tigercatcore.variableSizeStrategy.call(void 0, props.getItemHeight, props.itemCount);
-      }
-      if (props.estimatedItemHeight !== void 0) {
-        return _tigercatcore.dynamicSizeStrategy.call(void 0, props.estimatedItemHeight, props.itemCount);
-      }
-      return _tigercatcore.fixedSizeStrategy.call(void 0, props.itemHeight);
-    });
-    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;
-        emit("scroll", scrollTop.value);
-      }
-    }
-    return () => {
-      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: 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
-          )
-        );
-      }
-      const offsetTop = startIndex >= 0 ? currentStrategy.getItemOffset(startIndex) : 0;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ref: containerRef,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.virtualListContainerClasses,
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-          ),
-          style: { height: `${props.height}px` },
-          onScroll: handleScroll
-        },
-        [
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.virtualListInnerClasses,
-              style: { height: `${totalHeight}px` }
-            },
-            [
-              _vue.h.call(void 0, 
-                "div",
-                {
-                  style: {
-                    transform: `translateY(${offsetTop}px)`,
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%"
-                  }
-                },
-                items
-              )
-            ]
-          )
-        ]
-      );
-    };
-  }
-});
-var VirtualList_default = VirtualList;
-
-
-
-
-exports.VirtualList = VirtualList; exports.VirtualList_default = VirtualList_default;

package/dist/chunk-LODEICSN.js

@@ -1,253 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
-
-
-var _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
-
-
-var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
-
-
-var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
-
-
-var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
-
-// src/components/TreeMapChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var TreeMapChart = _vue.defineComponent.call(void 0, {
-  name: "TigerTreeMapChart",
-  props: {
-    width: { type: Number, default: 400 },
-    height: { type: Number, default: 300 },
-    padding: { type: [Number, Object], default: 8 },
-    data: { type: Array, required: true },
-    gap: { type: Number, default: 2 },
-    showLabels: { type: Boolean, default: true },
-    minLabelSize: { type: Number, default: 10 },
-    colors: { type: Array },
-    gradient: { type: Boolean, default: false },
-    // Interaction
-    hoverable: { type: Boolean, default: false },
-    hoveredIndex: { type: Number, default: void 0 },
-    activeOpacity: { type: Number, default: 1 },
-    inactiveOpacity: { type: Number, default: 0.25 },
-    selectable: { type: Boolean, default: false },
-    selectedIndex: { type: Number, default: void 0 },
-    // Legend
-    showLegend: { type: Boolean, default: false },
-    legendPosition: { type: String, default: "bottom" },
-    legendMarkerSize: { type: Number, default: 10 },
-    legendGap: { type: Number, default: 8 },
-    // Tooltip
-    showTooltip: { type: Boolean, default: true },
-    tooltipFormatter: {
-      type: Function
-    },
-    // a11y
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "node-click", "node-hover"],
-  setup(props, { emit }) {
-    const {
-      tooltipPosition,
-      resolvedHoveredIndex,
-      activeIndex,
-      handleMouseEnter,
-      handleMouseMove,
-      handleMouseLeave,
-      handleClick,
-      handleLegendClick,
-      handleLegendHover,
-      handleLegendLeave,
-      wrapperClasses
-    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
-      hoverable: _vue.computed.call(void 0, () => props.hoverable),
-      hoveredIndexProp: () => props.hoveredIndex,
-      selectable: _vue.computed.call(void 0, () => props.selectable),
-      selectedIndexProp: () => props.selectedIndex,
-      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) => {
-        const node = nodes.value[index];
-        return node ? { label: node.label, value: node.value } : {};
-      },
-      eventNames: { hover: "node-hover", click: "node-click" }
-    });
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors));
-    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "treemap", _vue.useId.call(void 0, ));
-    const nodes = _vue.computed.call(void 0, 
-      () => _tigercatcore.computeTreeMapNodes.call(void 0, props.data, {
-        width: innerRect.value.width,
-        height: innerRect.value.height,
-        gap: props.gap,
-        colors: palette.value
-      })
-    );
-    const total = _vue.computed.call(void 0, () => nodes.value.reduce((s, n) => s + n.value, 0));
-    const legendItems = _vue.computed.call(void 0, 
-      () => _tigercatcore.buildChartLegendItems.call(void 0, {
-        data: nodes.value,
-        palette: palette.value,
-        activeIndex: activeIndex.value,
-        getLabel: (d) => d.label,
-        getColor: (d) => d.color
-      })
-    );
-    const tooltipContent = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex.value, nodes.value, void 0, (node) => {
-        const pct = total.value > 0 ? (node.value / total.value * 100).toFixed(1) : "0";
-        return `${node.label}: ${node.value} (${pct}%)`;
-      })
-    );
-    return () => {
-      const interactive = props.hoverable || props.selectable;
-      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.call(void 0, props.className)
-        },
-        {
-          default: () => {
-            const gradientDefs = props.gradient ? _vue.h.call(void 0, 
-              "defs",
-              null,
-              nodes.value.map(
-                (node) => _vue.h.call(void 0, 
-                  "linearGradient",
-                  {
-                    id: `${gradientPrefix}-${node.index}`,
-                    x1: "0",
-                    y1: "0",
-                    x2: "0",
-                    y2: "1"
-                  },
-                  [
-                    _vue.h.call(void 0, "stop", {
-                      offset: "0%",
-                      "stop-color": node.color,
-                      "stop-opacity": "1"
-                    }),
-                    _vue.h.call(void 0, "stop", {
-                      offset: "100%",
-                      "stop-color": node.color,
-                      "stop-opacity": "0.7"
-                    })
-                  ]
-                )
-              )
-            ) : null;
-            return _vue.h.call(void 0, 
-              _chunkHBFFINAIjs.ChartSeries,
-              { data: nodes.value, type: "treemap" },
-              {
-                default: () => [
-                  gradientDefs,
-                  ...nodes.value.map((node) => {
-                    const opacity = _tigercatcore.getChartElementOpacity.call(void 0, node.index, activeIndex.value, {
-                      activeOpacity: props.activeOpacity,
-                      inactiveOpacity: props.inactiveOpacity
-                    });
-                    const elems = [
-                      _vue.h.call(void 0, "rect", {
-                        key: `node-${node.index}`,
-                        x: node.x,
-                        y: node.y,
-                        width: node.w,
-                        height: node.h,
-                        rx: 2,
-                        fill: props.gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
-                        opacity,
-                        class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
-                        style: {
-                          transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
-                          rx: "var(--tiger-chart-block-radius, 2px)",
-                          filter: activeIndex.value === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
-                        },
-                        onMouseenter: (e) => handleMouseEnter(node.index, e),
-                        onMousemove: handleMouseMove,
-                        onMouseleave: handleMouseLeave,
-                        onClick: () => handleClick(node.index)
-                      })
-                    ];
-                    if (props.showLabels && node.w > 30 && node.h > props.minLabelSize + 4) {
-                      elems.push(
-                        _vue.h.call(void 0, 
-                          "text",
-                          {
-                            key: `label-${node.index}`,
-                            x: node.x + node.w / 2,
-                            y: node.y + node.h / 2,
-                            class: "fill-white text-xs",
-                            "text-anchor": "middle",
-                            "dominant-baseline": "middle",
-                            style: {
-                              pointerEvents: "none",
-                              fontSize: `${Math.min(12, node.h * 0.3)}px`
-                            }
-                          },
-                          node.label
-                        )
-                      );
-                    }
-                    return elems;
-                  }).flat()
-                ]
-              }
-            );
-          }
-        }
-      );
-      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,
-        y: tooltipPosition.value.y
-      }) : null;
-      if (!props.showLegend) {
-        return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, tooltip]);
-      }
-      return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
-        chart,
-        _vue.h.call(void 0, _chunkKLOUOXNAjs.ChartLegend, {
-          items: legendItems.value,
-          position: props.legendPosition,
-          markerSize: props.legendMarkerSize,
-          gap: props.legendGap,
-          interactive,
-          onItemClick: handleLegendClick,
-          onItemHover: handleLegendHover,
-          onItemLeave: handleLegendLeave
-        }),
-        tooltip
-      ]);
-    };
-  }
-});
-var TreeMapChart_default = TreeMapChart;
-
-
-
-
-exports.TreeMapChart = TreeMapChart; exports.TreeMapChart_default = TreeMapChart_default;

package/dist/chunk-LPHDX3UU.js

@@ -1,279 +0,0 @@
-"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
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var GaugeChart = _vue.defineComponent.call(void 0, {
-  name: "TigerGaugeChart",
-  props: {
-    width: { type: Number, default: 280 },
-    height: { type: Number, default: 200 },
-    padding: { type: [Number, Object], default: 24 },
-    value: { type: Number, required: true },
-    min: { type: Number, default: 0 },
-    max: { type: Number, default: 100 },
-    startAngle: { type: Number, default: 135 },
-    endAngle: { type: Number, default: 405 },
-    arcWidth: { type: Number, default: 20 },
-    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
-    },
-    trackColor: { type: String, default: "var(--tiger-border,#e5e7eb)" },
-    color: { type: String, default: "var(--tiger-primary,#2563eb)" },
-    gradient: { type: Boolean, default: false },
-    // a11y
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  setup(props) {
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const radius = _vue.computed.call(void 0, () => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
-    const cx = _vue.computed.call(void 0, () => innerRect.value.width / 2);
-    const cy = _vue.computed.call(void 0, () => innerRect.value.height / 2);
-    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", _vue.useId.call(void 0, ));
-    const valueGradientId = `${gradientPrefix}-value`;
-    const targetAngle = _vue.computed.call(void 0, 
-      () => _tigercatcore.valueToGaugeAngle.call(void 0, props.value, props.min, props.max, props.startAngle, props.endAngle)
-    );
-    const animatedAngle = _vue.ref.call(void 0, targetAngle.value);
-    let animCtrl = null;
-    _vue.watch.call(void 0, targetAngle, (to, from) => {
-      _optionalChain([animCtrl, 'optionalAccess', _ => _.stop, 'call', _2 => _2()]);
-      animCtrl = _tigercatcore.createGaugeAnimation.call(void 0, {
-        from,
-        to,
-        onUpdate: (v) => {
-          animatedAngle.value = v;
-        }
-      });
-    });
-    _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,
-        cy.value,
-        radius.value,
-        props.min,
-        props.max,
-        props.startAngle,
-        props.endAngle,
-        props.tickCount
-      ) : []
-    );
-    return () => {
-      const r = radius.value;
-      const c = cx.value;
-      const cY = cy.value;
-      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', _8 => _8.segments, 'optionalAccess', _9 => _9.map, 'call', _10 => _10((seg, i) => {
-        const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, 
-          seg.range[0],
-          props.min,
-          props.max,
-          props.startAngle,
-          props.endAngle
-        );
-        const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, 
-          seg.range[1],
-          props.min,
-          props.max,
-          props.startAngle,
-          props.endAngle
-        );
-        return _vue.h.call(void 0, "path", {
-          key: `seg-${i}`,
-          d: _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, sStart, sEnd, aw),
-          fill: seg.color,
-          "stroke-width": 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}`;
-      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,
-          height: props.height,
-          padding: props.padding,
-          title: props.title,
-          desc: props.desc,
-          className: _tigercatcore.classNames.call(void 0, props.className)
-        },
-        {
-          default: () => [
-            // Gradient defs (opt-in, only when gradient mode is on and value arc renders)
-            props.gradient && !props.segments && valuePath ? _vue.h.call(void 0, "defs", {}, [
-              _vue.h.call(void 0, 
-                "linearGradient",
-                {
-                  id: valueGradientId,
-                  x1: 0,
-                  y1: 0,
-                  x2: 0,
-                  y2: 1
-                },
-                [
-                  _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": props.color, "stop-opacity": 1 }),
-                  _vue.h.call(void 0, "stop", { offset: "100%", "stop-color": props.color, "stop-opacity": 0.55 })
-                ]
-              )
-            ]) : null,
-            // Track
-            _vue.h.call(void 0, "path", {
-              d: trackPath,
-              fill: props.trackColor,
-              "stroke-width": 0
-            }),
-            // Segments or value arc
-            ...props.segments ? segmentArcs : valuePath ? [
-              _vue.h.call(void 0, "path", {
-                d: valuePath,
-                fill: props.gradient ? `url(#${valueGradientId})` : props.color,
-                "stroke-width": 0
-              })
-            ] : [],
-            // Ticks
-            ...ticks.value.map((tick, i) => [
-              _vue.h.call(void 0, "line", {
-                key: `tick-${i}`,
-                x1: tick.x1,
-                y1: tick.y1,
-                x2: tick.x2,
-                y2: tick.y2,
-                stroke: "var(--tiger-text-secondary,#6b7280)",
-                "stroke-width": 1
-              }),
-              _vue.h.call(void 0, 
-                "text",
-                {
-                  key: `tick-label-${i}`,
-                  x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
-                  y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle",
-                  style: { fontSize: "10px" }
-                },
-                tick.label
-              )
-            ]).flat(),
-            // Needle
-            _vue.h.call(void 0, "path", {
-              d: needlePath,
-              fill: "var(--tiger-text,#374151)"
-            }),
-            // Center dot
-            _vue.h.call(void 0, "circle", {
-              cx: c,
-              cy: cY,
-              r: 5,
-              fill: "var(--tiger-text,#374151)"
-            }),
-            // Value text
-            _vue.h.call(void 0, 
-              "text",
-              {
-                x: c,
-                y: cY + r * 0.35,
-                class: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
-                "text-anchor": "middle",
-                "dominant-baseline": "middle"
-              },
-              formattedValue
-            ),
-            // Label
-            ...props.label ? [
-              _vue.h.call(void 0, 
-                "text",
-                {
-                  x: c,
-                  y: cY + r * 0.35 + 20,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle"
-                },
-                props.label
-              )
-            ] : []
-          ]
-        }
-      );
-      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
-        ]
-      );
-    };
-  }
-});
-var GaugeChart_default = GaugeChart;
-
-
-
-
-exports.GaugeChart = GaugeChart; exports.GaugeChart_default = GaugeChart_default;