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

package/dist/chunk-QYSFZA5V.js

@@ -1,353 +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/Anchor.ts
-
-
-
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var AnchorContextKey = /* @__PURE__ */ Symbol("AnchorContext");
-var AnchorLink = _vue.defineComponent.call(void 0, {
-  name: "TigerAnchorLink",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Target anchor ID (with #)
-     */
-    href: {
-      type: String,
-      required: true
-    },
-    /**
-     * Link title/text
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Link target attribute
-     */
-    target: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const anchorContext = _vue.inject.call(void 0, AnchorContextKey, null);
-    _vue.onMounted.call(void 0, () => {
-      _optionalChain([anchorContext, 'optionalAccess', _ => _.registerLink, 'call', _2 => _2(props.href)]);
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(props.href)]);
-    });
-    const handleClick = (event) => {
-      event.preventDefault();
-      _optionalChain([anchorContext, 'optionalAccess', _5 => _5.handleLinkClick, 'call', _6 => _6(props.href, event)]);
-    };
-    const linkClasses = _vue.computed.call(void 0, () => {
-      const isActive = _optionalChain([anchorContext, 'optionalAccess', _7 => _7.activeLink]) === props.href;
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getAnchorLinkClasses.call(void 0, isActive, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    return () => {
-      const slotContent = _optionalChain([slots, 'access', _8 => _8.default, 'optionalCall', _9 => _9()]);
-      const hasNestedLinks = slotContent && Array.isArray(slotContent) && slotContent.some(
-        (vnode) => vnode.type && vnode.type.name === "TigerAnchorLink"
-      );
-      if (hasNestedLinks) {
-        return _vue.h.call(void 0, "div", { class: "anchor-link-wrapper" }, [
-          _vue.h.call(void 0, 
-            "a",
-            {
-              ...attrs,
-              href: props.href,
-              target: props.target,
-              class: linkClasses.value,
-              "data-anchor-href": props.href,
-              onClick: handleClick
-            },
-            props.title
-          ),
-          _vue.h.call(void 0, "div", { class: "pl-3 mt-1 space-y-1" }, slotContent)
-        ]);
-      }
-      const content = _nullishCoalesce(slotContent, () => ( props.title));
-      return _vue.h.call(void 0, 
-        "a",
-        {
-          ...attrs,
-          href: props.href,
-          target: props.target,
-          class: linkClasses.value,
-          "data-anchor-href": props.href,
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var Anchor = _vue.defineComponent.call(void 0, {
-  name: "TigerAnchor",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether to fix the anchor to the viewport
-     * @default true
-     */
-    affix: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Anchor detection boundary in pixels
-     * @default 5
-     */
-    bounds: {
-      type: Number,
-      default: 5
-    },
-    /**
-     * Offset from top of viewport when fixed
-     * @default 0
-     */
-    offsetTop: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Whether to show ink indicator when in fixed mode
-     * @default false
-     */
-    showInkInFixed: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Offset when scrolling to target anchor
-     */
-    targetOffset: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Custom function to determine current active anchor
-     */
-    getCurrentAnchor: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Get the scroll container
-     * @default () => window
-     */
-    getContainer: {
-      type: Function,
-      default: () => window
-    },
-    /**
-     * Direction of the anchor navigation
-     * @default 'vertical'
-     */
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click", "change"],
-  setup(props, { slots, emit, attrs }) {
-    const activeLink = _vue.ref.call(void 0, "");
-    const links = _vue.ref.call(void 0, []);
-    const anchorRef = _vue.ref.call(void 0, null);
-    const inkRef = _vue.ref.call(void 0, null);
-    const isScrolling = _vue.ref.call(void 0, false);
-    let scrollTimeoutId = null;
-    const getContainer = () => props.getContainer();
-    const scrollOffset = _vue.computed.call(void 0, () => _nullishCoalesce(props.targetOffset, () => ( props.offsetTop)));
-    const registerLink = (href) => {
-      if (href && !links.value.includes(href)) {
-        links.value = [...links.value, href];
-      }
-    };
-    const unregisterLink = (href) => {
-      links.value = links.value.filter((l) => l !== href);
-    };
-    let stopObserver = null;
-    const setupObserver = () => {
-      _optionalChain([stopObserver, 'optionalCall', _10 => _10()]);
-      const container = getContainer();
-      const root = container === window ? null : container;
-      stopObserver = _tigercatcore.createAnchorObserver.call(void 0, links.value, {
-        offsetTop: scrollOffset.value,
-        root,
-        onChange: (newActiveLink) => {
-          if (isScrolling.value) return;
-          const finalActiveLink = props.getCurrentAnchor ? props.getCurrentAnchor(newActiveLink) : newActiveLink;
-          if (finalActiveLink !== activeLink.value) {
-            activeLink.value = finalActiveLink;
-            emit("change", finalActiveLink);
-          }
-        }
-      });
-    };
-    const scrollTo = (href) => {
-      _tigercatcore.scrollToAnchor.call(void 0, href, getContainer(), scrollOffset.value);
-    };
-    const handleLinkClick = (href, event) => {
-      emit("click", event, href);
-      isScrolling.value = true;
-      activeLink.value = href;
-      scrollTo(href);
-      if (scrollTimeoutId !== null) clearTimeout(scrollTimeoutId);
-      scrollTimeoutId = setTimeout(() => {
-        isScrolling.value = false;
-        scrollTimeoutId = null;
-      }, 500);
-    };
-    const updateInkPosition = () => {
-      if (!inkRef.value || !anchorRef.value || !activeLink.value) {
-        return;
-      }
-      const activeLinkElement = anchorRef.value.querySelector(
-        `[data-anchor-href="${activeLink.value}"]`
-      );
-      if (!activeLinkElement) {
-        return;
-      }
-      const anchorRect = anchorRef.value.getBoundingClientRect();
-      const linkRect = activeLinkElement.getBoundingClientRect();
-      if (props.direction === "vertical") {
-        inkRef.value.style.top = `${linkRect.top - anchorRect.top}px`;
-        inkRef.value.style.height = `${linkRect.height}px`;
-      } else {
-        inkRef.value.style.left = `${linkRect.left - anchorRect.left}px`;
-        inkRef.value.style.width = `${linkRect.width}px`;
-      }
-    };
-    _vue.watch.call(void 0, activeLink, () => {
-      updateInkPosition();
-    });
-    _vue.watch.call(void 0, () => props.direction, updateInkPosition);
-    _vue.onMounted.call(void 0, () => {
-      _vue.nextTick.call(void 0, () => {
-        setupObserver();
-        setTimeout(updateInkPosition, 0);
-      });
-    });
-    _vue.watch.call(void 0, [links, scrollOffset, () => props.getContainer], () => {
-      _vue.nextTick.call(void 0, () => setupObserver());
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([stopObserver, 'optionalCall', _11 => _11()]);
-      if (scrollTimeoutId !== null) {
-        clearTimeout(scrollTimeoutId);
-      }
-    });
-    const wrapperClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getAnchorWrapperClasses.call(void 0, props.affix, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const inkContainerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getAnchorInkContainerClasses.call(void 0, props.direction);
-    });
-    const inkActiveClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getAnchorInkActiveClasses.call(void 0, props.direction);
-    });
-    const linkListClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getAnchorLinkListClasses.call(void 0, props.direction);
-    });
-    const showInk = _vue.computed.call(void 0, () => !props.affix || props.showInkInFixed);
-    const wrapperStyle = _vue.computed.call(void 0, () => {
-      const baseStyle = {};
-      if (props.affix && props.offsetTop > 0) {
-        baseStyle.top = `${props.offsetTop}px`;
-      }
-      return _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, baseStyle);
-    });
-    const contextValue = _vue.reactive.call(void 0, {
-      activeLink: "",
-      direction: props.direction,
-      registerLink,
-      unregisterLink,
-      handleLinkClick,
-      scrollTo
-    });
-    _vue.watch.call(void 0, [activeLink, () => props.direction], ([newActive, newDir]) => {
-      contextValue.activeLink = newActive;
-      contextValue.direction = newDir;
-    });
-    _vue.provide.call(void 0, AnchorContextKey, contextValue);
-    return () => {
-      const inkIndicator = showInk.value ? [
-        _vue.h.call(void 0, "div", { class: inkContainerClasses.value }, [
-          _vue.h.call(void 0, "div", {
-            ref: inkRef,
-            class: inkActiveClasses.value
-          })
-        ])
-      ] : [];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          ref: anchorRef,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value
-        },
-        [
-          ...inkIndicator,
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: linkListClasses.value
-            },
-            _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()])
-          )
-        ]
-      );
-    };
-  }
-});
-var Anchor_default = Anchor;
-
-
-
-
-
-
-exports.AnchorContextKey = AnchorContextKey; exports.AnchorLink = AnchorLink; exports.Anchor = Anchor; exports.Anchor_default = Anchor_default;

package/dist/chunk-QZQYKC2N.js

@@ -1,231 +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 _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-// src/components/Message.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
-var messageInstances = _vue.ref.call(void 0, []);
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && _optionalChain([proc, 'access', _ => _.env, 'optionalAccess', _2 => _2.NODE_ENV]) === "test";
-})();
-var containerApp = null;
-var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
-var MessageContainer = _vue.defineComponent.call(void 0, {
-  name: "TigerMessageContainer",
-  props: {
-    position: {
-      type: String,
-      default: "top"
-    }
-  },
-  setup(props) {
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[props.position]);
-    });
-    const renderMessageItem = (message) => {
-      const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
-      const messageClasses = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.messageBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        colorScheme.text,
-        message.className
-      );
-      const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
-      const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
-      const a11yRole = message.type === "error" ? "alert" : "status";
-      const ariaLive = message.type === "error" ? "assertive" : "polite";
-      const children = [
-        _chunkJCMGBKS6js.createStatusIconWithLoading.call(void 0, 
-          iconPath,
-          iconClass,
-          message.type === "loading",
-          _tigercatcore.messageLoadingSpinnerClasses
-        ),
-        _vue.h.call(void 0, "div", { class: _tigercatcore.messageContentClasses }, message.content)
-      ];
-      if (message.closable) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.messageCloseButtonClasses,
-              onClick: () => removeMessage(message.id),
-              "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.messageCloseIconPath, "w-4 h-4")
-          )
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          key: message.id,
-          class: messageClasses,
-          role: a11yRole,
-          "aria-live": ariaLive,
-          "aria-atomic": "true",
-          "aria-busy": message.type === "loading" ? "true" : void 0,
-          "data-tiger-message": "",
-          "data-tiger-message-type": message.type,
-          "data-tiger-message-id": String(message.id)
-        },
-        children
-      );
-    };
-    return () => _vue.h.call(void 0, 
-      _vue.Teleport,
-      { to: "body" },
-      _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          id: MESSAGE_CONTAINER_ID,
-          "aria-live": "polite",
-          "aria-relevant": "additions",
-          "data-tiger-message-container": ""
-        },
-        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : _vue.h.call(void 0, 
-          _vue.TransitionGroup,
-          { name: "message" },
-          () => messageInstances.value.map(renderMessageItem)
-        )
-      )
-    );
-  }
-});
-function ensureContainer() {
-  if (!_tigercatcore.isBrowser.call(void 0, )) {
-    return;
-  }
-  const existingRootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-  if (containerApp && !existingRootEl) {
-    containerApp = null;
-  }
-  if (containerApp) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
-    document.body.appendChild(rootEl);
-  }
-  containerApp = _vue.createApp.call(void 0, MessageContainer);
-  containerApp.mount(rootEl);
-}
-function addMessage(config) {
-  const id = getNextInstanceId();
-  const instance = {
-    id,
-    type: config.type || "info",
-    content: config.content,
-    duration: config.duration !== void 0 ? config.duration : 3e3,
-    closable: config.closable || false,
-    onClose: config.onClose,
-    icon: config.icon,
-    className: config.className
-  };
-  messageInstances.value.push(instance);
-  ensureContainer();
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeMessage(id);
-    }, instance.duration);
-  }
-  return () => removeMessage(id);
-}
-function removeMessage(id) {
-  const index = messageInstances.value.findIndex((msg) => msg.id === id);
-  if (index !== -1) {
-    const instance = messageInstances.value[index];
-    messageInstances.value.splice(index, 1);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  }
-}
-function clearAll() {
-  messageInstances.value.forEach((instance) => {
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  });
-  messageInstances.value = [];
-  if (containerApp) {
-    containerApp.unmount();
-    containerApp = null;
-  }
-  if (_tigercatcore.isBrowser.call(void 0, )) {
-    const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return _tigercatcore.normalizeStringOption.call(void 0, options, "content");
-}
-var Message = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "error" });
-  },
-  loading(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "loading", duration: 0 });
-  },
-  clear() {
-    clearAll();
-  }
-};
-var Message_default = Message;
-
-
-
-
-
-exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_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;