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

package/dist/chunk-2DC3BMED.js

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Link.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Link = _vue.defineComponent.call(void 0, {
-  name: "TigerLink",
-  inheritAttrs: false,
-  props: {
-    /** @default 'primary' */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /** @default 'md' */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /** @default false */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    href: { type: String },
-    target: {
-      type: String
-    },
-    /** Auto-set to 'noopener noreferrer' when target="_blank" */
-    rel: { type: String },
-    /** @default true */
-    underline: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: {
-    click: (event) => event instanceof MouseEvent
-  },
-  setup(props, { slots, emit, attrs }) {
-    const linkClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.linkBaseClasses,
-        _tigercatcore.getLinkVariantClasses.call(void 0, props.variant, void 0, { disabled: props.disabled }),
-        _tigercatcore.linkSizeClasses[props.size],
-        props.underline && "hover:underline",
-        props.disabled && _tigercatcore.linkDisabledClasses
-      )
-    );
-    const computedRel = _vue.computed.call(void 0, () => _tigercatcore.getSecureRel.call(void 0, 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 () => _vue.h.call(void 0, 
-      "a",
-      {
-        ...attrs,
-        class: [linkClasses.value, attrs.class],
-        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
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var Link_default = Link;
-
-
-
-
-exports.Link = Link; exports.Link_default = Link_default;

package/dist/chunk-2FYVPPTD.js

@@ -1,315 +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; }
-
-
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-
-var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Tour.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Tour = _vue.defineComponent.call(void 0, {
-  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 = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const labels = _vue.computed.call(void 0, 
-      () => _tigercatcore.getTourLabels.call(void 0, mergedLocale.value, {
-        nextText: props.nextText,
-        prevText: props.prevText,
-        finishText: props.finishText
-      })
-    );
-    const internalStep = _vue.ref.call(void 0, 0);
-    const resolvedSteps = _vue.ref.call(void 0, props.steps);
-    const currentStep = _vue.computed.call(void 0, () => _nullishCoalesce(props.current, () => ( internalStep.value)));
-    const activeSteps = _vue.computed.call(void 0, () => _tigercatcore.getActiveTourSteps.call(void 0, resolvedSteps.value));
-    const activeStepInfo = _vue.computed.call(void 0, 
-      () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps.value, currentStep.value, resolvedSteps.value.length)
-    );
-    const activeStepPosition = _vue.computed.call(void 0, 
-      () => _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps.value, _optionalChain([activeStepInfo, 'access', _ => _.value, 'optionalAccess', _2 => _2.index]))
-    );
-    const step = _vue.computed.call(void 0, () => _optionalChain([activeStepInfo, 'access', _3 => _3.value, 'optionalAccess', _4 => _4.step]));
-    const targetRect = _vue.ref.call(void 0, );
-    const popoverRef = _vue.ref.call(void 0, null);
-    const closeButtonRef = _vue.ref.call(void 0, null);
-    const openRef = _vue.computed.call(void 0, () => props.open);
-    let previousActiveElement = null;
-    const updateRect = () => {
-      if (_optionalChain([step, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.target])) {
-        targetRect.value = _tigercatcore.getTourTargetRect.call(void 0, step.value.target);
-      } else {
-        targetRect.value = void 0;
-      }
-    };
-    const loadSteps = async () => {
-      if (!props.loadSteps) {
-        resolvedSteps.value = props.steps;
-        return;
-      }
-      resolvedSteps.value = await props.loadSteps();
-    };
-    _vue.watch.call(void 0, 
-      () => props.steps,
-      (next2) => {
-        if (!props.loadSteps) {
-          resolvedSteps.value = next2;
-        }
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => props.open,
-      (open) => {
-        if (open) void loadSteps();
-      },
-      { immediate: true }
-    );
-    _vue.watch.call(void 0, 
-      () => [props.open, currentStep.value],
-      () => {
-        if (props.open) updateRect();
-      }
-    );
-    _vue.onMounted.call(void 0, () => {
-      if (props.open) updateRect();
-    });
-    let resizeHandler;
-    _vue.onMounted.call(void 0, () => {
-      resizeHandler = () => {
-        if (props.open) updateRect();
-      };
-      window.addEventListener("resize", resizeHandler);
-      window.addEventListener("scroll", resizeHandler, true);
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      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("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 = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: openRef, onEscape: close });
-    _vue.onBeforeUnmount.call(void 0, detachEscape);
-    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, openRef);
-    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: openRef, containerRef: popoverRef });
-    _vue.watch.call(void 0, 
-      openRef,
-      (open) => {
-        if (open) {
-          previousActiveElement = _tigercatcore.captureActiveElement.call(void 0, );
-          _vue.nextTick.call(void 0, () => {
-            _tigercatcore.focusFirst.call(void 0, [closeButtonRef.value, popoverRef.value]);
-          });
-        } else {
-          _tigercatcore.restoreFocus.call(void 0, previousActiveElement);
-        }
-      },
-      { immediate: true }
-    );
-    return () => {
-      if (!props.open || !step.value) return null;
-      const placement = _nullishCoalesce(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 = _tigercatcore.getTourPopoverPosition.call(void 0, 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 && targetRect.value) {
-        children.push(
-          _vue.h.call(void 0, "div", {
-            style: _tigercatcore.getTourSpotlightStyle.call(void 0, targetRect.value),
-            "aria-hidden": "true"
-          })
-        );
-      } else if (showMask) {
-        children.push(
-          _vue.h.call(void 0, "div", {
-            class: "fixed inset-0 z-[1000] bg-black/45",
-            "aria-hidden": "true",
-            onClick: close
-          })
-        );
-      }
-      const popoverChildren = [];
-      if (props.closable) {
-        popoverChildren.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              ref: closeButtonRef,
-              class: _tigercatcore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": labels.value.closeAriaLabel,
-              onClick: close
-            },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.closeIconPathD, "h-4 w-4")
-          )
-        );
-      }
-      if (step.value.title) {
-        popoverChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.tourTitleClasses }, step.value.title));
-      }
-      if (step.value.description) {
-        popoverChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.tourDescriptionClasses }, step.value.description));
-      }
-      const footerChildren = [];
-      if (props.showIndicators) {
-        footerChildren.push(
-          _vue.h.call(void 0, 
-            "span",
-            { class: _tigercatcore.tourIndicatorClasses },
-            `${activeStepPosition.value + 1} / ${activeSteps.value.length}`
-          )
-        );
-      }
-      const buttons = [];
-      if (!isFirst) {
-        buttons.push(
-          _vue.h.call(void 0, 
-            "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(
-        _vue.h.call(void 0, 
-          "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(_vue.h.call(void 0, "div", { class: "flex items-center" }, buttons));
-      popoverChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.tourFooterClasses }, footerChildren));
-      children.push(
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: popoverRef,
-            class: _tigercatcore.classNames.call(void 0, _tigercatcore.tourPopoverClasses, props.className),
-            style: popoverStyle,
-            role: "dialog",
-            "aria-modal": "true"
-          },
-          popoverChildren
-        )
-      );
-      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, children);
-    };
-  }
-});
-var Tour_default = Tour;
-
-
-
-
-exports.Tour = Tour; exports.Tour_default = Tour_default;