@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-MHNCH2YI.js

@@ -0,0 +1,231 @@
+"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/Signature.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DEFAULT_WIDTH = 480;
+var DEFAULT_HEIGHT = 180;
+var Signature = _vue.defineComponent.call(void 0, {
+  name: "TigerSignature",
+  inheritAttrs: false,
+  props: {
+    modelValue: { type: String, default: void 0 },
+    width: { type: Number, default: DEFAULT_WIDTH },
+    height: { type: Number, default: DEFAULT_HEIGHT },
+    penColor: { type: String, default: "#111827" },
+    backgroundColor: { type: String, default: void 0 },
+    lineWidth: { type: Number, default: 2 },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true },
+    exportType: {
+      type: String,
+      default: "image/png"
+    },
+    quality: { type: Number, default: 0.92 },
+    ariaLabel: { type: String, default: "Signature pad" },
+    clearText: { type: String, default: "Clear" },
+    className: { type: String, default: void 0 },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["update:modelValue", "change", "begin", "end", "clear"],
+  setup(props, { attrs, emit, expose }) {
+    const canvasRef = _vue.ref.call(void 0, null);
+    const strokes = _vue.ref.call(void 0, []);
+    const activeStroke = _vue.ref.call(void 0, null);
+    const isDisabled = _vue.computed.call(void 0, () => props.disabled || props.readonly);
+    const normalizedLineWidth = _vue.computed.call(void 0, () => _tigercatcore.clampSignatureLineWidth.call(void 0, props.lineWidth));
+    const draw = (nextStrokes) => {
+      const canvas = canvasRef.value;
+      const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
+      if (!canvas || !context) return;
+      const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+      canvas.width = props.width * ratio;
+      canvas.height = props.height * ratio;
+      canvas.style.width = `${props.width}px`;
+      canvas.style.height = `${props.height}px`;
+      context.setTransform(ratio, 0, 0, ratio, 0, 0);
+      _tigercatcore.drawSignatureStrokes.call(void 0, context, nextStrokes, {
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      });
+    };
+    _vue.watch.call(void 0, 
+      [strokes, () => props.width, () => props.height, () => props.backgroundColor],
+      () => draw(strokes.value),
+      { deep: true, flush: "post" }
+    );
+    _vue.watch.call(void 0, 
+      () => props.modelValue,
+      (value) => {
+        if (value === "" && !_tigercatcore.isSignatureEmpty.call(void 0, strokes.value)) {
+          strokes.value = [];
+          activeStroke.value = null;
+          draw([]);
+        }
+      }
+    );
+    _vue.onMounted.call(void 0, () => {
+      draw(strokes.value);
+    });
+    const toSVG = () => _tigercatcore.signatureStrokesToSvg.call(void 0, strokes.value, {
+      width: props.width,
+      height: props.height,
+      backgroundColor: props.backgroundColor
+    });
+    const toDataURL = (type = props.exportType, quality = props.quality) => {
+      if (type === "image/svg+xml") return _tigercatcore.signatureSvgToDataUrl.call(void 0, toSVG());
+      return _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.value, type, quality);
+    };
+    const createPayload = (nextStrokes) => {
+      const value = props.exportType === "image/svg+xml" ? _tigercatcore.signatureSvgToDataUrl.call(void 0, 
+        _tigercatcore.signatureStrokesToSvg.call(void 0, nextStrokes, {
+          width: props.width,
+          height: props.height,
+          backgroundColor: props.backgroundColor
+        })
+      ) : _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.value, props.exportType, props.quality);
+      return {
+        value,
+        empty: _tigercatcore.isSignatureEmpty.call(void 0, nextStrokes),
+        strokes: _tigercatcore.cloneSignatureStrokes.call(void 0, nextStrokes),
+        exportType: props.exportType
+      };
+    };
+    const emitChange = (nextStrokes) => {
+      const payload = createPayload(nextStrokes);
+      emit("update:modelValue", payload.value);
+      emit("change", payload);
+      return payload;
+    };
+    const clear = () => {
+      strokes.value = [];
+      activeStroke.value = null;
+      draw([]);
+      emitChange([]);
+      emit("clear");
+    };
+    const getPointFromEvent = (event) => {
+      const canvas = canvasRef.value;
+      const rect = _nullishCoalesce(_optionalChain([canvas, 'optionalAccess', _3 => _3.getBoundingClientRect, 'call', _4 => _4()]), () => ( {
+        left: 0,
+        top: 0,
+        width: props.width,
+        height: props.height
+      }));
+      return _tigercatcore.getSignaturePoint.call(void 0, event.clientX, event.clientY, rect, props.width, props.height);
+    };
+    const handlePointerDown = (event) => {
+      if (isDisabled.value) return;
+      event.preventDefault();
+      _optionalChain([canvasRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
+      const stroke = {
+        color: props.penColor,
+        lineWidth: normalizedLineWidth.value,
+        points: [getPointFromEvent(event)]
+      };
+      activeStroke.value = stroke;
+      strokes.value = [...strokes.value, stroke];
+      emit("begin");
+    };
+    const handlePointerMove = (event) => {
+      if (!activeStroke.value || isDisabled.value) return;
+      event.preventDefault();
+      activeStroke.value.points.push(getPointFromEvent(event));
+      strokes.value = [...strokes.value];
+    };
+    const finishStroke = () => {
+      if (!activeStroke.value) return;
+      activeStroke.value = null;
+      const payload = emitChange(strokes.value);
+      emit("end", payload);
+    };
+    const handleKeyDown = (event) => {
+      if (!props.clearable || isDisabled.value) return;
+      if (event.key !== "Delete" && event.key !== "Backspace") return;
+      event.preventDefault();
+      clear();
+    };
+    expose({
+      clear,
+      isEmpty: () => _tigercatcore.isSignatureEmpty.call(void 0, strokes.value),
+      toDataURL,
+      toSVG
+    });
+    const rootClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.signatureRootClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
+    );
+    const rootStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeStyleValues.call(void 0, props.style, attrs.style)
+    );
+    return () => {
+      const forwardedAttrs = Object.fromEntries(
+        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
+      );
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...forwardedAttrs,
+          class: rootClasses.value,
+          style: rootStyle.value
+        },
+        [
+          _vue.h.call(void 0, "div", { class: _tigercatcore.getSignatureCanvasWrapClasses.call(void 0, props.disabled, props.readonly) }, [
+            _vue.h.call(void 0, "canvas", {
+              ref: canvasRef,
+              class: _tigercatcore.signatureCanvasClasses,
+              width: props.width,
+              height: props.height,
+              tabindex: isDisabled.value ? -1 : 0,
+              role: "img",
+              "aria-label": props.ariaLabel,
+              "aria-disabled": isDisabled.value || void 0,
+              onPointerdown: handlePointerDown,
+              onPointermove: handlePointerMove,
+              onPointerup: finishStroke,
+              onPointercancel: finishStroke,
+              onKeydown: handleKeyDown
+            })
+          ]),
+          props.clearable ? _vue.h.call(void 0, "div", { class: _tigercatcore.signatureToolbarClasses }, [
+            _vue.h.call(void 0, 
+              "button",
+              {
+                type: "button",
+                class: _tigercatcore.signatureClearButtonClasses,
+                disabled: isDisabled.value || _tigercatcore.isSignatureEmpty.call(void 0, strokes.value),
+                onClick: clear
+              },
+              props.clearText
+            )
+          ]) : null
+        ]
+      );
+    };
+  }
+});
+var Signature_default = Signature;
+
+
+
+
+exports.Signature = Signature; exports.Signature_default = Signature_default;

package/dist/chunk-MI6TL3CQ.mjs

@@ -1,7 +1,12 @@
-import { defineComponent, computed, h } from 'vue';
-import { getChartGridLineDasharray, getChartAxisTicks, classNames, coerceClassValue, chartGridLineClasses } from '@expcat/tigercat-core';
-
 // src/components/ChartGrid.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  chartGridLineClasses,
+  classNames,
+  coerceClassValue,
+  getChartAxisTicks,
+  getChartGridLineDasharray
+} from "@expcat/tigercat-core";
 var ChartGrid = defineComponent({
   name: "TigerChartGrid",
   inheritAttrs: false,
@@ -117,4 +122,7 @@ var ChartGrid = defineComponent({
 });
 var ChartGrid_default = ChartGrid;
 
-export { ChartGrid, ChartGrid_default };
+export {
+  ChartGrid,
+  ChartGrid_default
+};

package/dist/chunk-MKBIVETW.mjs

@@ -1,7 +1,12 @@
-import { defineComponent, ref, watch, computed, nextTick, onMounted, h } from 'vue';
-import { classNames, getInputClasses, coerceClassValue, mergeStyleValues, autoResizeTextarea } from '@expcat/tigercat-core';
-
 // src/components/Textarea.ts
+import { defineComponent, computed, ref, watch, onMounted, nextTick, h } from "vue";
+import {
+  autoResizeTextarea,
+  classNames,
+  coerceClassValue,
+  getInputClasses,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Textarea = defineComponent({
   name: "TigerTextarea",
   inheritAttrs: false,
@@ -236,4 +241,7 @@ var Textarea = defineComponent({
 });
 var Textarea_default = Textarea;
 
-export { Textarea, Textarea_default };
+export {
+  Textarea,
+  Textarea_default
+};

package/dist/chunk-MNH3KNSN.js

@@ -1,10 +1,20 @@
-'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/components/Calendar.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Calendar.ts
-var Calendar = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+var Calendar = _vue.defineComponent.call(void 0, {
   name: "TigerCalendar",
   props: {
     modelValue: { type: Date, default: void 0 },
@@ -15,9 +25,9 @@ var Calendar = vue.defineComponent({
   emits: ["update:modelValue", "change", "panel-change"],
   setup(props, { emit, attrs }) {
     const today = /* @__PURE__ */ new Date();
-    const viewYear = vue.ref(props.modelValue?.getFullYear() ?? today.getFullYear());
-    const viewMonth = vue.ref(props.modelValue?.getMonth() ?? today.getMonth());
-    const days = vue.computed(() => tigercatCore.getMonthDays(viewYear.value, viewMonth.value));
+    const viewYear = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.getFullYear, 'call', _3 => _3()]), () => ( today.getFullYear())));
+    const viewMonth = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _4 => _4.modelValue, 'optionalAccess', _5 => _5.getMonth, 'call', _6 => _6()]), () => ( today.getMonth())));
+    const days = _vue.computed.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear.value, viewMonth.value));
     function prevMonth() {
       if (viewMonth.value === 0) {
         viewMonth.value = 11;
@@ -45,7 +55,7 @@ var Calendar = vue.defineComponent({
       emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
     }
     function selectDay(date) {
-      if (props.disabledDate?.(date)) return;
+      if (_optionalChain([props, 'access', _7 => _7.disabledDate, 'optionalCall', _8 => _8(date)])) return;
       emit("update:modelValue", date);
       emit("change", date);
     }
@@ -54,31 +64,31 @@ var Calendar = vue.defineComponent({
       emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
     }
     return () => {
-      const containerClass = tigercatCore.classNames(
-        tigercatCore.getCalendarContainerClasses(!!props.fullscreen),
-        tigercatCore.coerceClassValue(attrs.class)
+      const containerClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCalendarContainerClasses.call(void 0, !!props.fullscreen),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
-      const header = vue.h("div", { class: tigercatCore.calendarHeaderClasses }, [
-        vue.h(
+      const header = _vue.h.call(void 0, "div", { class: _tigercatcore.calendarHeaderClasses }, [
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.calendarNavButtonClasses,
+            class: _tigercatcore.calendarNavButtonClasses,
             "aria-label": props.mode === "month" ? "Previous month" : "Previous year",
             onClick: props.mode === "month" ? prevMonth : prevYear
           },
           "\u2039"
         ),
-        vue.h(
+        _vue.h.call(void 0, 
           "span",
-          { class: tigercatCore.calendarTitleClasses },
-          props.mode === "month" ? `${tigercatCore.MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
+          { class: _tigercatcore.calendarTitleClasses },
+          props.mode === "month" ? `${_tigercatcore.MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
         ),
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.calendarNavButtonClasses,
+            class: _tigercatcore.calendarNavButtonClasses,
             "aria-label": props.mode === "month" ? "Next month" : "Next year",
             onClick: props.mode === "month" ? nextMonth : nextYear
           },
@@ -87,15 +97,15 @@ var Calendar = vue.defineComponent({
       ]);
       let body;
       if (props.mode === "year") {
-        body = vue.h(
+        body = _vue.h.call(void 0, 
           "div",
           { class: "grid grid-cols-3 gap-2" },
-          tigercatCore.MONTHS.map(
-            (m, i) => vue.h(
+          _tigercatcore.MONTHS.map(
+            (m, i) => _vue.h.call(void 0, 
               "div",
               {
                 key: i,
-                class: tigercatCore.getCalendarMonthClasses(viewMonth.value === i),
+                class: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth.value === i),
                 onClick: () => selectMonth(i)
               },
               m
@@ -103,30 +113,30 @@ var Calendar = vue.defineComponent({
           )
         );
       } else {
-        const weekdayRow = vue.h(
+        const weekdayRow = _vue.h.call(void 0, 
           "div",
           { class: "grid grid-cols-7" },
-          tigercatCore.WEEKDAYS.map((wd) => vue.h("div", { key: wd, class: tigercatCore.calendarWeekdayClasses }, wd))
+          _tigercatcore.WEEKDAYS.map((wd) => _vue.h.call(void 0, "div", { key: wd, class: _tigercatcore.calendarWeekdayClasses }, wd))
         );
-        const dayGrid = vue.h(
+        const dayGrid = _vue.h.call(void 0, 
           "div",
           { class: "grid grid-cols-7" },
           days.value.map((date, i) => {
             const isCurrentMonth = date.getMonth() === viewMonth.value;
-            const isSelected = props.modelValue ? tigercatCore.isSameDay(date, props.modelValue) : false;
-            const isTodayDate = tigercatCore.isSameDay(date, today);
-            const isDisabled = !!props.disabledDate?.(date);
-            return vue.h(
+            const isSelected = props.modelValue ? _tigercatcore.isSameDay.call(void 0, date, props.modelValue) : false;
+            const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
+            const isDisabled = !!_optionalChain([props, 'access', _9 => _9.disabledDate, 'optionalCall', _10 => _10(date)]);
+            return _vue.h.call(void 0, 
               "div",
               {
                 key: i,
                 class: "flex items-center justify-center py-0.5"
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "div",
                   {
-                    class: tigercatCore.getCalendarDayClasses(
+                    class: _tigercatcore.getCalendarDayClasses.call(void 0, 
                       isSelected,
                       isTodayDate,
                       isCurrentMonth,
@@ -140,13 +150,15 @@ var Calendar = vue.defineComponent({
             );
           })
         );
-        body = vue.h("div", {}, [weekdayRow, dayGrid]);
+        body = _vue.h.call(void 0, "div", {}, [weekdayRow, dayGrid]);
       }
-      return vue.h("div", { class: containerClass, role: "group" }, [header, body]);
+      return _vue.h.call(void 0, "div", { class: containerClass, role: "group" }, [header, body]);
     };
   }
 });
 var Calendar_default = Calendar;
 
-exports.Calendar = Calendar;
-exports.Calendar_default = Calendar_default;
+
+
+
+exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;

package/dist/chunk-MQ23PX3S.js

@@ -0,0 +1,218 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkK2DJDJZRjs = require('./chunk-K2DJDJZR.js');
+
+// src/components/CollapsePanel.ts
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var CollapsePanel = _vue.defineComponent.call(void 0, {
+  name: "TigerCollapsePanel",
+  props: {
+    /**
+     * Unique key for the panel (required)
+     */
+    panelKey: {
+      type: [String, Number],
+      required: true
+    },
+    /**
+     * Panel header/title
+     */
+    header: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Whether the panel is disabled
+     * @default false
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether to show arrow icon
+     * @default true
+     */
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Custom styles
+     */
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const collapseContext = _vue.inject.call(void 0, _chunkK2DJDJZRjs.CollapseContextKey);
+    if (!collapseContext) {
+      throw new Error("CollapsePanel must be used within a Collapse component");
+    }
+    const isActive = _vue.computed.call(void 0, () => {
+      return _tigercatcore.isPanelActive.call(void 0, props.panelKey, collapseContext.activeKeys);
+    });
+    const contentRef = _vue.ref.call(void 0, );
+    const initialContentStyle = _tigercatcore.getInitialCollapseContentStyle.call(void 0, isActive.value);
+    let transitionController;
+    const panelClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCollapsePanelClasses.call(void 0, collapseContext.ghost, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      );
+    });
+    const headerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getCollapsePanelHeaderClasses.call(void 0, isActive.value, props.disabled);
+    });
+    const iconClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getCollapseIconClasses.call(void 0, isActive.value, collapseContext.expandIconPosition);
+    });
+    const handleClick = () => {
+      if (!props.disabled) {
+        collapseContext.handlePanelClick(props.panelKey);
+      }
+    };
+    const handleKeydown = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        collapseContext.handlePanelClick(props.panelKey);
+      }
+    };
+    _vue.onMounted.call(void 0, () => {
+      if (!contentRef.value) return;
+      transitionController = _tigercatcore.createCollapseTransitionController.call(void 0, contentRef.value, {
+        expanded: isActive.value
+      });
+    });
+    _vue.watch.call(void 0, 
+      isActive,
+      (expanded) => {
+        _optionalChain([transitionController, 'optionalAccess', _ => _.update, 'call', _2 => _2(expanded)]);
+      },
+      { flush: "post" }
+    );
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([transitionController, 'optionalAccess', _3 => _3.dispose, 'call', _4 => _4()]);
+      transitionController = void 0;
+    });
+    return () => {
+      const headerSlot = _optionalChain([slots, 'access', _5 => _5.header, 'optionalCall', _6 => _6()]);
+      const extraSlot = _optionalChain([slots, 'access', _7 => _7.extra, 'optionalCall', _8 => _8()]);
+      const arrowIcon = _vue.h.call(void 0, 
+        "svg",
+        {
+          class: iconClasses.value,
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        },
+        _vue.h.call(void 0, "path", {
+          d: "M6 12L10 8L6 4",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        })
+      );
+      const headerContent = [];
+      if (props.showArrow && collapseContext.expandIconPosition === "start") {
+        headerContent.push(arrowIcon);
+      }
+      headerContent.push(
+        _vue.h.call(void 0, 
+          "span",
+          {
+            class: _tigercatcore.collapseHeaderTextClasses
+          },
+          headerSlot || props.header
+        )
+      );
+      if (extraSlot) {
+        headerContent.push(_vue.h.call(void 0, "span", { class: "ml-auto" }, extraSlot));
+      }
+      if (props.showArrow && collapseContext.expandIconPosition === "end") {
+        headerContent.push(arrowIcon);
+      }
+      const header = _vue.h.call(void 0, 
+        "div",
+        {
+          class: headerClasses.value,
+          role: "button",
+          tabindex: props.disabled ? -1 : 0,
+          "aria-expanded": isActive.value,
+          "aria-disabled": props.disabled,
+          onClick: handleClick,
+          onKeydown: handleKeydown
+        },
+        headerContent
+      );
+      const content = _vue.h.call(void 0, 
+        "div",
+        {
+          ref: contentRef,
+          "data-tiger-collapse-content": "",
+          class: _tigercatcore.collapsePanelContentWrapperClasses,
+          style: initialContentStyle
+        },
+        [
+          _vue.h.call(void 0, 
+            "div",
+            {
+              class: _tigercatcore.collapsePanelContentBaseClasses
+            },
+            _optionalChain([slots, 'access', _9 => _9.default, 'optionalCall', _10 => _10()])
+          )
+        ]
+      );
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: panelClasses.value,
+          style: props.style
+        },
+        [header, content]
+      );
+    };
+  }
+});
+var CollapsePanel_default = CollapsePanel;
+
+
+
+
+exports.CollapsePanel = CollapsePanel; exports.CollapsePanel_default = CollapsePanel_default;