@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/{chunk-RZ6K7TWA.js → chunk-TGLAMZ4N.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJFZDIY7D_js = require('./chunk-JFZDIY7D.js');
+var chunkFLAJKB2O_js = require('./chunk-FLAJKB2O.js');
 var chunkFCV4ML6I_js = require('./chunk-FCV4ML6I.js');
 var chunk57MJTNDL_js = require('./chunk-57MJTNDL.js');
 var chunkBKTQ6RWR_js = require('./chunk-BKTQ6RWR.js');
@@ -151,6 +151,35 @@ var BarChart = vue.defineComponent({
     tooltipFormatter: {
       type: Function
     },
+    // Value label props
+    showValueLabels: {
+      type: Boolean,
+      default: false
+    },
+    valueLabelPosition: {
+      type: String,
+      default: "top"
+    },
+    valueLabelFormatter: {
+      type: Function
+    },
+    // Bar constraint props
+    barMinHeight: {
+      type: Number,
+      default: 0
+    },
+    barMaxWidth: {
+      type: Number
+    },
+    // Visual enhancement props
+    gradient: {
+      type: Boolean,
+      default: false
+    },
+    animated: {
+      type: Boolean,
+      default: false
+    },
     // Other
     colors: {
       type: Array
@@ -167,6 +196,7 @@ var BarChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "bar-click", "bar-hover"],
   setup(props, { emit }) {
+    const gradientPrefix = tigercatCore.getBarGradientPrefix();
     const {
       tooltipPosition,
       resolvedHoveredIndex,
@@ -181,11 +211,11 @@ var BarChart = vue.defineComponent({
       handleLegendHover,
       handleLegendLeave,
       wrapperClasses
-    } = chunkJFZDIY7D_js.useChartInteraction({
+    } = chunkFLAJKB2O_js.useChartInteraction({
       hoverable: vue.computed(() => props.hoverable),
-      hoveredIndexProp: props.hoveredIndex,
+      hoveredIndexProp: () => props.hoveredIndex,
       selectable: vue.computed(() => props.selectable),
-      selectedIndexProp: props.selectedIndex,
+      selectedIndexProp: () => props.selectedIndex,
       activeOpacity: vue.computed(() => props.activeOpacity),
       inactiveOpacity: vue.computed(() => props.inactiveOpacity),
       legendPosition: vue.computed(() => props.legendPosition),
@@ -209,22 +239,27 @@ var BarChart = vue.defineComponent({
       const extent = tigercatCore.getNumberExtent(yValues.value, { includeZero: true });
       return tigercatCore.createLinearScale(extent, [innerRect.value.height, 0]);
     });
-    const showXAxis = vue.computed(() => props.showAxis && props.showXAxis);
-    const showYAxis = vue.computed(() => props.showAxis && props.showYAxis);
-    const palette = vue.computed(
-      () => props.colors && props.colors.length > 0 ? props.colors : props.barColor ? [props.barColor] : [...tigercatCore.DEFAULT_CHART_COLORS]
-    );
+    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 scale = resolvedXScale.value;
-      const bandWidth = scale.bandwidth ?? (scale.step ? scale.step * 0.7 : innerRect.value.width / Math.max(1, props.data.length) * 0.8);
+      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 bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
       const baseline = resolvedYScale.value.map(0);
       return props.data.map((item, index) => {
         const xKey = scale.type === "linear" ? Number(item.x) : String(item.x);
         const xPos = scale.map(xKey);
-        const barX = scale.bandwidth ? xPos : xPos - bandWidth / 2;
+        const barX = (scale.bandwidth ? xPos : xPos - rawBandWidth / 2) + bandOffset;
         const barYValue = resolvedYScale.value.map(item.y);
-        const barHeight = Math.abs(baseline - barYValue);
-        const barY = Math.min(baseline, barYValue);
+        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);
+          barY = clamped.y;
+          barHeight = clamped.height;
+        }
         const color = item.color ?? palette.value[index % palette.value.length];
         const opacity = getElementOpacity(index);
         return {
@@ -234,30 +269,76 @@ var BarChart = vue.defineComponent({
           height: barHeight,
           color,
           opacity,
-          datum: item
+          datum: item,
+          index
         };
       });
     });
     const legendItems = vue.computed(
-      () => props.data.map((item, index) => ({
-        index,
-        label: item.label ?? String(item.x),
-        color: item.color ?? palette.value[index % palette.value.length],
-        active: activeIndex.value === null || activeIndex.value === index
-      }))
-    );
-    const formatTooltip = vue.computed(
-      () => props.tooltipFormatter ?? ((datum) => {
-        const label = datum.label ?? String(datum.x);
-        return `${label}: ${datum.y}`;
+      () => tigercatCore.buildChartLegendItems({
+        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]
       })
     );
-    const tooltipContent = vue.computed(() => {
-      if (resolvedHoveredIndex.value === null) return "";
-      const datum = props.data[resolvedHoveredIndex.value];
-      return datum ? formatTooltip.value(datum, resolvedHoveredIndex.value) : "";
-    });
+    const tooltipContent = vue.computed(
+      () => tigercatCore.resolveChartTooltipContent(
+        resolvedHoveredIndex.value,
+        props.data,
+        props.tooltipFormatter,
+        tigercatCore.defaultXYTooltipFormatter
+      )
+    );
     return () => {
+      const gradientDefs = props.gradient ? vue.h(
+        "defs",
+        null,
+        bars.value.map(
+          (bar, index) => vue.h(
+            "linearGradient",
+            {
+              id: `${gradientPrefix}-${index}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1"
+            },
+            [
+              vue.h("stop", {
+                offset: "0%",
+                "stop-color": bar.color,
+                "stop-opacity": "0.65"
+              }),
+              vue.h("stop", {
+                offset: "100%",
+                "stop-color": bar.color,
+                "stop-opacity": "1"
+              })
+            ]
+          )
+        )
+      ) : 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 isInside = props.valueLabelPosition === "inside";
+        return vue.h(
+          "text",
+          {
+            key: `label-${index}`,
+            x: bar.x + bar.width / 2,
+            y: labelY,
+            "text-anchor": "middle",
+            "dominant-baseline": isInside ? "central" : "auto",
+            class: isInside ? tigercatCore.barValueLabelInsideClasses : tigercatCore.barValueLabelClasses,
+            opacity: bar.opacity,
+            "data-value-label": ""
+          },
+          labelText
+        );
+      }) : [];
       const chart = vue.h(
         chunkFCV4ML6I_js.ChartCanvas,
         {
@@ -270,6 +351,7 @@ var BarChart = vue.defineComponent({
         },
         {
           default: () => [
+            gradientDefs,
             props.showGrid ? vue.h(chunk57MJTNDL_js.ChartGrid, {
               xScale: resolvedXScale.value,
               yScale: resolvedYScale.value,
@@ -281,7 +363,7 @@ var BarChart = vue.defineComponent({
               lineStyle: props.gridLineStyle,
               strokeWidth: props.gridStrokeWidth
             }) : null,
-            showXAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowXAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
               scale: resolvedXScale.value,
               orientation: "bottom",
               y: innerRect.value.height,
@@ -290,7 +372,7 @@ var BarChart = vue.defineComponent({
               tickFormat: props.xTickFormat,
               label: props.xAxisLabel
             }) : null,
-            showYAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowYAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
               scale: resolvedYScale.value,
               orientation: "left",
               ticks: props.yTicks,
@@ -314,11 +396,13 @@ var BarChart = vue.defineComponent({
                     height: bar.height,
                     rx: props.barRadius,
                     ry: props.barRadius,
-                    fill: bar.color,
+                    fill: props.gradient ? `url(#${gradientPrefix}-${index})` : bar.color,
                     opacity: bar.opacity,
                     class: tigercatCore.classNames(
-                      (props.hoverable || props.selectable) && "cursor-pointer transition-opacity duration-150"
+                      "transition-[opacity,filter] duration-200",
+                      (props.hoverable || props.selectable) && "cursor-pointer hover:brightness-110"
                     ),
+                    style: props.animated ? tigercatCore.barAnimatedTransition : void 0,
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
                     "aria-label": bar.datum.label ?? String(bar.datum.x),
@@ -331,7 +415,8 @@ var BarChart = vue.defineComponent({
                   })
                 )
               }
-            )
+            ),
+            ...valueLabels
           ].filter(Boolean)
         }
       );

package/dist/{chunk-U2JWZTDN.js → chunk-TLXEFLPA.js}

@@ -24,21 +24,14 @@ var Layout = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const attrsRecord = attrs;
     const layoutClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.layoutRootClasses, props.className, tigercatCore.coerceClassValue(attrsRecord.class))
+      () => tigercatCore.classNames(
+        tigercatCore.layoutRootClasses,
+        props.className,
+        tigercatCore.coerceClassValue(attrs.class)
+      )
     );
-    return () => {
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: layoutClasses.value,
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
-        },
-        slots.default?.()
-      );
-    };
+    return () => vue.h("div", { ...attrs, class: layoutClasses.value, style: props.style }, slots.default?.());
   }
 });
 var Layout_default = Layout;

package/dist/chunk-TQOMX62N.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var chunkBFNHRBWN_js = require('./chunk-BFNHRBWN.js');
+var vue = require('vue');
+var tigercatCore = require('@expcat/tigercat-core');
+
+var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
+var Tooltip = vue.defineComponent({
+  name: "TigerTooltip",
+  inheritAttrs: false,
+  props: {
+    /** Whether the tooltip is visible (controlled mode) */
+    visible: { type: Boolean, default: void 0 },
+    /** Default visibility (uncontrolled mode) @default false */
+    defaultVisible: { type: Boolean, default: false },
+    /** Tooltip content text */
+    content: { type: String, default: void 0 },
+    /** Trigger type @default 'hover' */
+    trigger: { type: String, default: "hover" },
+    /** Placement @default 'top' */
+    placement: { type: String, default: "top" },
+    /** Disabled state @default false */
+    disabled: { type: Boolean, default: false },
+    /** Offset in pixels @default 8 */
+    offset: { type: Number, default: 8 },
+    /** Additional CSS classes */
+    className: { type: String, default: void 0 },
+    style: { type: [String, Object, Array], default: void 0 }
+  },
+  emits: ["update:visible", "visible-change"],
+  setup(props, { slots, emit, attrs }) {
+    const attrsRecord = attrs;
+    const {
+      currentVisible,
+      containerRef,
+      triggerRef,
+      floatingRef,
+      floatingStyles,
+      triggerHandlers
+    } = chunkBFNHRBWN_js.useFloatingPopup({ props, emit });
+    const tooltipId = createTooltipId();
+    const containerClasses = vue.computed(
+      () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), props.className, tigercatCore.coerceClassValue(attrsRecord.class))
+    );
+    const triggerClasses = vue.computed(() => tigercatCore.getTooltipTriggerClasses(props.disabled));
+    const contentClasses = vue.computed(() => tigercatCore.getTooltipContentClasses());
+    return () => {
+      const defaultSlot = slots.default?.();
+      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      const hasTooltipContent = Boolean(props.content || slots.content);
+      return vue.h(
+        "div",
+        {
+          ...restAttrs,
+          ref: containerRef,
+          class: containerClasses.value,
+          style: props.style
+        },
+        [
+          // Trigger element
+          vue.h(
+            "div",
+            {
+              ref: triggerRef,
+              class: triggerClasses.value,
+              "aria-describedby": hasTooltipContent ? tooltipId : void 0,
+              ...triggerHandlers.value
+            },
+            defaultSlot
+          ),
+          // Tooltip content (positioned with Floating UI)
+          currentVisible.value ? vue.h(
+            "div",
+            {
+              ref: floatingRef,
+              style: floatingStyles.value,
+              "aria-hidden": false
+            },
+            [
+              vue.h(
+                "div",
+                {
+                  id: tooltipId,
+                  role: "tooltip",
+                  class: contentClasses.value
+                },
+                slots.content ? slots.content() : props.content
+              )
+            ]
+          ) : null
+        ]
+      );
+    };
+  }
+});
+var Tooltip_default = Tooltip;
+
+exports.Tooltip = Tooltip;
+exports.Tooltip_default = Tooltip_default;

package/dist/{chunk-LFIZI5Z4.mjs → chunk-U6WHPSWN.mjs}

@@ -39,25 +39,12 @@ var Breadcrumb = defineComponent({
   setup(props, { slots, attrs }) {
     const extraContent = computed(() => {
       const slotValue = slots.extra?.();
-      if (slotValue && slotValue.length > 0) {
-        return slotValue;
-      }
-      if (props.extra !== void 0 && props.extra !== null) {
-        return props.extra;
-      }
-      return void 0;
+      if (slotValue && slotValue.length > 0) return slotValue;
+      if (props.extra != null) return props.extra;
+      return null;
     });
-    const extraChildren = computed(() => {
-      const value = extraContent.value;
-      if (!value) return [];
-      if (Array.isArray(value)) {
-        return value.filter((node) => node !== null && node !== void 0);
-      }
-      return [value];
-    });
-    const hasExtra = computed(() => extraChildren.value.length > 0);
     const containerClasses = computed(() => {
-      return classNames(breadcrumbContainerClasses, hasExtra.value && "w-full", props.className);
+      return classNames(breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
     });
     provide(BreadcrumbContextKey, {
       separator: props.separator
@@ -79,12 +66,12 @@ var Breadcrumb = defineComponent({
             },
             slots.default?.()
           ),
-          hasExtra.value ? h(
+          extraContent.value ? h(
             "div",
             {
               class: "ml-auto flex items-center"
             },
-            extraChildren.value
+            extraContent.value
           ) : null
         ]
       );

package/dist/{chunk-JBSSXJZ2.mjs → chunk-U7MDGSCQ.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent, getCurrentInstance, ref, computed, reactive, watch, provide, h } from 'vue';
-import { classNames, getTabsContainerClasses, getTabNavClasses, getTabNavListClasses, tabContentBaseClasses, tabAddButtonClasses } from '@expcat/tigercat-core';
+import { defineComponent, getCurrentInstance, ref, computed, provide, h, Fragment } from 'vue';
+import { classNames, getTabsContainerClasses, getTabNavClasses, getTabNavListClasses, tabAddButtonClasses, tabContentBaseClasses } from '@expcat/tigercat-core';
 
 // src/components/Tabs.ts
 var TabsContextKey = /* @__PURE__ */ Symbol("TabsContext");
@@ -93,10 +93,7 @@ var Tabs = defineComponent({
     });
     const handleTabClick = (key) => {
       emit("tab-click", key);
-      const prevKey = currentActiveKey.value;
-      if (prevKey === key) {
-        return;
-      }
+      if (currentActiveKey.value === key) return;
       if (props.activeKey === void 0) {
         internalActiveKey.value = key;
       }
@@ -116,85 +113,81 @@ var Tabs = defineComponent({
     const tabNavListClasses = computed(() => {
       return getTabNavListClasses(props.tabPosition, props.centered);
     });
-    const tabContentClasses = computed(() => {
-      return tabContentBaseClasses;
-    });
-    const tabsContextValue = reactive({
-      activeKey: currentActiveKey.value,
-      type: props.type,
-      size: props.size,
-      tabPosition: props.tabPosition,
-      closable: props.closable,
-      destroyInactiveTabPane: props.destroyInactiveTabPane,
+    provide(TabsContextKey, {
+      get activeKey() {
+        return currentActiveKey.value;
+      },
+      get type() {
+        return props.type;
+      },
+      get size() {
+        return props.size;
+      },
+      get tabPosition() {
+        return props.tabPosition;
+      },
+      get closable() {
+        return props.closable;
+      },
+      get destroyInactiveTabPane() {
+        return props.destroyInactiveTabPane;
+      },
       idBase,
       handleTabClick,
       handleTabClose
     });
-    watch(
-      () => [
-        currentActiveKey.value,
-        props.type,
-        props.tabPosition,
-        props.size,
-        props.closable,
-        props.destroyInactiveTabPane
-      ],
-      ([activeKey, type, tabPosition, size, closable, destroyInactiveTabPane]) => {
-        tabsContextValue.activeKey = activeKey;
-        tabsContextValue.type = type;
-        tabsContextValue.tabPosition = tabPosition;
-        tabsContextValue.size = size;
-        tabsContextValue.closable = closable;
-        tabsContextValue.destroyInactiveTabPane = destroyInactiveTabPane;
-      }
-    );
-    provide(TabsContextKey, tabsContextValue);
     return () => {
-      const children = slots.default?.() || [];
+      const rawChildren = slots.default?.() || [];
+      const children = [];
+      const flatten = (vnodes) => {
+        for (const vnode of vnodes) {
+          if (vnode.type === Fragment && Array.isArray(vnode.children)) {
+            flatten(vnode.children);
+          } else {
+            children.push(vnode);
+          }
+        }
+      };
+      flatten(rawChildren);
       const tabItems = [];
       const tabPanes = [];
       let firstTabKey;
-      children.forEach((child) => {
+      const validChildren = [];
+      for (const child of children) {
         const childType = child?.type;
         const childName = typeof childType === "object" && childType && "name" in childType ? childType.name : void 0;
-        if (childName === "TigerTabPane") {
-          const childProps = child.props ?? {};
-          if (firstTabKey === void 0) {
-            const k = childProps.tabKey;
-            if (typeof k === "string" || typeof k === "number") {
-              firstTabKey = k;
-            }
-          }
-          const tabPaneType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
-          const resolvedActiveKey = props.activeKey ?? internalActiveKey.value ?? props.defaultActiveKey ?? firstTabKey;
-          const tabId = `${idBase}-tab-${String(childProps.tabKey ?? "")}`;
-          const panelId = `${idBase}-panel-${String(childProps.tabKey ?? "")}`;
-          tabItems.push(
-            h(tabPaneType, {
-              ...childProps,
-              renderMode: "tab",
-              tabId,
-              panelId,
-              tabIndex: childProps.tabKey === resolvedActiveKey ? 0 : -1
-            })
-          );
-          tabPanes.push(
-            h(
-              tabPaneType,
-              {
-                ...childProps,
-                renderMode: "pane",
-                tabId,
-                panelId
-              },
-              child.children ?? void 0
-            )
-          );
+        if (childName !== "TigerTabPane") continue;
+        const childProps = child.props ?? {};
+        const k = childProps.tabKey;
+        if (firstTabKey === void 0 && (typeof k === "string" || typeof k === "number")) {
+          firstTabKey = k;
         }
-      });
+        const tabPaneType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
+        validChildren.push({ type: tabPaneType, props: childProps, children: child.children });
+      }
       if (props.activeKey === void 0 && internalActiveKey.value === void 0 && firstTabKey !== void 0) {
         internalActiveKey.value = firstTabKey;
-        tabsContextValue.activeKey = firstTabKey;
+      }
+      const resolvedActiveKey = currentActiveKey.value ?? firstTabKey;
+      for (const { type, props: childProps, children: childChildren } of validChildren) {
+        const tabId = `${idBase}-tab-${String(childProps.tabKey ?? "")}`;
+        const panelId = `${idBase}-panel-${String(childProps.tabKey ?? "")}`;
+        tabItems.push(
+          h(type, {
+            ...childProps,
+            renderMode: "tab",
+            tabId,
+            panelId,
+            tabIndex: childProps.tabKey === resolvedActiveKey ? 0 : -1
+          })
+        );
+        tabPanes.push(
+          h(
+            type,
+            { ...childProps, renderMode: "pane", tabId, panelId },
+            childChildren
+          )
+        );
       }
       const tabNavContent = h(
         "div",
@@ -204,49 +197,25 @@ var Tabs = defineComponent({
           "aria-orientation": props.tabPosition === "left" || props.tabPosition === "right" ? "vertical" : "horizontal"
         },
         [
-          h(
-            "div",
-            {
-              class: tabNavListClasses.value
-            },
-            [
-              ...tabItems,
-              props.type === "editable-card" ? h(
-                "button",
-                {
-                  type: "button",
-                  class: tabAddButtonClasses,
-                  onClick: () => emit("edit", { targetKey: void 0, action: "add" }),
-                  "aria-label": "Add tab"
-                },
-                "+"
-              ) : null
-            ]
-          )
+          h("div", { class: tabNavListClasses.value }, [
+            ...tabItems,
+            props.type === "editable-card" ? h(
+              "button",
+              {
+                type: "button",
+                class: tabAddButtonClasses,
+                onClick: () => emit("edit", { targetKey: void 0, action: "add" }),
+                "aria-label": "Add tab"
+              },
+              "+"
+            ) : null
+          ])
         ]
       );
-      const tabContent = h(
-        "div",
-        {
-          class: tabContentClasses.value
-        },
-        tabPanes
-      );
-      if (props.tabPosition === "left" || props.tabPosition === "right") {
-        return h(
-          "div",
-          {
-            class: containerClasses.value
-          },
-          [tabNavContent, tabContent]
-        );
-      }
+      const tabContent = h("div", { class: tabContentBaseClasses }, tabPanes);
       return h(
         "div",
-        {
-          class: containerClasses.value,
-          style: props.style
-        },
+        { class: containerClasses.value, style: props.style },
         props.tabPosition === "bottom" ? [tabContent, tabNavContent] : [tabNavContent, tabContent]
       );
     };

package/dist/{chunk-54IA7YWJ.js → chunk-UHGRUTGW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNTXRWISS_js = require('./chunk-NTXRWISS.js');
+var chunkCODQKVQV_js = require('./chunk-CODQKVQV.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -53,7 +53,7 @@ var CollapsePanel = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const collapseContext = vue.inject(chunkNTXRWISS_js.CollapseContextKey);
+    const collapseContext = vue.inject(chunkCODQKVQV_js.CollapseContextKey);
     if (!collapseContext) {
       throw new Error("CollapsePanel must be used within a Collapse component");
     }