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

package/dist/chunk-VJJ7RAC6.mjs

@@ -1,257 +0,0 @@
-import {
-  createStatusIcon,
-  createStatusIconWithLoading
-} from "./chunk-2TNZ4JNT.mjs";
-
-// src/components/Message.ts
-import {
-  createApp,
-  defineComponent,
-  h,
-  ref,
-  computed,
-  Teleport,
-  TransitionGroup
-} from "vue";
-import {
-  classNames,
-  getMessageTypeClasses,
-  defaultMessageThemeColors,
-  messageContainerBaseClasses,
-  messagePositionClasses,
-  messageBaseClasses,
-  messageIconClasses,
-  messageContentClasses,
-  messageCloseButtonClasses,
-  messageLoadingSpinnerClasses,
-  getMessageIconPath,
-  messageCloseIconPath,
-  normalizeStringOption,
-  createInstanceCounter,
-  isBrowser
-} from "@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 = ref([]);
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
-})();
-var containerApp = null;
-var getNextInstanceId = createInstanceCounter();
-var MessageContainer = defineComponent({
-  name: "TigerMessageContainer",
-  props: {
-    position: {
-      type: String,
-      default: "top"
-    },
-    messages: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(props) {
-    const containerClasses = computed(() => {
-      return classNames(messageContainerBaseClasses, messagePositionClasses[props.position]);
-    });
-    const renderMessageItem = (message) => {
-      const colorScheme = getMessageTypeClasses(message.type, defaultMessageThemeColors);
-      const messageClasses = classNames(
-        messageBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        colorScheme.text,
-        message.className
-      );
-      const iconPath = message.icon || getMessageIconPath(message.type);
-      const iconClass = classNames(messageIconClasses, colorScheme.icon);
-      const a11yRole = message.type === "error" ? "alert" : "status";
-      const ariaLive = message.type === "error" ? "assertive" : "polite";
-      const children = [
-        createStatusIconWithLoading(
-          iconPath,
-          iconClass,
-          message.type === "loading",
-          messageLoadingSpinnerClasses
-        ),
-        h("div", { class: messageContentClasses }, message.content)
-      ];
-      if (message.closable) {
-        children.push(
-          h(
-            "button",
-            {
-              class: messageCloseButtonClasses,
-              onClick: () => removeMessage(message.id),
-              "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            createStatusIcon(messageCloseIconPath, "w-4 h-4")
-          )
-        );
-      }
-      return h(
-        "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 () => h(
-      Teleport,
-      { to: "body" },
-      h(
-        "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) : h(TransitionGroup, { name: "message" }, () => props.messages.map(renderMessageItem))
-      )
-    );
-  }
-});
-var MessageHost = defineComponent({
-  name: "TigerMessageHost",
-  setup() {
-    return () => MESSAGE_POSITIONS.map((position) => {
-      const positionedMessages = messageInstances.value.filter(
-        (message) => message.position === position
-      );
-      if (positionedMessages.length === 0) return null;
-      return h(MessageContainer, {
-        key: position,
-        position,
-        messages: positionedMessages
-      });
-    });
-  }
-});
-function ensureContainer() {
-  if (!isBrowser()) {
-    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 = createApp(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: 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 (isBrowser()) {
-    const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function normalizeOptions(options) {
-  return normalizeStringOption(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;
-
-export {
-  MessageContainer,
-  Message,
-  Message_default
-};

package/dist/chunk-VQXDF6CB.js

@@ -1,192 +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/FloatButton.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
-var FloatButton = _vue.defineComponent.call(void 0, {
-  name: "TigerFloatButton",
-  inheritAttrs: false,
-  props: {
-    shape: {
-      type: String,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "primary"
-    },
-    tooltip: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    ariaLabel: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const groupShape = _vue.inject.call(void 0, 
-      FloatButtonGroupShapeKey,
-      void 0
-    );
-    const resolvedShape = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(_nullishCoalesce(props.shape, () => ( _optionalChain([groupShape, 'optionalAccess', _ => _.value]))), () => ( "circle"))
-    );
-    const classes = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.floatButtonBaseClasses,
-        _tigercatcore.floatButtonShapeClasses[resolvedShape.value],
-        _tigercatcore.floatButtonSizeClasses[props.size],
-        _tigercatcore.floatButtonTypeClasses[props.type],
-        props.disabled && _tigercatcore.floatButtonDisabledClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const handleClick = (e) => {
-      if (!props.disabled) {
-        emit("click", e);
-      }
-    };
-    return () => {
-      const attrsRecord = attrs;
-      const btn = _vue.h.call(void 0, 
-        "button",
-        {
-          ...attrs,
-          class: classes.value,
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
-          type: "button",
-          disabled: props.disabled,
-          "aria-label": _nullishCoalesce(props.ariaLabel, () => ( props.tooltip)),
-          title: props.tooltip,
-          onClick: handleClick
-        },
-        _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])
-      );
-      return btn;
-    };
-  }
-});
-var FloatButtonGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerFloatButtonGroup",
-  inheritAttrs: false,
-  props: {
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    open: {
-      type: Boolean,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:open"],
-  setup(props, { slots, emit, attrs }) {
-    const internalOpen = _vue.ref.call(void 0, false);
-    const isOpen = _vue.computed.call(void 0, () => _nullishCoalesce(props.open, () => ( internalOpen.value)));
-    _vue.provide.call(void 0, 
-      FloatButtonGroupShapeKey,
-      _vue.computed.call(void 0, () => props.shape)
-    );
-    const toggle = () => {
-      const next = !isOpen.value;
-      internalOpen.value = next;
-      emit("update:open", next);
-    };
-    const groupClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.floatButtonGroupClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => {
-      const attrsRecord = attrs;
-      const children = [];
-      if (slots.trigger) {
-        children.push(
-          _vue.h.call(void 0, "div", { onClick: props.trigger === "click" ? toggle : void 0 }, slots.trigger())
-        );
-      }
-      if (isOpen.value && slots.default) {
-        const defaultSlot = slots.default();
-        for (const node of defaultSlot) {
-          children.push(node);
-        }
-      }
-      return _vue.h.call(void 0, _vue.Teleport, { to: "body" }, [
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ...attrs,
-            class: groupClasses.value,
-            style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
-            onMouseenter: props.trigger === "hover" ? () => {
-              internalOpen.value = true;
-              emit("update:open", true);
-            } : void 0,
-            onMouseleave: props.trigger === "hover" ? () => {
-              internalOpen.value = false;
-              emit("update:open", false);
-            } : void 0
-          },
-          children
-        )
-      ]);
-    };
-  }
-});
-var FloatButton_default = FloatButton;
-
-
-
-
-
-exports.FloatButton = FloatButton; exports.FloatButtonGroup = FloatButtonGroup; exports.FloatButton_default = FloatButton_default;

package/dist/chunk-VUGFSHU2.js

@@ -1,164 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// 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: {
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * 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: void 0
-    },
-    /**
-     * 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 config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const labels = _vue.computed.call(void 0, 
-      () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
-    );
-    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": _nullishCoalesce(props.closeAriaLabel, () => ( labels.value.tagCloseAriaLabel)),
-              type: "button"
-            },
-            CloseIcon()
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Tag_default = Tag;
-
-
-
-
-exports.Tag = Tag; exports.Tag_default = Tag_default;