@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-SX3NAN4M.mjs

@@ -1,328 +0,0 @@
-import {
-  PieChart
-} from "./chunk-7TJE7OYH.mjs";
-
-// src/components/DonutChart.ts
-import { defineComponent, computed, h, onMounted, ref } from "vue";
-import {
-  classNames,
-  getChartInnerRect,
-  normalizeChartPadding,
-  DONUT_ENTRANCE_KEYFRAMES,
-  DONUT_ENTRANCE_CLASS
-} from "@expcat/tigercat-core";
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = defineComponent({
-  name: "TigerDonutChart",
-  props: {
-    width: {
-      type: Number,
-      default: 320
-    },
-    height: {
-      type: Number,
-      default: 240
-    },
-    padding: {
-      type: [Number, Object],
-      default: 24
-    },
-    data: {
-      type: Array,
-      required: true
-    },
-    innerRadius: {
-      type: Number
-    },
-    innerRadiusRatio: {
-      type: Number,
-      default: 0.62
-    },
-    outerRadius: {
-      type: Number
-    },
-    startAngle: {
-      type: Number,
-      default: 0
-    },
-    endAngle: {
-      type: Number,
-      default: Math.PI * 2
-    },
-    padAngle: {
-      type: Number,
-      default: 0.04
-    },
-    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.3
-    },
-    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: 0
-    },
-    borderColor: {
-      type: String,
-      default: "var(--tiger-surface,#ffffff)"
-    },
-    hoverOffset: {
-      type: Number,
-      default: 10
-    },
-    labelPosition: {
-      type: String,
-      default: "inside"
-    },
-    shadow: {
-      type: Boolean,
-      default: true
-    },
-    // DonutChart-specific
-    centerValue: {
-      type: [String, Number]
-    },
-    centerLabel: {
-      type: String
-    },
-    animated: {
-      type: Boolean,
-      default: false
-    },
-    // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-    gradient: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
-  setup(props, { emit }) {
-    const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
-    const pad = computed(() => normalizeChartPadding(props.padding));
-    const entered = ref(false);
-    onMounted(() => {
-      if (props.animated) entered.value = true;
-    });
-    const resolvedOuterRadius = computed(() => {
-      if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
-      return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
-    });
-    const resolvedInnerRadius = computed(() => {
-      if (typeof props.innerRadius === "number") {
-        return Math.min(Math.max(0, props.innerRadius), resolvedOuterRadius.value);
-      }
-      const ratio = Math.min(Math.max(props.innerRadiusRatio ?? 0.62, 0), 1);
-      return resolvedOuterRadius.value * ratio;
-    });
-    const centerPos = computed(() => ({
-      x: pad.value.left + innerRect.value.width / 2,
-      y: pad.value.top + innerRect.value.height / 2
-    }));
-    const hasCenterContent = computed(
-      () => props.centerValue !== void 0 || props.centerLabel !== void 0
-    );
-    const resolvedColors = computed(
-      () => props.colors && props.colors.length > 0 ? props.colors : DONUT_PALETTE
-    );
-    const donutTooltipFormatter = computed(() => {
-      if (props.tooltipFormatter) return props.tooltipFormatter;
-      const total = props.data.reduce((s, d) => s + d.value, 0);
-      return (datum, index) => {
-        const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-        const label = datum.label ?? `#${index + 1}`;
-        return `${label}: ${datum.value} (${pct}%)`;
-      };
-    });
-    const handleHoveredIndexUpdate = (index) => {
-      emit("update:hoveredIndex", index);
-    };
-    const handleSelectedIndexUpdate = (index) => {
-      emit("update:selectedIndex", index);
-    };
-    const handleSliceClick = (datum, index) => {
-      emit("slice-click", datum, index);
-    };
-    const handleSliceHover = (datum, index) => {
-      emit("slice-hover", datum, index);
-    };
-    return () => {
-      const pie = h(PieChart, {
-        width: props.width,
-        height: props.height,
-        padding: props.padding,
-        data: props.data,
-        innerRadius: resolvedInnerRadius.value,
-        outerRadius: props.outerRadius,
-        startAngle: props.startAngle,
-        endAngle: props.endAngle,
-        padAngle: props.padAngle,
-        colors: resolvedColors.value,
-        showLabels: props.showLabels,
-        labelFormatter: props.labelFormatter,
-        labelPosition: props.labelPosition,
-        borderWidth: props.borderWidth,
-        borderColor: props.borderColor,
-        hoverOffset: props.hoverOffset,
-        shadow: props.shadow,
-        gradient: props.gradient,
-        hoverable: props.hoverable,
-        hoveredIndex: props.hoveredIndex,
-        activeOpacity: props.activeOpacity,
-        inactiveOpacity: props.inactiveOpacity,
-        selectable: props.selectable,
-        selectedIndex: props.selectedIndex,
-        showLegend: props.showLegend,
-        legendPosition: props.legendPosition,
-        legendMarkerSize: props.legendMarkerSize,
-        legendGap: props.legendGap,
-        legendFormatter: props.legendFormatter,
-        showTooltip: props.showTooltip,
-        tooltipFormatter: donutTooltipFormatter.value,
-        title: props.title,
-        desc: props.desc,
-        className: classNames(props.className),
-        "onUpdate:hoveredIndex": handleHoveredIndexUpdate,
-        "onUpdate:selectedIndex": handleSelectedIndexUpdate,
-        onSliceClick: handleSliceClick,
-        onSliceHover: handleSliceHover
-      });
-      const center = hasCenterContent.value ? h(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            left: `${centerPos.value.x}px`,
-            top: `${centerPos.value.y}px`,
-            transform: "translate(-50%, -50%)",
-            textAlign: "center",
-            pointerEvents: "none",
-            lineHeight: "1.3",
-            padding: "var(--tiger-chart-donut-center-padding, 0)",
-            borderRadius: "var(--tiger-radius-pill, 9999px)",
-            background: "var(--tiger-chart-donut-center-bg, transparent)",
-            boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-            backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-            WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-          },
-          "data-donut-center": "true"
-        },
-        [
-          props.centerValue !== void 0 ? h(
-            "div",
-            {
-              class: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-              style: { lineHeight: "1.2" }
-            },
-            `${props.centerValue}`
-          ) : null,
-          props.centerLabel !== void 0 ? h(
-            "div",
-            {
-              class: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-              style: { marginTop: "2px" }
-            },
-            props.centerLabel
-          ) : null
-        ]
-      ) : null;
-      const styleNode = props.animated && entered.value ? h("style", null, DONUT_ENTRANCE_KEYFRAMES) : null;
-      return h(
-        "div",
-        {
-          class: classNames(
-            "inline-block relative",
-            props.animated && entered.value && DONUT_ENTRANCE_CLASS
-          ),
-          "data-donut-chart": "true"
-        },
-        [styleNode, pie, center]
-      );
-    };
-  }
-});
-var DonutChart_default = DonutChart;
-
-export {
-  DonutChart,
-  DonutChart_default
-};

package/dist/chunk-TC6ZPQFT.mjs

@@ -1,150 +0,0 @@
-// src/components/Card.ts
-import { defineComponent, computed, h } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  getCardClasses,
-  resolveCardPadding,
-  cardHeaderClasses,
-  cardFooterClasses,
-  cardCoverWrapperClasses,
-  cardCoverClasses,
-  cardActionsClasses,
-  cardDirectionClasses,
-  cardHorizontalBodyClasses
-} from "@expcat/tigercat-core";
-var Card = defineComponent({
-  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 = computed(() => resolveCardPadding(props.size, props.padding));
-    const cardClasses = computed(
-      () => classNames(
-        getCardClasses(props.variant, props.hoverable),
-        cardDirectionClasses[props.direction],
-        !props.cover && paddingClass.value
-      )
-    );
-    const isHorizontal = computed(() => props.direction === "horizontal");
-    const sectionSizeClass = computed(() => props.cover ? paddingClass.value : void 0);
-    const getSectionClasses = (baseClasses) => classNames(baseClasses, sectionSizeClass.value);
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: classNames(cardClasses.value, props.className, coerceClassValue(attrsClass)),
-          style: mergeStyleValues(attrsStyle, props.style)
-        },
-        [
-          props.cover ? h("div", { class: cardCoverWrapperClasses }, [
-            h("img", {
-              src: props.cover,
-              alt: props.coverAlt,
-              class: classNames(
-                cardCoverClasses,
-                isHorizontal.value && "h-full w-48 object-cover"
-              )
-            })
-          ]) : null,
-          (() => {
-            const bodyChildren = [
-              slots.header ? h("div", { class: getSectionClasses(cardHeaderClasses) }, slots.header()) : null,
-              slots.default ? h("div", { class: sectionSizeClass.value }, slots.default()) : null,
-              slots.footer ? h("div", { class: getSectionClasses(cardFooterClasses) }, slots.footer()) : null,
-              slots.actions ? h(
-                "div",
-                {
-                  class: getSectionClasses(classNames(cardActionsClasses, cardFooterClasses))
-                },
-                slots.actions()
-              ) : null
-            ];
-            return isHorizontal.value ? h("div", { class: cardHorizontalBodyClasses }, bodyChildren) : bodyChildren;
-          })()
-        ]
-      );
-    };
-  }
-});
-var Card_default = Card;
-
-export {
-  Card,
-  Card_default
-};