@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-PCGHIFIJ.js

@@ -1,140 +0,0 @@
-'use strict';
-
-var chunkVTLTKTCK_js = require('./chunk-VTLTKTCK.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var BreadcrumbItem = vue.defineComponent({
-  name: "TigerBreadcrumbItem",
-  props: {
-    /**
-     * Navigation link URL
-     */
-    href: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Link target attribute
-     */
-    target: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether this is the current/last item
-     * @default false
-     */
-    current: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Custom separator for this item (overrides global separator)
-     */
-    separator: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Icon to display before the item content
-     */
-    icon: {
-      type: [String, Object],
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when breadcrumb item is clicked
-     */
-    click: (event) => event instanceof MouseEvent
-  },
-  setup(props, { slots, emit, attrs }) {
-    const breadcrumbContext = vue.inject(chunkVTLTKTCK_js.BreadcrumbContextKey, {
-      separator: "/"
-    });
-    const itemClasses = vue.computed(() => {
-      return tigercatCore.getBreadcrumbItemClasses(props.className);
-    });
-    const linkClasses = vue.computed(() => {
-      return tigercatCore.getBreadcrumbLinkClasses(props.current);
-    });
-    const separatorClasses = vue.computed(() => {
-      return tigercatCore.getBreadcrumbSeparatorClasses();
-    });
-    const separatorContent = vue.computed(() => {
-      const sep = props.separator !== void 0 ? props.separator : breadcrumbContext.separator;
-      return tigercatCore.getSeparatorContent(sep);
-    });
-    const handleClick = (event) => {
-      if (!props.current) {
-        emit("click", event);
-      }
-    };
-    const computedRel = vue.computed(() => {
-      if (props.target === "_blank") {
-        return "noopener noreferrer";
-      }
-      return void 0;
-    });
-    return () => {
-      const children = slots.default ? slots.default() : [];
-      const iconElement = props.icon ? vue.h("span", { class: "inline-flex" }, props.icon) : null;
-      const contentElements = iconElement ? [iconElement, ...children] : children;
-      const linkElement = props.href && !props.current ? vue.h(
-        "a",
-        {
-          class: linkClasses.value,
-          href: props.href,
-          target: props.target,
-          rel: computedRel.value,
-          onClick: handleClick
-        },
-        contentElements
-      ) : vue.h(
-        "span",
-        {
-          class: linkClasses.value,
-          "aria-current": props.current ? "page" : void 0
-        },
-        contentElements
-      );
-      const separatorElement = !props.current ? vue.h(
-        "span",
-        {
-          class: separatorClasses.value,
-          "aria-hidden": "true"
-        },
-        separatorContent.value
-      ) : null;
-      return vue.h(
-        "li",
-        {
-          ...attrs,
-          class: [itemClasses.value, attrs.class],
-          style: [props.style, attrs.style]
-        },
-        [linkElement, separatorElement]
-      );
-    };
-  }
-});
-var BreadcrumbItem_default = BreadcrumbItem;
-
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.BreadcrumbItem_default = BreadcrumbItem_default;

package/dist/chunk-PICYE2CM.js

@@ -1,176 +0,0 @@
-'use strict';
-
-var chunkO2SABM5H_js = require('./chunk-O2SABM5H.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var MenuItem = vue.defineComponent({
-  name: "TigerMenuItem",
-  props: {
-    /**
-     * Unique key for the menu item
-     */
-    itemKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Whether the menu item is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Icon for the menu item
-     */
-    icon: {
-      type: [String, Object]
-    },
-    level: {
-      type: Number,
-      default: 0
-    },
-    collapsed: {
-      type: Boolean,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  inheritAttrs: false,
-  setup(props, { slots, attrs }) {
-    const menuContext = vue.inject(chunkO2SABM5H_js.MenuContextKey);
-    if (!menuContext) {
-      console.warn("MenuItem must be used within Menu component");
-    }
-    const isSelected = vue.computed(() => {
-      if (!menuContext) return false;
-      return tigercatCore.isKeySelected(props.itemKey, menuContext.selectedKeys.value);
-    });
-    const itemClasses = vue.computed(() => {
-      if (!menuContext) {
-        return tigercatCore.classNames(
-          "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200"
-        );
-      }
-      const effectiveCollapsed = props.collapsed ?? menuContext.collapsed.value;
-      return tigercatCore.classNames(
-        tigercatCore.getMenuItemClasses(isSelected.value, props.disabled, menuContext.theme.value, effectiveCollapsed),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const indentStyle = vue.computed(() => {
-      if (!menuContext || menuContext.mode.value !== "inline" || props.level === 0) {
-        return {};
-      }
-      return tigercatCore.getMenuItemIndent(props.level, menuContext.inlineIndent.value);
-    });
-    const itemStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = vue.computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const handleClick = () => {
-      if (!props.disabled && menuContext) {
-        menuContext.handleSelect(props.itemKey);
-      }
-    };
-    const handleKeyDown = (event) => {
-      if (!menuContext) 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 === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleClick();
-      }
-    };
-    return () => {
-      const children = [];
-      const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
-      if (props.icon) {
-        if (typeof props.icon === "string") {
-          children.push(
-            vue.h("span", {
-              class: tigercatCore.menuItemIconClasses,
-              innerHTML: props.icon
-            })
-          );
-        } else {
-          children.push(vue.h("span", { class: tigercatCore.menuItemIconClasses }, props.icon));
-        }
-      }
-      if (!effectiveCollapsed && slots.default) {
-        children.push(vue.h("span", { class: "flex-1" }, slots.default()));
-      } else if (effectiveCollapsed && !props.icon && slots.default) {
-        const defaultSlot = slots.default();
-        if (defaultSlot && defaultSlot.length > 0) {
-          const text = String(defaultSlot[0].children || "");
-          children.push(vue.h("span", { class: "flex-1 text-center" }, text.charAt(0).toUpperCase()));
-        }
-      }
-      return vue.h(
-        "li",
-        {
-          role: "none"
-        },
-        [
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: itemClasses.value,
-              style: itemStyle.value,
-              role: "menuitem",
-              "data-tiger-menuitem": "true",
-              "data-tiger-selected": isSelected.value ? "true" : "false",
-              "aria-current": isSelected.value ? "page" : void 0,
-              "aria-disabled": props.disabled ? "true" : void 0,
-              disabled: props.disabled,
-              tabindex: -1,
-              onClick: handleClick,
-              onKeydown: handleKeyDown,
-              ...passthroughAttrs.value
-            },
-            children
-          )
-        ]
-      );
-    };
-  }
-});
-var MenuItem_default = MenuItem;
-
-exports.MenuItem = MenuItem;
-exports.MenuItem_default = MenuItem_default;

package/dist/chunk-PNKVD2UK.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-exports.__esm = __esm;
-exports.__export = __export;
-exports.__toCommonJS = __toCommonJS;

package/dist/chunk-Q6CGPWQF.js

@@ -1,104 +0,0 @@
-'use strict';
-
-var chunk2WZGK7XJ_js = require('./chunk-2WZGK7XJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
-var Tooltip = vue.defineComponent({
-  name: "TigerTooltip",
-  inheritAttrs: false,
-  props: {
-    /** Whether the tooltip is open (controlled mode) */
-    open: { type: Boolean, default: void 0 },
-    /** Default open state (uncontrolled mode) @default false */
-    defaultOpen: { type: Boolean, default: false },
-    /** Tooltip content text */
-    content: { type: String, default: void 0 },
-    /** Trigger type @default 'hover' */
-    trigger: { type: String, default: "hover" },
-    /** Placement @default 'top' */
-    placement: { type: String, default: "top" },
-    /** Disabled state @default false */
-    disabled: { type: Boolean, default: false },
-    /** Offset in pixels @default 8 */
-    offset: { type: Number, default: 8 },
-    /** Additional CSS classes */
-    className: { type: String, default: void 0 },
-    style: { type: [String, Object, Array], default: void 0 }
-  },
-  emits: ["update:open", "open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const {
-      currentVisible,
-      containerRef,
-      triggerRef,
-      floatingRef,
-      floatingStyles,
-      triggerHandlers
-    } = chunk2WZGK7XJ_js.useFloatingPopup({ props, emit });
-    const tooltipId = createTooltipId();
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), props.className, tigercatCore.coerceClassValue(attrsRecord.class))
-    );
-    const triggerClasses = vue.computed(() => tigercatCore.getTooltipTriggerClasses(props.disabled));
-    const contentClasses = vue.computed(() => tigercatCore.getTooltipContentClasses());
-    return () => {
-      const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) return null;
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      const hasTooltipContent = Boolean(props.content || slots.content);
-      return vue.h(
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style
-        },
-        [
-          // Trigger element
-          vue.h(
-            "div",
-            {
-              ref: triggerRef,
-              class: triggerClasses.value,
-              "aria-describedby": hasTooltipContent ? tooltipId : void 0,
-              ...triggerHandlers.value
-            },
-            defaultSlot
-          ),
-          // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? vue.h(
-            "div",
-            {
-              ref: floatingRef,
-              style: floatingStyles.value,
-              "aria-hidden": false
-            },
-            [
-              vue.h(
-                "div",
-                {
-                  id: tooltipId,
-                  role: "tooltip",
-                  class: contentClasses.value
-                },
-                slots.content ? slots.content() : props.content
-              )
-            ]
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Tooltip_default = Tooltip;
-
-exports.Tooltip = Tooltip;
-exports.Tooltip_default = Tooltip_default;