@expcat/tigercat-vue 1.0.4 → 1.1.0

package/dist/chunk-JHY57P4P.mjs

@@ -1,69 +0,0 @@
-import { defineComponent, computed, h, isVNode, cloneVNode } from 'vue';
-import { classNames, coerceClassValue, mergeStyleValues, menuItemGroupTitleClasses } from '@expcat/tigercat-core';
-
-// src/components/MenuItemGroup.ts
-var MenuItemGroup = 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 = computed(() => classNames(props.className, coerceClassValue(attrs.class)));
-    const groupStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = 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 (!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 cloneVNode(node, { level });
-      });
-    };
-    return () => {
-      return h("li", { class: "list-none" }, [
-        props.title ? h("div", { class: menuItemGroupTitleClasses }, props.title) : null,
-        slots.default ? h(
-          "ul",
-          {
-            role: "group",
-            class: groupClasses.value,
-            style: groupStyle.value,
-            ...passthroughAttrs.value
-          },
-          withLevel(slots.default?.())
-        ) : null
-      ]);
-    };
-  }
-});
-var MenuItemGroup_default = MenuItemGroup;
-
-export { MenuItemGroup, MenuItemGroup_default };

package/dist/chunk-JSIQIWYP.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Statistic.ts
-var Statistic = vue.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 = vue.computed(
-      () => tigercatCore.formatStatisticValue(props.value, props.precision, props.groupSeparator)
-    );
-    return () => vue.h(
-      "div",
-      {
-        class: tigercatCore.classNames(tigercatCore.statisticBaseClasses, tigercatCore.coerceClassValue(attrs.class))
-      },
-      [
-        props.title ? vue.h("div", { class: tigercatCore.getStatisticTitleClasses(props.size) }, props.title) : null,
-        vue.h("div", { class: tigercatCore.getStatisticValueClasses(props.size) }, [
-          props.prefix ? vue.h("span", { class: tigercatCore.statisticPrefixClasses }, props.prefix) : null,
-          vue.h("span", null, formatted.value),
-          props.suffix ? vue.h("span", { class: tigercatCore.statisticSuffixClasses }, props.suffix) : null
-        ])
-      ]
-    );
-  }
-});
-var Statistic_default = Statistic;
-
-exports.Statistic = Statistic;
-exports.Statistic_default = Statistic_default;

package/dist/chunk-N5I5Y5JG.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/DropdownMenu.ts
-var DropdownMenu = vue.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 = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getDropdownMenuClasses(), 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(
-        "div",
-        {
-          ...restAttrs,
-          class: menuClasses.value,
-          role: "menu",
-          style: mergedStyle.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var DropdownMenu_default = DropdownMenu;
-
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenu_default = DropdownMenu_default;

package/dist/chunk-NOTJRUAK.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Steps.ts
-var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
-var Steps = vue.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 = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getStepsContainerClasses(props.direction),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const handleStepClick = (index) => {
-      if (!props.clickable) {
-        return;
-      }
-      emit("update:current", index);
-      emit("change", index);
-    };
-    vue.provide(
-      StepsContextKey,
-      vue.reactive({
-        current: vue.computed(() => props.current),
-        status: vue.computed(() => props.status),
-        direction: vue.computed(() => props.direction),
-        size: vue.computed(() => props.size),
-        simple: vue.computed(() => props.simple),
-        clickable: vue.computed(() => props.clickable),
-        handleStepClick: vue.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 vue.h(
-            stepItemType,
-            {
-              ...childProps,
-              stepIndex: index,
-              isLast: index === children.length - 1
-            },
-            child.children ?? void 0
-          );
-        }
-        return child;
-      });
-      return vue.h(
-        "ol",
-        {
-          class: containerClasses.value,
-          style: mergedStyle.value,
-          ...restAttrs
-        },
-        stepsWithProps
-      );
-    };
-  }
-});
-var Steps_default = Steps;
-
-exports.Steps = Steps;
-exports.StepsContextKey = StepsContextKey;
-exports.Steps_default = Steps_default;

package/dist/chunk-O2SABM5H.js

@@ -1,178 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Menu.ts
-var MenuContextKey = /* @__PURE__ */ Symbol("MenuContext");
-var Menu = vue.defineComponent({
-  name: "TigerMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Menu mode - horizontal, vertical, or inline
-     * @default 'vertical'
-     */
-    mode: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * Menu theme - light or dark
-     * @default 'light'
-     */
-    theme: {
-      type: String,
-      default: "light"
-    },
-    /**
-     * Currently selected menu item keys
-     */
-    selectedKeys: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Default selected menu item keys
-     */
-    defaultSelectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Currently opened submenu keys (for vertical/inline mode)
-     */
-    openKeys: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Default opened submenu keys
-     */
-    defaultOpenKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Whether the menu is collapsed (for vertical mode)
-     * @default false
-     */
-    collapsed: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether multiple submenus can be opened at once
-     * @default true
-     */
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Inline indentation for submenu items
-     * @default 24
-     */
-    inlineIndent: {
-      type: Number,
-      default: 24
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:selectedKeys", "update:openKeys", "select", "open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const menuEl = vue.ref(null);
-    const internalSelectedKeys = vue.ref(props.defaultSelectedKeys);
-    const internalOpenKeys = vue.ref(props.defaultOpenKeys);
-    const currentSelectedKeys = vue.computed(() => {
-      return props.selectedKeys !== void 0 ? props.selectedKeys : internalSelectedKeys.value;
-    });
-    const currentOpenKeys = vue.computed(() => {
-      return props.openKeys !== void 0 ? props.openKeys : internalOpenKeys.value;
-    });
-    const handleSelect = (key) => {
-      const newSelectedKeys = tigercatCore.replaceKeys(key, currentSelectedKeys.value);
-      if (props.selectedKeys === void 0) {
-        internalSelectedKeys.value = newSelectedKeys;
-      }
-      emit("update:selectedKeys", newSelectedKeys);
-      emit("select", key, { selectedKeys: newSelectedKeys });
-    };
-    const handleOpenChange = (key) => {
-      const toggled = tigercatCore.toggleKey(key, currentOpenKeys.value);
-      const newOpenKeys = props.multiple ? toggled : toggled.includes(key) ? [key] : [];
-      if (props.openKeys === void 0) {
-        internalOpenKeys.value = newOpenKeys;
-      }
-      emit("update:openKeys", newOpenKeys);
-      emit("open-change", key, { openKeys: newOpenKeys });
-    };
-    const menuClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getMenuClasses(props.mode, props.theme, props.collapsed),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const menuStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = vue.computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const modeRef = vue.computed(() => props.mode);
-    const themeRef = vue.computed(() => props.theme);
-    const collapsedRef = vue.computed(() => props.collapsed);
-    const inlineIndentRef = vue.computed(() => props.inlineIndent);
-    vue.provide(MenuContextKey, {
-      mode: modeRef,
-      theme: themeRef,
-      collapsed: collapsedRef,
-      inlineIndent: inlineIndentRef,
-      selectedKeys: currentSelectedKeys,
-      openKeys: currentOpenKeys,
-      handleSelect,
-      handleOpenChange
-    });
-    const runRovingTabIndex = async () => {
-      await vue.nextTick();
-      if (menuEl.value) tigercatCore.initRovingTabIndex(menuEl.value);
-    };
-    vue.onMounted(() => {
-      void runRovingTabIndex();
-    });
-    vue.watch(
-      [modeRef, collapsedRef, currentSelectedKeys, currentOpenKeys],
-      () => {
-        void runRovingTabIndex();
-      },
-      { deep: true }
-    );
-    return () => {
-      return vue.h(
-        "ul",
-        {
-          ref: menuEl,
-          class: menuClasses.value,
-          style: menuStyle.value,
-          role: "menu",
-          "data-tiger-menu-root": "true",
-          "data-tiger-menu-mode": props.mode,
-          ...passthroughAttrs.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var Menu_default = Menu;
-
-exports.Menu = Menu;
-exports.MenuContextKey = MenuContextKey;
-exports.Menu_default = Menu_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;