@expcat/tigercat-vue 1.0.4 → 1.1.0

package/dist/chunk-EBQ4WSQS.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var chunkR77ZKZ5F_js = require('./chunk-R77ZKZ5F.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var AnchorLink = vue.defineComponent({
-  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(chunkR77ZKZ5F_js.AnchorContextKey, null);
-    vue.onMounted(() => {
-      anchorContext?.registerLink(props.href);
-    });
-    vue.onBeforeUnmount(() => {
-      anchorContext?.unregisterLink(props.href);
-    });
-    const handleClick = (event) => {
-      event.preventDefault();
-      anchorContext?.handleLinkClick(props.href, event);
-    };
-    const linkClasses = vue.computed(() => {
-      const isActive = anchorContext?.activeLink === props.href;
-      return tigercatCore.classNames(
-        tigercatCore.getAnchorLinkClasses(isActive, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    return () => {
-      const slotContent = slots.default?.();
-      const hasNestedLinks = slotContent && Array.isArray(slotContent) && slotContent.some(
-        (vnode) => vnode.type && vnode.type.name === "TigerAnchorLink"
-      );
-      if (hasNestedLinks) {
-        return vue.h("div", { class: "anchor-link-wrapper" }, [
-          vue.h(
-            "a",
-            {
-              ...attrs,
-              href: props.href,
-              target: props.target,
-              class: linkClasses.value,
-              "data-anchor-href": props.href,
-              onClick: handleClick
-            },
-            props.title
-          ),
-          vue.h("div", { class: "pl-3 mt-1 space-y-1" }, slotContent)
-        ]);
-      }
-      const content = slotContent ?? props.title;
-      return vue.h(
-        "a",
-        {
-          ...attrs,
-          href: props.href,
-          target: props.target,
-          class: linkClasses.value,
-          "data-anchor-href": props.href,
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var AnchorLink_default = AnchorLink;
-
-exports.AnchorLink = AnchorLink;
-exports.AnchorLink_default = AnchorLink_default;

package/dist/chunk-ELEAQEMV.mjs

@@ -1,61 +0,0 @@
-import { defineComponent, h } from 'vue';
-import { classNames, getSegmentedContainerClasses, coerceClassValue, getSegmentedOptionClasses } from '@expcat/tigercat-core';
-
-// src/components/Segmented.ts
-var Segmented = defineComponent({
-  name: "TigerSegmented",
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    block: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function handleSelect(option) {
-      if (option.disabled || props.disabled) return;
-      if (option.value === props.modelValue) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value);
-    }
-    return () => h(
-      "div",
-      {
-        class: classNames(
-          getSegmentedContainerClasses(props.size, props.block),
-          coerceClassValue(attrs.class)
-        ),
-        role: "radiogroup"
-      },
-      props.options.map((opt) => {
-        const selected = opt.value === props.modelValue;
-        const isDisabled = !!opt.disabled || props.disabled;
-        return h(
-          "label",
-          {
-            key: opt.value,
-            class: classNames(
-              getSegmentedOptionClasses(props.size, selected, isDisabled),
-              props.block ? "flex-1 text-center" : ""
-            ),
-            role: "radio",
-            "aria-checked": selected,
-            "aria-disabled": isDisabled,
-            onClick: () => handleSelect(opt)
-          },
-          [h("span", null, opt.label)]
-        );
-      })
-    );
-  }
-});
-var Segmented_default = Segmented;
-
-export { Segmented, Segmented_default };

package/dist/chunk-ESALMEHU.js

@@ -1,343 +0,0 @@
-'use strict';
-
-var chunkO2SABM5H_js = require('./chunk-O2SABM5H.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var ExpandIcon = (expanded) => {
-  return vue.h(
-    "svg",
-    {
-      class: tigercatCore.getSubMenuExpandIconClasses(expanded),
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "currentColor"
-    },
-    [
-      vue.h("path", {
-        d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z"
-      })
-    ]
-  );
-};
-var SubMenu = vue.defineComponent({
-  name: "TigerSubMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Unique key for the submenu
-     */
-    itemKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Submenu title
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Icon for the submenu
-     */
-    icon: {
-      type: [String, Object]
-    },
-    /**
-     * Whether the submenu is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Nesting level (internal use for indentation)
-     */
-    level: {
-      type: Number,
-      default: 0
-    },
-    collapsed: {
-      type: Boolean,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const menuContext = vue.inject(chunkO2SABM5H_js.MenuContextKey);
-    if (!menuContext) {
-      console.warn("SubMenu must be used within Menu component");
-    }
-    const isOpen = vue.computed(() => {
-      if (!menuContext) return false;
-      return tigercatCore.isKeyOpen(props.itemKey, menuContext.openKeys.value);
-    });
-    const isHovered = vue.ref(false);
-    const isOpenByKeyboard = vue.ref(false);
-    const effectiveCollapsed = vue.computed(() => {
-      return props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
-    });
-    const isPopup = vue.computed(() => {
-      if (!menuContext) return false;
-      if (menuContext.mode.value === "horizontal") return true;
-      return menuContext.mode.value === "vertical" && effectiveCollapsed.value;
-    });
-    const isExpanded = vue.computed(() => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        return isHovered.value || isOpenByKeyboard.value;
-      }
-      return isOpen.value;
-    });
-    const titleClasses = vue.computed(() => {
-      if (!menuContext) return "";
-      return tigercatCore.classNames(
-        tigercatCore.getSubMenuTitleClasses(menuContext.theme.value, props.disabled),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const titleStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = vue.computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const contentClasses = vue.computed(() => {
-      if (!menuContext) return "";
-      if (menuContext.mode.value === "horizontal") {
-        return props.level === 0 ? tigercatCore.submenuContentHorizontalClasses : tigercatCore.submenuContentHorizontalNestedClasses;
-      }
-      if (isPopup.value) return tigercatCore.submenuContentPopupClasses;
-      if (menuContext.mode.value === "inline") return tigercatCore.submenuContentInlineClasses;
-      return tigercatCore.submenuContentVerticalClasses;
-    });
-    const popupZIndex = vue.computed(() => isPopup.value ? tigercatCore.getSubmenuPopupZIndex(props.level) : {});
-    const handleTitleClick = () => {
-      if (!menuContext || props.disabled) return;
-      if (menuContext.mode.value === "horizontal") return;
-      if (isPopup.value) {
-        isOpenByKeyboard.value = !isOpenByKeyboard.value;
-        isHovered.value = true;
-        return;
-      }
-      menuContext.handleOpenChange(props.itemKey);
-    };
-    const focusFirstChild = async () => {
-      await vue.nextTick();
-      const titleEl = document.activeElement;
-      if (titleEl) tigercatCore.focusFirstChildItem(titleEl);
-    };
-    const handleTitleKeyDown = async (event) => {
-      if (!menuContext || props.disabled) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Escape" || event.key === "ArrowLeft") {
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          event.preventDefault();
-          isOpenByKeyboard.value = false;
-          isHovered.value = false;
-          return;
-        }
-        if (isOpen.value) {
-          event.preventDefault();
-          menuContext.handleOpenChange(props.itemKey);
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          isOpenByKeyboard.value = true;
-          return;
-        }
-        menuContext.handleOpenChange(props.itemKey);
-        await focusFirstChild();
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          event.preventDefault();
-          isOpenByKeyboard.value = true;
-          return;
-        }
-        if (!isOpen.value) {
-          event.preventDefault();
-          menuContext.handleOpenChange(props.itemKey);
-          await focusFirstChild();
-        }
-      }
-    };
-    const handleMouseEnter = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        isHovered.value = true;
-      }
-    };
-    const handleMouseLeave = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        isHovered.value = false;
-        isOpenByKeyboard.value = false;
-      }
-    };
-    const indentStyle = vue.computed(() => {
-      if (!menuContext || menuContext.mode.value === "horizontal" || props.level === 0) {
-        return {};
-      }
-      return tigercatCore.getMenuItemIndent(props.level, menuContext.inlineIndent.value);
-    });
-    const withChildLevel = (nodes) => {
-      if (!nodes || nodes.length === 0) return nodes;
-      const nextLevel = props.level + 1;
-      return nodes.map((node) => {
-        if (!vue.isVNode(node)) return node;
-        const type = node.type;
-        const name = typeof type === "object" && type != null && "name" in type ? type.name : void 0;
-        const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu" || name === "TigerMenuItemGroup";
-        if (!isTarget) return node;
-        const existingProps = node.props ?? {} ?? {};
-        const nextProps = {
-          level: existingProps.level ?? nextLevel
-        };
-        return vue.cloneVNode(node, nextProps);
-      });
-    };
-    return () => {
-      if (!menuContext) return null;
-      const titleChildren = [];
-      if (props.icon) {
-        if (typeof props.icon === "string") {
-          titleChildren.push(
-            vue.h("span", {
-              class: tigercatCore.menuItemIconClasses,
-              innerHTML: props.icon
-            })
-          );
-        } else {
-          titleChildren.push(vue.h("span", { class: tigercatCore.menuItemIconClasses }, props.icon));
-        }
-      }
-      if (!effectiveCollapsed.value) {
-        titleChildren.push(vue.h("span", { class: "flex-1" }, props.title));
-        if (menuContext.mode.value !== "horizontal" && !isPopup.value) {
-          titleChildren.push(ExpandIcon(isExpanded.value));
-        }
-      } else if (!props.icon) {
-        titleChildren.push(
-          vue.h("span", { class: "flex-1 text-center" }, props.title.charAt(0).toUpperCase())
-        );
-      }
-      const titleNode = vue.h(
-        "button",
-        {
-          type: "button",
-          class: titleClasses.value,
-          style: titleStyle.value,
-          onClick: handleTitleClick,
-          onKeydown: handleTitleKeyDown,
-          role: "menuitem",
-          "data-tiger-menuitem": "true",
-          "aria-expanded": isExpanded.value ? "true" : "false",
-          "aria-haspopup": "true",
-          "aria-disabled": props.disabled ? "true" : void 0,
-          disabled: props.disabled,
-          tabindex: -1,
-          ...passthroughAttrs.value
-        },
-        titleChildren
-      );
-      const contentNode = isPopup.value ? vue.h(
-        "ul",
-        {
-          class: contentClasses.value,
-          style: {
-            display: isExpanded.value ? "block" : "none",
-            ...popupZIndex.value
-          },
-          role: "menu",
-          "aria-hidden": isExpanded.value ? void 0 : "true"
-        },
-        withChildLevel(slots.default?.())
-      ) : vue.h(
-        vue.Transition,
-        {
-          name: "submenu-collapse",
-          onEnter: (el) => {
-            const element = el;
-            element.style.height = "0";
-            void element.offsetHeight;
-            element.style.height = element.scrollHeight + "px";
-          },
-          onAfterEnter: (el) => {
-            const element = el;
-            element.style.height = "";
-          },
-          onLeave: (el) => {
-            const element = el;
-            element.style.height = element.scrollHeight + "px";
-            void element.offsetHeight;
-            element.style.height = "0";
-          },
-          onAfterLeave: (el) => {
-            const element = el;
-            element.style.height = "";
-          }
-        },
-        {
-          default: () => isExpanded.value ? vue.h(
-            "ul",
-            {
-              class: contentClasses.value,
-              role: "menu"
-            },
-            withChildLevel(slots.default?.())
-          ) : null
-        }
-      );
-      return vue.h(
-        "li",
-        {
-          class: isPopup.value ? "relative" : "",
-          onMouseenter: handleMouseEnter,
-          onMouseleave: handleMouseLeave,
-          role: "none"
-        },
-        [titleNode, contentNode]
-      );
-    };
-  }
-});
-var SubMenu_default = SubMenu;
-
-exports.SubMenu = SubMenu;
-exports.SubMenu_default = SubMenu_default;

package/dist/chunk-GLW3P75K.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/MenuItemGroup.ts
-var MenuItemGroup = vue.defineComponent({
-  name: "TigerMenuItemGroup",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Group title
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    level: {
-      type: Number,
-      default: 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const groupClasses = vue.computed(() => tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrs.class)));
-    const groupStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = vue.computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const withLevel = (nodes) => {
-      if (!nodes || nodes.length === 0) return nodes;
-      const level = props.level;
-      return nodes.map((node) => {
-        if (!vue.isVNode(node)) return node;
-        const type = node.type;
-        const name = typeof type === "object" && type != null && "name" in type ? type.name : void 0;
-        const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu";
-        if (!isTarget) return node;
-        const existingProps = node.props ?? {};
-        if (existingProps.level != null) return node;
-        return vue.cloneVNode(node, { level });
-      });
-    };
-    return () => {
-      return vue.h("li", { class: "list-none" }, [
-        props.title ? vue.h("div", { class: tigercatCore.menuItemGroupTitleClasses }, props.title) : null,
-        slots.default ? vue.h(
-          "ul",
-          {
-            role: "group",
-            class: groupClasses.value,
-            style: groupStyle.value,
-            ...passthroughAttrs.value
-          },
-          withLevel(slots.default?.())
-        ) : null
-      ]);
-    };
-  }
-});
-var MenuItemGroup_default = MenuItemGroup;
-
-exports.MenuItemGroup = MenuItemGroup;
-exports.MenuItemGroup_default = MenuItemGroup_default;