@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-XLSGZUPU.mjs

@@ -1,298 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-import { clampPercentage, getStatusVariant, formatProgressText, getCircleSize, calculateCirclePath, classNames, progressCircleBaseClasses, coerceClassValue, progressCircleTrackStrokeClasses, getProgressVariantClasses, progressCircleTextClasses, progressTextSizeClasses, getProgressTextColorClasses, progressLineBaseClasses, progressTrackBgClasses, progressLineSizeClasses, progressLineInnerClasses, progressStripedClasses, progressStripedAnimationClasses, progressTextBaseClasses } from '@expcat/tigercat-core';
-
-// src/components/Progress.ts
-var Progress = 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 = computed(() => clampPercentage(props.percentage));
-    const renderLineProgress = () => {
-      const percentage = clampedPercentage.value;
-      const effectiveVariant = getStatusVariant(props.status) || props.variant;
-      const shouldShowText = props.showText ?? props.type === "line";
-      const displayText = shouldShowText ? 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 = classNames(
-        "flex items-center w-full",
-        coerceClassValue(attrs.class),
-        props.className
-      );
-      const wrapperStyle = {
-        ...attrs.style,
-        ...props.style ?? {},
-        ...containerStyle
-      };
-      const lineTrackClasses = classNames(
-        progressLineBaseClasses,
-        progressTrackBgClasses,
-        !props.height && progressLineSizeClasses[props.size]
-      );
-      const trackStyle = {
-        flex: 1,
-        ...props.height ? { height: `${props.height}px` } : {}
-      };
-      const lineBarClasses = classNames(
-        progressLineInnerClasses,
-        getProgressVariantClasses(effectiveVariant),
-        props.striped && progressStripedClasses,
-        props.striped && props.stripedAnimation && progressStripedAnimationClasses
-      );
-      const textClasses = classNames(
-        progressTextBaseClasses,
-        progressTextSizeClasses[props.size],
-        getProgressTextColorClasses(effectiveVariant)
-      );
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses,
-          style: wrapperStyle
-        },
-        [
-          h("div", { class: lineTrackClasses, style: trackStyle }, [
-            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 ? h("span", { class: textClasses }, displayText) : void 0
-        ].filter(Boolean)
-      );
-    };
-    const renderCircleProgress = () => {
-      const percentage = clampedPercentage.value;
-      const effectiveVariant = getStatusVariant(props.status) || props.variant;
-      const shouldShowText = props.showText ?? props.type === "line";
-      const displayText = shouldShowText ? 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 } = getCircleSize(props.size, props.strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = calculateCirclePath(
-        radius,
-        props.strokeWidth,
-        percentage
-      );
-      const wrapperClasses = classNames(
-        progressCircleBaseClasses,
-        coerceClassValue(attrs.class),
-        props.className
-      );
-      const wrapperStyle = {
-        ...attrs.style,
-        ...props.style ?? {},
-        width: `${width}px`,
-        height: `${height}px`
-      };
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses,
-          style: wrapperStyle
-        },
-        [
-          h(
-            "svg",
-            {
-              width,
-              height,
-              viewBox: `0 0 ${width} ${height}`
-            },
-            [
-              // Background circle
-              h("circle", {
-                cx,
-                cy,
-                r: radius,
-                fill: "none",
-                stroke: "currentColor",
-                class: progressCircleTrackStrokeClasses,
-                "stroke-width": props.strokeWidth
-              }),
-              // Progress circle
-              h("circle", {
-                cx,
-                cy,
-                r: radius,
-                fill: "none",
-                stroke: "currentColor",
-                class: 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 ? h(
-            "div",
-            {
-              class: classNames(
-                progressCircleTextClasses,
-                progressTextSizeClasses[props.size],
-                "font-medium",
-                getProgressTextColorClasses(effectiveVariant)
-              )
-            },
-            displayText
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    return () => {
-      if (props.type === "circle") {
-        return renderCircleProgress();
-      }
-      return renderLineProgress();
-    };
-  }
-});
-var Progress_default = Progress;
-
-export { Progress, Progress_default };

package/dist/chunk-Y6C455RB.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var chunkIQA52MC4_js = require('./chunk-IQA52MC4.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var Col = vue.defineComponent({
-  name: "TigerCol",
-  props: {
-    /**
-     * Column span (1-24) or responsive object
-     * @default 24
-     */
-    span: {
-      type: [Number, Object],
-      default: 24
-    },
-    /**
-     * Column offset (0-24) or responsive object
-     * @default 0
-     */
-    offset: {
-      type: [Number, Object],
-      default: 0
-    },
-    /**
-     * Column order or responsive object
-     */
-    order: {
-      type: [Number, Object]
-    },
-    /**
-     * Flex layout style
-     */
-    flex: {
-      type: [String, Number]
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const rowContext = vue.inject(chunkIQA52MC4_js.RowContextKey, null);
-    const gutter = vue.computed(() => rowContext?.gutter.value ?? 0);
-    const colStyle = vue.computed(() => tigercatCore.getGutterStyles(gutter.value).colStyle);
-    const isFlexSpanMode = vue.computed(() => props.flex !== void 0 && props.span === 0);
-    const colStyleVars = vue.computed(
-      () => tigercatCore.getColStyleVars(isFlexSpanMode.value ? void 0 : props.span, props.offset)
-    );
-    const colOrderVars = vue.computed(() => tigercatCore.getColOrderStyleVars(props.order));
-    const colFlexVar = vue.computed(
-      () => props.flex === void 0 ? {} : {
-        "--tiger-col-flex": String(props.flex).replace(/_/g, " ")
-      }
-    );
-    const colClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        isFlexSpanMode.value ? "" : tigercatCore.getSpanClasses(props.span),
-        tigercatCore.getOffsetClasses(props.offset),
-        tigercatCore.getOrderClasses(props.order),
-        tigercatCore.getFlexClasses(props.flex)
-      );
-    });
-    return () => {
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: [colClasses.value, attrs.class],
-          style: [
-            colStyle.value,
-            colStyleVars.value,
-            colOrderVars.value,
-            colFlexVar.value,
-            attrs.style
-          ]
-        },
-        slots.default ? slots.default() : []
-      );
-    };
-  }
-});
-
-exports.Col = Col;

package/dist/chunk-YFMXWX6H.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Link.ts
-var Link = vue.defineComponent({
-  name: "TigerLink",
-  props: {
-    /**
-     * Link variant style
-     * @default 'primary'
-     */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * Link size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether the link is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Link URL
-     */
-    href: {
-      type: String
-    },
-    /**
-     * Link target attribute
-     */
-    target: {
-      type: String
-    },
-    /**
-     * Link rel attribute (auto-set for target="_blank")
-     */
-    rel: {
-      type: String
-    },
-    /**
-     * Show underline on hover
-     * @default true
-     */
-    underline: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when link is clicked (if not disabled)
-     */
-    click: (event) => event instanceof MouseEvent
-  },
-  setup(props, { slots, emit, attrs }) {
-    const linkClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.linkBaseClasses,
-        tigercatCore.getLinkVariantClasses(props.variant, void 0, {
-          disabled: props.disabled
-        }),
-        tigercatCore.linkSizeClasses[props.size],
-        props.underline && "hover:underline",
-        props.disabled && tigercatCore.linkDisabledClasses,
-        props.className
-      );
-    });
-    const computedRel = vue.computed(() => tigercatCore.getSecureRel(props.target, props.rel));
-    const handleClick = (event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      emit("click", event);
-    };
-    const handleKeydown = (event) => {
-      if (props.disabled && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    return () => {
-      const children = slots.default ? slots.default() : [];
-      return vue.h(
-        "a",
-        {
-          ...attrs,
-          class: [linkClasses.value, attrs.class],
-          style: [props.style, attrs.style],
-          href: props.disabled ? void 0 : props.href,
-          target: props.target,
-          rel: computedRel.value,
-          "aria-disabled": props.disabled ? "true" : void 0,
-          tabindex: props.disabled ? -1 : attrs.tabindex,
-          onClick: handleClick,
-          onKeydown: handleKeydown
-        },
-        children
-      );
-    };
-  }
-});
-var Link_default = Link;
-
-exports.Link = Link;
-exports.Link_default = Link_default;