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

package/dist/chunk-QUIRQ7OA.js

@@ -1,422 +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/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
-    },
-    // 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) => _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, _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 PieChart_default = PieChart;
-
-
-
-
-exports.PieChart = PieChart; exports.PieChart_default = PieChart_default;

package/dist/chunk-QY6PYAJA.js

@@ -1,194 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Progress.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Progress = _vue.defineComponent.call(void 0, {
-  name: "TigerProgress",
-  inheritAttrs: false,
-  props: {
-    variant: { type: String, default: "primary" },
-    size: { type: String, default: "md" },
-    type: { type: String, default: "line" },
-    percentage: { type: Number, default: 0 },
-    status: { type: String, default: "normal" },
-    showText: { type: Boolean, default: void 0 },
-    text: { type: String, default: void 0 },
-    format: { type: Function, default: void 0 },
-    striped: { type: Boolean, default: false },
-    stripedAnimation: { type: Boolean, default: false },
-    strokeWidth: { type: Number, default: 6 },
-    width: { type: [String, Number], default: "auto" },
-    height: { type: Number, default: void 0 },
-    className: { type: String, default: void 0 },
-    style: { type: Object, default: void 0 }
-  },
-  setup(props, { attrs }) {
-    const clamped = _vue.computed.call(void 0, () => _tigercatcore.clampPercentage.call(void 0, props.percentage));
-    const effectiveVariant = _vue.computed.call(void 0, 
-      () => _tigercatcore.getStatusVariant.call(void 0, props.status) || props.variant
-    );
-    const shouldShowText = _vue.computed.call(void 0, () => _nullishCoalesce(props.showText, () => ( props.type === "line")));
-    const displayText = _vue.computed.call(void 0, 
-      () => shouldShowText.value ? _tigercatcore.formatProgressText.call(void 0, clamped.value, props.text, props.format) : ""
-    );
-    const resolvedAriaLabel = _vue.computed.call(void 0, () => {
-      const label = attrs["aria-label"];
-      return _nullishCoalesce(label, () => ( (attrs["aria-labelledby"] != null ? void 0 : `Progress: ${clamped.value}%`)));
-    });
-    const ariaProps = _vue.computed.call(void 0, () => ({
-      role: "progressbar",
-      "aria-label": resolvedAriaLabel.value,
-      "aria-labelledby": attrs["aria-labelledby"],
-      "aria-describedby": attrs["aria-describedby"],
-      "aria-valuenow": clamped.value,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }));
-    const renderLineProgress = () => {
-      const containerStyle = props.width !== "auto" ? { width: typeof props.width === "number" ? `${props.width}px` : props.width } : {};
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            "flex items-center w-full",
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
-            props.className
-          ),
-          style: {
-            ...attrs.style,
-            ..._nullishCoalesce(props.style, () => ( {})),
-            ...containerStyle
-          }
-        },
-        [
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressLineBaseClasses,
-                _tigercatcore.progressTrackBgClasses,
-                !props.height && _tigercatcore.progressLineSizeClasses[props.size]
-              ),
-              style: { flex: 1, ...props.height ? { height: `${props.height}px` } : {} }
-            },
-            [
-              _vue.h.call(void 0, "div", {
-                class: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressLineInnerClasses,
-                  _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value),
-                  props.striped && _tigercatcore.progressStripedClasses,
-                  props.striped && props.stripedAnimation && _tigercatcore.progressStripedAnimationClasses
-                ),
-                style: { width: `${clamped.value}%` },
-                ...ariaProps.value
-              })
-            ]
-          ),
-          shouldShowText.value ? _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressTextBaseClasses,
-                _tigercatcore.progressTextSizeClasses[props.size],
-                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
-              )
-            },
-            displayText.value
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    const renderCircleProgress = () => {
-      const { width, height, radius, cx, cy } = _tigercatcore.getCircleSize.call(void 0, props.size, props.strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clamped.value);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.progressCircleBaseClasses,
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
-            props.className
-          ),
-          style: {
-            ...attrs.style,
-            ..._nullishCoalesce(props.style, () => ( {})),
-            width: `${width}px`,
-            height: `${height}px`
-          }
-        },
-        [
-          _vue.h.call(void 0, "svg", { width, height, viewBox: `0 0 ${width} ${height}` }, [
-            _vue.h.call(void 0, "circle", {
-              cx,
-              cy,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              class: _tigercatcore.progressCircleTrackStrokeClasses,
-              "stroke-width": props.strokeWidth
-            }),
-            _vue.h.call(void 0, "circle", {
-              cx,
-              cy,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              class: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value).replace("bg-", "text-"),
-              "stroke-width": props.strokeWidth,
-              "stroke-linecap": "round",
-              "stroke-dasharray": strokeDasharray,
-              "stroke-dashoffset": strokeDashoffset,
-              style: {
-                transition: "stroke-dashoffset 0.3s ease",
-                transform: "rotate(-90deg)",
-                transformOrigin: "center"
-              },
-              ...ariaProps.value
-            })
-          ]),
-          shouldShowText.value ? _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressCircleTextClasses,
-                _tigercatcore.progressTextSizeClasses[props.size],
-                "font-medium",
-                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
-              )
-            },
-            displayText.value
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    return () => props.type === "circle" ? renderCircleProgress() : renderLineProgress();
-  }
-});
-var Progress_default = Progress;
-
-
-
-
-exports.Progress = Progress; exports.Progress_default = Progress_default;