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

package/dist/chunk-BV6XWFRF.js

@@ -1,360 +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.watch.call(void 0, 
-      () => props.href,
-      (next, prev) => {
-        _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(prev)]);
-        _optionalChain([anchorContext, 'optionalAccess', _5 => _5.registerLink, 'call', _6 => _6(next)]);
-      }
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([anchorContext, 'optionalAccess', _7 => _7.unregisterLink, 'call', _8 => _8(props.href)]);
-    });
-    const handleClick = (event) => {
-      event.preventDefault();
-      _optionalChain([anchorContext, 'optionalAccess', _9 => _9.handleLinkClick, 'call', _10 => _10(props.href, event)]);
-    };
-    const linkClasses = _vue.computed.call(void 0, () => {
-      const isActive = _optionalChain([anchorContext, 'optionalAccess', _11 => _11.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', _12 => _12.default, 'optionalCall', _13 => _13()]);
-      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', _14 => _14()]);
-      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', _15 => _15()]);
-      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', _16 => _16.default, 'optionalCall', _17 => _17()])
-          )
-        ]
-      );
-    };
-  }
-});
-var Anchor_default = Anchor;
-
-
-
-
-
-
-exports.AnchorContextKey = AnchorContextKey; exports.AnchorLink = AnchorLink; exports.Anchor = Anchor; exports.Anchor_default = Anchor_default;

package/dist/chunk-BYNTPLGC.js

@@ -1,79 +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/AvatarGroup.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var AVATAR_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerAvatarGroup");
-var AvatarGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerAvatarGroup",
-  inheritAttrs: false,
-  props: {
-    max: {
-      type: Number,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const groupContext = _vue.reactive.call(void 0, {
-      size: props.size,
-      itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, )
-    });
-    _vue.watch.call(void 0, 
-      () => props.size,
-      (size) => {
-        groupContext.size = size;
-      }
-    );
-    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, groupContext);
-    return () => {
-      const children = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
-      const flatChildren = children.flatMap(
-        (vnode) => Array.isArray(vnode.children) ? vnode.children : [vnode]
-      );
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const { visibleItems, overflowCount } = _tigercatcore.getVisibleGroupItems.call(void 0, flatChildren, props.max);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.getAvatarGroupClasses.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-          role: "group",
-          "aria-label": "Avatar group"
-        },
-        [
-          ...visibleItems,
-          overflowCount > 0 ? _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.getAvatarGroupOverflowClasses.call(void 0, _nullishCoalesce(props.size, () => ( "md"))),
-              "aria-label": _tigercatcore.getAvatarGroupOverflowLabel.call(void 0, overflowCount)
-            },
-            _tigercatcore.getAvatarGroupOverflowText.call(void 0, overflowCount)
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var AvatarGroup_default = AvatarGroup;
-
-
-
-
-
-exports.AVATAR_GROUP_INJECTION_KEY = AVATAR_GROUP_INJECTION_KEY; exports.AvatarGroup = AvatarGroup; exports.AvatarGroup_default = AvatarGroup_default;