@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-FEQ7PZXI.mjs

@@ -1,160 +0,0 @@
-// src/components/ColorSwatch.ts
-import { computed, defineComponent, h, nextTick, ref } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  colorSwatchBaseClasses,
-  colorSwatchGridClasses,
-  colorSwatchGroupClasses,
-  colorSwatchGroupLabelClasses,
-  flattenColorSwatchGroups,
-  getColorSwatchButtonClasses,
-  getColorSwatchCheckClasses,
-  getNextColorSwatchIndex,
-  isColorSwatchSelected,
-  normalizeColorSwatchGroups
-} from "@expcat/tigercat-core";
-var checkPathD = "M5 10.5 8 13.5 15 6.5";
-var ColorSwatch = defineComponent({
-  name: "TigerColorSwatch",
-  props: {
-    modelValue: { type: String, default: void 0 },
-    defaultValue: { type: String },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    colors: { type: Array, default: void 0 },
-    groups: { type: Array, default: void 0 },
-    columns: { type: Number, default: 6 },
-    ariaLabel: { type: String, default: "Color swatches" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { attrs, emit }) {
-    const innerValue = ref(props.defaultValue);
-    const focusIndex = ref(-1);
-    const optionRefs = ref([]);
-    const normalizedGroups = computed(() => normalizeColorSwatchGroups(props.groups, props.colors));
-    const options = computed(() => flattenColorSwatchGroups(normalizedGroups.value));
-    const selectedValue = computed(
-      () => props.modelValue !== void 0 ? props.modelValue : innerValue.value
-    );
-    const selectedIndex = computed(
-      () => options.value.findIndex((option) => isColorSwatchSelected(option.value, selectedValue.value))
-    );
-    const firstEnabledIndex = computed(() => options.value.findIndex((option) => !option.disabled));
-    const activeIndex = computed(
-      () => selectedIndex.value >= 0 ? selectedIndex.value : firstEnabledIndex.value
-    );
-    function handleSelect(option) {
-      if (props.disabled || option.disabled) return;
-      if (props.modelValue === void 0) innerValue.value = option.value;
-      emit("update:modelValue", option.value);
-      emit("change", option.value, option);
-    }
-    function handleKeydown(optionIndex, event) {
-      if (props.disabled) return;
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        const option = options.value[optionIndex];
-        if (option) handleSelect(option);
-        return;
-      }
-      const nextIndex = getNextColorSwatchIndex(
-        options.value,
-        optionIndex,
-        event.key,
-        props.columns
-      );
-      if (nextIndex === -1 || nextIndex === optionIndex) return;
-      event.preventDefault();
-      focusIndex.value = nextIndex;
-      nextTick(() => optionRefs.value[nextIndex]?.focus());
-    }
-    return () => {
-      let flatIndex = 0;
-      optionRefs.value = [];
-      return h(
-        "div",
-        {
-          class: classNames(colorSwatchBaseClasses, coerceClassValue(attrs.class)),
-          role: "radiogroup",
-          "aria-label": props.ariaLabel,
-          "aria-disabled": props.disabled || void 0
-        },
-        normalizedGroups.value.map(
-          (group, groupIndex) => h(
-            "div",
-            { key: `${groupIndex}-${group.label ?? "group"}`, class: colorSwatchGroupClasses },
-            [
-              group.label ? h("div", { class: colorSwatchGroupLabelClasses }, group.label) : null,
-              h(
-                "div",
-                {
-                  class: colorSwatchGridClasses,
-                  style: { gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))` }
-                },
-                group.colors.map((option) => {
-                  const optionIndex = flatIndex;
-                  flatIndex += 1;
-                  const selected = isColorSwatchSelected(option.value, selectedValue.value);
-                  const optionDisabled = props.disabled || !!option.disabled;
-                  const tabIndex = !optionDisabled && optionIndex === (focusIndex.value >= 0 ? focusIndex.value : activeIndex.value) ? 0 : -1;
-                  return h(
-                    "button",
-                    {
-                      key: `${option.groupIndex}-${option.index}-${option.value}`,
-                      ref: ((el) => {
-                        if (el instanceof HTMLElement) optionRefs.value[optionIndex] = el;
-                      }),
-                      type: "button",
-                      class: getColorSwatchButtonClasses(props.size, selected, optionDisabled),
-                      style: { backgroundColor: option.value },
-                      role: "radio",
-                      "aria-checked": selected,
-                      "aria-label": option.label,
-                      "aria-disabled": optionDisabled || void 0,
-                      tabindex: tabIndex,
-                      onFocus: () => {
-                        focusIndex.value = optionIndex;
-                      },
-                      onClick: () => handleSelect(option),
-                      onKeydown: (event) => handleKeydown(optionIndex, event)
-                    },
-                    selected ? h(
-                      "span",
-                      { class: getColorSwatchCheckClasses(props.size), "aria-hidden": "true" },
-                      [
-                        h(
-                          "svg",
-                          {
-                            viewBox: "0 0 20 20",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "2.5",
-                            class: "h-full w-full"
-                          },
-                          [
-                            h("path", {
-                              d: checkPathD,
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
-                            })
-                          ]
-                        )
-                      ]
-                    ) : void 0
-                  );
-                })
-              )
-            ]
-          )
-        )
-      );
-    };
-  }
-});
-var ColorSwatch_default = ColorSwatch;
-
-export {
-  ColorSwatch,
-  ColorSwatch_default
-};

package/dist/chunk-FHUGOSEY.mjs

@@ -1,144 +0,0 @@
-// src/composables/useChartInteraction.ts
-import { ref, computed, getCurrentScope, onScopeDispose } from "vue";
-import {
-  classNames,
-  createChartPointerMoveScheduler,
-  getChartElementOpacity
-} from "@expcat/tigercat-core";
-function unref(value) {
-  return value?.value !== void 0 ? value.value : value;
-}
-function useChartInteraction(options) {
-  const { emit, getData, eventNames } = options;
-  const isHoverable = () => unref(options.hoverable);
-  const isShowTooltip = () => options.showTooltip === void 0 ? true : unref(options.showTooltip);
-  const localHoveredIndex = ref(null);
-  const localSelectedIndex = ref(null);
-  const tooltipPosition = ref({ x: 0, y: 0 });
-  const tooltipScheduler = createChartPointerMoveScheduler({
-    onPositionChange: (position) => {
-      tooltipPosition.value = position;
-    }
-  });
-  if (getCurrentScope()) {
-    onScopeDispose(() => tooltipScheduler.cancel());
-  }
-  const resolvedHoveredIndex = computed(() => {
-    const prop = options.hoveredIndexProp?.();
-    return prop !== void 0 ? prop : localHoveredIndex.value;
-  });
-  const resolvedSelectedIndex = computed(() => {
-    const prop = options.selectedIndexProp?.();
-    return prop !== void 0 ? prop : localSelectedIndex.value;
-  });
-  const activeIndex = computed(() => {
-    if (resolvedSelectedIndex.value !== null) return resolvedSelectedIndex.value;
-    if (unref(options.hoverable) && resolvedHoveredIndex.value !== null) {
-      return resolvedHoveredIndex.value;
-    }
-    return null;
-  });
-  const getElementOpacity = (index) => {
-    return getChartElementOpacity(index, activeIndex.value, {
-      activeOpacity: unref(options.activeOpacity),
-      inactiveOpacity: unref(options.inactiveOpacity)
-    });
-  };
-  const handleMouseEnter = (index, event) => {
-    const hoverable = isHoverable();
-    if (!hoverable && !isShowTooltip()) return;
-    if (options.hoveredIndexProp?.() === void 0) {
-      localHoveredIndex.value = index;
-    }
-    tooltipPosition.value = { x: event.clientX, y: event.clientY };
-    if (!hoverable) return;
-    emit("update:hoveredIndex", index);
-    if (eventNames?.hover && getData) {
-      emit(eventNames.hover, index, getData(index));
-    }
-  };
-  const handleMouseMove = (event) => {
-    tooltipScheduler.schedule({ x: event.clientX, y: event.clientY });
-  };
-  const handleMouseLeave = () => {
-    tooltipScheduler.cancel();
-    const hoverable = isHoverable();
-    if (!hoverable && !isShowTooltip()) return;
-    if (options.hoveredIndexProp?.() === void 0) {
-      localHoveredIndex.value = null;
-    }
-    if (!hoverable) return;
-    emit("update:hoveredIndex", null);
-    if (eventNames?.hover) {
-      emit(eventNames.hover, null, null);
-    }
-  };
-  const handleClick = (index) => {
-    if (!unref(options.selectable)) return;
-    const nextIndex = resolvedSelectedIndex.value === index ? null : index;
-    if (options.selectedIndexProp?.() === void 0) {
-      localSelectedIndex.value = nextIndex;
-    }
-    emit("update:selectedIndex", nextIndex);
-    if (eventNames?.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 (options.hoveredIndexProp?.() === void 0) {
-      localHoveredIndex.value = index;
-    }
-    emit("update:hoveredIndex", index);
-  };
-  const handleLegendLeave = () => {
-    handleMouseLeave();
-  };
-  const wrapperClasses = computed(() => {
-    const position = unref(options.legendPosition) ?? "bottom";
-    return classNames(
-      "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) : item.label ?? String(item.x ?? index),
-      color: 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
-  };
-}
-
-export {
-  useChartInteraction
-};

package/dist/chunk-FIEECAJV.mjs

@@ -1,312 +0,0 @@
-import {
-  createStatusIcon
-} from "./chunk-2TNZ4JNT.mjs";
-import {
-  renderVueBodyTeleport,
-  useVueBodyScrollLock,
-  useVueEscapeKey,
-  useVueFocusTrap
-} from "./chunk-Q7Y22OFX.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Tour.ts
-import {
-  defineComponent,
-  computed,
-  h,
-  ref,
-  watch,
-  nextTick,
-  onMounted,
-  onBeforeUnmount
-} from "vue";
-import {
-  classNames,
-  tourPopoverClasses,
-  tourTitleClasses,
-  tourDescriptionClasses,
-  tourFooterClasses,
-  tourIndicatorClasses,
-  tourCloseButtonClasses,
-  tourMaskClasses,
-  getTourTargetRect,
-  getTourPopoverPosition,
-  getTourMaskHoleStyle,
-  getActiveTourSteps,
-  getCurrentActiveTourStep,
-  getActiveTourStepPosition,
-  getTourLabels,
-  closeIconPathD,
-  mergeTigerLocale,
-  captureActiveElement,
-  focusFirst,
-  restoreFocus
-} from "@expcat/tigercat-core";
-var Tour = defineComponent({
-  name: "TigerTour",
-  inheritAttrs: false,
-  props: {
-    steps: {
-      type: Array,
-      required: true
-    },
-    loadSteps: {
-      type: Function,
-      default: void 0
-    },
-    open: {
-      type: Boolean,
-      default: false
-    },
-    current: {
-      type: Number,
-      default: void 0
-    },
-    nextText: { type: String, default: void 0 },
-    prevText: { type: String, default: void 0 },
-    finishText: { type: String, default: void 0 },
-    closable: { type: Boolean, default: true },
-    showIndicators: { type: Boolean, default: true },
-    locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:open", "update:current", "close", "finish", "change"],
-  setup(props, { emit }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(
-      () => getTourLabels(mergedLocale.value, {
-        nextText: props.nextText,
-        prevText: props.prevText,
-        finishText: props.finishText
-      })
-    );
-    const internalStep = ref(0);
-    const resolvedSteps = ref(props.steps);
-    const currentStep = computed(() => props.current ?? internalStep.value);
-    const activeSteps = computed(() => getActiveTourSteps(resolvedSteps.value));
-    const activeStepInfo = computed(
-      () => getCurrentActiveTourStep(activeSteps.value, currentStep.value, resolvedSteps.value.length)
-    );
-    const activeStepPosition = computed(
-      () => getActiveTourStepPosition(activeSteps.value, activeStepInfo.value?.index)
-    );
-    const step = computed(() => activeStepInfo.value?.step);
-    const targetRect = ref();
-    const popoverRef = ref(null);
-    const closeButtonRef = ref(null);
-    const openRef = computed(() => props.open);
-    let previousActiveElement = null;
-    const updateRect = () => {
-      if (step.value?.target) {
-        targetRect.value = getTourTargetRect(step.value.target);
-      } else {
-        targetRect.value = void 0;
-      }
-    };
-    const loadSteps = async () => {
-      if (!props.loadSteps) {
-        resolvedSteps.value = props.steps;
-        return;
-      }
-      resolvedSteps.value = await props.loadSteps();
-    };
-    watch(
-      () => props.steps,
-      (next2) => {
-        if (!props.loadSteps) {
-          resolvedSteps.value = next2;
-        }
-      }
-    );
-    watch(
-      () => props.open,
-      (open) => {
-        if (open) void loadSteps();
-      },
-      { immediate: true }
-    );
-    watch(
-      () => [props.open, currentStep.value],
-      () => {
-        if (props.open) updateRect();
-      }
-    );
-    onMounted(() => {
-      if (props.open) updateRect();
-    });
-    let resizeHandler;
-    onMounted(() => {
-      resizeHandler = () => {
-        if (props.open) updateRect();
-      };
-      window.addEventListener("resize", resizeHandler);
-      window.addEventListener("scroll", resizeHandler, true);
-    });
-    onBeforeUnmount(() => {
-      if (resizeHandler) {
-        window.removeEventListener("resize", resizeHandler);
-        window.removeEventListener("scroll", resizeHandler, true);
-      }
-    });
-    const goTo = (idx) => {
-      internalStep.value = idx;
-      emit("update:current", idx);
-      emit("change", idx);
-    };
-    const next = () => {
-      const nextStep = activeSteps.value[activeStepPosition.value + 1];
-      if (nextStep) {
-        goTo(nextStep.index);
-      } else {
-        emit("finish");
-        emit("close");
-        emit("update:open", false);
-      }
-    };
-    const prev = () => {
-      const prevStep = activeSteps.value[activeStepPosition.value - 1];
-      if (prevStep) {
-        goTo(prevStep.index);
-      }
-    };
-    const close = () => {
-      emit("close");
-      emit("update:open", false);
-    };
-    const detachEscape = useVueEscapeKey({ enabled: openRef, onEscape: close });
-    onBeforeUnmount(detachEscape);
-    useVueBodyScrollLock(openRef);
-    useVueFocusTrap({ enabled: openRef, containerRef: popoverRef });
-    watch(
-      openRef,
-      (open) => {
-        if (open) {
-          previousActiveElement = captureActiveElement();
-          nextTick(() => {
-            focusFirst([closeButtonRef.value, popoverRef.value]);
-          });
-        } else {
-          restoreFocus(previousActiveElement);
-        }
-      },
-      { immediate: true }
-    );
-    return () => {
-      if (!props.open || !step.value) return null;
-      const placement = step.value.placement ?? "bottom";
-      const showMask = step.value.mask !== false;
-      const isLast = activeStepPosition.value === activeSteps.value.length - 1;
-      const isFirst = activeStepPosition.value <= 0;
-      let popoverStyle = {};
-      if (targetRect.value) {
-        const pos = getTourPopoverPosition(targetRect.value, 320, 160, placement);
-        popoverStyle = {
-          position: "absolute",
-          top: `${pos.top}px`,
-          left: `${pos.left}px`
-        };
-      } else {
-        popoverStyle = {
-          position: "fixed",
-          top: "50%",
-          left: "50%",
-          transform: "translate(-50%, -50%)"
-        };
-      }
-      const children = [];
-      if (showMask) {
-        children.push(
-          h("div", {
-            class: tourMaskClasses,
-            "data-tiger-tour-mask": "",
-            "aria-hidden": "true",
-            style: targetRect.value ? getTourMaskHoleStyle(targetRect.value) : void 0,
-            onClick: close
-          })
-        );
-      }
-      const popoverChildren = [];
-      if (props.closable) {
-        popoverChildren.push(
-          h(
-            "button",
-            {
-              ref: closeButtonRef,
-              class: tourCloseButtonClasses,
-              type: "button",
-              "aria-label": labels.value.closeAriaLabel,
-              onClick: close
-            },
-            createStatusIcon(closeIconPathD, "h-4 w-4")
-          )
-        );
-      }
-      if (step.value.title) {
-        popoverChildren.push(h("div", { class: tourTitleClasses }, step.value.title));
-      }
-      if (step.value.description) {
-        popoverChildren.push(h("div", { class: tourDescriptionClasses }, step.value.description));
-      }
-      const footerChildren = [];
-      if (props.showIndicators) {
-        footerChildren.push(
-          h(
-            "span",
-            { class: tourIndicatorClasses },
-            `${activeStepPosition.value + 1} / ${activeSteps.value.length}`
-          )
-        );
-      }
-      const buttons = [];
-      if (!isFirst) {
-        buttons.push(
-          h(
-            "button",
-            {
-              type: "button",
-              class: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-              onClick: prev
-            },
-            labels.value.prevText
-          )
-        );
-      }
-      buttons.push(
-        h(
-          "button",
-          {
-            type: "button",
-            class: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-            onClick: next
-          },
-          isLast ? labels.value.finishText : labels.value.nextText
-        )
-      );
-      footerChildren.push(h("div", { class: "flex items-center" }, buttons));
-      popoverChildren.push(h("div", { class: tourFooterClasses }, footerChildren));
-      children.push(
-        h(
-          "div",
-          {
-            ref: popoverRef,
-            class: classNames(tourPopoverClasses, props.className),
-            style: popoverStyle,
-            role: "dialog",
-            "aria-modal": "true"
-          },
-          popoverChildren
-        )
-      );
-      return renderVueBodyTeleport(children);
-    };
-  }
-});
-var Tour_default = Tour;
-
-export {
-  Tour,
-  Tour_default
-};