@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-VTLTKTCK.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Breadcrumb.ts
-var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
-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.Breadcrumb_default = Breadcrumb_default;

package/dist/chunk-W6TMZ7ZT.js

@@ -1,207 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/RichTextEditor.ts
-var RichTextEditor = vue.defineComponent({
-  name: "TigerRichTextEditor",
-  props: {
-    value: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    placeholder: { type: String, default: void 0 },
-    mode: {
-      type: String,
-      default: "html"
-    },
-    toolbar: {
-      type: Array,
-      default: void 0
-    },
-    height: {
-      type: [Number, String],
-      default: 300
-    },
-    readOnly: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:value", "change"],
-  setup(props, { emit, attrs }) {
-    const editorRef = vue.ref(null);
-    const internalValue = vue.ref(props.defaultValue || "");
-    const activeFormats = vue.ref(/* @__PURE__ */ new Set());
-    const isControlled = vue.computed(() => props.value !== void 0);
-    const currentContent = vue.computed(() => isControlled.value ? props.value : internalValue.value);
-    const toolbarButtons = vue.computed(() => props.toolbar ?? tigercatCore.defaultToolbar);
-    const isEmpty = vue.computed(() => tigercatCore.isContentEmpty(currentContent.value));
-    vue.watch(
-      () => props.value,
-      (newVal) => {
-        if (newVal !== void 0 && editorRef.value) {
-          const sanitized = tigercatCore.sanitizeHtml(newVal);
-          if (editorRef.value.innerHTML !== sanitized) {
-            editorRef.value.innerHTML = sanitized;
-          }
-        }
-      }
-    );
-    vue.onMounted(() => {
-      if (editorRef.value) {
-        const initial = tigercatCore.sanitizeHtml(currentContent.value);
-        if (initial) {
-          editorRef.value.innerHTML = initial;
-        }
-      }
-    });
-    function updateActiveFormats() {
-      if (typeof document === "undefined") return;
-      const next = /* @__PURE__ */ new Set();
-      if (document.queryCommandState("bold")) next.add("bold");
-      if (document.queryCommandState("italic")) next.add("italic");
-      if (document.queryCommandState("underline")) next.add("underline");
-      if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
-      if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
-      if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
-      activeFormats.value = next;
-    }
-    function execAction(actionName) {
-      if (props.readOnly || props.disabled) return;
-      editorRef.value?.focus();
-      const mapping = tigercatCore.mapToolbarAction(actionName);
-      if (mapping) {
-        document.execCommand(mapping.command, false, mapping.argument);
-        handleInput();
-        updateActiveFormats();
-        return;
-      }
-      if (actionName === "codeBlock") {
-        document.execCommand("formatBlock", false, "PRE");
-        handleInput();
-        return;
-      }
-      if (actionName === "link") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
-        if (url && tigercatCore.isValidUrl(url)) {
-          document.execCommand("createLink", false, url);
-          handleInput();
-        }
-        return;
-      }
-      if (actionName === "image") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
-        if (url && tigercatCore.isValidUrl(url)) {
-          document.execCommand("insertImage", false, url);
-          handleInput();
-        }
-      }
-    }
-    function handleInput() {
-      if (!editorRef.value) return;
-      const html = editorRef.value.innerHTML;
-      const sanitized = tigercatCore.sanitizeHtml(html);
-      if (!isControlled.value) {
-        internalValue.value = sanitized;
-      }
-      emit("update:value", sanitized);
-      emit("change", sanitized);
-    }
-    function handleKeydown(e) {
-      const match = tigercatCore.findHotkeyMatch(toolbarButtons.value, e);
-      if (match) {
-        e.preventDefault();
-        execAction(match);
-      }
-    }
-    let selectionHandler = null;
-    vue.onMounted(() => {
-      if (typeof document !== "undefined") {
-        selectionHandler = updateActiveFormats;
-        document.addEventListener("selectionchange", selectionHandler);
-      }
-    });
-    vue.onBeforeUnmount(() => {
-      if (selectionHandler && typeof document !== "undefined") {
-        document.removeEventListener("selectionchange", selectionHandler);
-      }
-    });
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getRichTextContainerClasses(props.disabled, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const editorAreaClasses = vue.computed(() => tigercatCore.getEditorAreaClasses(props.readOnly));
-    const containerStyle = vue.computed(() => {
-      const ht = tigercatCore.parseHeight(props.height);
-      if (!ht) return void 0;
-      return { height: ht };
-    });
-    return () => {
-      const toolbarEl = vue.h(
-        "div",
-        {
-          class: tigercatCore.richTextToolbarClasses,
-          role: "toolbar",
-          "aria-label": "Text formatting"
-        },
-        toolbarButtons.value.map(
-          (btn) => vue.h(
-            "button",
-            {
-              key: btn.name,
-              type: "button",
-              class: tigercatCore.getToolbarButtonClasses(activeFormats.value.has(btn.name)),
-              title: btn.tooltip ?? btn.label,
-              "aria-label": btn.label,
-              "aria-pressed": tigercatCore.isInlineFormat(btn.name) ? activeFormats.value.has(btn.name) : void 0,
-              disabled: props.disabled || props.readOnly,
-              onClick: (e) => {
-                e.preventDefault();
-                execAction(btn.name);
-              }
-            },
-            btn.label
-          )
-        )
-      );
-      const editorEl = vue.h("div", {
-        ref: editorRef,
-        class: editorAreaClasses.value,
-        contenteditable: !(props.readOnly || props.disabled),
-        role: "textbox",
-        "aria-multiline": true,
-        "aria-readonly": props.readOnly || void 0,
-        "aria-disabled": props.disabled || void 0,
-        "aria-placeholder": props.placeholder,
-        "data-placeholder": props.placeholder,
-        onInput: handleInput,
-        onKeydown: handleKeydown
-      });
-      const placeholderEl = isEmpty.value && props.placeholder ? vue.h(
-        "div",
-        {
-          class: `${tigercatCore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
-          "aria-hidden": true
-        },
-        props.placeholder
-      ) : null;
-      const editorWrapper = vue.h("div", { class: "relative flex-1 overflow-hidden" }, [
-        editorEl,
-        placeholderEl
-      ]);
-      return vue.h(
-        "div",
-        {
-          class: containerClasses.value,
-          style: containerStyle.value
-        },
-        [toolbarEl, editorWrapper]
-      );
-    };
-  }
-});
-var RichTextEditor_default = RichTextEditor;
-
-exports.RichTextEditor = RichTextEditor;
-exports.RichTextEditor_default = RichTextEditor_default;

package/dist/chunk-WCZGYU7M.js

@@ -1,215 +0,0 @@
-'use strict';
-
-var chunkNOTJRUAK_js = require('./chunk-NOTJRUAK.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var StepsItem = vue.defineComponent({
-  name: "TigerStepsItem",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Step title
-     */
-    title: {
-      type: String,
-      required: true
-    },
-    /**
-     * Step description
-     */
-    description: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Step icon (slot content or custom icon)
-     */
-    icon: {
-      type: [String, Object],
-      default: void 0
-    },
-    /**
-     * Step status (overrides automatic status)
-     */
-    status: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the step is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Internal prop: step index (automatically set by parent)
-     */
-    stepIndex: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Internal prop: is last step (automatically set by parent)
-     */
-    isLast: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const stepsContext = vue.inject(chunkNOTJRUAK_js.StepsContextKey, {
-      current: 0,
-      status: "process",
-      direction: "horizontal",
-      size: "default",
-      simple: false,
-      clickable: false
-    });
-    const stepStatus = vue.computed(() => {
-      return tigercatCore.calculateStepStatus(
-        props.stepIndex,
-        stepsContext.current,
-        stepsContext.status,
-        props.status
-      );
-    });
-    const itemClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getStepItemClasses(stepsContext.direction, props.isLast),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const iconClasses = vue.computed(() => {
-      const hasCustomIcon = !!(props.icon || slots.icon);
-      return tigercatCore.getStepIconClasses(
-        stepStatus.value,
-        stepsContext.size,
-        stepsContext.simple,
-        hasCustomIcon
-      );
-    });
-    const tailClasses = vue.computed(() => {
-      return tigercatCore.getStepTailClasses(stepsContext.direction, stepStatus.value, props.isLast, stepsContext.size, stepsContext.simple);
-    });
-    const contentClasses = vue.computed(() => {
-      return tigercatCore.getStepContentClasses(stepsContext.direction);
-    });
-    const titleClasses = vue.computed(() => {
-      return tigercatCore.getStepTitleClasses(
-        stepStatus.value,
-        stepsContext.size,
-        stepsContext.clickable && !props.disabled
-      );
-    });
-    const descriptionClasses = vue.computed(() => {
-      return tigercatCore.getStepDescriptionClasses(stepStatus.value, stepsContext.size);
-    });
-    const handleClick = () => {
-      if (props.disabled || !stepsContext.handleStepClick) {
-        return;
-      }
-      stepsContext.handleStepClick(props.stepIndex);
-    };
-    const renderIcon = () => {
-      if (slots.icon) {
-        return vue.h("div", { class: iconClasses.value }, slots.icon());
-      }
-      if (props.icon) {
-        return vue.h("div", { class: iconClasses.value }, props.icon);
-      }
-      if (stepStatus.value === "finish") {
-        return vue.h("div", { class: iconClasses.value, "aria-hidden": "true" }, tigercatCore.stepFinishChar);
-      }
-      return vue.h("div", { class: iconClasses.value }, String(props.stepIndex + 1));
-    };
-    const renderContent = () => {
-      const children = [];
-      if (stepsContext.clickable) {
-        children.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: titleClasses.value,
-              onClick: handleClick,
-              disabled: props.disabled,
-              "aria-disabled": props.disabled || void 0
-            },
-            props.title
-          )
-        );
-      } else {
-        children.push(vue.h("div", { class: titleClasses.value }, props.title));
-      }
-      if (!stepsContext.simple && (props.description || slots.description)) {
-        children.push(
-          vue.h(
-            "div",
-            { class: descriptionClasses.value },
-            slots.description ? slots.description() : props.description
-          )
-        );
-      }
-      return vue.h("div", { class: contentClasses.value }, children);
-    };
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrs;
-      if (stepsContext.direction === "vertical") {
-        return vue.h(
-          "li",
-          {
-            class: itemClasses.value,
-            style: mergedStyle.value,
-            "aria-current": props.stepIndex === stepsContext.current ? "step" : void 0,
-            "aria-disabled": props.disabled || void 0,
-            ...restAttrs
-          },
-          [
-            // Icon and tail wrapper
-            vue.h("div", { class: "relative" }, [renderIcon(), vue.h("div", { class: tailClasses.value })]),
-            // Content
-            renderContent()
-          ]
-        );
-      }
-      return vue.h(
-        "li",
-        {
-          class: itemClasses.value,
-          style: mergedStyle.value,
-          "aria-current": props.stepIndex === stepsContext.current ? "step" : void 0,
-          "aria-disabled": props.disabled || void 0,
-          ...restAttrs
-        },
-        [
-          // Icon
-          renderIcon(),
-          // Tail (connector)
-          vue.h("div", { class: tailClasses.value }),
-          // Content
-          renderContent()
-        ]
-      );
-    };
-  }
-});
-var StepsItem_default = StepsItem;
-
-exports.StepsItem = StepsItem;
-exports.StepsItem_default = StepsItem_default;

package/dist/chunk-XCJONKFL.mjs

@@ -1,173 +0,0 @@
-import { MenuContextKey } from './chunk-3AM6WEUE.mjs';
-import { defineComponent, inject, computed, h } from 'vue';
-import { isKeySelected, classNames, getMenuItemClasses, coerceClassValue, getMenuItemIndent, mergeStyleValues, menuItemIconClasses, moveFocusInMenu, focusMenuEdge } from '@expcat/tigercat-core';
-
-var MenuItem = 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 = inject(MenuContextKey);
-    if (!menuContext) {
-      console.warn("MenuItem must be used within Menu component");
-    }
-    const isSelected = computed(() => {
-      if (!menuContext) return false;
-      return isKeySelected(props.itemKey, menuContext.selectedKeys.value);
-    });
-    const itemClasses = computed(() => {
-      if (!menuContext) {
-        return classNames(
-          "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200"
-        );
-      }
-      const effectiveCollapsed = props.collapsed ?? menuContext.collapsed.value;
-      return classNames(
-        getMenuItemClasses(isSelected.value, props.disabled, menuContext.theme.value, effectiveCollapsed),
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-    });
-    const indentStyle = computed(() => {
-      if (!menuContext || menuContext.mode.value !== "inline" || props.level === 0) {
-        return {};
-      }
-      return getMenuItemIndent(props.level, menuContext.inlineIndent.value);
-    });
-    const itemStyle = computed(() => mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = 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();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        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(
-            h("span", {
-              class: menuItemIconClasses,
-              innerHTML: props.icon
-            })
-          );
-        } else {
-          children.push(h("span", { class: menuItemIconClasses }, props.icon));
-        }
-      }
-      if (!effectiveCollapsed && slots.default) {
-        children.push(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(h("span", { class: "flex-1 text-center" }, text.charAt(0).toUpperCase()));
-        }
-      }
-      return h(
-        "li",
-        {
-          role: "none"
-        },
-        [
-          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;
-
-export { MenuItem, MenuItem_default };