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

package/dist/chunk-JKEF7NB3.js

@@ -1,243 +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 _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 },
-    height: { type: Number, default: 300 },
-    padding: { type: [Number, Object], default: 24 },
-    data: { type: Array, required: true },
-    direction: { type: String, default: "vertical" },
-    gap: { type: Number, default: 2 },
-    pinch: { type: Boolean, default: false },
-    colors: { type: Array },
-    gradient: { type: Boolean, default: false },
-    // 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 },
-    // Tooltip
-    showTooltip: { type: Boolean, default: true },
-    tooltipFormatter: {
-      type: Function
-    },
-    // a11y
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "segment-click", "segment-hover"],
-  setup(props, { emit }) {
-    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: "segment-hover", click: "segment-click" }
-    });
-    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,
-        pinch: props.pinch,
-        colors: palette.value
-      })
-    );
-    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) => _nullishCoalesce(d.label, () => ( `Stage ${i + 1}`)),
-        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 pct = total.value > 0 ? (datum.value / total.value * 100).toFixed(1) : "0";
-          const label = _nullishCoalesce(datum.label, () => ( `Stage ${index + 1}`));
-          return `${label}: ${datum.value} (${pct}%)`;
-        }
-      )
-    );
-    return () => {
-      const interactive = props.hoverable || props.selectable;
-      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: () => {
-            const defs = props.gradient ? _vue.h.call(void 0, 
-              "defs",
-              {},
-              segments.value.map(
-                (seg) => _vue.h.call(void 0, 
-                  "linearGradient",
-                  {
-                    key: `grad-${seg.index}`,
-                    id: `${gradientPrefix}-${seg.index}`,
-                    x1: 0,
-                    y1: 0,
-                    x2: 0,
-                    y2: 1
-                  },
-                  [
-                    _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
-                    })
-                  ]
-                )
-              )
-            ) : null;
-            const paths = _vue.h.call(void 0, 
-              _chunkHBFFINAIjs.ChartSeries,
-              { data: props.data, type: "funnel" },
-              {
-                default: () => segments.value.map((seg) => {
-                  const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seg.index, activeIndex.value, {
-                    activeOpacity: props.activeOpacity,
-                    inactiveOpacity: props.inactiveOpacity
-                  });
-                  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.call(void 0, interactive && "cursor-pointer"),
-                    style: {
-                      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",
-                    "aria-label": seg.label,
-                    onMouseenter: (e) => handleMouseEnter(seg.index, e),
-                    onMousemove: handleMouseMove,
-                    onMouseleave: handleMouseLeave,
-                    onClick: () => handleClick(seg.index),
-                    onKeydown: (e) => handleKeyDown(e, seg.index)
-                  });
-                })
-              }
-            );
-            const labels = segments.value.map(
-              (seg) => _vue.h.call(void 0, 
-                "text",
-                {
-                  key: `label-${seg.index}`,
-                  x: seg.cx,
-                  y: seg.cy,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle"
-                },
-                seg.label
-              )
-            );
-            return [defs, paths, ...labels].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,
-          onItemClick: handleLegendClick,
-          onItemHover: handleLegendHover,
-          onItemLeave: handleLegendLeave
-        }),
-        tooltip
-      ]);
-    };
-  }
-});
-var FunnelChart_default = FunnelChart;
-
-
-
-
-exports.FunnelChart = FunnelChart; exports.FunnelChart_default = FunnelChart_default;

package/dist/chunk-JKZ5ZRDG.js

@@ -1,136 +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; }// src/components/Watermark.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Watermark = _vue.defineComponent.call(void 0, {
-  name: "TigerWatermark",
-  inheritAttrs: false,
-  props: {
-    content: {
-      type: [String, Array],
-      default: void 0
-    },
-    image: {
-      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 },
-    font: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const base64 = _vue.ref.call(void 0, );
-    const wrapperRef = _vue.ref.call(void 0, null);
-    let renderController;
-    const resolvedFont = _vue.computed.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, props.font));
-    const generate = () => {
-      _optionalChain([renderController, 'optionalAccess', _ => _.render, 'call', _2 => _2()]);
-    };
-    _vue.onMounted.call(void 0, () => {
-      if (!wrapperRef.value) return;
-      renderController = _tigercatcore.createWatermarkRenderController.call(void 0, {
-        getRenderOptions: () => ({
-          content: props.content,
-          image: props.image,
-          width: props.width,
-          height: props.height,
-          rotate: props.rotate,
-          font: resolvedFont.value
-        }),
-        onRender: (base64Url) => {
-          base64.value = base64Url;
-        }
-      });
-      renderController.observe(wrapperRef.value);
-      renderController.render();
-    });
-    _vue.watch.call(void 0, 
-      () => [props.content, props.image, props.width, props.height, props.rotate, props.font],
-      generate
-    );
-    let observer;
-    _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 (_optionalChain([node, 'access', _3 => _3.dataset, 'optionalAccess', _4 => _4.watermark]) === "true") {
-              generate();
-              return;
-            }
-          }
-        }
-      });
-      observer.observe(wrapperRef.value, { childList: true });
-    });
-    _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.call(void 0, 
-      () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
-        base64Url: base64.value,
-        width: props.width,
-        height: props.height,
-        gapX: props.gapX,
-        gapY: props.gapY,
-        offsetX: props.offsetX,
-        offsetY: props.offsetY,
-        zIndex: props.zIndex
-      })
-    );
-    return () => {
-      const attrsRecord = attrs;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          ref: wrapperRef,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.watermarkWrapperClasses,
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
-          ),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
-        },
-        [
-          _optionalChain([slots, 'access', _9 => _9.default, 'optionalCall', _10 => _10()]),
-          _vue.h.call(void 0, "div", {
-            "data-watermark": "true",
-            "aria-hidden": "true",
-            style: overlayStyle.value
-          })
-        ]
-      );
-    };
-  }
-});
-var Watermark_default = Watermark;
-
-
-
-
-exports.Watermark = Watermark; exports.Watermark_default = Watermark_default;

package/dist/chunk-JTVFVAM3.js

@@ -1,47 +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; }// src/components/Content.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var Content = _vue.defineComponent.call(void 0, {
-  name: "TigerContent",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Built-in content padding.
-     * @default true
-     */
-    padding: {
-      type: [Boolean, String],
-      default: true
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const contentClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getLayoutContentClasses.call(void 0, props.padding),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, "main", { ...attrs, class: contentClasses.value, style: props.style }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Content_default = Content;
-
-
-
-
-exports.Content = Content; exports.Content_default = Content_default;

package/dist/chunk-K2DJDJZR.js

@@ -1,139 +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; }// src/components/Collapse.ts
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
-var Collapse = _vue.defineComponent.call(void 0, {
-  name: "TigerCollapse",
-  props: {
-    /**
-     * Currently active panel keys (controlled mode)
-     */
-    activeKey: {
-      type: [String, Number, Array],
-      default: void 0
-    },
-    /**
-     * Default active panel keys (uncontrolled mode)
-     */
-    defaultActiveKey: {
-      type: [String, Number, Array],
-      default: void 0
-    },
-    /**
-     * Accordion mode - only one panel can be expanded at a time
-     * @default false
-     */
-    accordion: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show border
-     * @default true
-     */
-    bordered: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Position of the expand icon
-     * @default 'start'
-     */
-    expandIconPosition: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Ghost mode - transparent without border
-     * @default false
-     */
-    ghost: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:activeKey", "change"],
-  setup(props, { slots, emit, attrs }) {
-    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.call(void 0, key, currentActiveKeys.value, props.accordion);
-      if (props.activeKey === void 0) {
-        internalActiveKeys.value = newKeys;
-      }
-      if (props.accordion) {
-        emit("update:activeKey", newKeys.length > 0 ? newKeys[0] : void 0);
-        emit("change", newKeys.length > 0 ? newKeys[0] : void 0);
-      } else {
-        emit("update:activeKey", newKeys);
-        emit("change", newKeys);
-      }
-    };
-    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.call(void 0, {
-      get activeKeys() {
-        return currentActiveKeys.value;
-      },
-      get accordion() {
-        return props.accordion;
-      },
-      get expandIconPosition() {
-        return props.expandIconPosition;
-      },
-      get bordered() {
-        return props.bordered;
-      },
-      get ghost() {
-        return props.ghost;
-      },
-      handlePanelClick
-    });
-    _vue.provide.call(void 0, CollapseContextKey, collapseContextValue);
-    return () => {
-      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: props.style,
-          role: "region"
-        },
-        children
-      );
-    };
-  }
-});
-var Collapse_default = Collapse;
-
-
-
-
-
-exports.CollapseContextKey = CollapseContextKey; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;