@expcat/tigercat-vue 1.0.7 → 1.1.0

package/dist/chunk-7UU4PULK.mjs

@@ -1,138 +0,0 @@
-import { defineComponent, computed, provide, reactive, h } from 'vue';
-import { classNames, getStepsContainerClasses, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
-
-// src/components/Steps.ts
-var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
-var Steps = defineComponent({
-  name: "TigerSteps",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Current step index (0-based)
-     * @default 0
-     */
-    current: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Step status (for current step)
-     * @default 'process'
-     */
-    status: {
-      type: String,
-      default: "process"
-    },
-    /**
-     * Steps direction/orientation
-     * @default 'horizontal'
-     */
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    /**
-     * Step size
-     * @default 'default'
-     */
-    size: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Whether to use simple style (no description, smaller icons)
-     * @default false
-     */
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether steps are clickable
-     * @default false
-     */
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["change", "update:current"],
-  setup(props, { slots, attrs, emit }) {
-    const containerClasses = computed(
-      () => classNames(
-        getStepsContainerClasses(props.direction),
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    const mergedStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    const handleStepClick = (index) => {
-      if (!props.clickable) {
-        return;
-      }
-      emit("update:current", index);
-      emit("change", index);
-    };
-    provide(
-      StepsContextKey,
-      reactive({
-        current: computed(() => props.current),
-        status: computed(() => props.status),
-        direction: computed(() => props.direction),
-        size: computed(() => props.size),
-        simple: computed(() => props.simple),
-        clickable: computed(() => props.clickable),
-        handleStepClick: computed(() => props.clickable ? handleStepClick : void 0)
-      })
-    );
-    return () => {
-      const children = slots.default?.() || [];
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrs;
-      const stepsWithProps = children.map((child, index) => {
-        const childType = child?.type;
-        const childName = typeof childType === "object" && childType && "name" in childType ? childType.name : void 0;
-        if (childName === "TigerStepsItem") {
-          const childProps = child.props ?? {};
-          const stepItemType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
-          return h(
-            stepItemType,
-            {
-              ...childProps,
-              stepIndex: index,
-              isLast: index === children.length - 1
-            },
-            child.children ?? void 0
-          );
-        }
-        return child;
-      });
-      return h(
-        "ol",
-        {
-          class: containerClasses.value,
-          style: mergedStyle.value,
-          ...restAttrs
-        },
-        stepsWithProps
-      );
-    };
-  }
-});
-var Steps_default = Steps;
-
-export { Steps, StepsContextKey, Steps_default };

package/dist/chunk-AN3HKOCS.mjs

@@ -1,50 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, getDropdownMenuClasses, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
-
-// src/components/DropdownMenu.ts
-var DropdownMenu = defineComponent({
-  name: "TigerDropdownMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const menuClasses = computed(
-      () => classNames(getDropdownMenuClasses(), props.className, coerceClassValue(attrsClass))
-    );
-    const mergedStyle = computed(() => mergeStyleValues(attrsStyle, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      return h(
-        "div",
-        {
-          ...restAttrs,
-          class: menuClasses.value,
-          role: "menu",
-          style: mergedStyle.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var DropdownMenu_default = DropdownMenu;
-
-export { DropdownMenu, DropdownMenu_default };

package/dist/chunk-BMW2Z3G3.mjs

@@ -1,94 +0,0 @@
-import { AnchorContextKey } from './chunk-LRHJZP2C.mjs';
-import { defineComponent, inject, onMounted, onBeforeUnmount, computed, h } from 'vue';
-import { classNames, getAnchorLinkClasses, coerceClassValue } from '@expcat/tigercat-core';
-
-var AnchorLink = 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 = inject(AnchorContextKey, null);
-    onMounted(() => {
-      anchorContext?.registerLink(props.href);
-    });
-    onBeforeUnmount(() => {
-      anchorContext?.unregisterLink(props.href);
-    });
-    const handleClick = (event) => {
-      event.preventDefault();
-      anchorContext?.handleLinkClick(props.href, event);
-    };
-    const linkClasses = computed(() => {
-      const isActive = anchorContext?.activeLink === props.href;
-      return classNames(
-        getAnchorLinkClasses(isActive, props.className),
-        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 h("div", { class: "anchor-link-wrapper" }, [
-          h(
-            "a",
-            {
-              ...attrs,
-              href: props.href,
-              target: props.target,
-              class: linkClasses.value,
-              "data-anchor-href": props.href,
-              onClick: handleClick
-            },
-            props.title
-          ),
-          h("div", { class: "pl-3 mt-1 space-y-1" }, slotContent)
-        ]);
-      }
-      const content = slotContent ?? props.title;
-      return h(
-        "a",
-        {
-          ...attrs,
-          href: props.href,
-          target: props.target,
-          class: linkClasses.value,
-          "data-anchor-href": props.href,
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var AnchorLink_default = AnchorLink;
-
-export { AnchorLink, AnchorLink_default };

package/dist/chunk-BNIUWON3.js

@@ -1,243 +0,0 @@
-'use strict';
-
-var chunk5JSU44MQ_js = require('./chunk-5JSU44MQ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var TabPane = vue.defineComponent({
-  name: "TigerTabPane",
-  props: {
-    /**
-     * Unique key for the tab pane (required)
-     */
-    tabKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Tab label/title
-     */
-    label: {
-      type: String,
-      required: true
-    },
-    /**
-     * Whether the tab is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the tab can be closed (overrides parent closable)
-     */
-    closable: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Icon for the tab
-     */
-    icon: {
-      type: [String, Object],
-      default: void 0
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Render mode - 'tab' for tab item, 'pane' for content pane
-     * @internal
-     */
-    renderMode: {
-      type: String,
-      default: "pane"
-    },
-    // Internal props for a11y + roving tabindex
-    tabId: {
-      type: String,
-      default: void 0
-    },
-    panelId: {
-      type: String,
-      default: void 0
-    },
-    tabIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const tabsContext = vue.inject(chunk5JSU44MQ_js.TabsContextKey);
-    if (!tabsContext) {
-      throw new Error("TabPane must be used within a Tabs component");
-    }
-    const isActive = vue.computed(() => {
-      return tigercatCore.isKeyActive(props.tabKey, tabsContext.activeKey);
-    });
-    const hasBeenActivated = vue.ref(isActive.value);
-    vue.watch(isActive, (val) => {
-      if (val) hasBeenActivated.value = true;
-    });
-    const isClosable = vue.computed(() => {
-      return props.closable !== void 0 ? props.closable : tabsContext.closable && tabsContext.type === "editable-card";
-    });
-    const tabItemClasses = vue.computed(() => {
-      return tigercatCore.getTabItemClasses(isActive.value, props.disabled, tabsContext.type, tabsContext.size);
-    });
-    const tabPaneClasses = vue.computed(() => {
-      return tigercatCore.classNames(tigercatCore.getTabPaneClasses(isActive.value), props.className);
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        tabsContext.handleTabClick(props.tabKey);
-      }
-    };
-    const handleClose = (event) => {
-      if (!props.disabled) {
-        tabsContext.handleTabClose(props.tabKey, event);
-      }
-    };
-    const handleKeydown = (event) => {
-      if (props.disabled) {
-        return;
-      }
-      if (isClosable.value && (event.key === "Backspace" || event.key === "Delete")) {
-        event.preventDefault();
-        tabsContext.handleTabClose(props.tabKey, event);
-        return;
-      }
-      const isVertical = tabsContext.tabPosition === "left" || tabsContext.tabPosition === "right";
-      const nextKeys = isVertical ? ["ArrowDown"] : ["ArrowRight"];
-      const prevKeys = isVertical ? ["ArrowUp"] : ["ArrowLeft"];
-      const key = event.key;
-      if (nextKeys.includes(key) || prevKeys.includes(key) || key === "Home" || key === "End" || key === "Enter" || key === " ") {
-        event.preventDefault();
-      }
-      if (key === "Enter" || key === " ") {
-        tabsContext.handleTabClick(props.tabKey);
-        return;
-      }
-      const tabList = event.currentTarget?.closest('[role="tablist"]');
-      const tabButtons = Array.from(
-        tabList?.querySelectorAll('[role="tab"]') ?? []
-      );
-      const enabled = tabButtons.filter((b) => !b.disabled);
-      const currentIndex = enabled.findIndex((b) => b.id === props.tabId);
-      if (currentIndex === -1) {
-        return;
-      }
-      const focusByIndex = (index) => {
-        const next = enabled[index];
-        if (!next) return;
-        next.focus();
-        const nextKey = next.getAttribute("data-tiger-tab-key");
-        if (nextKey != null) {
-          const parsed = nextKey.startsWith("n:") ? Number(nextKey.slice(2)) : nextKey.startsWith("s:") ? nextKey.slice(2) : nextKey;
-          tabsContext.handleTabClick(parsed);
-        }
-      };
-      if (nextKeys.includes(key)) {
-        focusByIndex((currentIndex + 1) % enabled.length);
-        return;
-      }
-      if (prevKeys.includes(key)) {
-        focusByIndex((currentIndex - 1 + enabled.length) % enabled.length);
-        return;
-      }
-      if (key === "Home") {
-        focusByIndex(0);
-        return;
-      }
-      if (key === "End") {
-        focusByIndex(enabled.length - 1);
-      }
-    };
-    return () => {
-      if (props.renderMode === "tab") {
-        return vue.h(
-          "button",
-          {
-            type: "button",
-            class: tabItemClasses.value,
-            role: "tab",
-            id: props.tabId,
-            "aria-controls": props.panelId,
-            "aria-selected": isActive.value,
-            "aria-disabled": props.disabled,
-            disabled: props.disabled,
-            tabindex: typeof props.tabIndex === "number" ? props.tabIndex : isActive.value ? 0 : -1,
-            "data-tiger-tabs-id": tabsContext.idBase,
-            "data-tiger-tab-key": typeof props.tabKey === "number" ? `n:${props.tabKey}` : `s:${props.tabKey}`,
-            onClick: handleClick,
-            onKeydown: handleKeydown
-          },
-          [
-            // Icon
-            props.icon && vue.h("span", { class: "flex items-center" }, props.icon),
-            // Label
-            vue.h("span", props.label),
-            // Close button
-            isClosable.value && vue.h(
-              "span",
-              {
-                role: "button",
-                class: tigercatCore.tabCloseButtonClasses,
-                "aria-label": `Close ${String(props.label)}`,
-                tabindex: -1,
-                onClick: handleClose
-              },
-              vue.h(
-                "svg",
-                {
-                  class: "w-4 h-4",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: tigercatCore.closeIconViewBox
-                },
-                vue.h("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": "2",
-                  d: tigercatCore.closeIconPathD
-                })
-              )
-            )
-          ]
-        );
-      }
-      const shouldRender = tabsContext.lazy ? hasBeenActivated.value && (isActive.value || !tabsContext.destroyInactiveTabPane) : isActive.value || !tabsContext.destroyInactiveTabPane;
-      if (!shouldRender) {
-        return null;
-      }
-      return vue.h(
-        "div",
-        {
-          class: tabPaneClasses.value,
-          style: props.style,
-          role: "tabpanel",
-          id: props.panelId,
-          "aria-labelledby": props.tabId,
-          "aria-hidden": !isActive.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var TabPane_default = TabPane;
-
-exports.TabPane = TabPane;
-exports.TabPane_default = TabPane_default;

package/dist/chunk-CG3AMK5U.mjs

@@ -1,38 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-import { formatStatisticValue, classNames, statisticBaseClasses, coerceClassValue, getStatisticTitleClasses, getStatisticValueClasses, statisticPrefixClasses, statisticSuffixClasses } from '@expcat/tigercat-core';
-
-// src/components/Statistic.ts
-var Statistic = defineComponent({
-  name: "TigerStatistic",
-  props: {
-    title: { type: String, default: void 0 },
-    value: { type: [String, Number], default: void 0 },
-    precision: { type: Number, default: void 0 },
-    prefix: { type: String, default: void 0 },
-    suffix: { type: String, default: void 0 },
-    groupSeparator: { type: Boolean, default: false },
-    size: { type: String, default: "md" }
-  },
-  setup(props, { attrs }) {
-    const formatted = computed(
-      () => formatStatisticValue(props.value, props.precision, props.groupSeparator)
-    );
-    return () => h(
-      "div",
-      {
-        class: classNames(statisticBaseClasses, coerceClassValue(attrs.class))
-      },
-      [
-        props.title ? h("div", { class: getStatisticTitleClasses(props.size) }, props.title) : null,
-        h("div", { class: getStatisticValueClasses(props.size) }, [
-          props.prefix ? h("span", { class: statisticPrefixClasses }, props.prefix) : null,
-          h("span", null, formatted.value),
-          props.suffix ? h("span", { class: statisticSuffixClasses }, props.suffix) : null
-        ])
-      ]
-    );
-  }
-});
-var Statistic_default = Statistic;
-
-export { Statistic, Statistic_default };

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;