@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-UCDB56MB.mjs → chunk-SGRUGYQ6.mjs}

@@ -1,7 +1,34 @@
-import { defineComponent, inject, computed, ref, watch, h, getCurrentInstance, provide, Fragment } from 'vue';
-import { isKeyActive, getTabItemClasses, classNames, getTabPaneClasses, tabCloseButtonClasses, closeIconViewBox, closeIconPathD, getTabsContainerClasses, getTabNavClasses, getTabNavListClasses, getTabNavListStyle, getTabIndicatorStyle, getTabIndicatorClasses, tabAddButtonClasses, tabContentBaseClasses } from '@expcat/tigercat-core';
-
 // src/components/Tabs.ts
+import {
+  defineComponent,
+  computed,
+  ref,
+  watch,
+  provide,
+  inject,
+  h,
+  Fragment,
+  getCurrentInstance
+} from "vue";
+import {
+  classNames,
+  closeIconPathD,
+  closeIconViewBox,
+  getTabsContainerClasses,
+  getTabItemClasses,
+  getTabNavClasses,
+  getTabNavListClasses,
+  getTabNavListStyle,
+  getTabPaneClasses,
+  getTabIndicatorClasses,
+  getTabIndicatorStyle,
+  getGestureTouchPoint,
+  resolveSwipeGesture,
+  isKeyActive,
+  tabAddButtonClasses,
+  tabCloseButtonClasses,
+  tabContentBaseClasses
+} from "@expcat/tigercat-core";
 var TabsContextKey = /* @__PURE__ */ Symbol("TabsContext");
 var TabPane = defineComponent({
   name: "TigerTabPane",
@@ -307,6 +334,14 @@ var Tabs = defineComponent({
       type: Boolean,
       default: false
     },
+    /**
+     * Whether horizontal touch swipes switch tabs.
+     * @default true
+     */
+    swipeable: {
+      type: Boolean,
+      default: true
+    },
     /**
      * Additional CSS classes
      */
@@ -327,6 +362,7 @@ var Tabs = defineComponent({
     const instance = getCurrentInstance();
     const idBase = `tiger-tabs-${instance?.uid ?? "0"}`;
     const internalActiveKey = ref(props.defaultActiveKey);
+    const swipeStart = ref(null);
     const currentActiveKey = computed(() => {
       return props.activeKey !== void 0 ? props.activeKey : internalActiveKey.value;
     });
@@ -343,6 +379,29 @@ var Tabs = defineComponent({
       event.stopPropagation();
       emit("edit", { targetKey: key, action: "remove" });
     };
+    const activateAdjacentTab = (direction, enabledTabKeys) => {
+      if (enabledTabKeys.length <= 1) return;
+      const currentIndex = enabledTabKeys.indexOf(currentActiveKey.value ?? enabledTabKeys[0]);
+      const baseIndex = currentIndex >= 0 ? currentIndex : 0;
+      const nextKey = enabledTabKeys[(baseIndex + direction + enabledTabKeys.length) % enabledTabKeys.length];
+      handleTabClick(nextKey);
+    };
+    const handleContentTouchStart = (event) => {
+      if (!props.swipeable || event.touches.length !== 1) return;
+      swipeStart.value = getGestureTouchPoint(event.touches, event.timeStamp);
+    };
+    const handleContentTouchEnd = (event, enabledTabKeys) => {
+      if (!props.swipeable || !swipeStart.value || event.changedTouches.length !== 1) return;
+      const endPoint = getGestureTouchPoint(event.changedTouches, event.timeStamp);
+      const swipe = resolveSwipeGesture(swipeStart.value, endPoint, {
+        minDistance: 48,
+        maxCrossAxisRatio: 0.75
+      });
+      swipeStart.value = null;
+      if (!swipe) return;
+      if (swipe.direction === "left") activateAdjacentTab(1, enabledTabKeys);
+      if (swipe.direction === "right") activateAdjacentTab(-1, enabledTabKeys);
+    };
     const containerClasses = computed(() => {
       return classNames(getTabsContainerClasses(props.tabPosition), props.className);
     });
@@ -374,6 +433,9 @@ var Tabs = defineComponent({
       get lazy() {
         return props.lazy;
       },
+      get swipeable() {
+        return props.swipeable;
+      },
       idBase,
       handleTabClick,
       handleTabClose
@@ -394,6 +456,7 @@ var Tabs = defineComponent({
       const tabItems = [];
       const tabPanes = [];
       const tabKeys = [];
+      const enabledTabKeys = [];
       let firstTabKey;
       const validChildren = [];
       for (const child of children) {
@@ -407,6 +470,9 @@ var Tabs = defineComponent({
         }
         if (typeof k === "string" || typeof k === "number") {
           tabKeys.push(k);
+          if (childProps.disabled !== true) {
+            enabledTabKeys.push(k);
+          }
         }
         const tabPaneType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
         validChildren.push({ type: tabPaneType, props: childProps, children: child.children });
@@ -472,7 +538,18 @@ var Tabs = defineComponent({
           )
         ]
       );
-      const tabContent = h("div", { class: tabContentBaseClasses }, tabPanes);
+      const tabContent = h(
+        "div",
+        {
+          class: tabContentBaseClasses,
+          onTouchstart: handleContentTouchStart,
+          onTouchend: (event) => handleContentTouchEnd(event, enabledTabKeys),
+          onTouchcancel: () => {
+            swipeStart.value = null;
+          }
+        },
+        tabPanes
+      );
       return h(
         "div",
         { class: containerClasses.value, style: props.style },
@@ -483,4 +560,9 @@ var Tabs = defineComponent({
 });
 var Tabs_default = Tabs;
 
-export { TabPane, Tabs, TabsContextKey, Tabs_default };
+export {
+  TabsContextKey,
+  TabPane,
+  Tabs,
+  Tabs_default
+};

package/dist/chunk-SLYUQ67P.js

@@ -1,10 +1,17 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Slider.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Slider.ts
-var Slider = vue.defineComponent({
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Slider = _vue.defineComponent.call(void 0, {
   name: "TigerSlider",
   props: {
     /**
@@ -114,12 +121,12 @@ var Slider = vue.defineComponent({
       if (props.defaultValue !== void 0) return props.defaultValue;
       return props.range ? [props.min, props.max] : props.min;
     };
-    const internalValue = vue.ref(getInitialValue());
-    const isDragging = vue.ref(false);
-    const activeThumb = vue.ref(null);
-    const showTooltip = vue.ref(false);
-    const trackElement = vue.ref(null);
-    vue.watch(
+    const internalValue = _vue.ref.call(void 0, getInitialValue());
+    const isDragging = _vue.ref.call(void 0, false);
+    const activeThumb = _vue.ref.call(void 0, null);
+    const showTooltip = _vue.ref.call(void 0, false);
+    const trackElement = _vue.ref.call(void 0, null);
+    _vue.watch.call(void 0, 
       () => props.value,
       (newValue) => {
         if (newValue !== void 0) {
@@ -127,10 +134,10 @@ var Slider = vue.defineComponent({
         }
       }
     );
-    const getPercentage = (val) => tigercatCore.sliderGetPercentage(val, props.min, props.max);
+    const getPercentage = (val) => _tigercatcore.sliderGetPercentage.call(void 0, val, props.min, props.max);
     const getValueFromPosition = (clientX, el) => {
       const rect = el.getBoundingClientRect();
-      return tigercatCore.sliderGetValueFromPosition(
+      return _tigercatcore.sliderGetValueFromPosition.call(void 0, 
         clientX - rect.left,
         rect.width,
         props.min,
@@ -170,8 +177,8 @@ var Slider = vue.defineComponent({
       activeThumb.value = null;
       showTooltip.value = false;
     };
-    const trackClasses = vue.computed(() => tigercatCore.getSliderTrackClasses(props.size, props.disabled));
-    const rangeStyles = vue.computed(() => {
+    const trackClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderTrackClasses.call(void 0, props.size, props.disabled));
+    const rangeStyles = _vue.computed.call(void 0, () => {
       if (props.range && Array.isArray(internalValue.value)) {
         const [minVal, maxVal] = internalValue.value;
         const left = getPercentage(minVal);
@@ -188,15 +195,15 @@ var Slider = vue.defineComponent({
         };
       }
     });
-    const thumbClasses = vue.computed(() => tigercatCore.getSliderThumbClasses(props.size, props.disabled));
-    const tooltipClasses = vue.computed(() => tigercatCore.getSliderTooltipClasses(props.size));
+    const thumbClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderThumbClasses.call(void 0, props.size, props.disabled));
+    const tooltipClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderTooltipClasses.call(void 0, props.size));
     const handleTrackMouseMove = (e) => {
       if (trackElement.value) handleMove(e, trackElement.value);
     };
     const handleTrackTouchMove = (e) => {
       if (trackElement.value) handleMove(e, trackElement.value);
     };
-    vue.watchEffect((onCleanup) => {
+    _vue.watchEffect.call(void 0, (onCleanup) => {
       if (isDragging.value) {
         document.addEventListener("mousemove", handleTrackMouseMove);
         document.addEventListener("mouseup", handleEnd);
@@ -232,7 +239,7 @@ var Slider = vue.defineComponent({
             if (thumbType === "max") resolvedAriaLabel = "Maximum value";
           }
         }
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             class: thumbClasses.value,
@@ -257,7 +264,7 @@ var Slider = vue.defineComponent({
             },
             onKeydown: (e) => {
               if (props.disabled) return;
-              const newValue = tigercatCore.sliderGetKeyboardValue(
+              const newValue = _tigercatcore.sliderGetKeyboardValue.call(void 0, 
                 e.key,
                 value,
                 props.min,
@@ -278,19 +285,19 @@ var Slider = vue.defineComponent({
               }
             }
           },
-          showThumbTooltip && props.tooltip ? vue.h("div", { class: tooltipClasses.value }, value.toString()) : void 0
+          showThumbTooltip && props.tooltip ? _vue.h.call(void 0, "div", { class: tooltipClasses.value }, value.toString()) : void 0
         );
       };
       const createMarks = () => {
         if (!props.marks) return null;
         const marks = typeof props.marks === "boolean" ? {} : props.marks;
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           { class: "absolute w-full top-full mt-2" },
           Object.entries(marks).map(([key, label]) => {
             const value = Number(key);
             const left = getPercentage(value);
-            return vue.h(
+            return _vue.h.call(void 0, 
               "div",
               {
                 class: "absolute text-xs text-[var(--tiger-text-muted,#6b7280)]",
@@ -301,19 +308,19 @@ var Slider = vue.defineComponent({
           })
         );
       };
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrsWithoutClassStyle,
           class: [
-            tigercatCore.classNames(tigercatCore.sliderBaseClasses, props.disabled && "cursor-not-allowed", props.className),
+            _tigercatcore.classNames.call(void 0, _tigercatcore.sliderBaseClasses, props.disabled && "cursor-not-allowed", props.className),
             attrsClass
           ],
           style: [props.style, attrsStyle]
         },
         [
           // Track
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               ref: trackElement,
@@ -337,8 +344,8 @@ var Slider = vue.defineComponent({
             },
             [
               // Range
-              vue.h("div", {
-                class: tigercatCore.sliderRangeClasses,
+              _vue.h.call(void 0, "div", {
+                class: _tigercatcore.sliderRangeClasses,
                 style: rangeStyles.value
               }),
               // Thumbs
@@ -359,5 +366,7 @@ var Slider = vue.defineComponent({
 });
 var Slider_default = Slider;
 
-exports.Slider = Slider;
-exports.Slider_default = Slider_default;
+
+
+
+exports.Slider = Slider; exports.Slider_default = Slider_default;

package/dist/{chunk-XXBMPKS7.js → chunk-SVWZOIBI.js}

@@ -1,16 +1,46 @@
-'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 BarChart = 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/BarChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var BarChart = _vue.defineComponent.call(void 0, {
   name: "TigerBarChart",
   props: {
     width: {
@@ -196,7 +226,7 @@ var BarChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "bar-click", "bar-hover"],
   setup(props, { emit }) {
-    const gradientPrefix = tigercatCore.getBarGradientPrefix();
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "bar", _vue.useId.call(void 0, ));
     const {
       tooltipPosition,
       resolvedHoveredIndex,
@@ -211,41 +241,40 @@ var BarChart = 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),
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      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: "bar-hover", click: "bar-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const xDomain = vue.computed(() => props.data.map((item) => String(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 xDomain = _vue.computed.call(void 0, () => props.data.map((item) => String(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;
-      return tigercatCore.createBandScale(xDomain.value, [0, innerRect.value.width], {
+      return _tigercatcore.createBandScale.call(void 0, xDomain.value, [0, innerRect.value.width], {
         paddingInner: props.barPaddingInner,
         paddingOuter: props.barPaddingOuter
       });
     });
-    const resolvedYScale = vue.computed(() => {
+    const resolvedYScale = _vue.computed.call(void 0, () => {
       if (props.yScale) return props.yScale;
-      const extent = tigercatCore.getNumberExtent(yValues.value, { includeZero: true });
-      return tigercatCore.createLinearScale(extent, [innerRect.value.height, 0]);
+      const extent = _tigercatcore.getNumberExtent.call(void 0, yValues.value, { includeZero: true });
+      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.barColor));
-    const bars = 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.barColor));
+    const bars = _vue.computed.call(void 0, () => {
       const scale = resolvedXScale.value;
-      const rawBandWidth = scale.bandwidth ?? (scale.step ? scale.step * 0.7 : innerRect.value.width / Math.max(1, props.data.length) * 0.8);
-      const bandWidth = tigercatCore.clampBarWidth(rawBandWidth, props.barMaxWidth);
+      const rawBandWidth = _nullishCoalesce(scale.bandwidth, () => ( (scale.step ? scale.step * 0.7 : innerRect.value.width / Math.max(1, props.data.length) * 0.8)));
+      const bandWidth = _tigercatcore.clampBarWidth.call(void 0, rawBandWidth, props.barMaxWidth);
       const bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
       const baseline = resolvedYScale.value.map(0);
       return props.data.map((item, index) => {
@@ -256,11 +285,11 @@ var BarChart = vue.defineComponent({
         let barHeight = Math.abs(baseline - barYValue);
         let barY = Math.min(baseline, barYValue);
         if (props.barMinHeight > 0 && barHeight > 0) {
-          const clamped = tigercatCore.ensureBarMinHeight(barY, barHeight, baseline, props.barMinHeight);
+          const clamped = _tigercatcore.ensureBarMinHeight.call(void 0, barY, barHeight, baseline, props.barMinHeight);
           barY = clamped.y;
           barHeight = clamped.height;
         }
-        const color = item.color ?? palette.value[index % palette.value.length];
+        const color = _nullishCoalesce(item.color, () => ( palette.value[index % palette.value.length]));
         const opacity = getElementOpacity(index);
         return {
           x: barX,
@@ -274,29 +303,29 @@ var BarChart = vue.defineComponent({
         };
       });
     });
-    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) => d.label ?? String(d.x),
-        getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
+        getLabel: (d) => _nullishCoalesce(d.label, () => ( String(d.x))),
+        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,
-        tigercatCore.defaultXYTooltipFormatter
+        _tigercatcore.defaultXYTooltipFormatter
       )
     );
     return () => {
-      const gradientDefs = props.gradient ? vue.h(
+      const gradientDefs = props.gradient ? _vue.h.call(void 0, 
         "defs",
         null,
         bars.value.map(
-          (bar, index) => vue.h(
+          (bar, index) => _vue.h.call(void 0, 
             "linearGradient",
             {
               id: `${gradientPrefix}-${index}`,
@@ -306,12 +335,12 @@ var BarChart = vue.defineComponent({
               y2: "1"
             },
             [
-              vue.h("stop", {
+              _vue.h.call(void 0, "stop", {
                 offset: "0%",
                 "stop-color": bar.color,
                 "stop-opacity": "0.65"
               }),
-              vue.h("stop", {
+              _vue.h.call(void 0, "stop", {
                 offset: "100%",
                 "stop-color": bar.color,
                 "stop-opacity": "1"
@@ -322,9 +351,9 @@ var BarChart = vue.defineComponent({
       ) : null;
       const valueLabels = props.showValueLabels && bars.value.length > 0 ? bars.value.map((bar, index) => {
         const labelText = props.valueLabelFormatter ? props.valueLabelFormatter(bar.datum, index) : String(bar.datum.y);
-        const labelY = tigercatCore.getBarValueLabelY(bar.y, bar.height, props.valueLabelPosition, 8);
+        const labelY = _tigercatcore.getBarValueLabelY.call(void 0, bar.y, bar.height, props.valueLabelPosition, 8);
         const isInside = props.valueLabelPosition === "inside";
-        return vue.h(
+        return _vue.h.call(void 0, 
           "text",
           {
             key: `label-${index}`,
@@ -332,27 +361,27 @@ var BarChart = vue.defineComponent({
             y: labelY,
             "text-anchor": "middle",
             "dominant-baseline": isInside ? "central" : "auto",
-            class: isInside ? tigercatCore.barValueLabelInsideClasses : tigercatCore.barValueLabelClasses,
+            class: isInside ? _tigercatcore.barValueLabelInsideClasses : _tigercatcore.barValueLabelClasses,
             opacity: bar.opacity,
             "data-value-label": ""
           },
           labelText
         );
       }) : [];
-      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: () => [
             gradientDefs,
-            props.showGrid ? vue.h(chunk57MJTNDL_js.ChartGrid, {
+            props.showGrid ? _vue.h.call(void 0, _chunk57MJTNDLjs.ChartGrid, {
               xScale: resolvedXScale.value,
               yScale: resolvedYScale.value,
               show: "both",
@@ -363,7 +392,7 @@ var BarChart = 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,
@@ -372,7 +401,7 @@ var BarChart = 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,
@@ -380,15 +409,15 @@ var BarChart = 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: "bar"
               },
               {
                 default: () => bars.value.map(
-                  (bar, index) => vue.h("rect", {
+                  (bar, index) => _vue.h.call(void 0, "rect", {
                     key: `bar-${index}`,
                     x: bar.x,
                     y: bar.y,
@@ -398,14 +427,14 @@ var BarChart = vue.defineComponent({
                     ry: props.barRadius,
                     fill: props.gradient ? `url(#${gradientPrefix}-${index})` : bar.color,
                     opacity: bar.opacity,
-                    class: tigercatCore.classNames(
-                      "transition-[opacity,filter] duration-200",
+                    class: _tigercatcore.classNames.call(void 0, 
+                      "transition-[opacity,filter] [transition-duration:var(--tiger-motion-duration-base,200ms)] [transition-timing-function:var(--tiger-motion-ease-decelerate,ease-out)]",
                       (props.hoverable || props.selectable) && "cursor-pointer hover:brightness-110"
                     ),
-                    style: props.animated ? `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px);${tigercatCore.barAnimatedTransition}` : `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px)`,
+                    style: props.animated ? `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px);${_tigercatcore.barAnimatedTransition}` : `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px)`,
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
-                    "aria-label": bar.datum.label ?? String(bar.datum.x),
+                    "aria-label": _nullishCoalesce(bar.datum.label, () => ( String(bar.datum.x))),
                     "data-bar-index": index,
                     onMouseenter: (e) => handleMouseEnter(index, e),
                     onMousemove: handleMouseMove,
@@ -420,18 +449,18 @@ var BarChart = 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,
@@ -448,5 +477,7 @@ var BarChart = vue.defineComponent({
 });
 var BarChart_default = BarChart;
 
-exports.BarChart = BarChart;
-exports.BarChart_default = BarChart_default;
+
+
+
+exports.BarChart = BarChart; exports.BarChart_default = BarChart_default;