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

package/dist/chunk-2RCBEBBR.js

@@ -1,376 +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/Steps.ts
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
-var StepsItem = _vue.defineComponent.call(void 0, {
-  name: "TigerStepsItem",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Step title
-     */
-    title: {
-      type: String,
-      required: true
-    },
-    /**
-     * Step description
-     */
-    description: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Step icon (slot content or custom icon)
-     */
-    icon: {
-      type: [String, Object],
-      default: void 0
-    },
-    /**
-     * Step status (overrides automatic status)
-     */
-    status: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the step is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Internal prop: step index (automatically set by parent)
-     */
-    stepIndex: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Internal prop: is last step (automatically set by parent)
-     */
-    isLast: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const stepsContext = _vue.inject.call(void 0, StepsContextKey, {
-      current: 0,
-      status: "process",
-      direction: "horizontal",
-      size: "default",
-      simple: false,
-      clickable: false
-    });
-    const stepStatus = _vue.computed.call(void 0, () => {
-      return _tigercatcore.calculateStepStatus.call(void 0, 
-        props.stepIndex,
-        stepsContext.current,
-        stepsContext.status,
-        props.status
-      );
-    });
-    const itemClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getStepItemClasses.call(void 0, stepsContext.direction, props.isLast),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const iconClasses = _vue.computed.call(void 0, () => {
-      const hasCustomIcon = !!(props.icon || slots.icon);
-      return _tigercatcore.getStepIconClasses.call(void 0, 
-        stepStatus.value,
-        stepsContext.size,
-        stepsContext.simple,
-        hasCustomIcon
-      );
-    });
-    const tailClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getStepTailClasses.call(void 0, 
-        stepsContext.direction,
-        stepStatus.value,
-        props.isLast,
-        stepsContext.size,
-        stepsContext.simple
-      );
-    });
-    const contentClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getStepContentClasses.call(void 0, stepsContext.direction);
-    });
-    const titleClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getStepTitleClasses.call(void 0, 
-        stepStatus.value,
-        stepsContext.size,
-        stepsContext.clickable && !props.disabled
-      );
-    });
-    const descriptionClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getStepDescriptionClasses.call(void 0, stepStatus.value, stepsContext.size);
-    });
-    const handleClick = () => {
-      if (props.disabled || !stepsContext.handleStepClick) {
-        return;
-      }
-      stepsContext.handleStepClick(props.stepIndex);
-    };
-    const renderIcon = () => {
-      if (slots.icon) {
-        return _vue.h.call(void 0, "div", { class: iconClasses.value }, slots.icon());
-      }
-      if (props.icon) {
-        return _vue.h.call(void 0, "div", { class: iconClasses.value }, props.icon);
-      }
-      if (stepStatus.value === "finish") {
-        return _vue.h.call(void 0, "div", { class: iconClasses.value, "aria-hidden": "true" }, [
-          _vue.h.call(void 0, 
-            "svg",
-            {
-              class: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": _tigercatcore.stepFinishIconStrokeWidth,
-              viewBox: _tigercatcore.stepFinishIconViewBox
-            },
-            [
-              _vue.h.call(void 0, "path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: _tigercatcore.stepFinishIconPathD
-              })
-            ]
-          )
-        ]);
-      }
-      return _vue.h.call(void 0, "div", { class: iconClasses.value }, String(props.stepIndex + 1));
-    };
-    const renderContent = () => {
-      const children = [];
-      if (stepsContext.clickable) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              type: "button",
-              class: titleClasses.value,
-              onClick: handleClick,
-              disabled: props.disabled,
-              "aria-disabled": props.disabled || void 0
-            },
-            props.title
-          )
-        );
-      } else {
-        children.push(_vue.h.call(void 0, "div", { class: titleClasses.value }, props.title));
-      }
-      if (!stepsContext.simple && (props.description || slots.description)) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: descriptionClasses.value },
-            slots.description ? slots.description() : props.description
-          )
-        );
-      }
-      return _vue.h.call(void 0, "div", { class: contentClasses.value }, children);
-    };
-    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    return () => {
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      if (stepsContext.direction === "vertical") {
-        return _vue.h.call(void 0, 
-          "li",
-          {
-            class: itemClasses.value,
-            style: mergedStyle.value,
-            "aria-current": props.stepIndex === stepsContext.current ? "step" : void 0,
-            "aria-disabled": props.disabled || void 0,
-            ...restAttrs
-          },
-          [
-            _vue.h.call(void 0, "div", { class: "relative" }, [renderIcon(), _vue.h.call(void 0, "div", { class: tailClasses.value })]),
-            renderContent()
-          ]
-        );
-      }
-      return _vue.h.call(void 0, 
-        "li",
-        {
-          class: itemClasses.value,
-          style: mergedStyle.value,
-          "aria-current": props.stepIndex === stepsContext.current ? "step" : void 0,
-          "aria-disabled": props.disabled || void 0,
-          ...restAttrs
-        },
-        [renderIcon(), _vue.h.call(void 0, "div", { class: tailClasses.value }), renderContent()]
-      );
-    };
-  }
-});
-var Steps = _vue.defineComponent.call(void 0, {
-  name: "TigerSteps",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Current step index (0-based)
-     * @default 0
-     */
-    current: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Step status (for current step)
-     * @default 'process'
-     */
-    status: {
-      type: String,
-      default: "process"
-    },
-    /**
-     * Steps direction/orientation
-     * @default 'horizontal'
-     */
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    /**
-     * Step size
-     * @default 'default'
-     */
-    size: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Whether to use simple style (no description, smaller icons)
-     * @default false
-     */
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether steps are clickable
-     * @default false
-     */
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["change", "update:current"],
-  setup(props, { slots, attrs, emit }) {
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getStepsContainerClasses.call(void 0, props.direction),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    const handleStepClick = (index) => {
-      if (!props.clickable) {
-        return;
-      }
-      emit("update:current", index);
-      emit("change", index);
-    };
-    _vue.provide.call(void 0, 
-      StepsContextKey,
-      _vue.reactive.call(void 0, {
-        current: _vue.computed.call(void 0, () => props.current),
-        status: _vue.computed.call(void 0, () => props.status),
-        direction: _vue.computed.call(void 0, () => props.direction),
-        size: _vue.computed.call(void 0, () => props.size),
-        simple: _vue.computed.call(void 0, () => props.simple),
-        clickable: _vue.computed.call(void 0, () => props.clickable),
-        handleStepClick: _vue.computed.call(void 0, () => props.clickable ? handleStepClick : void 0)
-      })
-    );
-    return () => {
-      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const stepsWithProps = children.map((child, index) => {
-        const childType = _optionalChain([child, 'optionalAccess', _3 => _3.type]);
-        const childName = typeof childType === "object" && childType && "name" in childType ? childType.name : void 0;
-        if (childName === "TigerStepsItem") {
-          const childProps = _nullishCoalesce(child.props, () => ( {}));
-          const stepItemType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
-          return _vue.h.call(void 0, 
-            stepItemType,
-            {
-              ...childProps,
-              stepIndex: index,
-              isLast: index === children.length - 1
-            },
-            _nullishCoalesce(child.children, () => ( void 0))
-          );
-        }
-        return child;
-      });
-      return _vue.h.call(void 0, 
-        "ol",
-        {
-          class: containerClasses.value,
-          style: mergedStyle.value,
-          ...restAttrs
-        },
-        stepsWithProps
-      );
-    };
-  }
-});
-var Steps_default = Steps;
-
-
-
-
-
-
-exports.StepsContextKey = StepsContextKey; exports.StepsItem = StepsItem; exports.Steps = Steps; exports.Steps_default = Steps_default;

package/dist/chunk-2VOZFFW6.js

@@ -1,138 +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/composables/useChartInteraction.ts
-var _vue = require('vue');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-function unref(value) {
-  return _optionalChain([value, 'optionalAccess', _ => _.value]) !== void 0 ? value.value : value;
-}
-function useChartInteraction(options) {
-  const { emit, getData, eventNames } = options;
-  const localHoveredIndex = _vue.ref.call(void 0, null);
-  const localSelectedIndex = _vue.ref.call(void 0, null);
-  const tooltipPosition = _vue.ref.call(void 0, { x: 0, y: 0 });
-  const tooltipScheduler = _tigercatcore.createChartPointerMoveScheduler.call(void 0, {
-    onPositionChange: (position) => {
-      tooltipPosition.value = position;
-    }
-  });
-  if (_vue.getCurrentScope.call(void 0, )) {
-    _vue.onScopeDispose.call(void 0, () => tooltipScheduler.cancel());
-  }
-  const resolvedHoveredIndex = _vue.computed.call(void 0, () => {
-    const prop = _optionalChain([options, 'access', _2 => _2.hoveredIndexProp, 'optionalCall', _3 => _3()]);
-    return prop !== void 0 ? prop : localHoveredIndex.value;
-  });
-  const resolvedSelectedIndex = _vue.computed.call(void 0, () => {
-    const prop = _optionalChain([options, 'access', _4 => _4.selectedIndexProp, 'optionalCall', _5 => _5()]);
-    return prop !== void 0 ? prop : localSelectedIndex.value;
-  });
-  const activeIndex = _vue.computed.call(void 0, () => {
-    if (resolvedSelectedIndex.value !== null) return resolvedSelectedIndex.value;
-    if (unref(options.hoverable) && resolvedHoveredIndex.value !== null) {
-      return resolvedHoveredIndex.value;
-    }
-    return null;
-  });
-  const getElementOpacity = (index) => {
-    return _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex.value, {
-      activeOpacity: unref(options.activeOpacity),
-      inactiveOpacity: unref(options.inactiveOpacity)
-    });
-  };
-  const handleMouseEnter = (index, event) => {
-    if (!unref(options.hoverable)) return;
-    if (_optionalChain([options, 'access', _6 => _6.hoveredIndexProp, 'optionalCall', _7 => _7()]) === void 0) {
-      localHoveredIndex.value = index;
-    }
-    tooltipPosition.value = { x: event.clientX, y: event.clientY };
-    emit("update:hoveredIndex", index);
-    if (_optionalChain([eventNames, 'optionalAccess', _8 => _8.hover]) && getData) {
-      emit(eventNames.hover, index, getData(index));
-    }
-  };
-  const handleMouseMove = (event) => {
-    tooltipScheduler.schedule({ x: event.clientX, y: event.clientY });
-  };
-  const handleMouseLeave = () => {
-    tooltipScheduler.cancel();
-    if (!unref(options.hoverable)) return;
-    if (_optionalChain([options, 'access', _9 => _9.hoveredIndexProp, 'optionalCall', _10 => _10()]) === void 0) {
-      localHoveredIndex.value = null;
-    }
-    emit("update:hoveredIndex", null);
-    if (_optionalChain([eventNames, 'optionalAccess', _11 => _11.hover])) {
-      emit(eventNames.hover, null, null);
-    }
-  };
-  const handleClick = (index) => {
-    if (!unref(options.selectable)) return;
-    const nextIndex = resolvedSelectedIndex.value === index ? null : index;
-    if (_optionalChain([options, 'access', _12 => _12.selectedIndexProp, 'optionalCall', _13 => _13()]) === void 0) {
-      localSelectedIndex.value = nextIndex;
-    }
-    emit("update:selectedIndex", nextIndex);
-    if (_optionalChain([eventNames, 'optionalAccess', _14 => _14.click]) && getData) {
-      emit(eventNames.click, index, getData(index));
-    }
-  };
-  const handleKeyDown = (event, index) => {
-    if (!unref(options.selectable)) return;
-    if (event.key !== "Enter" && event.key !== " ") return;
-    event.preventDefault();
-    handleClick(index);
-  };
-  const handleLegendClick = (index) => {
-    handleClick(index);
-  };
-  const handleLegendHover = (index) => {
-    if (!unref(options.hoverable)) return;
-    if (_optionalChain([options, 'access', _15 => _15.hoveredIndexProp, 'optionalCall', _16 => _16()]) === void 0) {
-      localHoveredIndex.value = index;
-    }
-    emit("update:hoveredIndex", index);
-  };
-  const handleLegendLeave = () => {
-    handleMouseLeave();
-  };
-  const wrapperClasses = _vue.computed.call(void 0, () => {
-    const position = _nullishCoalesce(unref(options.legendPosition), () => ( "bottom"));
-    return _tigercatcore.classNames.call(void 0, 
-      "inline-flex",
-      position === "right" ? "flex-row items-start gap-4" : position === "left" ? "flex-row-reverse items-start gap-4" : position === "top" ? "flex-col-reverse gap-2" : "flex-col gap-2"
-    );
-  });
-  const createLegendItems = (items, palette, labelFormatter) => {
-    return items.map((item, index) => ({
-      index,
-      label: labelFormatter ? labelFormatter(item, index) : _nullishCoalesce(item.label, () => ( String(_nullishCoalesce(item.x, () => ( index))))),
-      color: _nullishCoalesce(item.color, () => ( palette[index % palette.length])),
-      active: activeIndex.value === null || activeIndex.value === index
-    }));
-  };
-  return {
-    localHoveredIndex,
-    localSelectedIndex,
-    tooltipPosition,
-    resolvedHoveredIndex,
-    resolvedSelectedIndex,
-    activeIndex,
-    getElementOpacity,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleKeyDown,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses,
-    createLegendItems
-  };
-}
-
-
-
-exports.useChartInteraction = useChartInteraction;