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

package/dist/chunk-QOMWROWE.js

@@ -1,136 +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');
-
-// src/utils/use-floating-popup.ts
-var _vue = require('vue');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-function useFloatingPopup(options) {
-  const { props, emit, multiTrigger = true } = options;
-  const internalVisible = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.open, () => ( props.defaultOpen)), () => ( false)));
-  const isControlled = _vue.computed.call(void 0, () => props.open !== void 0);
-  _vue.watch.call(void 0, 
-    () => props.open,
-    (next) => {
-      if (next !== void 0) internalVisible.value = next;
-    }
-  );
-  const currentVisible = _vue.computed.call(void 0, 
-    () => isControlled.value ? Boolean(props.open) : internalVisible.value
-  );
-  const setVisible = (next) => {
-    if (props.disabled && next) return;
-    if (!isControlled.value) internalVisible.value = next;
-    emit("update:open", next);
-    emit("open-change", next);
-  };
-  const containerRef = _vue.ref.call(void 0, null);
-  const triggerRef = _vue.ref.call(void 0, null);
-  const floatingRef = _vue.ref.call(void 0, null);
-  const restoreTriggerFocus = () => {
-    const trigger = triggerRef.value;
-    const target = _nullishCoalesce(_optionalChain([trigger, 'optionalAccess', _ => _.querySelector, 'call', _2 => _2(
-      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
-    )]), () => ( trigger));
-    window.setTimeout(() => {
-      _tigercatcore.restoreFocus.call(void 0, target, { preventScroll: true });
-    }, 0);
-  };
-  const closeAndRestoreFocus = () => {
-    setVisible(false);
-    restoreTriggerFocus();
-  };
-  const {
-    x,
-    y,
-    placement: actualPlacement
-  } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: currentVisible,
-    placement: _nullishCoalesce(props.placement, () => ( "top")),
-    offset: _nullishCoalesce(props.offset, () => ( 8))
-  });
-  let outsideClickCleanup;
-  let escapeKeyCleanup;
-  const effectiveTrigger = _vue.computed.call(void 0, 
-    () => multiTrigger ? _nullishCoalesce(props.trigger, () => ( "click")) : "click"
-  );
-  _vue.watch.call(void 0, 
-    [currentVisible, effectiveTrigger],
-    ([visible, trigger]) => {
-      _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
-      _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
-      outsideClickCleanup = void 0;
-      escapeKeyCleanup = void 0;
-      if (visible && trigger === "click") {
-        outsideClickCleanup = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
-          enabled: currentVisible,
-          refs: [containerRef, floatingRef],
-          onOutsideClick: closeAndRestoreFocus,
-          defer: true
-        });
-      }
-      if (visible && trigger !== "manual") {
-        escapeKeyCleanup = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
-          enabled: currentVisible,
-          onEscape: closeAndRestoreFocus
-        });
-      }
-    },
-    { immediate: true }
-  );
-  _vue.onBeforeUnmount.call(void 0, () => {
-    _optionalChain([outsideClickCleanup, 'optionalCall', _5 => _5()]);
-    _optionalChain([escapeKeyCleanup, 'optionalCall', _6 => _6()]);
-  });
-  const floatingStyles = _vue.computed.call(void 0, () => ({
-    position: "absolute",
-    left: `${x.value}px`,
-    top: `${y.value}px`,
-    transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, actualPlacement.value),
-    zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX
-  }));
-  const handleToggle = () => {
-    if (!props.disabled) setVisible(!currentVisible.value);
-  };
-  const handleShow = () => {
-    if (!props.disabled) setVisible(true);
-  };
-  const handleHide = () => {
-    if (!props.disabled) setVisible(false);
-  };
-  const triggerHandlers = _vue.computed.call(void 0, () => {
-    if (!multiTrigger) {
-      return { onClick: handleToggle };
-    }
-    return _tigercatcore.buildTriggerHandlerMap.call(void 0, 
-      effectiveTrigger.value,
-      { toggle: handleToggle, show: handleShow, hide: handleHide },
-      "vue"
-    );
-  });
-  return {
-    currentVisible,
-    setVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    x,
-    y,
-    actualPlacement,
-    floatingStyles,
-    triggerHandlers
-  };
-}
-
-
-
-exports.useFloatingPopup = useFloatingPopup;

package/dist/chunk-QY6PYAJA.js

@@ -1,194 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Progress.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Progress = _vue.defineComponent.call(void 0, {
-  name: "TigerProgress",
-  inheritAttrs: false,
-  props: {
-    variant: { type: String, default: "primary" },
-    size: { type: String, default: "md" },
-    type: { type: String, default: "line" },
-    percentage: { type: Number, default: 0 },
-    status: { type: String, default: "normal" },
-    showText: { type: Boolean, default: void 0 },
-    text: { type: String, default: void 0 },
-    format: { type: Function, default: void 0 },
-    striped: { type: Boolean, default: false },
-    stripedAnimation: { type: Boolean, default: false },
-    strokeWidth: { type: Number, default: 6 },
-    width: { type: [String, Number], default: "auto" },
-    height: { type: Number, default: void 0 },
-    className: { type: String, default: void 0 },
-    style: { type: Object, default: void 0 }
-  },
-  setup(props, { attrs }) {
-    const clamped = _vue.computed.call(void 0, () => _tigercatcore.clampPercentage.call(void 0, props.percentage));
-    const effectiveVariant = _vue.computed.call(void 0, 
-      () => _tigercatcore.getStatusVariant.call(void 0, props.status) || props.variant
-    );
-    const shouldShowText = _vue.computed.call(void 0, () => _nullishCoalesce(props.showText, () => ( props.type === "line")));
-    const displayText = _vue.computed.call(void 0, 
-      () => shouldShowText.value ? _tigercatcore.formatProgressText.call(void 0, clamped.value, props.text, props.format) : ""
-    );
-    const resolvedAriaLabel = _vue.computed.call(void 0, () => {
-      const label = attrs["aria-label"];
-      return _nullishCoalesce(label, () => ( (attrs["aria-labelledby"] != null ? void 0 : `Progress: ${clamped.value}%`)));
-    });
-    const ariaProps = _vue.computed.call(void 0, () => ({
-      role: "progressbar",
-      "aria-label": resolvedAriaLabel.value,
-      "aria-labelledby": attrs["aria-labelledby"],
-      "aria-describedby": attrs["aria-describedby"],
-      "aria-valuenow": clamped.value,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }));
-    const renderLineProgress = () => {
-      const containerStyle = props.width !== "auto" ? { width: typeof props.width === "number" ? `${props.width}px` : props.width } : {};
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            "flex items-center w-full",
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
-            props.className
-          ),
-          style: {
-            ...attrs.style,
-            ..._nullishCoalesce(props.style, () => ( {})),
-            ...containerStyle
-          }
-        },
-        [
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressLineBaseClasses,
-                _tigercatcore.progressTrackBgClasses,
-                !props.height && _tigercatcore.progressLineSizeClasses[props.size]
-              ),
-              style: { flex: 1, ...props.height ? { height: `${props.height}px` } : {} }
-            },
-            [
-              _vue.h.call(void 0, "div", {
-                class: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressLineInnerClasses,
-                  _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value),
-                  props.striped && _tigercatcore.progressStripedClasses,
-                  props.striped && props.stripedAnimation && _tigercatcore.progressStripedAnimationClasses
-                ),
-                style: { width: `${clamped.value}%` },
-                ...ariaProps.value
-              })
-            ]
-          ),
-          shouldShowText.value ? _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressTextBaseClasses,
-                _tigercatcore.progressTextSizeClasses[props.size],
-                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
-              )
-            },
-            displayText.value
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    const renderCircleProgress = () => {
-      const { width, height, radius, cx, cy } = _tigercatcore.getCircleSize.call(void 0, props.size, props.strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clamped.value);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.progressCircleBaseClasses,
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
-            props.className
-          ),
-          style: {
-            ...attrs.style,
-            ..._nullishCoalesce(props.style, () => ( {})),
-            width: `${width}px`,
-            height: `${height}px`
-          }
-        },
-        [
-          _vue.h.call(void 0, "svg", { width, height, viewBox: `0 0 ${width} ${height}` }, [
-            _vue.h.call(void 0, "circle", {
-              cx,
-              cy,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              class: _tigercatcore.progressCircleTrackStrokeClasses,
-              "stroke-width": props.strokeWidth
-            }),
-            _vue.h.call(void 0, "circle", {
-              cx,
-              cy,
-              r: radius,
-              fill: "none",
-              stroke: "currentColor",
-              class: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value).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"
-              },
-              ...ariaProps.value
-            })
-          ]),
-          shouldShowText.value ? _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.progressCircleTextClasses,
-                _tigercatcore.progressTextSizeClasses[props.size],
-                "font-medium",
-                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
-              )
-            },
-            displayText.value
-          ) : void 0
-        ].filter(Boolean)
-      );
-    };
-    return () => props.type === "circle" ? renderCircleProgress() : renderLineProgress();
-  }
-});
-var Progress_default = Progress;
-
-
-
-
-exports.Progress = Progress; exports.Progress_default = Progress_default;

package/dist/chunk-RAUERIPS.js

@@ -1,100 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Switch.ts
-var _vue = require('vue');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Switch = _vue.defineComponent.call(void 0, {
-  name: "TigerSwitch",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the switch is checked
-     * @default false
-     */
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the switch is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Switch size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    className: {
-      type: String
-    },
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when checked state changes (for v-model:checked)
-     */
-    "update:checked": (value) => typeof value === "boolean",
-    /**
-     * Emitted when checked state changes
-     */
-    change: (value) => typeof value === "boolean"
-  },
-  setup(props, { emit, attrs }) {
-    const switchClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSwitchClasses.call(void 0, props.size, props.checked, props.disabled, props.className, attrs.class)
-    );
-    const thumbClasses = _vue.computed.call(void 0, () => _tigercatcore.getSwitchThumbClasses.call(void 0, props.size, props.checked));
-    const emitChange = () => {
-      if (props.disabled) return;
-      const newValue = !props.checked;
-      emit("update:checked", newValue);
-      emit("change", newValue);
-    };
-    const handleKeyDown = (event) => {
-      if (props.disabled) return;
-      if (event.key === " " || event.key === "Enter") {
-        event.preventDefault();
-        emitChange();
-      }
-    };
-    return () => _vue.h.call(void 0, 
-      "button",
-      {
-        ...attrs,
-        type: "button",
-        role: "switch",
-        "aria-checked": props.checked,
-        "aria-disabled": props.disabled ? "true" : void 0,
-        class: switchClasses.value,
-        style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style),
-        disabled: props.disabled,
-        tabindex: props.disabled ? -1 : attrs.tabindex,
-        onClick: emitChange,
-        onKeydown: handleKeyDown
-      },
-      [
-        _vue.h.call(void 0, "span", {
-          class: thumbClasses.value,
-          "aria-hidden": "true"
-        })
-      ]
-    );
-  }
-});
-var Switch_default = Switch;
-
-
-
-
-exports.Switch = Switch; exports.Switch_default = Switch_default;

package/dist/chunk-RBWJSHKR.js

@@ -1,233 +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; }
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Loading.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Loading = _vue.defineComponent.call(void 0, {
-  name: "TigerLoading",
-  inheritAttrs: false,
-  props: {
-    variant: {
-      type: String,
-      default: "spinner"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    text: {
-      type: String,
-      default: void 0
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
-    delay: {
-      type: Number,
-      default: 0
-    },
-    background: {
-      type: String,
-      default: "rgba(255, 255, 255, 0.9)"
-    },
-    customColor: {
-      type: String,
-      default: void 0
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    disableTeleport: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { attrs }) {
-    _tigercatcore.injectLoadingAnimationStyles.call(void 0, );
-    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 visible = _vue.ref.call(void 0, false);
-    let timer = null;
-    const shouldLockBodyScroll = _vue.computed.call(void 0, 
-      () => props.fullscreen && visible.value && props.lockScroll
-    );
-    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, shouldLockBodyScroll);
-    const clearTimer = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-    };
-    _vue.watch.call(void 0, 
-      () => props.delay,
-      (delay) => {
-        clearTimer();
-        if (delay <= 0) {
-          visible.value = true;
-          return;
-        }
-        visible.value = false;
-        timer = setTimeout(() => {
-          visible.value = true;
-        }, delay);
-      },
-      { immediate: true }
-    );
-    _vue.onUnmounted.call(void 0, () => {
-      clearTimer();
-    });
-    const spinnerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getLoadingClasses.call(void 0, props.variant, props.size, props.color, props.customColor);
-    });
-    const textClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getLoadingTextClasses.call(void 0, props.size, props.color, props.customColor);
-    });
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        props.fullscreen ? _tigercatcore.loadingFullscreenBaseClasses : _tigercatcore.loadingContainerBaseClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const customStyle = _vue.computed.call(void 0, () => {
-      const baseStyle = {};
-      if (props.customColor) {
-        baseStyle.color = props.customColor;
-      }
-      if (props.fullscreen) {
-        baseStyle.backgroundColor = props.background;
-      }
-      return _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, baseStyle);
-    });
-    const renderSpinner = () => {
-      const svg = _tigercatcore.getSpinnerSVG.call(void 0, props.variant);
-      return _vue.h.call(void 0, 
-        "svg",
-        {
-          class: spinnerClasses.value,
-          xmlns: "http://www.w3.org/2000/svg",
-          fill: "none",
-          viewBox: svg.viewBox
-        },
-        svg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
-      );
-    };
-    const renderDots = () => {
-      const colorClass = props.customColor ? "" : _tigercatcore.loadingColorClasses[props.color];
-      const steps = [0, 1, 2];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getLoadingDotsWrapperClasses.call(void 0, props.size)
-        },
-        steps.map(
-          (i) => _vue.h.call(void 0, "div", {
-            class: _tigercatcore.getLoadingDotClasses.call(void 0, props.size, i, colorClass)
-          })
-        )
-      );
-    };
-    const renderBars = () => {
-      const colorClass = props.customColor ? "" : _tigercatcore.loadingColorClasses[props.color];
-      const steps = [0, 1, 2];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getLoadingBarsWrapperClasses.call(void 0, props.size)
-        },
-        steps.map(
-          (i) => _vue.h.call(void 0, "div", {
-            class: _tigercatcore.getLoadingBarClasses.call(void 0, props.size, i, colorClass)
-          })
-        )
-      );
-    };
-    const renderIndicator = () => {
-      switch (props.variant) {
-        case "dots":
-          return renderDots();
-        case "bars":
-          return renderBars();
-        case "spinner":
-        case "ring":
-        case "pulse":
-        default:
-          return renderSpinner();
-      }
-    };
-    return () => {
-      if (!visible.value) {
-        return null;
-      }
-      const children = [renderIndicator()];
-      if (props.text) {
-        children.push(_vue.h.call(void 0, "div", { class: textClasses.value }, props.text));
-      }
-      const loadingNode = _vue.h.call(void 0, 
-        "div",
-        {
-          role: "status",
-          "aria-label": props.text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText])),
-          "aria-live": "polite",
-          "aria-busy": true,
-          ...attrs,
-          class: containerClasses.value,
-          style: customStyle.value
-        },
-        children
-      );
-      if (props.fullscreen) {
-        return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [loadingNode], props.disableTeleport);
-      }
-      return loadingNode;
-    };
-  }
-});
-var Loading_default = Loading;
-
-
-
-
-exports.Loading = Loading; exports.Loading_default = Loading_default;