@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-M2XA7VU5.js

@@ -1,364 +0,0 @@
-"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/ScatterChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var ScatterChart = _vue.defineComponent.call(void 0, {
-  name: "TigerScatterChart",
-  props: {
-    width: { type: Number, default: 320 },
-    height: { type: Number, default: 200 },
-    padding: {
-      type: [Number, Object],
-      default: 24
-    },
-    data: {
-      type: Array,
-      required: true
-    },
-    xScale: { type: Object },
-    yScale: { type: Object },
-    pointSize: { type: Number, default: 6 },
-    pointColor: {
-      type: String,
-      default: "var(--tiger-primary,#2563eb)"
-    },
-    pointOpacity: { type: Number },
-    pointStyle: {
-      type: String,
-      default: "circle"
-    },
-    gradient: { type: Boolean, default: false },
-    animated: { type: Boolean, default: false },
-    pointBorderWidth: { type: Number, default: 0 },
-    pointBorderColor: { type: String, default: "white" },
-    showGrid: { type: Boolean, default: true },
-    showAxis: { type: Boolean, default: true },
-    showXAxis: { type: Boolean, default: true },
-    showYAxis: { type: Boolean, default: true },
-    includeZero: { type: Boolean, default: false },
-    xAxisLabel: { type: String },
-    yAxisLabel: { type: String },
-    xTicks: { type: Number, default: 5 },
-    yTicks: { type: Number, default: 5 },
-    xTickValues: { type: Array },
-    yTickValues: { type: Array },
-    xTickFormat: {
-      type: Function
-    },
-    yTickFormat: {
-      type: Function
-    },
-    gridLineStyle: {
-      type: String,
-      default: "solid"
-    },
-    gridStrokeWidth: { type: Number, default: 1 },
-    // Interaction
-    hoverable: { type: Boolean, default: false },
-    hoveredIndex: {
-      type: Number,
-      default: void 0
-    },
-    activeOpacity: { type: Number, default: 1 },
-    inactiveOpacity: { type: Number, default: 0.25 },
-    selectable: { type: Boolean, default: false },
-    selectedIndex: {
-      type: Number,
-      default: void 0
-    },
-    // Legend
-    showLegend: { type: Boolean, default: false },
-    legendPosition: {
-      type: String,
-      default: "bottom"
-    },
-    legendMarkerSize: { type: Number, default: 10 },
-    legendGap: { type: Number, default: 8 },
-    legendFormatter: {
-      type: Function
-    },
-    // Tooltip
-    showTooltip: { type: Boolean, default: true },
-    tooltipFormatter: {
-      type: Function
-    },
-    // Other
-    colors: { type: Array },
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "point-click", "point-hover"],
-  setup(props, { emit }) {
-    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "scatter", _vue.useId.call(void 0, ));
-    const mounted = _vue.ref.call(void 0, false);
-    _vue.onMounted.call(void 0, () => {
-      if (props.animated) mounted.value = true;
-    });
-    const {
-      tooltipPosition,
-      resolvedHoveredIndex,
-      activeIndex,
-      handleMouseEnter,
-      handleMouseMove,
-      handleMouseLeave,
-      handleClick,
-      handleKeyDown,
-      handleLegendClick,
-      handleLegendHover,
-      handleLegendLeave,
-      wrapperClasses
-    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
-      hoverable: _vue.computed.call(void 0, () => props.hoverable),
-      hoveredIndexProp: () => props.hoveredIndex,
-      selectable: _vue.computed.call(void 0, () => props.selectable),
-      selectedIndexProp: () => props.selectedIndex,
-      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: "point-hover", click: "point-click" }
-    });
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const xValues = _vue.computed.call(void 0, () => props.data.map((item) => 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;
-      const extent = _tigercatcore.getNumberExtent.call(void 0, xValues.value, { includeZero: props.includeZero });
-      return _tigercatcore.createLinearScale.call(void 0, extent, [0, innerRect.value.width]);
-    });
-    const resolvedYScale = _vue.computed.call(void 0, () => {
-      if (props.yScale) return props.yScale;
-      const extent = _tigercatcore.getNumberExtent.call(void 0, yValues.value, { includeZero: props.includeZero });
-      return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.value.height, 0]);
-    });
-    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.pointColor));
-    const points = _vue.computed.call(void 0, 
-      () => props.data.map((item, index) => {
-        const color = _nullishCoalesce(item.color, () => ( palette.value[index % palette.value.length]));
-        const opacity = _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex.value, {
-          activeOpacity: props.activeOpacity,
-          inactiveOpacity: props.inactiveOpacity
-        });
-        const isHovered = resolvedHoveredIndex.value === index;
-        const baseSize = _nullishCoalesce(item.size, () => ( props.pointSize));
-        const r = isHovered ? _tigercatcore.getScatterHoverSize.call(void 0, baseSize) : baseSize;
-        return {
-          cx: resolvedXScale.value.map(item.x),
-          cy: resolvedYScale.value.map(item.y),
-          r,
-          baseSize,
-          color,
-          opacity: _nullishCoalesce(props.pointOpacity, () => ( opacity)),
-          isHovered,
-          datum: item
-        };
-      })
-    );
-    const legendItems = _vue.computed.call(void 0, 
-      () => _tigercatcore.buildChartLegendItems.call(void 0, {
-        data: props.data,
-        palette: palette.value,
-        activeIndex: activeIndex.value,
-        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( `(${d.x}, ${d.y})`)),
-        getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
-      })
-    );
-    const tooltipContent = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
-        resolvedHoveredIndex.value,
-        props.data,
-        props.tooltipFormatter,
-        (datum, index) => {
-          const label = _nullishCoalesce(datum.label, () => ( `Point ${index + 1}`));
-          return `${label}: (${datum.x}, ${datum.y})`;
-        }
-      )
-    );
-    return () => {
-      const defs = props.gradient ? _vue.h.call(void 0, 
-        "defs",
-        null,
-        palette.value.map(
-          (color, i) => _vue.h.call(void 0, 
-            "radialGradient",
-            { id: `${gradientPrefix}-${i}`, cx: "35%", cy: "35%", r: "65%" },
-            [
-              _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": "#fff", "stop-opacity": "0.5" }),
-              _vue.h.call(void 0, "stop", { offset: "50%", "stop-color": color, "stop-opacity": "0.95" }),
-              _vue.h.call(void 0, "stop", { offset: "100%", "stop-color": color, "stop-opacity": "1" })
-            ]
-          )
-        )
-      ) : null;
-      const animStyle = props.animated && mounted.value ? _vue.h.call(void 0, "style", null, _tigercatcore.SCATTER_ENTRANCE_KEYFRAMES) : null;
-      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.call(void 0, props.className)
-        },
-        {
-          default: () => [
-            defs,
-            animStyle,
-            props.showGrid ? _vue.h.call(void 0, _chunk57MJTNDLjs.ChartGrid, {
-              xScale: resolvedXScale.value,
-              yScale: resolvedYScale.value,
-              show: "both",
-              xTicks: props.xTicks,
-              yTicks: props.yTicks,
-              xTickValues: props.xTickValues,
-              yTickValues: props.yTickValues,
-              lineStyle: props.gridLineStyle,
-              strokeWidth: props.gridStrokeWidth
-            }) : null,
-            shouldShowXAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
-              scale: resolvedXScale.value,
-              orientation: "bottom",
-              y: innerRect.value.height,
-              ticks: props.xTicks,
-              tickValues: props.xTickValues,
-              tickFormat: props.xTickFormat,
-              label: props.xAxisLabel
-            }) : null,
-            shouldShowYAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
-              scale: resolvedYScale.value,
-              orientation: "left",
-              ticks: props.yTicks,
-              tickValues: props.yTickValues,
-              tickFormat: props.yTickFormat,
-              label: props.yAxisLabel
-            }) : null,
-            _vue.h.call(void 0, 
-              _chunkHBFFINAIjs.ChartSeries,
-              { data: props.data, type: "scatter" },
-              {
-                default: () => points.value.map((point, index) => {
-                  const paletteIdx = index % palette.value.length;
-                  const fill = props.gradient ? `url(#${gradientPrefix}-${paletteIdx})` : point.color;
-                  const interactive = props.hoverable || props.selectable;
-                  const filterStyle = point.isHovered ? _tigercatcore.getScatterHoverShadow.call(void 0, point.color) : void 0;
-                  const animDelay = props.animated && mounted.value ? `${index * 60}ms` : void 0;
-                  const styleStr = [
-                    filterStyle ? `filter:${filterStyle}` : "",
-                    animDelay ? `animation:${_tigercatcore.SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both` : ""
-                  ].filter(Boolean).join(";");
-                  const shared = {
-                    fill,
-                    opacity: point.opacity,
-                    stroke: props.pointBorderColor,
-                    "stroke-width": props.pointBorderWidth,
-                    class: _tigercatcore.classNames.call(void 0, 
-                      _tigercatcore.scatterPointTransitionClasses,
-                      animDelay && _tigercatcore.SCATTER_ENTRANCE_CLASS,
-                      interactive && "cursor-pointer"
-                    ),
-                    style: styleStr || void 0,
-                    tabindex: props.selectable ? 0 : void 0,
-                    role: props.selectable ? "button" : "img",
-                    "aria-label": _nullishCoalesce(point.datum.label, () => ( `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`)),
-                    "data-point-index": index,
-                    onMouseenter: (e) => handleMouseEnter(index, e),
-                    onMousemove: handleMouseMove,
-                    onMouseleave: handleMouseLeave,
-                    onClick: () => handleClick(index),
-                    onKeydown: (e) => handleKeyDown(e, index)
-                  };
-                  if (props.pointStyle === "circle") {
-                    return _vue.h.call(void 0, "circle", {
-                      key: `point-${index}`,
-                      cx: point.cx,
-                      cy: point.cy,
-                      r: point.r,
-                      ...shared
-                    });
-                  }
-                  return _vue.h.call(void 0, "path", {
-                    key: `point-${index}`,
-                    d: _tigercatcore.getScatterPointPath.call(void 0, props.pointStyle, point.r),
-                    transform: `translate(${point.cx},${point.cy})`,
-                    ...shared
-                  });
-                })
-              }
-            )
-          ].filter(Boolean)
-        }
-      );
-      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.call(void 0, "div", { class: "inline-block relative" }, [chart, tooltip]);
-      }
-      return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
-        chart,
-        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
-          items: legendItems.value,
-          position: props.legendPosition,
-          markerSize: props.legendMarkerSize,
-          gap: props.legendGap,
-          interactive: props.hoverable || props.selectable,
-          onItemClick: handleLegendClick,
-          onItemHover: handleLegendHover,
-          onItemLeave: handleLegendLeave
-        }),
-        tooltip
-      ]);
-    };
-  }
-});
-var ScatterChart_default = ScatterChart;
-
-
-
-
-exports.ScatterChart = ScatterChart; exports.ScatterChart_default = ScatterChart_default;

package/dist/chunk-MQ23PX3S.js

@@ -1,218 +0,0 @@
-"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;

package/dist/chunk-MSKAWM7K.js

@@ -1,73 +0,0 @@
-"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; }
-
-var _chunkXUOGT4HGjs = require('./chunk-XUOGT4HG.js');
-
-// src/components/Col.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Col = _vue.defineComponent.call(void 0, {
-  name: "TigerCol",
-  props: {
-    /** Column span (1-24) or responsive object @default 24 */
-    span: {
-      type: [Number, Object],
-      default: 24
-    },
-    /** Column offset (0-24) or responsive object @default 0 */
-    offset: {
-      type: [Number, Object],
-      default: 0
-    },
-    /** Column order or responsive object */
-    order: {
-      type: [Number, Object]
-    },
-    /** Flex layout style */
-    flex: {
-      type: [String, Number]
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const rowContext = _vue.inject.call(void 0, _chunkXUOGT4HGjs.RowContextKey, null);
-    const gutter = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([rowContext, 'optionalAccess', _ => _.gutter, 'access', _2 => _2.value]), () => ( 0)));
-    const isFlexSpanMode = _vue.computed.call(void 0, () => props.flex !== void 0 && props.span === 0);
-    const colClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        isFlexSpanMode.value ? "" : _tigercatcore.getSpanClasses.call(void 0, props.span),
-        _tigercatcore.getOffsetClasses.call(void 0, props.offset),
-        _tigercatcore.getOrderClasses.call(void 0, props.order),
-        _tigercatcore.getFlexClasses.call(void 0, props.flex),
-        _tigercatcore.getColGutterClasses.call(void 0, gutter.value)
-      )
-    );
-    const colMergedStyle = _vue.computed.call(void 0, () => ({
-      ..._tigercatcore.getColMergedStyleVars.call(void 0, 
-        isFlexSpanMode.value ? void 0 : props.span,
-        props.offset,
-        props.order,
-        props.flex
-      )
-    }));
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: [colClasses.value, attrs.class],
-        style: [colMergedStyle.value, attrs.style]
-      },
-      _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()])
-    );
-  }
-});
-
-
-
-exports.Col = Col;