@expcat/tigercat-vue 1.1.0 → 1.2.14

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;

package/dist/chunk-JKZ5ZRDG.js

@@ -1,10 +1,16 @@
-'use strict';
+"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; }// src/components/Watermark.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Watermark.ts
-var Watermark = vue.defineComponent({
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Watermark = _vue.defineComponent.call(void 0, {
   name: "TigerWatermark",
   inheritAttrs: false,
   props: {
@@ -16,14 +22,14 @@ var Watermark = vue.defineComponent({
       type: String,
       default: void 0
     },
-    width: { type: Number, default: tigercatCore.watermarkDefaults.width },
-    height: { type: Number, default: tigercatCore.watermarkDefaults.height },
-    rotate: { type: Number, default: tigercatCore.watermarkDefaults.rotate },
-    zIndex: { type: Number, default: tigercatCore.watermarkDefaults.zIndex },
-    gapX: { type: Number, default: tigercatCore.watermarkDefaults.gapX },
-    gapY: { type: Number, default: tigercatCore.watermarkDefaults.gapY },
-    offsetX: { type: Number, default: tigercatCore.watermarkDefaults.offsetX },
-    offsetY: { type: Number, default: tigercatCore.watermarkDefaults.offsetY },
+    width: { type: Number, default: _tigercatcore.watermarkDefaults.width },
+    height: { type: Number, default: _tigercatcore.watermarkDefaults.height },
+    rotate: { type: Number, default: _tigercatcore.watermarkDefaults.rotate },
+    zIndex: { type: Number, default: _tigercatcore.watermarkDefaults.zIndex },
+    gapX: { type: Number, default: _tigercatcore.watermarkDefaults.gapX },
+    gapY: { type: Number, default: _tigercatcore.watermarkDefaults.gapY },
+    offsetX: { type: Number, default: _tigercatcore.watermarkDefaults.offsetX },
+    offsetY: { type: Number, default: _tigercatcore.watermarkDefaults.offsetY },
     font: {
       type: Object,
       default: void 0
@@ -35,16 +41,16 @@ var Watermark = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const base64 = vue.ref();
-    const wrapperRef = vue.ref(null);
+    const base64 = _vue.ref.call(void 0, );
+    const wrapperRef = _vue.ref.call(void 0, null);
     let renderController;
-    const resolvedFont = vue.computed(() => tigercatCore.resolveWatermarkFont(props.font));
+    const resolvedFont = _vue.computed.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, props.font));
     const generate = () => {
-      renderController?.render();
+      _optionalChain([renderController, 'optionalAccess', _ => _.render, 'call', _2 => _2()]);
     };
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (!wrapperRef.value) return;
-      renderController = tigercatCore.createWatermarkRenderController({
+      renderController = _tigercatcore.createWatermarkRenderController.call(void 0, {
         getRenderOptions: () => ({
           content: props.content,
           image: props.image,
@@ -60,17 +66,17 @@ var Watermark = vue.defineComponent({
       renderController.observe(wrapperRef.value);
       renderController.render();
     });
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.content, props.image, props.width, props.height, props.rotate, props.font],
       generate
     );
     let observer;
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (typeof MutationObserver === "undefined" || !wrapperRef.value) return;
       observer = new MutationObserver((mutations) => {
         for (const m of mutations) {
           for (const node of Array.from(m.removedNodes)) {
-            if (node.dataset?.watermark === "true") {
+            if (_optionalChain([node, 'access', _3 => _3.dataset, 'optionalAccess', _4 => _4.watermark]) === "true") {
               generate();
               return;
             }
@@ -79,13 +85,13 @@ var Watermark = vue.defineComponent({
       });
       observer.observe(wrapperRef.value, { childList: true });
     });
-    vue.onBeforeUnmount(() => {
-      observer?.disconnect();
-      renderController?.disconnect();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([observer, 'optionalAccess', _5 => _5.disconnect, 'call', _6 => _6()]);
+      _optionalChain([renderController, 'optionalAccess', _7 => _7.disconnect, 'call', _8 => _8()]);
       renderController = void 0;
     });
-    const overlayStyle = vue.computed(
-      () => tigercatCore.getWatermarkOverlayStyle({
+    const overlayStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
         base64Url: base64.value,
         width: props.width,
         height: props.height,
@@ -98,21 +104,21 @@ var Watermark = vue.defineComponent({
     );
     return () => {
       const attrsRecord = attrs;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           ref: wrapperRef,
-          class: tigercatCore.classNames(
-            tigercatCore.watermarkWrapperClasses,
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.watermarkWrapperClasses,
             props.className,
-            tigercatCore.coerceClassValue(attrsRecord.class)
+            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
           ),
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
         },
         [
-          slots.default?.(),
-          vue.h("div", {
+          _optionalChain([slots, 'access', _9 => _9.default, 'optionalCall', _10 => _10()]),
+          _vue.h.call(void 0, "div", {
             "data-watermark": "true",
             "aria-hidden": "true",
             style: overlayStyle.value
@@ -124,5 +130,7 @@ var Watermark = vue.defineComponent({
 });
 var Watermark_default = Watermark;
 
-exports.Watermark = Watermark;
-exports.Watermark_default = Watermark_default;
+
+
+
+exports.Watermark = Watermark; exports.Watermark_default = Watermark_default;

package/dist/{chunk-CODQKVQV.js → chunk-K2DJDJZR.js}

@@ -1,11 +1,14 @@
-'use strict';
+"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; }// src/components/Collapse.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Collapse.ts
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
-var Collapse = vue.defineComponent({
+var Collapse = _vue.defineComponent.call(void 0, {
   name: "TigerCollapse",
   props: {
     /**
@@ -71,14 +74,12 @@ var Collapse = vue.defineComponent({
   },
   emits: ["update:activeKey", "change"],
   setup(props, { slots, emit, attrs }) {
-    const internalActiveKeys = vue.ref(
-      tigercatCore.normalizeActiveKeys(props.defaultActiveKey)
-    );
-    const currentActiveKeys = vue.computed(() => {
-      return props.activeKey !== void 0 ? tigercatCore.normalizeActiveKeys(props.activeKey) : internalActiveKeys.value;
+    const internalActiveKeys = _vue.ref.call(void 0, _tigercatcore.normalizeActiveKeys.call(void 0, props.defaultActiveKey));
+    const currentActiveKeys = _vue.computed.call(void 0, () => {
+      return props.activeKey !== void 0 ? _tigercatcore.normalizeActiveKeys.call(void 0, props.activeKey) : internalActiveKeys.value;
     });
     const handlePanelClick = (key) => {
-      const newKeys = tigercatCore.togglePanelKey(key, currentActiveKeys.value, props.accordion);
+      const newKeys = _tigercatcore.togglePanelKey.call(void 0, key, currentActiveKeys.value, props.accordion);
       if (props.activeKey === void 0) {
         internalActiveKeys.value = newKeys;
       }
@@ -90,13 +91,13 @@ var Collapse = vue.defineComponent({
         emit("change", newKeys);
       }
     };
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getCollapseContainerClasses(props.bordered, props.ghost, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCollapseContainerClasses.call(void 0, props.bordered, props.ghost, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const collapseContextValue = vue.reactive({
+    const collapseContextValue = _vue.reactive.call(void 0, {
       get activeKeys() {
         return currentActiveKeys.value;
       },
@@ -114,10 +115,10 @@ var Collapse = vue.defineComponent({
       },
       handlePanelClick
     });
-    vue.provide(CollapseContextKey, collapseContextValue);
+    _vue.provide.call(void 0, CollapseContextKey, collapseContextValue);
     return () => {
-      const children = slots.default?.() || [];
-      return vue.h(
+      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
+      return _vue.h.call(void 0, 
         "div",
         {
           class: containerClasses.value,
@@ -131,6 +132,8 @@ var Collapse = vue.defineComponent({
 });
 var Collapse_default = Collapse;
 
-exports.Collapse = Collapse;
-exports.CollapseContextKey = CollapseContextKey;
-exports.Collapse_default = Collapse_default;
+
+
+
+
+exports.CollapseContextKey = CollapseContextKey; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;

package/dist/chunk-K3CIXMN4.js

@@ -1,10 +1,16 @@
-'use strict';
+"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; }// src/components/Splitter.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Splitter.ts
-var Splitter = vue.defineComponent({
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Splitter = _vue.defineComponent.call(void 0, {
   name: "TigerSplitter",
   props: {
     direction: {
@@ -42,13 +48,13 @@ var Splitter = vue.defineComponent({
   },
   emits: ["update:sizes", "resize-start", "resize", "resize-end"],
   setup(props, { slots, emit, attrs }) {
-    const containerRef = vue.ref(null);
-    const paneSizes = vue.ref([]);
-    const draggingIndex = vue.ref(-1);
-    const startPos = vue.ref(0);
-    const startSizes = vue.ref([]);
+    const containerRef = _vue.ref.call(void 0, null);
+    const paneSizes = _vue.ref.call(void 0, []);
+    const draggingIndex = _vue.ref.call(void 0, -1);
+    const startPos = _vue.ref.call(void 0, 0);
+    const startSizes = _vue.ref.call(void 0, []);
     let dragSession = null;
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.sizes,
       (newSizes) => {
         if (newSizes) paneSizes.value = [...newSizes];
@@ -62,7 +68,7 @@ var Splitter = vue.defineComponent({
       }
       const el = containerRef.value;
       if (!el) return;
-      const slotChildren = slots.default?.() || [];
+      const slotChildren = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
       const paneCount = slotChildren.length;
       if (paneCount === 0) return;
       const totalGutter = (paneCount - 1) * props.gutterSize;
@@ -70,17 +76,17 @@ var Splitter = vue.defineComponent({
       const eachSize = total / paneCount;
       paneSizes.value = Array.from({ length: paneCount }, () => eachSize);
     };
-    vue.onMounted(initSizes);
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getSplitterContainerClasses(props.direction, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    _vue.onMounted.call(void 0, initSizes);
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getSplitterContainerClasses.call(void 0, props.direction, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     const getMins = () => paneSizes.value.map(() => props.min);
     const getMaxes = () => paneSizes.value.map(() => props.max);
     const cleanupDragSession = () => {
-      dragSession?.dispose();
+      _optionalChain([dragSession, 'optionalAccess', _3 => _3.dispose, 'call', _4 => _4()]);
       dragSession = null;
     };
     const onMouseDown = (index, e) => {
@@ -91,10 +97,10 @@ var Splitter = vue.defineComponent({
       startPos.value = props.direction === "horizontal" ? e.clientX : e.clientY;
       startSizes.value = [...paneSizes.value];
       emit("resize-start", { index, sizes: [...paneSizes.value] });
-      dragSession = tigercatCore.createDocumentDragSession({
+      dragSession = _tigercatcore.createDocumentDragSession.call(void 0, {
         startX: e.clientX,
         startY: e.clientY,
-        ownerDocument: e.currentTarget?.ownerDocument,
+        ownerDocument: _optionalChain([e, 'access', _5 => _5.currentTarget, 'optionalAccess', _6 => _6.ownerDocument]),
         onMove: ({ currentX, currentY }) => {
           applyDragResize(currentX, currentY);
         },
@@ -115,7 +121,7 @@ var Splitter = vue.defineComponent({
       if (draggingIndex.value < 0) return;
       const currentPos = props.direction === "horizontal" ? currentX : currentY;
       const delta = currentPos - startPos.value;
-      const newSizes = tigercatCore.resizePanes(
+      const newSizes = _tigercatcore.resizePanes.call(void 0, 
         startSizes.value,
         draggingIndex.value,
         delta,
@@ -128,17 +134,17 @@ var Splitter = vue.defineComponent({
         emit("resize", { index: draggingIndex.value, sizes: newSizes });
       }
     };
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       cleanupDragSession();
     });
     return () => {
-      const children = slots.default?.() || [];
+      const children = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]) || [];
       const nodes = [];
       children.forEach((child, i) => {
         const size = paneSizes.value[i];
-        const paneStyle = size != null ? tigercatCore.getPaneStyle(size, props.direction) : void 0;
+        const paneStyle = size != null ? _tigercatcore.getPaneStyle.call(void 0, size, props.direction) : void 0;
         nodes.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               class: "tiger-splitter-pane relative overflow-auto",
@@ -151,10 +157,10 @@ var Splitter = vue.defineComponent({
         if (i < children.length - 1) {
           const isDragging = draggingIndex.value === i;
           nodes.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "div",
               {
-                class: tigercatCore.getSplitterGutterClasses(props.direction, isDragging, props.disabled),
+                class: _tigercatcore.getSplitterGutterClasses.call(void 0, props.direction, isDragging, props.disabled),
                 role: "separator",
                 "aria-orientation": props.direction === "horizontal" ? "vertical" : "horizontal",
                 tabindex: props.disabled ? -1 : 0,
@@ -171,7 +177,7 @@ var Splitter = vue.defineComponent({
                   }
                   if (delta !== 0) {
                     e.preventDefault();
-                    const newSizes = tigercatCore.resizePanes(paneSizes.value, i, delta, getMins(), getMaxes());
+                    const newSizes = _tigercatcore.resizePanes.call(void 0, paneSizes.value, i, delta, getMins(), getMaxes());
                     if (newSizes) {
                       paneSizes.value = newSizes;
                       emit("update:sizes", newSizes);
@@ -180,12 +186,12 @@ var Splitter = vue.defineComponent({
                   }
                 }
               },
-              [vue.h("div", { class: tigercatCore.getSplitterGutterHandleClasses(props.direction) })]
+              [_vue.h.call(void 0, "div", { class: _tigercatcore.getSplitterGutterHandleClasses.call(void 0, props.direction) })]
             )
           );
         }
       });
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ref: containerRef,
@@ -200,5 +206,7 @@ var Splitter = vue.defineComponent({
 });
 var Splitter_default = Splitter;
 
-exports.Splitter = Splitter;
-exports.Splitter_default = Splitter_default;
+
+
+
+exports.Splitter = Splitter; exports.Splitter_default = Splitter_default;