@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-RUD3FPP2.js

@@ -1,301 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Progress.ts
-var Progress = vue.defineComponent({
-  name: "TigerProgress",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Progress variant style
-     * @default 'primary'
-     */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * Progress size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Progress type (shape)
-     * @default 'line'
-     */
-    type: {
-      type: String,
-      default: "line"
-    },
-    /**
-     * Current progress percentage (0-100)
-     * @default 0
-     */
-    percentage: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Progress status
-     * @default 'normal'
-     */
-    status: {
-      type: String,
-      default: "normal"
-    },
-    /**
-     * Whether to show progress text
-     * @default true for line, false for circle
-     */
-    showText: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Custom text to display
-     */
-    text: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Format function for custom text
-     */
-    format: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Whether to show striped pattern
-     * @default false
-     */
-    striped: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to animate stripes
-     * @default false
-     */
-    stripedAnimation: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Stroke width for circle type
-     * @default 6
-     */
-    strokeWidth: {
-      type: Number,
-      default: 6
-    },
-    /**
-     * Width of progress bar
-     * @default 'auto'
-     */
-    width: {
-      type: [String, Number],
-      default: "auto"
-    },
-    /**
-     * Height of progress bar (line type only)
-     */
-    height: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { attrs }) {
-    const clampedPercentage = vue.computed(() => tigercatCore.clampPercentage(props.percentage));
-    const renderLineProgress = () => {
-      const percentage = clampedPercentage.value;
-      const effectiveVariant = tigercatCore.getStatusVariant(props.status) || props.variant;
-      const shouldShowText = props.showText ?? props.type === "line";
-      const displayText = shouldShowText ? tigercatCore.formatProgressText(percentage, props.text, props.format) : "";
-      const ariaLabel = attrs["aria-label"];
-      const ariaLabelledBy = attrs["aria-labelledby"];
-      const ariaDescribedBy = attrs["aria-describedby"];
-      const resolvedAriaLabel = ariaLabel ?? (ariaLabelledBy != null ? void 0 : `Progress: ${percentage}%`);
-      const containerStyle = props.width !== "auto" ? {
-        width: typeof props.width === "number" ? `${props.width}px` : props.width
-      } : {};
-      const wrapperClasses = tigercatCore.classNames(
-        "flex items-center w-full",
-        tigercatCore.coerceClassValue(attrs.class),
-        props.className
-      );
-      const wrapperStyle = {
-        ...attrs.style,
-        ...props.style ?? {},
-        ...containerStyle
-      };
-      const lineTrackClasses = tigercatCore.classNames(
-        tigercatCore.progressLineBaseClasses,
-        tigercatCore.progressTrackBgClasses,
-        !props.height && tigercatCore.progressLineSizeClasses[props.size]
-      );
-      const trackStyle = {
-        flex: 1,
-        ...props.height ? { height: `${props.height}px` } : {}
-      };
-      const lineBarClasses = tigercatCore.classNames(
-        tigercatCore.progressLineInnerClasses,
-        tigercatCore.getProgressVariantClasses(effectiveVariant),
-        props.striped && tigercatCore.progressStripedClasses,
-        props.striped && props.stripedAnimation && tigercatCore.progressStripedAnimationClasses
-      );
-      const textClasses = tigercatCore.classNames(
-        tigercatCore.progressTextBaseClasses,
-        tigercatCore.progressTextSizeClasses[props.size],
-        tigercatCore.getProgressTextColorClasses(effectiveVariant)
-      );
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses,
-          style: wrapperStyle
-        },
-        [
-          vue.h("div", { class: lineTrackClasses, style: trackStyle }, [
-            vue.h("div", {
-              class: lineBarClasses,
-              style: { width: `${percentage}%` },
-              role: "progressbar",
-              "aria-label": resolvedAriaLabel,
-              "aria-labelledby": ariaLabelledBy,
-              "aria-describedby": ariaDescribedBy,
-              "aria-valuenow": percentage,
-              "aria-valuemin": 0,
-              "aria-valuemax": 100
-            })
-          ]),
-          shouldShowText ? vue.h("span", { class: textClasses }, displayText) : void 0
-        ].filter(Boolean)
-      );
-    };
-    const renderCircleProgress = () => {
-      const percentage = clampedPercentage.value;
-      const effectiveVariant = tigercatCore.getStatusVariant(props.status) || props.variant;
-      const shouldShowText = props.showText ?? props.type === "line";
-      const displayText = shouldShowText ? tigercatCore.formatProgressText(percentage, props.text, props.format) : "";
-      const ariaLabel = attrs["aria-label"];
-      const ariaLabelledBy = attrs["aria-labelledby"];
-      const ariaDescribedBy = attrs["aria-describedby"];
-      const resolvedAriaLabel = ariaLabel ?? (ariaLabelledBy != null ? void 0 : `Progress: ${percentage}%`);
-      const { width, height, radius, cx, cy } = tigercatCore.getCircleSize(props.size, props.strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(
-        radius,
-        props.strokeWidth,
-        percentage
-      );
-      const wrapperClasses = tigercatCore.classNames(
-        tigercatCore.progressCircleBaseClasses,
-        tigercatCore.coerceClassValue(attrs.class),
-        props.className
-      );
-      const wrapperStyle = {
-        ...attrs.style,
-        ...props.style ?? {},
-        width: `${width}px`,
-        height: `${height}px`
-      };
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses,
-          style: wrapperStyle
-        },
-        [
-          vue.h(
-            "svg",
-            {
-              width,
-              height,
-              viewBox: `0 0 ${width} ${height}`
-            },
-            [
-              // Background circle
-              vue.h("circle", {
-                cx,
-                cy,
-                r: radius,
-                fill: "none",
-                stroke: "currentColor",
-                class: tigercatCore.progressCircleTrackStrokeClasses,
-                "stroke-width": props.strokeWidth
-              }),
-              // Progress circle
-              vue.h("circle", {
-                cx,
-                cy,
-                r: radius,
-                fill: "none",
-                stroke: "currentColor",
-                class: tigercatCore.getProgressVariantClasses(effectiveVariant).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"
-                },
-                role: "progressbar",
-                "aria-label": resolvedAriaLabel,
-                "aria-labelledby": ariaLabelledBy,
-                "aria-describedby": ariaDescribedBy,
-                "aria-valuenow": percentage,
-                "aria-valuemin": 0,
-                "aria-valuemax": 100
-              })
-            ]
-          ),
-          shouldShowText ? vue.h(
-            "div",
-            {
-              class: tigercatCore.classNames(
-                tigercatCore.progressCircleTextClasses,
-                tigercatCore.progressTextSizeClasses[props.size],
-                "font-medium",
-                tigercatCore.getProgressTextColorClasses(effectiveVariant)
-              )
-            },
-            displayText
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    return () => {
-      if (props.type === "circle") {
-        return renderCircleProgress();
-      }
-      return renderLineProgress();
-    };
-  }
-});
-var Progress_default = Progress;
-
-exports.Progress = Progress;
-exports.Progress_default = Progress_default;

package/dist/chunk-T3TN26BD.mjs

@@ -1,56 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, getDividerOrientationClasses, getDividerLineStyleClasses, getDividerSpacingClasses } from '@expcat/tigercat-core';
-
-// src/components/Divider.ts
-var Divider = defineComponent({
-  name: "TigerDivider",
-  props: {
-    orientation: {
-      type: String,
-      default: "horizontal"
-    },
-    lineStyle: {
-      type: String,
-      default: "solid"
-    },
-    spacing: {
-      type: String,
-      default: "md"
-    },
-    color: {
-      type: String
-    },
-    thickness: {
-      type: String
-    }
-  },
-  setup(props, { attrs }) {
-    const dividerClasses = computed(
-      () => classNames(
-        getDividerOrientationClasses(props.orientation),
-        getDividerLineStyleClasses(props.lineStyle),
-        getDividerSpacingClasses(props.spacing, props.orientation)
-      )
-    );
-    const dividerStyle = computed(() => {
-      const style = {};
-      if (props.color) style.borderColor = props.color;
-      if (props.thickness) {
-        style[props.orientation === "horizontal" ? "borderTopWidth" : "borderLeftWidth"] = props.thickness;
-      }
-      return style;
-    });
-    return () => {
-      return h("div", {
-        ...attrs,
-        class: [dividerClasses.value, attrs.class],
-        style: [dividerStyle.value, attrs.style],
-        role: "separator",
-        "aria-orientation": props.orientation
-      });
-    };
-  }
-});
-var Divider_default = Divider;
-
-export { Divider, Divider_default };

package/dist/chunk-U6JCAP2C.js

@@ -1,188 +0,0 @@
-'use strict';
-
-var chunkZFDUZQML_js = require('./chunk-ZFDUZQML.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var DonutChart = vue.defineComponent({
-  name: "TigerDonutChart",
-  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
-    },
-    innerRadiusRatio: {
-      type: Number,
-      default: 0.6
-    },
-    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
-    }
-  },
-  emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
-  setup(props, { emit }) {
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const resolvedOuterRadius = vue.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 = vue.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.6, 0), 1);
-      return resolvedOuterRadius.value * ratio;
-    });
-    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 () => vue.h(chunkZFDUZQML_js.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: props.colors,
-      showLabels: props.showLabels,
-      labelFormatter: props.labelFormatter,
-      // Interaction props
-      hoverable: props.hoverable,
-      hoveredIndex: props.hoveredIndex,
-      activeOpacity: props.activeOpacity,
-      inactiveOpacity: props.inactiveOpacity,
-      selectable: props.selectable,
-      selectedIndex: props.selectedIndex,
-      // Legend props
-      showLegend: props.showLegend,
-      legendPosition: props.legendPosition,
-      legendMarkerSize: props.legendMarkerSize,
-      legendGap: props.legendGap,
-      // Tooltip props
-      showTooltip: props.showTooltip,
-      tooltipFormatter: props.tooltipFormatter,
-      // Accessibility
-      title: props.title,
-      desc: props.desc,
-      className: tigercatCore.classNames(props.className),
-      // Event handlers
-      "onUpdate:hoveredIndex": handleHoveredIndexUpdate,
-      "onUpdate:selectedIndex": handleSelectedIndexUpdate,
-      onSliceClick: handleSliceClick,
-      onSliceHover: handleSliceHover
-    });
-  }
-});
-var DonutChart_default = DonutChart;
-
-exports.DonutChart = DonutChart;
-exports.DonutChart_default = DonutChart_default;