@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-BPAZBRCR.js

@@ -1,150 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Tag.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CloseIcon = () => _vue.h.call(void 0, 
-  "svg",
-  {
-    class: "h-3 w-3",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: _tigercatcore.icon24ViewBox,
-    stroke: "currentColor",
-    "stroke-width": String(_tigercatcore.icon24StrokeWidth),
-    "aria-hidden": "true",
-    focusable: "false"
-  },
-  [
-    _vue.h.call(void 0, "path", {
-      "stroke-linecap": _tigercatcore.icon24PathStrokeLinecap,
-      "stroke-linejoin": _tigercatcore.icon24PathStrokeLinejoin,
-      d: _tigercatcore.tagCloseIconPath
-    })
-  ]
-);
-var Tag = _vue.defineComponent.call(void 0, {
-  name: "TigerTag",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Tag variant style
-     * @default 'default'
-     */
-    variant: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Tag size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether the tag can be closed
-     * @default false
-     */
-    closable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Accessible label for the close button (when `closable` is true)
-     * @default 'Close tag'
-     */
-    closeAriaLabel: {
-      type: String,
-      default: "Close tag"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["close"],
-  setup(props, { slots, emit, attrs }) {
-    const isVisible = _vue.ref.call(void 0, true);
-    const tagClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.tagBaseClasses,
-        _tigercatcore.getTagVariantClasses.call(void 0, props.variant),
-        _tigercatcore.tagSizeClasses[props.size],
-        props.className
-      )
-    );
-    const closeButtonClasses = _vue.computed.call(void 0, () => {
-      const scheme = _tigercatcore.defaultTagThemeColors[props.variant];
-      return _tigercatcore.classNames.call(void 0, _tigercatcore.tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
-    });
-    const handleClose = (event) => {
-      event.stopPropagation();
-      emit("close", event);
-      if (!event.defaultPrevented) {
-        isVisible.value = false;
-      }
-    };
-    return () => {
-      _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", attrs);
-      if (!isVisible.value) {
-        return null;
-      }
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      return _vue.h.call(void 0, 
-        "span",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, tagClasses.value, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
-          role: "status"
-        },
-        [
-          slots.default ? _vue.h.call(void 0, "span", {}, slots.default()) : null,
-          props.closable ? _vue.h.call(void 0, 
-            "button",
-            {
-              class: closeButtonClasses.value,
-              onClick: handleClose,
-              "aria-label": props.closeAriaLabel,
-              type: "button"
-            },
-            CloseIcon()
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Tag_default = Tag;
-
-
-
-
-exports.Tag = Tag; exports.Tag_default = Tag_default;

package/dist/chunk-BYNMOQBB.js

@@ -1,313 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Input.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var inputIdCounter = 0;
-var Input = _vue.defineComponent.call(void 0, {
-  name: "TigerInput",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Input value (for v-model)
-     */
-    modelValue: {
-      type: [String, Number]
-    },
-    /**
-     * Input size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Input type
-     * @default 'text'
-     */
-    type: {
-      type: String,
-      default: "text"
-    },
-    /**
-     * Input status
-     * @default 'default'
-     */
-    status: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Error message to default display
-     */
-    errorMessage: String,
-    /**
-     * Prefix text/icon
-     */
-    prefix: String,
-    /**
-     * Suffix text/icon
-     */
-    suffix: String,
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether the input is disabled
-     */
-    disabled: Boolean,
-    /**
-     * Whether the input is readonly
-     */
-    readonly: Boolean,
-    /**
-     * Whether the input is required
-     */
-    required: Boolean,
-    /** Maximum length */
-    maxLength: Number,
-    /** Minimum length */
-    minLength: Number,
-    /** Input name attribute */
-    name: String,
-    /** Input id attribute */
-    id: String,
-    /** Autocomplete attribute */
-    autoComplete: String,
-    /**
-     * Whether to autofocus on mount
-     */
-    autoFocus: Boolean,
-    /**
-     * Whether to show a clear button
-     */
-    clearable: Boolean,
-    /**
-     * Whether to show a password toggle button
-     */
-    showPassword: Boolean,
-    /**
-     * Whether to show a character count
-     */
-    showCount: Boolean,
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
-    _shakeTrigger: {
-      type: Number,
-      default: void 0
-    },
-    /** Additional CSS classes */
-    className: String,
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    "update:modelValue": null,
-    input: null,
-    change: null,
-    focus: null,
-    blur: null,
-    clear: null
-  },
-  setup(props, { emit, attrs, slots }) {
-    _tigercatcore.injectShakeStyle.call(void 0, );
-    const inputRef = _vue.ref.call(void 0, null);
-    const wrapperRef = _vue.ref.call(void 0, null);
-    const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
-    const passwordVisible = _vue.ref.call(void 0, false);
-    const instanceId = ++inputIdCounter;
-    const errorMsgId = `tiger-input-error-${instanceId}`;
-    _vue.watch.call(void 0, 
-      () => props.modelValue,
-      (newValue) => {
-        const next = _nullishCoalesce(newValue, () => ( ""));
-        if (next !== localValue.value) {
-          localValue.value = next;
-        }
-      }
-    );
-    _vue.watch.call(void 0, [() => props.status, () => props._shakeTrigger], ([newStatus]) => {
-      if (newStatus === "error" && wrapperRef.value) {
-        const el = wrapperRef.value;
-        el.classList.remove(_tigercatcore.SHAKE_CLASS);
-        void el.offsetWidth;
-        el.classList.add(_tigercatcore.SHAKE_CLASS);
-      }
-    });
-    const handleAnimationEnd = () => {
-      _optionalChain([wrapperRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.classList, 'access', _3 => _3.remove, 'call', _4 => _4(_tigercatcore.SHAKE_CLASS)]);
-    };
-    const hasPrefix = _vue.computed.call(void 0, () => !!slots.prefix || !!props.prefix);
-    const hasSuffix = _vue.computed.call(void 0, 
-      () => !!slots.suffix || !!props.suffix || props.clearable || props.showPassword
-    );
-    const activeError = _vue.computed.call(void 0, () => props.status === "error" && !!props.errorMessage);
-    const inputClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.getInputClasses.call(void 0, {
-        size: props.size,
-        status: props.status,
-        hasPrefix: hasPrefix.value,
-        hasSuffix: hasSuffix.value
-      })
-    );
-    const effectiveType = _vue.computed.call(void 0, () => {
-      if (props.showPassword && props.type === "password") {
-        return passwordVisible.value ? "text" : "password";
-      }
-      return props.type;
-    });
-    const handleInput = (event) => {
-      const target = event.target;
-      const value = _tigercatcore.parseInputValue.call(void 0, target, props.type);
-      localValue.value = value;
-      emit("update:modelValue", value);
-      emit("input", event);
-    };
-    const handleChange = (event) => emit("change", event);
-    const handleFocus = (event) => emit("focus", event);
-    const handleBlur = (event) => emit("blur", event);
-    const handleClear = () => {
-      localValue.value = "";
-      emit("update:modelValue", "");
-      emit("clear");
-      _optionalChain([inputRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
-    };
-    const togglePasswordVisibility = () => {
-      passwordVisible.value = !passwordVisible.value;
-    };
-    return () => {
-      const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
-      const currentValStr = String(localValue.value);
-      const showClear = props.clearable && !props.disabled && !props.readonly && currentValStr.length > 0;
-      const showPasswordToggle = props.showPassword && props.type === "password" && !props.disabled;
-      const suffixNodes = [];
-      if (activeError.value) {
-        suffixNodes.push(
-          _vue.h.call(void 0, "div", { id: errorMsgId, class: _tigercatcore.getInputErrorClasses.call(void 0, props.size) }, props.errorMessage)
-        );
-      } else {
-        if (showClear) {
-          suffixNodes.push(
-            _vue.h.call(void 0, 
-              "button",
-              {
-                type: "button",
-                class: _tigercatcore.getInputClearButtonClasses.call(void 0, props.size),
-                onClick: handleClear,
-                "aria-label": "Clear input",
-                tabindex: -1
-              },
-              "\u2715"
-            )
-          );
-        }
-        if (showPasswordToggle) {
-          suffixNodes.push(
-            _vue.h.call(void 0, 
-              "button",
-              {
-                type: "button",
-                class: _tigercatcore.getInputPasswordToggleClasses.call(void 0, props.size),
-                onClick: togglePasswordVisibility,
-                "aria-label": passwordVisible.value ? "Hide password" : "Show password",
-                tabindex: -1
-              },
-              passwordVisible.value ? "\u{1F648}" : "\u{1F441}"
-            )
-          );
-        }
-        if (!showClear && !showPasswordToggle && hasSuffix.value) {
-          suffixNodes.push(
-            _vue.h.call(void 0, 
-              "div",
-              { class: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", props.size) },
-              slots.suffix ? slots.suffix() : props.suffix
-            )
-          );
-        }
-      }
-      const wrapperChildren = [
-        hasPrefix.value && _vue.h.call(void 0, 
-          "div",
-          { class: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", props.size) },
-          slots.prefix ? slots.prefix() : props.prefix
-        ),
-        _vue.h.call(void 0, "input", {
-          ...restAttrs,
-          ref: inputRef,
-          class: inputClasses.value,
-          type: effectiveType.value,
-          value: localValue.value,
-          placeholder: props.placeholder,
-          disabled: props.disabled,
-          readonly: props.readonly,
-          required: props.required,
-          maxlength: props.maxLength,
-          minlength: props.minLength,
-          name: props.name,
-          id: props.id,
-          autocomplete: props.autoComplete,
-          autofocus: props.autoFocus,
-          ...props.status === "error" ? { "aria-invalid": true } : {},
-          ...activeError.value ? { "aria-describedby": errorMsgId } : {},
-          onInput: handleInput,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }),
-        ...suffixNodes
-      ];
-      const nodes = [
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: wrapperRef,
-            class: _tigercatcore.classNames.call(void 0, 
-              _tigercatcore.getInputWrapperClasses.call(void 0, ),
-              props.className,
-              _tigercatcore.coerceClassValue.call(void 0, attrClass)
-            ),
-            style: [attrStyle, props.style],
-            onAnimationend: handleAnimationEnd
-          },
-          wrapperChildren
-        )
-      ];
-      if (props.showCount) {
-        const count = currentValStr.length;
-        const isOver = props.maxLength !== void 0 && count > props.maxLength;
-        const countText = props.maxLength !== void 0 ? `${count} / ${props.maxLength}` : `${count}`;
-        nodes.push(_vue.h.call(void 0, "div", { class: _tigercatcore.getInputCountClasses.call(void 0, isOver) }, countText));
-      }
-      return nodes.length === 1 ? nodes[0] : _vue.h.call(void 0, "div", null, nodes);
-    };
-  }
-});
-var Input_default = Input;
-
-
-
-
-exports.Input = Input; exports.Input_default = Input_default;

package/dist/chunk-BZBVSB43.js

@@ -1,147 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Rate.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Rate = _vue.defineComponent.call(void 0, {
-  name: "TigerRate",
-  props: {
-    modelValue: { type: Number, default: 0 },
-    count: { type: Number, default: 5 },
-    allowHalf: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    allowClear: { type: Boolean, default: true },
-    character: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "hover-change"],
-  setup(props, { emit, attrs }) {
-    const hoverValue = _vue.ref.call(void 0, 0);
-    const displayValue = _vue.computed.call(void 0, 
-      () => hoverValue.value > 0 ? hoverValue.value : props.modelValue
-    );
-    function getStarValue(index, isHalf) {
-      return isHalf ? index + 0.5 : index + 1;
-    }
-    function handleClick(index, e) {
-      if (props.disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const isHalf = props.allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, isHalf);
-      const newVal = props.allowClear && val === props.modelValue ? 0 : val;
-      emit("update:modelValue", newVal);
-      emit("change", newVal);
-    }
-    function handleMouseMove(index, e) {
-      if (props.disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const isHalf = props.allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, isHalf);
-      if (val !== hoverValue.value) {
-        hoverValue.value = val;
-        emit("hover-change", val);
-      }
-    }
-    function handleMouseLeave() {
-      if (props.disabled) return;
-      hoverValue.value = 0;
-      emit("hover-change", 0);
-    }
-    return () => {
-      const isChar = !!props.character;
-      const stars = [];
-      for (let i = 0; i < props.count; i++) {
-        const full = displayValue.value >= i + 1;
-        const half = props.allowHalf && !full && displayValue.value >= i + 0.5;
-        const isHovering = hoverValue.value > 0;
-        const colorClass = full || half ? isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor : _tigercatcore.rateInactiveColor;
-        const starContent = isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-          "svg",
-          {
-            viewBox: _tigercatcore.starViewBox,
-            fill: "currentColor",
-            class: "w-full h-full"
-          },
-          [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-        );
-        const children = half ? [
-          // Inactive background (full star)
-          _vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "absolute inset-0", _tigercatcore.rateInactiveColor) }, [
-            isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-              "svg",
-              {
-                viewBox: _tigercatcore.starViewBox,
-                fill: "currentColor",
-                class: "w-full h-full"
-              },
-              [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-            )
-          ]),
-          // Active half (clipped left 50%)
-          _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.classNames.call(void 0, 
-                "absolute inset-0 overflow-hidden",
-                isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor
-              ),
-              style: { width: "50%" }
-            },
-            [
-              isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
-                "svg",
-                {
-                  viewBox: _tigercatcore.starViewBox,
-                  fill: "currentColor",
-                  class: "w-full h-full"
-                },
-                [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
-              )
-            ]
-          )
-        ] : [_vue.h.call(void 0, "span", { class: colorClass }, [starContent])];
-        stars.push(
-          _vue.h.call(void 0, 
-            "span",
-            {
-              key: i,
-              class: _tigercatcore.getRateStarClasses.call(void 0, props.size, isChar, props.disabled),
-              role: "radio",
-              "aria-checked": full || half,
-              "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
-              onClick: (e) => handleClick(i, e),
-              onMousemove: (e) => handleMouseMove(i, e),
-              onMouseleave: handleMouseLeave
-            },
-            children
-          )
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "radiogroup",
-          "aria-label": "Rating"
-        },
-        stars
-      );
-    };
-  }
-});
-var Rate_default = Rate;
-
-
-
-
-exports.Rate = Rate; exports.Rate_default = Rate_default;

package/dist/chunk-CGZPOI6H.js

@@ -1,93 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkLYF6AAQ7js = require('./chunk-LYF6AAQ7.js');
-
-// src/components/Kanban.ts
-var _vue = require('vue');
-var Kanban = _vue.defineComponent.call(void 0, {
-  name: "TigerKanban",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    defaultColumns: {
-      type: Array,
-      default: () => []
-    },
-    draggable: { type: Boolean, default: true },
-    columnDraggable: { type: Boolean, default: true },
-    enforceWipLimit: { type: Boolean, default: false },
-    beforeCardMove: {
-      type: Function,
-      default: void 0
-    },
-    beforeColumnMove: {
-      type: Function,
-      default: void 0
-    },
-    onCardAdd: {
-      type: Function,
-      default: void 0
-    },
-    filterText: { type: String, default: "" },
-    hiddenColumns: {
-      type: Array,
-      default: () => []
-    },
-    showCardCount: { type: Boolean, default: true },
-    allowAddCard: { type: Boolean, default: true },
-    allowAddColumn: { type: Boolean, default: false },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
-  setup(props, { emit, attrs, slots }) {
-    const handleCardAdd = (colId) => {
-      _optionalChain([props, 'access', _ => _.onCardAdd, 'optionalCall', _2 => _2(colId)]);
-      emit("card-add", colId);
-    };
-    return () => _vue.h.call(void 0, 
-      _chunkLYF6AAQ7js.TaskBoard,
-      {
-        ...attrs,
-        columns: props.columns,
-        defaultColumns: props.defaultColumns,
-        draggable: props.draggable,
-        columnDraggable: props.columnDraggable,
-        enforceWipLimit: props.enforceWipLimit,
-        beforeCardMove: props.beforeCardMove,
-        beforeColumnMove: props.beforeColumnMove,
-        // Only set onCardAdd when needed — its presence affects button visibility
-        onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
-        filterText: props.filterText,
-        hiddenColumns: props.hiddenColumns,
-        showCardCount: props.showCardCount,
-        allowAddCard: props.allowAddCard,
-        allowAddColumn: props.allowAddColumn,
-        locale: props.locale,
-        className: props.className,
-        style: props.style,
-        "onCard-move": (e) => emit("card-move", e),
-        "onColumn-move": (e) => emit("column-move", e),
-        "onUpdate:columns": (cols) => emit("update:columns", cols),
-        "onColumn-add": () => emit("column-add")
-      },
-      slots
-    );
-  }
-});
-var Kanban_default = Kanban;
-
-
-
-
-exports.Kanban = Kanban; exports.Kanban_default = Kanban_default;