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

package/dist/chunk-GV3LRZSR.js

@@ -1,257 +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; }
-
-
-var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-// src/components/Message.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
-var MESSAGE_POSITIONS = [
-  "top",
-  "top-left",
-  "top-right",
-  "bottom",
-  "bottom-left",
-  "bottom-right"
-];
-var messageInstances = _vue.ref.call(void 0, []);
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && _optionalChain([proc, 'access', _ => _.env, 'optionalAccess', _2 => _2.NODE_ENV]) === "test";
-})();
-var containerApp = null;
-var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
-var MessageContainer = _vue.defineComponent.call(void 0, {
-  name: "TigerMessageContainer",
-  props: {
-    position: {
-      type: String,
-      default: "top"
-    },
-    messages: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(props) {
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[props.position]);
-    });
-    const renderMessageItem = (message) => {
-      const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
-      const messageClasses = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.messageBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        colorScheme.text,
-        message.className
-      );
-      const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
-      const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
-      const a11yRole = message.type === "error" ? "alert" : "status";
-      const ariaLive = message.type === "error" ? "assertive" : "polite";
-      const children = [
-        _chunkJCMGBKS6js.createStatusIconWithLoading.call(void 0, 
-          iconPath,
-          iconClass,
-          message.type === "loading",
-          _tigercatcore.messageLoadingSpinnerClasses
-        ),
-        _vue.h.call(void 0, "div", { class: _tigercatcore.messageContentClasses }, message.content)
-      ];
-      if (message.closable) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.messageCloseButtonClasses,
-              onClick: () => removeMessage(message.id),
-              "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.messageCloseIconPath, "w-4 h-4")
-          )
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          key: message.id,
-          class: messageClasses,
-          role: a11yRole,
-          "aria-live": ariaLive,
-          "aria-atomic": "true",
-          "aria-busy": message.type === "loading" ? "true" : void 0,
-          "data-tiger-message": "",
-          "data-tiger-message-type": message.type,
-          "data-tiger-message-id": String(message.id)
-        },
-        children
-      );
-    };
-    return () => _vue.h.call(void 0, 
-      _vue.Teleport,
-      { to: "body" },
-      _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          id: props.position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${props.position}`,
-          "aria-live": "polite",
-          "aria-relevant": "additions",
-          "data-tiger-message-position": props.position,
-          "data-tiger-message-container": ""
-        },
-        IS_TEST_ENV ? props.messages.map(renderMessageItem) : _vue.h.call(void 0, _vue.TransitionGroup, { name: "message" }, () => props.messages.map(renderMessageItem))
-      )
-    );
-  }
-});
-var MessageHost = _vue.defineComponent.call(void 0, {
-  name: "TigerMessageHost",
-  setup() {
-    return () => MESSAGE_POSITIONS.map((position) => {
-      const positionedMessages = messageInstances.value.filter(
-        (message) => message.position === position
-      );
-      if (positionedMessages.length === 0) return null;
-      return _vue.h.call(void 0, MessageContainer, {
-        key: position,
-        position,
-        messages: positionedMessages
-      });
-    });
-  }
-});
-function ensureContainer() {
-  if (!_tigercatcore.isBrowser.call(void 0, )) {
-    return;
-  }
-  const existingRootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-  if (containerApp && !existingRootEl) {
-    containerApp = null;
-  }
-  if (containerApp) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
-    document.body.appendChild(rootEl);
-  }
-  containerApp = _vue.createApp.call(void 0, MessageHost);
-  containerApp.mount(rootEl);
-}
-function addMessage(config) {
-  const id = getNextInstanceId();
-  const instance = {
-    id,
-    type: config.type || "info",
-    content: config.content,
-    duration: config.duration !== void 0 ? config.duration : 3e3,
-    closable: config.closable || false,
-    onClose: config.onClose,
-    icon: config.icon,
-    className: config.className,
-    position: _nullishCoalesce(config.position, () => ( "top"))
-  };
-  messageInstances.value.push(instance);
-  ensureContainer();
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeMessage(id);
-    }, instance.duration);
-  }
-  return () => removeMessage(id);
-}
-function removeMessage(id) {
-  const index = messageInstances.value.findIndex((msg) => msg.id === id);
-  if (index !== -1) {
-    const instance = messageInstances.value[index];
-    messageInstances.value.splice(index, 1);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  }
-}
-function clearAll() {
-  messageInstances.value.forEach((instance) => {
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  });
-  messageInstances.value = [];
-  if (containerApp) {
-    containerApp.unmount();
-    containerApp = null;
-  }
-  if (_tigercatcore.isBrowser.call(void 0, )) {
-    const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return _tigercatcore.normalizeStringOption.call(void 0, options, "content");
-}
-var Message = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "error" });
-  },
-  loading(options) {
-    const config = normalizeOptions(options);
-    return addMessage({ ...config, type: "loading", duration: 0 });
-  },
-  clear() {
-    clearAll();
-  }
-};
-var Message_default = Message;
-
-
-
-
-
-exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_default;

package/dist/chunk-H2XEJHGR.js

@@ -1,327 +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; }
-
-var _chunkDYSLYJ2Wjs = require('./chunk-DYSLYJ2W.js');
-
-// 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 instance = _vue.getCurrentInstance.call(void 0, );
-    const inputGroup = _vue.inject.call(void 0, _chunkDYSLYJ2Wjs.INPUT_GROUP_INJECTION_KEY, null);
-    const effectiveSize = _vue.computed.call(void 0, () => {
-      const hasOwnSize = Object.prototype.hasOwnProperty.call(_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]), () => ( {})), "size");
-      return hasOwnSize ? props.size : _nullishCoalesce(_optionalChain([inputGroup, 'optionalAccess', _3 => _3.size]), () => ( props.size));
-    });
-    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', _4 => _4.value, 'optionalAccess', _5 => _5.classList, 'access', _6 => _6.remove, 'call', _7 => _7(_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: effectiveSize.value,
-        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', _8 => _8.value, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
-    };
-    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, effectiveSize.value) },
-            props.errorMessage
-          )
-        );
-      } else {
-        if (showClear) {
-          suffixNodes.push(
-            _vue.h.call(void 0, 
-              "button",
-              {
-                type: "button",
-                class: _tigercatcore.getInputClearButtonClasses.call(void 0, effectiveSize.value),
-                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, effectiveSize.value),
-                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", effectiveSize.value) },
-              slots.suffix ? slots.suffix() : props.suffix
-            )
-          );
-        }
-      }
-      const wrapperChildren = [
-        hasPrefix.value && _vue.h.call(void 0, 
-          "div",
-          { class: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", effectiveSize.value) },
-          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;