@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-RHCW2WXG.js

@@ -1,194 +0,0 @@
-'use strict';
-
-var chunkCODQKVQV_js = require('./chunk-CODQKVQV.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var CollapsePanel = vue.defineComponent({
-  name: "TigerCollapsePanel",
-  props: {
-    /**
-     * Unique key for the panel (required)
-     */
-    panelKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Panel header/title
-     */
-    header: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the panel is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show arrow icon
-     * @default true
-     */
-    showArrow: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const collapseContext = vue.inject(chunkCODQKVQV_js.CollapseContextKey);
-    if (!collapseContext) {
-      throw new Error("CollapsePanel must be used within a Collapse component");
-    }
-    const isActive = vue.computed(() => {
-      return tigercatCore.isPanelActive(props.panelKey, collapseContext.activeKeys);
-    });
-    const contentRef = vue.ref();
-    const initialContentStyle = tigercatCore.getInitialCollapseContentStyle(isActive.value);
-    let transitionController;
-    const panelClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getCollapsePanelClasses(collapseContext.ghost, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const headerClasses = vue.computed(() => {
-      return tigercatCore.getCollapsePanelHeaderClasses(isActive.value, props.disabled);
-    });
-    const iconClasses = vue.computed(() => {
-      return tigercatCore.getCollapseIconClasses(isActive.value, collapseContext.expandIconPosition);
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        collapseContext.handlePanelClick(props.panelKey);
-      }
-    };
-    const handleKeydown = (event) => {
-      if (props.disabled) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        collapseContext.handlePanelClick(props.panelKey);
-      }
-    };
-    vue.onMounted(() => {
-      if (!contentRef.value) return;
-      transitionController = tigercatCore.createCollapseTransitionController(contentRef.value, {
-        expanded: isActive.value
-      });
-    });
-    vue.watch(
-      isActive,
-      (expanded) => {
-        transitionController?.update(expanded);
-      },
-      { flush: "post" }
-    );
-    vue.onBeforeUnmount(() => {
-      transitionController?.dispose();
-      transitionController = void 0;
-    });
-    return () => {
-      const headerSlot = slots.header?.();
-      const extraSlot = slots.extra?.();
-      const arrowIcon = vue.h(
-        "svg",
-        {
-          class: iconClasses.value,
-          width: "16",
-          height: "16",
-          viewBox: "0 0 16 16",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        vue.h("path", {
-          d: "M6 12L10 8L6 4",
-          stroke: "currentColor",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        })
-      );
-      const headerContent = [];
-      if (props.showArrow && collapseContext.expandIconPosition === "start") {
-        headerContent.push(arrowIcon);
-      }
-      headerContent.push(
-        vue.h(
-          "span",
-          {
-            class: tigercatCore.collapseHeaderTextClasses
-          },
-          headerSlot || props.header
-        )
-      );
-      if (extraSlot) {
-        headerContent.push(vue.h("span", { class: "ml-auto" }, extraSlot));
-      }
-      if (props.showArrow && collapseContext.expandIconPosition === "end") {
-        headerContent.push(arrowIcon);
-      }
-      const header = vue.h(
-        "div",
-        {
-          class: headerClasses.value,
-          role: "button",
-          tabindex: props.disabled ? -1 : 0,
-          "aria-expanded": isActive.value,
-          "aria-disabled": props.disabled,
-          onClick: handleClick,
-          onKeydown: handleKeydown
-        },
-        headerContent
-      );
-      const content = vue.h(
-        "div",
-        {
-          ref: contentRef,
-          "data-tiger-collapse-content": "",
-          class: tigercatCore.collapsePanelContentWrapperClasses,
-          style: initialContentStyle
-        },
-        [
-          vue.h(
-            "div",
-            {
-              class: tigercatCore.collapsePanelContentBaseClasses
-            },
-            slots.default?.()
-          )
-        ]
-      );
-      return vue.h(
-        "div",
-        {
-          class: panelClasses.value,
-          style: props.style
-        },
-        [header, content]
-      );
-    };
-  }
-});
-var CollapsePanel_default = CollapsePanel;
-
-exports.CollapsePanel = CollapsePanel;
-exports.CollapsePanel_default = CollapsePanel_default;

package/dist/chunk-S4DT7LXD.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var chunkBQRXHUIC_js = require('./chunk-BQRXHUIC.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var DropdownItem = vue.defineComponent({
-  name: "TigerDropdownItem",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Unique key for the dropdown item
-     */
-    itemKey: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * Whether the item is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the item is divided from previous item
-     * @default false
-     */
-    divided: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const context = vue.inject(chunkBQRXHUIC_js.DropdownContextKey, null);
-    const handleClick = (event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      emit("click", event);
-      if (context?.closeOnClick) {
-        context.handleItemClick();
-      }
-    };
-    const itemClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getDropdownItemClasses(props.disabled, props.divided),
-        props.className,
-        tigercatCore.coerceClassValue(attrsClass)
-      );
-    });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrsStyle, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      return vue.h(
-        "button",
-        {
-          ...restAttrs,
-          type: "button",
-          class: itemClasses.value,
-          role: "menuitem",
-          tabindex: -1,
-          "aria-disabled": props.disabled,
-          disabled: props.disabled,
-          onClick: handleClick,
-          style: mergedStyle.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var DropdownItem_default = DropdownItem;
-
-exports.DropdownItem = DropdownItem;
-exports.DropdownItem_default = DropdownItem_default;

package/dist/chunk-WGNJHM34.js

@@ -1,218 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Breadcrumb.ts
-var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
-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(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 separator = props.separator !== void 0 ? props.separator : breadcrumbContext.separator;
-      return tigercatCore.getSeparatorContent(separator);
-    });
-    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 Breadcrumb = vue.defineComponent({
-  name: "TigerBreadcrumb",
-  props: {
-    /**
-     * Custom separator between breadcrumb items
-     * @default '/'
-     */
-    separator: {
-      type: String,
-      default: "/"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Extra content aligned to the end of the breadcrumb
-     */
-    extra: {
-      type: null,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const extraContent = vue.computed(() => {
-      const slotValue = slots.extra?.();
-      if (slotValue && slotValue.length > 0) return slotValue;
-      if (props.extra != null) return props.extra;
-      return null;
-    });
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(tigercatCore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
-    });
-    vue.provide(BreadcrumbContextKey, {
-      separator: props.separator
-    });
-    return () => {
-      return vue.h(
-        "nav",
-        {
-          "aria-label": "Breadcrumb",
-          ...attrs,
-          class: [containerClasses.value, attrs.class],
-          style: [props.style, attrs.style]
-        },
-        [
-          vue.h(
-            "ol",
-            {
-              class: "flex items-center flex-wrap gap-2"
-            },
-            slots.default?.()
-          ),
-          extraContent.value ? vue.h(
-            "div",
-            {
-              class: "ml-auto flex items-center"
-            },
-            extraContent.value
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Breadcrumb_default = Breadcrumb;
-
-exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbContextKey = BreadcrumbContextKey;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.Breadcrumb_default = Breadcrumb_default;

package/dist/chunk-WPIDP6IG.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Avatar.ts
-var Avatar = vue.defineComponent({
-  name: "TigerAvatar",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Avatar size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Avatar shape
-     * @default 'circle'
-     */
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    /**
-     * Image source URL
-     */
-    src: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Alternative text for image
-     */
-    alt: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Text content to display (e.g., initials)
-     */
-    text: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Background color for text/icon avatars
-     */
-    bgColor: {
-      type: String,
-      default: tigercatCore.avatarDefaultBgColor
-    },
-    /**
-     * Text color for text/icon avatars
-     */
-    textColor: {
-      type: String,
-      default: tigercatCore.avatarDefaultTextColor
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const imageError = vue.ref(false);
-    const hasImage = vue.computed(() => Boolean(props.src) && !imageError.value);
-    const avatarClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.avatarBaseClasses,
-        tigercatCore.avatarSizeClasses[props.size],
-        tigercatCore.avatarShapeClasses[props.shape],
-        !hasImage.value && props.bgColor,
-        !hasImage.value && props.textColor
-      )
-    );
-    const displayText = vue.computed(() => props.text ? tigercatCore.getInitials(props.text) : "");
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const ariaLabelProp = attrsRecord["aria-label"];
-      const ariaLabelledbyProp = attrsRecord["aria-labelledby"];
-      const ariaHiddenProp = attrsRecord["aria-hidden"];
-      const computedLabel = ariaLabelProp ?? (props.alt.trim() ? props.alt : void 0) ?? (props.text?.trim() || void 0);
-      const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
-      const baseSpanProps = {
-        ...attrs,
-        class: tigercatCore.classNames(avatarClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-        style: tigercatCore.mergeStyleValues(attrsStyle, props.style)
-      };
-      if (hasImage.value) {
-        return vue.h(
-          "span",
-          {
-            ...baseSpanProps,
-            "aria-hidden": isDecorative ? true : ariaHiddenProp
-          },
-          [
-            vue.h("img", {
-              src: props.src,
-              alt: props.alt,
-              class: tigercatCore.avatarImageClasses,
-              onError: () => {
-                imageError.value = true;
-              }
-            })
-          ]
-        );
-      }
-      return vue.h(
-        "span",
-        {
-          ...baseSpanProps,
-          ...isDecorative ? { "aria-hidden": true } : {
-            role: "img",
-            "aria-label": computedLabel,
-            "aria-labelledby": ariaLabelledbyProp
-          }
-        },
-        displayText.value || slots.default?.()
-      );
-    };
-  }
-});
-var Avatar_default = Avatar;
-
-exports.Avatar = Avatar;
-exports.Avatar_default = Avatar_default;