@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-JDCVS4SJ.js

@@ -1,9 +1,14 @@
-'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; }// src/utils/overlay.ts
 
-var tigercatCore = require('@expcat/tigercat-core');
-var vue = require('vue');
 
-// src/utils/overlay.ts
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _vue = require('vue');
 function useVueClickOutside({
   enabled,
   containerRef,
@@ -14,9 +19,9 @@ function useVueClickOutside({
   let timer;
   const handler = (event) => {
     if (!enabled.value) return;
-    const elements = refs?.length ? refs.map((ref2) => ref2?.value) : [containerRef?.value];
+    const elements = _optionalChain([refs, 'optionalAccess', _ => _.length]) ? refs.map((ref2) => _optionalChain([ref2, 'optionalAccess', _2 => _2.value])) : [_optionalChain([containerRef, 'optionalAccess', _3 => _3.value])];
     if (!elements.some(Boolean)) return;
-    if (tigercatCore.isEventOutside(event, elements)) {
+    if (_tigercatcore.isEventOutside.call(void 0, event, elements)) {
       onOutsideClick();
     }
   };
@@ -36,35 +41,35 @@ function useVueEscapeKey({ enabled, onEscape }) {
   const handler = (event) => {
     if (!enabled.value) return;
     if (event.defaultPrevented) return;
-    if (!tigercatCore.isEscapeKey(event)) return;
+    if (!_tigercatcore.isEscapeKey.call(void 0, event)) return;
     onEscape();
   };
   document.addEventListener("keydown", handler);
   return () => document.removeEventListener("keydown", handler);
 }
 function useVueBodyScrollLock(enabled) {
-  vue.watch(
+  _vue.watch.call(void 0, 
     enabled,
     (isEnabled, _prevEnabled, onCleanup) => {
       if (!isEnabled) return;
-      const unlock = tigercatCore.lockBodyScroll();
+      const unlock = _tigercatcore.lockBodyScroll.call(void 0, );
       onCleanup(() => unlock());
     },
     { immediate: true }
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return vue.h(vue.Teleport, { to: "body", disabled }, children);
+  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, children);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
-  vue.watch(
+  _vue.watch.call(void 0, 
     [enabled, containerRef],
     ([isEnabled, container], _previous, onCleanup) => {
       if (!isEnabled || !container) return;
       const handler = (event) => {
-        const focusables = tigercatCore.getFocusableElements(container);
-        const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
-        const navigation = tigercatCore.getFocusTrapNavigation(event, focusables, activeElement);
+        const focusables = _tigercatcore.getFocusableElements.call(void 0, container);
+        const activeElement = _nullishCoalesce(_optionalChain([container, 'access', _4 => _4.ownerDocument, 'optionalAccess', _5 => _5.activeElement]), () => ( document.activeElement));
+        const navigation = _tigercatcore.getFocusTrapNavigation.call(void 0, event, focusables, activeElement);
         if (!navigation.shouldHandle || !navigation.next) return;
         event.preventDefault();
         navigation.next.focus();
@@ -85,11 +90,11 @@ function useVueFloating(options) {
     arrowRef,
     onPlacementChange
   } = options;
-  const x = vue.ref(0);
-  const y = vue.ref(0);
-  const placement = vue.ref(initialPlacement);
-  const arrowX = vue.ref(void 0);
-  const arrowY = vue.ref(void 0);
+  const x = _vue.ref.call(void 0, 0);
+  const y = _vue.ref.call(void 0, 0);
+  const placement = _vue.ref.call(void 0, initialPlacement);
+  const arrowX = _vue.ref.call(void 0, void 0);
+  const arrowY = _vue.ref.call(void 0, void 0);
   let cleanup = null;
   const update = async () => {
     const reference = referenceRef.value;
@@ -100,9 +105,9 @@ function useVueFloating(options) {
       offset: offsetDistance,
       flip: true,
       shift: true,
-      arrowElement: arrowRef?.value
+      arrowElement: _optionalChain([arrowRef, 'optionalAccess', _6 => _6.value])
     };
-    const result = await tigercatCore.computeFloatingPosition(
+    const result = await _tigercatcore.computeFloatingPosition.call(void 0, 
       reference,
       floating,
       floatingOptions
@@ -111,14 +116,14 @@ function useVueFloating(options) {
     y.value = result.y;
     if (result.placement !== placement.value) {
       placement.value = result.placement;
-      onPlacementChange?.(result.placement);
+      _optionalChain([onPlacementChange, 'optionalCall', _7 => _7(result.placement)]);
     }
     if (result.arrow) {
       arrowX.value = result.arrow.x;
       arrowY.value = result.arrow.y;
     }
   };
-  vue.watch(
+  _vue.watch.call(void 0, 
     [enabled, referenceRef, floatingRef],
     ([isEnabled, reference, floating]) => {
       if (cleanup) {
@@ -127,11 +132,11 @@ function useVueFloating(options) {
       }
       if (!isEnabled || !reference || !floating) return;
       update();
-      cleanup = tigercatCore.autoUpdateFloating(reference, floating, update);
+      cleanup = _tigercatcore.autoUpdateFloating.call(void 0, reference, floating, update);
     },
     { immediate: true }
   );
-  vue.onBeforeUnmount(() => {
+  _vue.onBeforeUnmount.call(void 0, () => {
     if (cleanup) {
       cleanup();
       cleanup = null;
@@ -147,9 +152,11 @@ function useVueFloating(options) {
   };
 }
 
-exports.renderVueBodyTeleport = renderVueBodyTeleport;
-exports.useVueBodyScrollLock = useVueBodyScrollLock;
-exports.useVueClickOutside = useVueClickOutside;
-exports.useVueEscapeKey = useVueEscapeKey;
-exports.useVueFloating = useVueFloating;
-exports.useVueFocusTrap = useVueFocusTrap;
+
+
+
+
+
+
+
+exports.useVueClickOutside = useVueClickOutside; exports.useVueEscapeKey = useVueEscapeKey; exports.useVueBodyScrollLock = useVueBodyScrollLock; exports.renderVueBodyTeleport = renderVueBodyTeleport; exports.useVueFocusTrap = useVueFocusTrap; exports.useVueFloating = useVueFloating;

package/dist/chunk-JFIVDZFK.js

@@ -1,43 +1,61 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/TreeSelect.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/TreeSelect.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var treeSelectInstanceId = 0;
-var ChevronDownIcon = vue.h(
+var ChevronDownIcon = _vue.h.call(void 0, 
   "svg",
   {
     class: "w-4 h-4 transition-transform",
-    viewBox: tigercatCore.icon20ViewBox,
+    viewBox: _tigercatcore.icon20ViewBox,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
   [
-    vue.h("path", {
-      d: tigercatCore.chevronDownSolidIcon20PathD,
+    _vue.h.call(void 0, "path", {
+      d: _tigercatcore.chevronDownSolidIcon20PathD,
       "fill-rule": "evenodd",
       "clip-rule": "evenodd"
     })
   ]
 );
-var ClearIcon = vue.h(
+var ClearIcon = _vue.h.call(void 0, 
   "svg",
   {
     class: "w-4 h-4",
-    viewBox: tigercatCore.icon20ViewBox,
+    viewBox: _tigercatcore.icon20ViewBox,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
   [
-    vue.h("path", {
-      d: tigercatCore.closeSolidIcon20PathD,
+    _vue.h.call(void 0, "path", {
+      d: _tigercatcore.closeSolidIcon20PathD,
       "fill-rule": "evenodd",
       "clip-rule": "evenodd"
     })
   ]
 );
-var TreeSelect = vue.defineComponent({
+var TreeSelect = _vue.defineComponent.call(void 0, {
   name: "TigerTreeSelect",
   props: {
     modelValue: {
@@ -85,30 +103,30 @@ var TreeSelect = vue.defineComponent({
   setup(props, { emit, attrs }) {
     const instanceId = ++treeSelectInstanceId;
     const listboxId = `tiger-treeselect-listbox-${instanceId}`;
-    const isOpen = vue.ref(false);
-    const searchQuery = vue.ref("");
-    const containerRef = vue.ref(null);
-    const expandedKeys = vue.ref(
-      props.defaultExpandAll ? new Set(tigercatCore.getAllTreeSelectKeys(props.treeData)) : /* @__PURE__ */ new Set()
+    const isOpen = _vue.ref.call(void 0, false);
+    const searchQuery = _vue.ref.call(void 0, "");
+    const containerRef = _vue.ref.call(void 0, null);
+    const expandedKeys = _vue.ref.call(void 0, 
+      props.defaultExpandAll ? new Set(_tigercatcore.getAllTreeSelectKeys.call(void 0, props.treeData)) : /* @__PURE__ */ new Set()
     );
-    const displayLabel = vue.computed(() => tigercatCore.getTreeSelectDisplayLabel(props.treeData, props.modelValue));
-    const showClearButton = vue.computed(
+    const displayLabel = _vue.computed.call(void 0, () => _tigercatcore.getTreeSelectDisplayLabel.call(void 0, props.treeData, props.modelValue));
+    const showClearButton = _vue.computed.call(void 0, 
       () => props.clearable && !props.disabled && props.modelValue !== void 0 && (Array.isArray(props.modelValue) ? props.modelValue.length > 0 : props.modelValue !== "")
     );
-    const matchedKeys = vue.computed(() => {
+    const matchedKeys = _vue.computed.call(void 0, () => {
       if (!searchQuery.value) return null;
-      return tigercatCore.filterTreeSelectNodes(props.treeData, searchQuery.value);
+      return _tigercatcore.filterTreeSelectNodes.call(void 0, props.treeData, searchQuery.value);
     });
-    const effectiveExpandedKeys = vue.computed(() => {
+    const effectiveExpandedKeys = _vue.computed.call(void 0, () => {
       if (matchedKeys.value) {
         return matchedKeys.value;
       }
       return expandedKeys.value;
     });
-    const flatNodes = vue.computed(
-      () => tigercatCore.flattenTreeSelectNodes(props.treeData, effectiveExpandedKeys.value)
+    const flatNodes = _vue.computed.call(void 0, 
+      () => _tigercatcore.flattenTreeSelectNodes.call(void 0, props.treeData, effectiveExpandedKeys.value)
     );
-    const visibleNodes = vue.computed(() => {
+    const visibleNodes = _vue.computed.call(void 0, () => {
       if (!matchedKeys.value) return flatNodes.value;
       return flatNodes.value.filter((f) => matchedKeys.value.has(f.node.key));
     });
@@ -161,7 +179,7 @@ var TreeSelect = vue.defineComponent({
       emit("change", val);
     }
     function handleKeyDown(e) {
-      const action = tigercatCore.getPickerTriggerKeyAction(e.key, isOpen.value);
+      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, e.key, isOpen.value);
       if (action === "none") return;
       e.preventDefault();
       if (action === "toggle") {
@@ -178,35 +196,35 @@ var TreeSelect = vue.defineComponent({
         closeDropdown();
       }
     }
-    vue.watch(isOpen, (val) => {
+    _vue.watch.call(void 0, isOpen, (val) => {
       if (val) {
         document.addEventListener("click", handleClickOutside);
       } else {
         document.removeEventListener("click", handleClickOutside);
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("click", handleClickOutside);
     });
     return () => {
-      const containerClasses = tigercatCore.classNames(tigercatCore.treeSelectBaseClasses, tigercatCore.coerceClassValue(attrs.class));
-      return vue.h("div", { ref: containerRef, class: containerClasses }, [
+      const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.treeSelectBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      return _vue.h.call(void 0, "div", { ref: containerRef, class: containerClasses }, [
         // Trigger
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.getTreeSelectTriggerClasses(props.size, props.disabled, isOpen.value),
-            ...tigercatCore.getPickerComboboxAria({ expanded: isOpen.value, listboxId }),
+            class: _tigercatcore.getTreeSelectTriggerClasses.call(void 0, props.size, props.disabled, isOpen.value),
+            ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen.value, listboxId }),
             disabled: props.disabled,
             onClick: toggleDropdown,
             onKeydown: handleKeyDown
           },
           [
-            vue.h(
+            _vue.h.call(void 0, 
               "span",
               {
-                class: tigercatCore.classNames(
+                class: _tigercatcore.classNames.call(void 0, 
                   "flex-1 truncate",
                   !displayLabel.value ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
                 )
@@ -214,7 +232,7 @@ var TreeSelect = vue.defineComponent({
               displayLabel.value || props.placeholder
             ),
             // Clear or chevron
-            showClearButton.value ? vue.h(
+            showClearButton.value ? _vue.h.call(void 0, 
               "span",
               {
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
@@ -222,7 +240,7 @@ var TreeSelect = vue.defineComponent({
                 onClick: handleClear
               },
               [ClearIcon]
-            ) : vue.h(
+            ) : _vue.h.call(void 0, 
               "span",
               {
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-text-muted,#9ca3af)] pointer-events-none"
@@ -232,17 +250,17 @@ var TreeSelect = vue.defineComponent({
           ]
         ),
         // Dropdown
-        isOpen.value ? vue.h(
+        isOpen.value ? _vue.h.call(void 0, 
           "div",
           {
-            ...tigercatCore.getPickerListboxAria({ id: listboxId }),
-            class: tigercatCore.treeSelectDropdownClasses
+            ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }),
+            class: _tigercatcore.treeSelectDropdownClasses
           },
           [
             // Search
-            props.showSearch ? vue.h("input", {
+            props.showSearch ? _vue.h.call(void 0, "input", {
               type: "text",
-              class: tigercatCore.treeSelectSearchClasses,
+              class: _tigercatcore.treeSelectSearchClasses,
               placeholder: "Search...",
               value: searchQuery.value,
               "aria-label": "Search tree",
@@ -255,12 +273,12 @@ var TreeSelect = vue.defineComponent({
               const { node, level, hasChildren, isExpanded } = flatNode;
               const selected = isSelected(node.key);
               const indent = level * 20;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "div",
                 {
                   key: node.key,
-                  ...tigercatCore.getPickerOptionAria({ selected, disabled: !!node.disabled }),
-                  class: tigercatCore.getTreeSelectNodeClasses(selected, !!node.disabled, props.size),
+                  ..._tigercatcore.getPickerOptionAria.call(void 0, { selected, disabled: !!node.disabled }),
+                  class: _tigercatcore.getTreeSelectNodeClasses.call(void 0, selected, !!node.disabled, props.size),
                   style: { paddingLeft: `${indent + 8}px` },
                   onClick: (e) => {
                     e.stopPropagation();
@@ -269,10 +287,10 @@ var TreeSelect = vue.defineComponent({
                 },
                 [
                   // Expand toggle
-                  hasChildren ? vue.h(
+                  hasChildren ? _vue.h.call(void 0, 
                     "span",
                     {
-                      class: tigercatCore.classNames(
+                      class: _tigercatcore.classNames.call(void 0, 
                         "inline-flex items-center justify-center w-4 h-4 mr-1 transition-transform",
                         isExpanded ? "rotate-90" : ""
                       ),
@@ -282,28 +300,28 @@ var TreeSelect = vue.defineComponent({
                       }
                     },
                     [
-                      vue.h(
+                      _vue.h.call(void 0, 
                         "svg",
                         {
                           class: "w-3 h-3",
-                          viewBox: tigercatCore.icon20ViewBox,
+                          viewBox: _tigercatcore.icon20ViewBox,
                           fill: "currentColor"
                         },
                         [
-                          vue.h("path", {
-                            d: tigercatCore.chevronRightSolidIcon20PathD,
+                          _vue.h.call(void 0, "path", {
+                            d: _tigercatcore.chevronRightSolidIcon20PathD,
                             "fill-rule": "evenodd",
                             "clip-rule": "evenodd"
                           })
                         ]
                       )
                     ]
-                  ) : vue.h("span", { class: "w-4 mr-1" }),
+                  ) : _vue.h.call(void 0, "span", { class: "w-4 mr-1" }),
                   // Label
-                  vue.h("span", { class: "flex-1 truncate" }, node.label)
+                  _vue.h.call(void 0, "span", { class: "flex-1 truncate" }, node.label)
                 ]
               );
-            }) : vue.h("div", { class: tigercatCore.treeSelectEmptyClasses }, props.notFoundText)
+            }) : _vue.h.call(void 0, "div", { class: _tigercatcore.treeSelectEmptyClasses }, props.notFoundText)
           ]
         ) : null
       ]);
@@ -312,5 +330,7 @@ var TreeSelect = vue.defineComponent({
 });
 var TreeSelect_default = TreeSelect;
 
-exports.TreeSelect = TreeSelect;
-exports.TreeSelect_default = TreeSelect_default;
+
+
+
+exports.TreeSelect = TreeSelect; exports.TreeSelect_default = TreeSelect_default;

package/dist/{chunk-6PJ3JANP.js → chunk-JKEF7NB3.js}

@@ -1,14 +1,33 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-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 chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
-var FunnelChart = vue.defineComponent({
+
+var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+
+
+var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
+
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/FunnelChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var FunnelChart = _vue.defineComponent.call(void 0, {
   name: "TigerFunnelChart",
   props: {
     width: { type: Number, default: 320 },
@@ -57,22 +76,22 @@ var FunnelChart = 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: "segment-hover", click: "segment-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const palette = vue.computed(() => tigercatCore.resolveChartPalette(props.colors));
-    const segments = vue.computed(
-      () => tigercatCore.computeFunnelSegments(props.data, {
+    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 segments = _vue.computed.call(void 0, 
+      () => _tigercatcore.computeFunnelSegments.call(void 0, props.data, {
         width: innerRect.value.width,
         height: innerRect.value.height,
         gap: props.gap,
@@ -80,48 +99,48 @@ var FunnelChart = vue.defineComponent({
         colors: palette.value
       })
     );
-    const total = vue.computed(() => props.data.reduce((s, d) => s + d.value, 0));
-    const gradientPrefix = tigercatCore.getFunnelGradientPrefix();
-    const legendItems = vue.computed(
-      () => tigercatCore.buildChartLegendItems({
+    const total = _vue.computed.call(void 0, () => props.data.reduce((s, d) => s + d.value, 0));
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "funnel", _vue.useId.call(void 0, ));
+    const legendItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildChartLegendItems.call(void 0, {
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d, i) => d.label ?? `Stage ${i + 1}`,
-        getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
+        getLabel: (d, i) => _nullishCoalesce(d.label, () => ( `Stage ${i + 1}`)),
+        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 pct = total.value > 0 ? (datum.value / total.value * 100).toFixed(1) : "0";
-          const label = datum.label ?? `Stage ${index + 1}`;
+          const label = _nullishCoalesce(datum.label, () => ( `Stage ${index + 1}`));
           return `${label}: ${datum.value} (${pct}%)`;
         }
       )
     );
     return () => {
       const interactive = props.hoverable || props.selectable;
-      const chart = vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      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: () => {
-            const defs = props.gradient ? vue.h(
+            const defs = props.gradient ? _vue.h.call(void 0, 
               "defs",
               {},
               segments.value.map(
-                (seg) => vue.h(
+                (seg) => _vue.h.call(void 0, 
                   "linearGradient",
                   {
                     key: `grad-${seg.index}`,
@@ -132,8 +151,8 @@ var FunnelChart = vue.defineComponent({
                     y2: 1
                   },
                   [
-                    vue.h("stop", { offset: "0%", "stop-color": seg.color, "stop-opacity": 1 }),
-                    vue.h("stop", {
+                    _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": seg.color, "stop-opacity": 1 }),
+                    _vue.h.call(void 0, "stop", {
                       offset: "100%",
                       "stop-color": seg.color,
                       "stop-opacity": 0.55
@@ -142,23 +161,23 @@ var FunnelChart = vue.defineComponent({
                 )
               )
             ) : null;
-            const paths = vue.h(
-              chunkHBFFINAI_js.ChartSeries,
+            const paths = _vue.h.call(void 0, 
+              _chunkHBFFINAIjs.ChartSeries,
               { data: props.data, type: "funnel" },
               {
                 default: () => segments.value.map((seg) => {
-                  const opacity = tigercatCore.getChartElementOpacity(seg.index, activeIndex.value, {
+                  const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seg.index, activeIndex.value, {
                     activeOpacity: props.activeOpacity,
                     inactiveOpacity: props.inactiveOpacity
                   });
-                  return vue.h("path", {
+                  return _vue.h.call(void 0, "path", {
                     key: `seg-${seg.index}`,
                     d: seg.path,
                     fill: props.gradient ? `url(#${gradientPrefix}-${seg.index})` : seg.color,
                     opacity,
-                    class: tigercatCore.classNames(interactive && "cursor-pointer"),
+                    class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                     style: {
-                      transition: "opacity 0.2s ease-out"
+                      transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)"
                     },
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
@@ -173,13 +192,13 @@ var FunnelChart = vue.defineComponent({
               }
             );
             const labels = segments.value.map(
-              (seg) => vue.h(
+              (seg) => _vue.h.call(void 0, 
                 "text",
                 {
                   key: `label-${seg.index}`,
                   x: seg.cx,
                   y: seg.cy,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
                 },
@@ -190,18 +209,18 @@ var FunnelChart = vue.defineComponent({
           }
         }
       );
-      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,
@@ -218,5 +237,7 @@ var FunnelChart = vue.defineComponent({
 });
 var FunnelChart_default = FunnelChart;
 
-exports.FunnelChart = FunnelChart;
-exports.FunnelChart_default = FunnelChart_default;
+
+
+
+exports.FunnelChart = FunnelChart; exports.FunnelChart_default = FunnelChart_default;