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

package/dist/chunk-UG6O4F2A.js

@@ -1,150 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Card.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Card = _vue.defineComponent.call(void 0, {
-  name: "TigerCard",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Card variant style
-     * @default 'default'
-     */
-    variant: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Card size (affects padding)
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Padding override for the card content sections. `false` removes the
-     * built-in padding; a string supplies a custom padding utility class.
-     * Takes precedence over `size`.
-     */
-    padding: {
-      type: [Boolean, String],
-      default: void 0
-    },
-    /**
-     * Whether the card is hoverable (shows hover effect)
-     * @default false
-     */
-    hoverable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Card layout direction
-     * @default 'vertical'
-     */
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * Cover image URL
-     */
-    cover: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Cover image alt text
-     */
-    coverAlt: {
-      type: String,
-      default: "Card cover image"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const paddingClass = _vue.computed.call(void 0, () => _tigercatcore.resolveCardPadding.call(void 0, props.size, props.padding));
-    const cardClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getCardClasses.call(void 0, props.variant, props.hoverable),
-        _tigercatcore.cardDirectionClasses[props.direction],
-        !props.cover && paddingClass.value
-      )
-    );
-    const isHorizontal = _vue.computed.call(void 0, () => props.direction === "horizontal");
-    const sectionSizeClass = _vue.computed.call(void 0, () => props.cover ? paddingClass.value : void 0);
-    const getSectionClasses = (baseClasses) => _tigercatcore.classNames.call(void 0, baseClasses, sectionSizeClass.value);
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, cardClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style)
-        },
-        [
-          props.cover ? _vue.h.call(void 0, "div", { class: _tigercatcore.cardCoverWrapperClasses }, [
-            _vue.h.call(void 0, "img", {
-              src: props.cover,
-              alt: props.coverAlt,
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.cardCoverClasses,
-                isHorizontal.value && "h-full w-48 object-cover"
-              )
-            })
-          ]) : null,
-          (() => {
-            const bodyChildren = [
-              slots.header ? _vue.h.call(void 0, "div", { class: getSectionClasses(_tigercatcore.cardHeaderClasses) }, slots.header()) : null,
-              slots.default ? _vue.h.call(void 0, "div", { class: sectionSizeClass.value }, slots.default()) : null,
-              slots.footer ? _vue.h.call(void 0, "div", { class: getSectionClasses(_tigercatcore.cardFooterClasses) }, slots.footer()) : null,
-              slots.actions ? _vue.h.call(void 0, 
-                "div",
-                {
-                  class: getSectionClasses(_tigercatcore.classNames.call(void 0, _tigercatcore.cardActionsClasses, _tigercatcore.cardFooterClasses))
-                },
-                slots.actions()
-              ) : null
-            ];
-            return isHorizontal.value ? _vue.h.call(void 0, "div", { class: _tigercatcore.cardHorizontalBodyClasses }, bodyChildren) : bodyChildren;
-          })()
-        ]
-      );
-    };
-  }
-});
-var Card_default = Card;
-
-
-
-
-exports.Card = Card; exports.Card_default = Card_default;

package/dist/chunk-UHVUKLHF.js

@@ -1,112 +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/ChartCanvas.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var ChartCanvas = _vue.defineComponent.call(void 0, {
-  name: "TigerChartCanvas",
-  inheritAttrs: false,
-  props: {
-    width: {
-      type: Number,
-      default: 320
-    },
-    height: {
-      type: Number,
-      default: 200
-    },
-    responsive: {
-      type: Boolean,
-      default: false
-    },
-    padding: {
-      type: [Number, Object],
-      default: 24
-    },
-    className: {
-      type: String
-    },
-    title: {
-      type: String
-    },
-    desc: {
-      type: String
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const svgRef = _vue.ref.call(void 0, null);
-    const observedSize = _vue.ref.call(void 0, null);
-    const resizeController = _tigercatcore.createChartResizeObserverController.call(void 0, {
-      onSizeChange: (size) => {
-        observedSize.value = size;
-      }
-    });
-    const resolvedSize = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveResponsiveChartSize.call(void 0, 
-        { width: props.width, height: props.height },
-        props.responsive ? observedSize.value : null
-      )
-    );
-    const innerRect = _vue.computed.call(void 0, 
-      () => _tigercatcore.getChartInnerRect.call(void 0, resolvedSize.value.width, resolvedSize.value.height, props.padding)
-    );
-    const svgClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.chartCanvasBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class), props.className)
-    );
-    const svgStyle = _vue.computed.call(void 0, () => ({
-      ...attrs.style
-    }));
-    const syncResponsiveObserver = () => {
-      if (!props.responsive) {
-        resizeController.disconnect();
-        observedSize.value = null;
-        return;
-      }
-      const target = _optionalChain([svgRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.parentElement]);
-      if (target) {
-        resizeController.observe(target);
-      }
-    };
-    _vue.onMounted.call(void 0, syncResponsiveObserver);
-    _vue.watch.call(void 0, () => props.responsive, syncResponsiveObserver);
-    _vue.onBeforeUnmount.call(void 0, () => resizeController.disconnect());
-    return () => {
-      const rect = innerRect.value;
-      const size = resolvedSize.value;
-      return _vue.h.call(void 0, 
-        "svg",
-        {
-          ...attrs,
-          ref: svgRef,
-          width: size.width,
-          height: size.height,
-          viewBox: `0 0 ${size.width} ${size.height}`,
-          class: svgClasses.value,
-          style: svgStyle.value
-        },
-        [
-          props.title ? _vue.h.call(void 0, "title", props.title) : null,
-          props.desc ? _vue.h.call(void 0, "desc", props.desc) : null,
-          _vue.h.call(void 0, 
-            "g",
-            {
-              transform: `translate(${rect.x}, ${rect.y})`
-            },
-            _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4({ innerRect: rect })])
-          )
-        ].filter(Boolean)
-      );
-    };
-  }
-});
-var ChartCanvas_default = ChartCanvas;
-
-
-
-
-exports.ChartCanvas = ChartCanvas; exports.ChartCanvas_default = ChartCanvas_default;

package/dist/chunk-UI7N2ZDU.js

@@ -1,142 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Countdown.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Countdown = _vue.defineComponent.call(void 0, {
-  name: "TigerCountdown",
-  inheritAttrs: false,
-  props: {
-    value: {
-      type: [String, Number, Date],
-      default: void 0
-    },
-    now: {
-      type: [String, Number, Date],
-      default: void 0
-    },
-    format: {
-      type: String,
-      default: _tigercatcore.COUNTDOWN_DEFAULT_FORMAT
-    },
-    interval: {
-      type: Number,
-      default: _tigercatcore.COUNTDOWN_DEFAULT_INTERVAL_MS
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    prefix: {
-      type: String,
-      default: void 0
-    },
-    suffix: {
-      type: String,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    ariaLabel: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["change", "finish"],
-  setup(props, { attrs, emit }) {
-    const remaining = _vue.ref.call(void 0, _tigercatcore.getCountdownRemaining.call(void 0, props.value, props.now));
-    const formatted = _vue.computed.call(void 0, () => _tigercatcore.formatCountdown.call(void 0, remaining.value, props.format));
-    let finished = remaining.value <= 0;
-    let mounted = false;
-    let timerId = null;
-    const stopTimer = () => {
-      if (timerId !== null) clearInterval(timerId);
-      timerId = null;
-    };
-    const tick = () => {
-      const nextRemaining = _tigercatcore.getCountdownRemaining.call(void 0, props.value);
-      const payload = _tigercatcore.createCountdownPayload.call(void 0, nextRemaining, props.format);
-      remaining.value = nextRemaining;
-      emit("change", payload);
-      if (nextRemaining <= 0 && !finished) {
-        finished = true;
-        emit("finish", payload);
-        stopTimer();
-      }
-    };
-    const setupTimer = () => {
-      stopTimer();
-      if (!mounted || props.interval <= 0 || props.value === void 0) return;
-      timerId = setInterval(tick, props.interval);
-    };
-    _vue.watch.call(void 0, 
-      () => [props.value, props.now],
-      () => {
-        remaining.value = _tigercatcore.getCountdownRemaining.call(void 0, props.value, props.now);
-        finished = remaining.value <= 0;
-        setupTimer();
-      },
-      { immediate: true }
-    );
-    _vue.watch.call(void 0, 
-      () => [props.interval, props.format],
-      () => setupTimer()
-    );
-    _vue.onMounted.call(void 0, () => {
-      mounted = true;
-      setupTimer();
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      mounted = false;
-      stopTimer();
-    });
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: _tigercatcore.classNames.call(void 0, _tigercatcore.countdownBaseClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
-      },
-      [
-        props.title ? _vue.h.call(void 0, "div", { class: _tigercatcore.getCountdownTitleClasses.call(void 0, props.size) }, props.title) : null,
-        _vue.h.call(void 0, "div", { class: _tigercatcore.countdownValueWrapperClasses }, [
-          props.prefix ? _vue.h.call(void 0, "span", { class: _tigercatcore.countdownPrefixClasses }, props.prefix) : null,
-          _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.getCountdownValueClasses.call(void 0, props.size),
-              role: "timer",
-              "aria-live": "polite",
-              "aria-label": props.ariaLabel
-            },
-            formatted.value
-          ),
-          props.suffix ? _vue.h.call(void 0, "span", { class: _tigercatcore.countdownSuffixClasses }, props.suffix) : null
-        ])
-      ]
-    );
-  }
-});
-var Countdown_default = Countdown;
-
-
-
-
-exports.Countdown = Countdown; exports.Countdown_default = Countdown_default;

package/dist/chunk-ULUH6UNV.js

@@ -1,238 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-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/SunburstChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var SunburstChart = _vue.defineComponent.call(void 0, {
-  name: "TigerSunburstChart",
-  props: {
-    width: { type: Number, default: 320 },
-    height: { type: Number, default: 320 },
-    padding: { type: [Number, Object], default: 24 },
-    data: { type: Array, required: true },
-    innerRadiusRatio: { type: Number, default: 0 },
-    showLabels: { type: Boolean, default: true },
-    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", "arc-click", "arc-hover"],
-  setup(props, { emit }) {
-    const {
-      tooltipPosition,
-      resolvedHoveredIndex,
-      activeIndex,
-      handleMouseEnter,
-      handleMouseMove,
-      handleMouseLeave,
-      handleClick,
-      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) => {
-        const arc = arcs.value[index];
-        return arc ? { label: arc.label, value: arc.value } : {};
-      },
-      eventNames: { hover: "arc-hover", click: "arc-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 gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "sunburst", _vue.useId.call(void 0, ));
-    const outerRadius = _vue.computed.call(void 0, () => Math.min(innerRect.value.width, innerRect.value.height) / 2);
-    const innerRadius = _vue.computed.call(void 0, 
-      () => outerRadius.value * Math.max(0, Math.min(1, props.innerRadiusRatio))
-    );
-    const cx = _vue.computed.call(void 0, () => innerRect.value.width / 2);
-    const cy = _vue.computed.call(void 0, () => innerRect.value.height / 2);
-    const arcs = _vue.computed.call(void 0, 
-      () => _tigercatcore.computeSunburstArcs.call(void 0, props.data, {
-        cx: cx.value,
-        cy: cy.value,
-        innerRadius: innerRadius.value,
-        outerRadius: outerRadius.value,
-        colors: palette.value
-      })
-    );
-    const rootArcs = _vue.computed.call(void 0, () => arcs.value.filter((a) => a.depth === 0));
-    const legendItems = _vue.computed.call(void 0, 
-      () => _tigercatcore.buildChartLegendItems.call(void 0, {
-        data: rootArcs.value,
-        palette: palette.value,
-        activeIndex: activeIndex.value,
-        getLabel: (d) => d.label,
-        getColor: (d) => d.color
-      })
-    );
-    const tooltipContent = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
-        resolvedHoveredIndex.value,
-        arcs.value,
-        void 0,
-        (arc) => `${arc.label}: ${arc.value}`
-      )
-    );
-    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 gradientDefs = props.gradient ? _vue.h.call(void 0, 
-              "defs",
-              null,
-              arcs.value.map(
-                (arc) => _vue.h.call(void 0, 
-                  "linearGradient",
-                  {
-                    id: `${gradientPrefix}-${arc.index}`,
-                    x1: "0",
-                    y1: "0",
-                    x2: "0",
-                    y2: "1"
-                  },
-                  [
-                    _vue.h.call(void 0, "stop", {
-                      offset: "0%",
-                      "stop-color": arc.color,
-                      "stop-opacity": "1"
-                    }),
-                    _vue.h.call(void 0, "stop", {
-                      offset: "100%",
-                      "stop-color": arc.color,
-                      "stop-opacity": "0.7"
-                    })
-                  ]
-                )
-              )
-            ) : null;
-            return _vue.h.call(void 0, 
-              _chunkHBFFINAIjs.ChartSeries,
-              { data: arcs.value, type: "sunburst" },
-              {
-                default: () => [
-                  gradientDefs,
-                  ...arcs.value.map((arc) => {
-                    const opacity = _tigercatcore.getChartElementOpacity.call(void 0, arc.index, activeIndex.value, {
-                      activeOpacity: props.activeOpacity,
-                      inactiveOpacity: props.inactiveOpacity
-                    });
-                    return _vue.h.call(void 0, "path", {
-                      key: `arc-${arc.index}`,
-                      d: arc.path,
-                      fill: props.gradient ? `url(#${gradientPrefix}-${arc.index})` : arc.color,
-                      opacity,
-                      stroke: "var(--tiger-surface,#ffffff)",
-                      "stroke-width": 1,
-                      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), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
-                        filter: activeIndex.value === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
-                      },
-                      tabindex: props.selectable ? 0 : void 0,
-                      role: props.selectable ? "button" : "img",
-                      "aria-label": arc.label,
-                      onMouseenter: (e) => handleMouseEnter(arc.index, e),
-                      onMousemove: handleMouseMove,
-                      onMouseleave: handleMouseLeave,
-                      onClick: () => handleClick(arc.index)
-                    });
-                  })
-                ]
-              }
-            );
-          }
-        }
-      );
-      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 SunburstChart_default = SunburstChart;
-
-
-
-
-exports.SunburstChart = SunburstChart; exports.SunburstChart_default = SunburstChart_default;