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

package/dist/chunk-OVXDO6KJ.js

@@ -1,426 +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 _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
-
-
-var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
-
-
-var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
-
-
-var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
-
-// src/components/PieChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var PieChart = _vue.defineComponent.call(void 0, {
-  name: "TigerPieChart",
-  props: {
-    width: {
-      type: Number,
-      default: 320
-    },
-    height: {
-      type: Number,
-      default: 200
-    },
-    padding: {
-      type: [Number, Object],
-      default: 24
-    },
-    data: {
-      type: Array,
-      required: true
-    },
-    innerRadius: {
-      type: Number,
-      default: 0
-    },
-    outerRadius: {
-      type: Number
-    },
-    startAngle: {
-      type: Number,
-      default: 0
-    },
-    endAngle: {
-      type: Number,
-      default: Math.PI * 2
-    },
-    padAngle: {
-      type: Number,
-      default: 0
-    },
-    colors: {
-      type: Array
-    },
-    showLabels: {
-      type: Boolean,
-      default: false
-    },
-    labelFormatter: {
-      type: Function
-    },
-    // Interaction props
-    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 props
-    showLegend: {
-      type: Boolean,
-      default: false
-    },
-    legendPosition: {
-      type: String,
-      default: "bottom"
-    },
-    legendMarkerSize: {
-      type: Number,
-      default: 10
-    },
-    legendGap: {
-      type: Number,
-      default: 8
-    },
-    legendFormatter: {
-      type: Function,
-      default: void 0
-    },
-    // Tooltip props
-    showTooltip: {
-      type: Boolean,
-      default: true
-    },
-    tooltipFormatter: {
-      type: Function
-    },
-    // Accessibility
-    title: {
-      type: String
-    },
-    desc: {
-      type: String
-    },
-    className: {
-      type: String
-    },
-    // Visual enhancements
-    borderWidth: {
-      type: Number,
-      default: 2
-    },
-    borderColor: {
-      type: String,
-      default: "var(--tiger-surface,#ffffff)"
-    },
-    hoverOffset: {
-      type: Number,
-      default: 8
-    },
-    labelPosition: {
-      type: String,
-      default: "inside"
-    },
-    shadow: {
-      type: Boolean,
-      default: false
-    },
-    gradient: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-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: "slice-hover", click: "slice-click" }
-    });
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const resolvedOuterRadius = _vue.computed.call(void 0, () => {
-      if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
-      const maxR = Math.min(innerRect.value.width, innerRect.value.height) / 2;
-      return Math.max(0, props.labelPosition === "outside" ? maxR * 0.72 : maxR);
-    });
-    const resolvedInnerRadius = _vue.computed.call(void 0, 
-      () => Math.min(Math.max(0, _nullishCoalesce(props.innerRadius, () => ( 0))), resolvedOuterRadius.value)
-    );
-    const arcs = _vue.computed.call(void 0, 
-      () => _tigercatcore.getPieArcs.call(void 0, props.data, {
-        startAngle: props.startAngle,
-        endAngle: props.endAngle,
-        padAngle: props.padAngle
-      })
-    );
-    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors));
-    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "pie", _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) => props.legendFormatter ? props.legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( `${d.value}`)),
-        getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
-      })
-    );
-    const total = _vue.computed.call(void 0, () => props.data.reduce((sum, d) => sum + d.value, 0));
-    const tooltipContent = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
-        resolvedHoveredIndex.value,
-        props.data,
-        props.tooltipFormatter,
-        (datum, index) => {
-          const percent = total.value > 0 ? (datum.value / total.value * 100).toFixed(1) : "0";
-          const label = _nullishCoalesce(datum.label, () => ( `#${index + 1}`));
-          return `${label}: ${datum.value} (${percent}%)`;
-        }
-      )
-    );
-    return () => {
-      const rect = innerRect.value;
-      const cx = rect.width / 2;
-      const cy = rect.height / 2;
-      const outerR = resolvedOuterRadius.value;
-      const innerR = resolvedInnerRadius.value;
-      const interactive = props.hoverable || props.selectable;
-      const hoverOff = _nullishCoalesce(props.hoverOffset, () => ( 8));
-      const formatLabel = _nullishCoalesce(props.labelFormatter, () => ( ((value, datum) => _nullishCoalesce(datum.label, () => ( `${value}`)))));
-      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) => {
-                const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
-                return _vue.h.call(void 0, 
-                  "linearGradient",
-                  {
-                    key: `pie-grad-${arc.index}`,
-                    id: `${gradientPrefix}-${arc.index}`,
-                    x1: "0",
-                    y1: "0",
-                    x2: "0",
-                    y2: "1"
-                  },
-                  [
-                    _vue.h.call(void 0, "stop", {
-                      offset: "0%",
-                      "stop-color": color,
-                      "stop-opacity": "1"
-                    }),
-                    _vue.h.call(void 0, "stop", {
-                      offset: "100%",
-                      "stop-color": color,
-                      "stop-opacity": "0.7"
-                    })
-                  ]
-                );
-              })
-            ) : null;
-            const slices = _vue.h.call(void 0, 
-              _chunkHBFFINAIjs.ChartSeries,
-              { data: props.data, type: "pie" },
-              {
-                default: () => arcs.value.map((arc) => {
-                  const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
-                  const path = _tigercatcore.createPieArcPath.call(void 0, {
-                    cx,
-                    cy,
-                    innerRadius: innerR,
-                    outerRadius: outerR,
-                    startAngle: arc.startAngle,
-                    endAngle: arc.endAngle
-                  });
-                  const isEmphasized = activeIndex.value === arc.index;
-                  const opacity = _tigercatcore.getChartElementOpacity.call(void 0, arc.index, activeIndex.value, {
-                    activeOpacity: props.activeOpacity,
-                    inactiveOpacity: props.inactiveOpacity
-                  });
-                  const { dx, dy } = interactive && isEmphasized && hoverOff > 0 ? _tigercatcore.computePieHoverOffset.call(void 0, arc.startAngle, arc.endAngle, hoverOff) : { dx: 0, dy: 0 };
-                  return _vue.h.call(void 0, "path", {
-                    key: `slice-${arc.index}`,
-                    d: path,
-                    fill: props.gradient ? `url(#${gradientPrefix}-${arc.index})` : color,
-                    opacity,
-                    stroke: props.borderColor,
-                    "stroke-width": props.borderWidth,
-                    "stroke-linejoin": "round",
-                    class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
-                    style: {
-                      transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
-                      transformOrigin: `${cx}px ${cy}px`,
-                      transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
-                      filter: props.shadow ? isEmphasized ? _tigercatcore.PIE_EMPHASIS_SHADOW : _tigercatcore.PIE_BASE_SHADOW : void 0
-                    },
-                    tabindex: props.selectable ? 0 : void 0,
-                    role: props.selectable ? "button" : "img",
-                    "aria-label": _nullishCoalesce(arc.data.label, () => ( `${arc.value}`)),
-                    "data-pie-slice": "true",
-                    "data-index": arc.index,
-                    onMouseenter: (e) => handleMouseEnter(arc.index, e),
-                    onMousemove: handleMouseMove,
-                    onMouseleave: handleMouseLeave,
-                    onClick: () => handleClick(arc.index),
-                    onKeydown: (e) => handleKeyDown(e, arc.index)
-                  });
-                })
-              }
-            );
-            if (!props.showLabels) return [gradientDefs, slices];
-            if (props.labelPosition === "outside") {
-              const labelNodes = arcs.value.map((arc) => {
-                const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
-                const line = _tigercatcore.computePieLabelLine.call(void 0, cx, cy, outerR, arc.startAngle, arc.endAngle);
-                const pct = total.value > 0 ? (arc.value / total.value * 100).toFixed(1) : "0";
-                const labelText = props.labelFormatter ? props.labelFormatter(arc.value, arc.data, arc.index) : `${_nullishCoalesce(arc.data.label, () => ( arc.value))} ${pct}%`;
-                return [
-                  _vue.h.call(void 0, "polyline", {
-                    key: `line-${arc.index}`,
-                    points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
-                    fill: "none",
-                    stroke: color,
-                    "stroke-width": 1,
-                    opacity: 0.5
-                  }),
-                  _vue.h.call(void 0, 
-                    "text",
-                    {
-                      key: `label-${arc.index}`,
-                      x: line.label.x,
-                      y: line.label.y,
-                      "text-anchor": line.textAnchor,
-                      "dominant-baseline": "middle",
-                      class: "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs"
-                    },
-                    labelText
-                  )
-                ];
-              }).flat();
-              return [gradientDefs, slices, ...labelNodes];
-            }
-            const labelRadius = innerR + (outerR - innerR) / 2;
-            const insideLabels = arcs.value.map((arc) => {
-              const angle = (arc.startAngle + arc.endAngle) / 2;
-              const { x, y } = _tigercatcore.polarToCartesian.call(void 0, cx, cy, labelRadius, angle);
-              const label = formatLabel(arc.value, arc.data, arc.index);
-              return _vue.h.call(void 0, 
-                "text",
-                {
-                  key: `label-${arc.index}`,
-                  x,
-                  y,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle"
-                },
-                label
-              );
-            });
-            return [gradientDefs, slices, ...insideLabels];
-          }
-        }
-      );
-      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkAYQER5UDjs.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, _chunkKLOUOXNAjs.ChartLegend, {
-          items: legendItems.value,
-          position: props.legendPosition,
-          markerSize: props.legendMarkerSize,
-          gap: props.legendGap,
-          interactive,
-          onItemClick: handleLegendClick,
-          onItemHover: handleLegendHover,
-          onItemLeave: handleLegendLeave
-        }),
-        tooltip
-      ]);
-    };
-  }
-});
-var PieChart_default = PieChart;
-
-
-
-
-exports.PieChart = PieChart; exports.PieChart_default = PieChart_default;

package/dist/chunk-OXIODAJS.js

@@ -1,192 +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; }// src/components/ScrollSpy.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var getWindowContainer = () => window;
-var ScrollSpy = _vue.defineComponent.call(void 0, {
-  name: "TigerScrollSpy",
-  inheritAttrs: false,
-  props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    activeKey: {
-      type: [String, Number],
-      default: void 0
-    },
-    defaultActiveKey: {
-      type: [String, Number],
-      default: void 0
-    },
-    offsetTop: {
-      type: Number,
-      default: 0
-    },
-    targetOffset: {
-      type: Number,
-      default: void 0
-    },
-    bounds: {
-      type: Number,
-      default: 5
-    },
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    sticky: {
-      type: Boolean,
-      default: false
-    },
-    ariaLabel: {
-      type: String,
-      default: "Scroll navigation"
-    },
-    getContainer: {
-      type: Function,
-      default: getWindowContainer
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:activeKey", "change", "click"],
-  setup(props, { attrs, emit }) {
-    const innerActiveKey = _vue.ref.call(void 0, 
-      _tigercatcore.getInitialScrollSpyActiveKey.call(void 0, props.items, props.activeKey, props.defaultActiveKey)
-    );
-    const isControlled = _vue.computed.call(void 0, () => props.activeKey !== void 0);
-    const currentActiveKey = _vue.computed.call(void 0, 
-      () => isControlled.value ? props.activeKey : innerActiveKey.value
-    );
-    const activeKeyString = _vue.computed.call(void 0, 
-      () => currentActiveKey.value === void 0 ? "" : _tigercatcore.getScrollSpyKeyString.call(void 0, currentActiveKey.value)
-    );
-    const flatItems = _vue.computed.call(void 0, () => _tigercatcore.flattenScrollSpyItems.call(void 0, props.items));
-    let stopObserver = null;
-    const emitActive = (item, source) => {
-      const nextKeyString = _tigercatcore.getScrollSpyKeyString.call(void 0, item.key);
-      if (nextKeyString === activeKeyString.value) return;
-      const payload = _tigercatcore.createScrollSpyPayload.call(void 0, item, source);
-      if (!isControlled.value) innerActiveKey.value = item.key;
-      emit("update:activeKey", item.key);
-      emit("change", item.key, item, payload);
-    };
-    const setupObserver = () => {
-      _optionalChain([stopObserver, 'optionalCall', _ => _()]);
-      stopObserver = _tigercatcore.createScrollSpyObserver.call(void 0, props.items, {
-        container: props.getContainer(),
-        offsetTop: props.offsetTop,
-        targetOffset: props.targetOffset,
-        bounds: props.bounds,
-        onChange: (item) => emitActive(item, "scroll")
-      });
-    };
-    const handleClick = (item, event) => {
-      event.preventDefault();
-      if (item.disabled) return;
-      emit("click", item, event);
-      emitActive(item, "click");
-      _tigercatcore.scrollToScrollSpyItem.call(void 0, item, props.getContainer(), _nullishCoalesce(props.targetOffset, () => ( props.offsetTop)));
-    };
-    _vue.onMounted.call(void 0, () => {
-      _vue.nextTick.call(void 0, () => setupObserver());
-    });
-    _vue.watch.call(void 0, 
-      () => [props.items, props.offsetTop, props.targetOffset, props.bounds, props.getContainer],
-      () => _vue.nextTick.call(void 0, () => setupObserver())
-    );
-    _vue.watch.call(void 0, 
-      () => [props.items, props.defaultActiveKey],
-      () => {
-        if (isControlled.value) return;
-        const currentItem = _tigercatcore.getScrollSpyItemByKey.call(void 0, props.items, innerActiveKey.value);
-        if (!currentItem || currentItem.disabled) {
-          innerActiveKey.value = _tigercatcore.getInitialScrollSpyActiveKey.call(void 0, 
-            props.items,
-            void 0,
-            props.defaultActiveKey
-          );
-        }
-      }
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([stopObserver, 'optionalCall', _2 => _2()]);
-    });
-    const renderItems = (items, nested = false) => _vue.h.call(void 0, 
-      "ul",
-      { class: nested ? _tigercatcore.scrollSpyNestedListClasses : _tigercatcore.getScrollSpyListClasses.call(void 0, props.direction) },
-      items.map((item) => {
-        const keyString = _tigercatcore.getScrollSpyKeyString.call(void 0, item.key);
-        const isActive = keyString === activeKeyString.value;
-        const depth = _nullishCoalesce(_optionalChain([flatItems, 'access', _3 => _3.value, 'access', _4 => _4.find, 'call', _5 => _5((flat) => flat.key === item.key), 'optionalAccess', _6 => _6.depth]), () => ( 0));
-        return _vue.h.call(void 0, "li", { key: keyString, "data-depth": depth }, [
-          _vue.h.call(void 0, 
-            "a",
-            {
-              href: item.href,
-              class: _tigercatcore.getScrollSpyItemClasses.call(void 0, isActive, item.disabled),
-              "aria-current": isActive ? "location" : void 0,
-              "aria-disabled": item.disabled || void 0,
-              "data-key": keyString,
-              onClick: (event) => handleClick(item, event)
-            },
-            item.label
-          ),
-          _optionalChain([item, 'access', _7 => _7.children, 'optionalAccess', _8 => _8.length]) ? renderItems(item.children, true) : null
-        ]);
-      })
-    );
-    return () => {
-      const attrsRecord = attrs;
-      return _vue.h.call(void 0, 
-        "nav",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.getScrollSpyRootClasses.call(void 0, props.sticky, props.className),
-            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
-          ),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
-          "aria-label": props.ariaLabel
-        },
-        renderItems(props.items)
-      );
-    };
-  }
-});
-var ScrollSpy_default = ScrollSpy;
-
-
-
-
-exports.ScrollSpy = ScrollSpy; exports.ScrollSpy_default = ScrollSpy_default;