@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-PCJHGWTU.js

@@ -0,0 +1,269 @@
+"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 _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.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: "Next" },
+    prevText: { type: String, default: "Previous" },
+    finishText: { type: String, default: "Finish" },
+    closable: { type: Boolean, default: true },
+    showIndicators: { type: Boolean, default: true },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["update:open", "update:current", "close", "finish", "change"],
+  setup(props, { emit }) {
+    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 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);
+    };
+    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",
+            {
+              class: _tigercatcore.tourCloseButtonClasses,
+              type: "button",
+              "aria-label": "Close tour",
+              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
+            },
+            props.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 ? props.finishText : props.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 _vue.h.call(void 0, _vue.Teleport, { to: "body" }, children);
+    };
+  }
+});
+var Tour_default = Tour;
+
+
+
+
+exports.Tour = Tour; exports.Tour_default = Tour_default;

package/dist/chunk-PCUUTKQZ.mjs

@@ -1,7 +1,27 @@
-import { useVueBodyScrollLock, renderVueBodyTeleport } from './chunk-7RIWAO2A.mjs';
-import { defineComponent, ref, computed, watch, onUnmounted, h } from 'vue';
-import { injectLoadingAnimationStyles, getLoadingClasses, getLoadingTextClasses, classNames, loadingFullscreenBaseClasses, loadingContainerBaseClasses, coerceClassValue, mergeStyleValues, getSpinnerSVG, normalizeSvgAttrs, loadingColorClasses, getLoadingBarsWrapperClasses, getLoadingBarClasses, getLoadingDotsWrapperClasses, getLoadingDotClasses } from '@expcat/tigercat-core';
+import {
+  renderVueBodyTeleport,
+  useVueBodyScrollLock
+} from "./chunk-7RIWAO2A.mjs";
 
+// src/components/Loading.ts
+import { defineComponent, computed, h, ref, watch, onUnmounted } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getLoadingBarClasses,
+  getLoadingBarsWrapperClasses,
+  getLoadingClasses,
+  getLoadingDotClasses,
+  getLoadingDotsWrapperClasses,
+  getLoadingTextClasses,
+  getSpinnerSVG,
+  loadingContainerBaseClasses,
+  loadingFullscreenBaseClasses,
+  loadingColorClasses,
+  mergeStyleValues,
+  normalizeSvgAttrs,
+  injectLoadingAnimationStyles
+} from "@expcat/tigercat-core";
 var Loading = defineComponent({
   name: "TigerLoading",
   inheritAttrs: false,
@@ -196,4 +216,7 @@ var Loading = defineComponent({
 });
 var Loading_default = Loading;
 
-export { Loading, Loading_default };
+export {
+  Loading,
+  Loading_default
+};

package/dist/{chunk-GWNXDOIG.mjs → chunk-PENI3H3I.mjs}

@@ -1,7 +1,14 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { variableSizeStrategy, dynamicSizeStrategy, fixedSizeStrategy, classNames, virtualListContainerClasses, coerceClassValue, virtualListInnerClasses } from '@expcat/tigercat-core';
-
 // src/components/VirtualList.ts
+import { defineComponent, h, ref, computed } from "vue";
+import {
+  virtualListContainerClasses,
+  virtualListInnerClasses,
+  fixedSizeStrategy,
+  variableSizeStrategy,
+  dynamicSizeStrategy,
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var VirtualList = defineComponent({
   name: "TigerVirtualList",
   props: {
@@ -34,12 +41,7 @@ var VirtualList = defineComponent({
       return fixedSizeStrategy(props.itemHeight);
     });
     const range = computed(
-      () => strategy.value.getRange(
-        scrollTop.value,
-        props.height,
-        props.itemCount,
-        props.overscan
-      )
+      () => strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan)
     );
     function handleScroll() {
       if (containerRef.value) {
@@ -107,4 +109,7 @@ var VirtualList = defineComponent({
 });
 var VirtualList_default = VirtualList;
 
-export { VirtualList, VirtualList_default };
+export {
+  VirtualList,
+  VirtualList_default
+};

package/dist/{chunk-UM5GGKIX.mjs → chunk-PO5GVU4Q.mjs}

@@ -1,7 +1,20 @@
-import { defineComponent, computed, h } from 'vue';
-import { buttonDangerClasses, getButtonVariantClasses, composeComponentClasses, buttonBaseClasses, buttonSizeClasses, buttonDisabledClasses, mergeStyleValues, getSpinnerSVG, normalizeSvgAttrs } from '@expcat/tigercat-core';
+import {
+  BUTTON_GROUP_INJECTION_KEY
+} from "./chunk-Z2ZECCGD.mjs";
 
 // src/components/Button.ts
+import { defineComponent, computed, h, inject } from "vue";
+import {
+  composeComponentClasses,
+  mergeStyleValues,
+  buttonBaseClasses,
+  buttonSizeClasses,
+  buttonDisabledClasses,
+  buttonDangerClasses,
+  getButtonVariantClasses,
+  getSpinnerSVG,
+  normalizeSvgAttrs
+} from "@expcat/tigercat-core";
 var createLoadingSpinner = () => {
   const spinnerSvg = getSpinnerSVG("spinner");
   return h(
@@ -30,12 +43,11 @@ var Button = defineComponent({
       default: "primary"
     },
     /**
-     * Button size
-     * @default 'md'
+     * Button size. Falls back to the enclosing ButtonGroup size, then 'md'.
      */
     size: {
       type: String,
-      default: "md"
+      default: void 0
     },
     /**
      * Whether the button is disabled
@@ -80,12 +92,14 @@ var Button = defineComponent({
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const group = inject(BUTTON_GROUP_INJECTION_KEY, null);
+    const resolvedSize = computed(() => props.size ?? group?.size ?? "md");
     const buttonClasses = computed(() => {
       const variantClasses = props.danger ? buttonDangerClasses[props.variant] ?? buttonDangerClasses.primary : getButtonVariantClasses(props.variant);
       return composeComponentClasses(
         buttonBaseClasses,
         variantClasses,
-        buttonSizeClasses[props.size],
+        buttonSizeClasses[resolvedSize.value],
         (props.disabled || props.loading) && buttonDisabledClasses,
         props.block && "w-full",
         props.className,
@@ -121,4 +135,7 @@ var Button = defineComponent({
 });
 var Button_default = Button;
 
-export { Button, Button_default };
+export {
+  Button,
+  Button_default
+};

package/dist/chunk-PQMZ3YN3.js

@@ -1,10 +1,20 @@
-'use strict';
+"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/Badge.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Badge.ts
-var Badge = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Badge = _vue.defineComponent.call(void 0, {
   name: "TigerBadge",
   inheritAttrs: false,
   props: {
@@ -50,36 +60,36 @@ var Badge = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const isDot = vue.computed(() => props.type === "dot");
-    const isHidden = vue.computed(() => tigercatCore.shouldHideBadge(props.content, props.type, props.showZero));
-    const displayContent = vue.computed(
-      () => tigercatCore.formatBadgeContent(props.content, props.max, props.showZero)
+    const isDot = _vue.computed.call(void 0, () => props.type === "dot");
+    const isHidden = _vue.computed.call(void 0, () => _tigercatcore.shouldHideBadge.call(void 0, props.content, props.type, props.showZero));
+    const displayContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.formatBadgeContent.call(void 0, props.content, props.max, props.showZero)
     );
-    const badgeClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.badgeBaseClasses,
-        tigercatCore.getBadgeVariantClasses(props.variant),
-        isDot.value ? tigercatCore.dotSizeClasses[props.size] : tigercatCore.badgeSizeClasses[props.size],
-        tigercatCore.badgeTypeClasses[props.type],
-        !props.standalone && tigercatCore.badgePositionClasses[props.position]
+    const badgeClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.badgeBaseClasses,
+        _tigercatcore.getBadgeVariantClasses.call(void 0, props.variant),
+        isDot.value ? _tigercatcore.dotSizeClasses[props.size] : _tigercatcore.badgeSizeClasses[props.size],
+        _tigercatcore.badgeTypeClasses[props.type],
+        !props.standalone && _tigercatcore.badgePositionClasses[props.position]
       )
     );
     return () => {
       if (isHidden.value) {
-        return props.standalone ? null : slots.default?.() ?? null;
+        return props.standalone ? null : _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( null));
       }
       const attrsRecord = attrs;
-      const ariaLabel = attrsRecord["aria-label"] ?? (isDot.value ? "notification" : props.type === "number" ? `${displayContent.value} notifications` : `${displayContent.value ?? ""}`);
-      const badgeElement = vue.h(
+      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? "notification" : props.type === "number" ? `${displayContent.value} notifications` : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
+      const badgeElement = _vue.h.call(void 0, 
         "span",
         {
           ...attrs,
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             badgeClasses.value,
             props.className,
-            tigercatCore.coerceClassValue(attrsRecord.class)
+            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
           ),
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
           role: "status",
           "aria-label": ariaLabel
         },
@@ -88,11 +98,13 @@ var Badge = vue.defineComponent({
       if (props.standalone) {
         return badgeElement;
       }
-      return vue.h("span", { class: tigercatCore.badgeWrapperClasses }, [...slots.default?.() ?? [], badgeElement]);
+      return _vue.h.call(void 0, "span", { class: _tigercatcore.badgeWrapperClasses }, [..._nullishCoalesce(_optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]), () => ( [])), badgeElement]);
     };
   }
 });
 var Badge_default = Badge;
 
-exports.Badge = Badge;
-exports.Badge_default = Badge_default;
+
+
+
+exports.Badge = Badge; exports.Badge_default = Badge_default;

package/dist/chunk-PUSTYAMS.mjs

@@ -1,7 +1,26 @@
-import { defineComponent, inject, computed, h, provide, reactive } from 'vue';
-import { calculateStepStatus, classNames, getStepItemClasses, coerceClassValue, getStepIconClasses, getStepTailClasses, getStepContentClasses, getStepTitleClasses, getStepDescriptionClasses, mergeStyleValues, getStepsContainerClasses, stepFinishChar } from '@expcat/tigercat-core';
-
 // src/components/Steps.ts
+import {
+  defineComponent,
+  computed,
+  inject,
+  provide,
+  h,
+  reactive
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getStepItemClasses,
+  getStepIconClasses,
+  getStepTailClasses,
+  getStepContentClasses,
+  getStepTitleClasses,
+  getStepDescriptionClasses,
+  getStepsContainerClasses,
+  calculateStepStatus,
+  stepFinishChar
+} from "@expcat/tigercat-core";
 var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
 var StepsItem = defineComponent({
   name: "TigerStepsItem",
@@ -329,4 +348,9 @@ var Steps = defineComponent({
 });
 var Steps_default = Steps;
 
-export { Steps, StepsContextKey, StepsItem, Steps_default };
+export {
+  StepsContextKey,
+  StepsItem,
+  Steps,
+  Steps_default
+};

package/dist/chunk-PVPLDEC5.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, layoutRootClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Layout.ts
+import { defineComponent, h, computed } from "vue";
+import { classNames, coerceClassValue, layoutRootClasses } from "@expcat/tigercat-core";
 var Layout = defineComponent({
   name: "TigerLayout",
   inheritAttrs: false,
@@ -34,4 +33,7 @@ var Layout = defineComponent({
 });
 var Layout_default = Layout;
 
-export { Layout, Layout_default };
+export {
+  Layout,
+  Layout_default
+};

package/dist/chunk-PXRF4IJO.mjs

@@ -1,7 +1,16 @@
-import { defineComponent, computed, h, ref, Teleport } from 'vue';
-import { classNames, floatButtonBaseClasses, floatButtonShapeClasses, floatButtonSizeClasses, floatButtonTypeClasses, floatButtonDisabledClasses, coerceClassValue, mergeStyleValues, floatButtonGroupClasses } from '@expcat/tigercat-core';
-
 // src/components/FloatButton.ts
+import { defineComponent, computed, h, ref, Teleport } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  floatButtonBaseClasses,
+  floatButtonShapeClasses,
+  floatButtonSizeClasses,
+  floatButtonTypeClasses,
+  floatButtonDisabledClasses,
+  floatButtonGroupClasses
+} from "@expcat/tigercat-core";
 var FloatButton = defineComponent({
   name: "TigerFloatButton",
   inheritAttrs: false,
@@ -156,4 +165,8 @@ var FloatButtonGroup = defineComponent({
 });
 var FloatButton_default = FloatButton;
 
-export { FloatButton, FloatButtonGroup, FloatButton_default };
+export {
+  FloatButton,
+  FloatButtonGroup,
+  FloatButton_default
+};