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

package/dist/chunk-6WFFP4K2.mjs

@@ -1,325 +0,0 @@
-import {
-  createStatusIcon
-} from "./chunk-2TNZ4JNT.mjs";
-
-// src/components/Notification.ts
-import {
-  createApp,
-  computed,
-  defineComponent,
-  h,
-  ref,
-  Teleport,
-  TransitionGroup
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getNotificationIconPath,
-  getNotificationTypeClasses,
-  notificationBaseClasses,
-  notificationCloseButtonClasses,
-  notificationCloseIconClasses,
-  notificationCloseIconPath,
-  notificationContainerBaseClasses,
-  notificationContentClasses,
-  notificationDescriptionClasses,
-  notificationIconClasses,
-  notificationPositionClasses,
-  notificationTitleClasses,
-  createNotificationStackUpdateScheduler,
-  normalizeStringOption,
-  createInstanceCounter,
-  isBrowser
-} from "@expcat/tigercat-core";
-var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
-var NOTIFICATION_CLOSE_ARIA_LABEL = "Close notification";
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
-})();
-var notificationInstancesByPosition = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-var containerApps = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var updateCallbacks = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var stackUpdateScheduler = createNotificationStackUpdateScheduler();
-function scheduleNotificationStackUpdate(position) {
-  const callback = updateCallbacks[position];
-  if (!callback) return;
-  stackUpdateScheduler.schedule(position, callback);
-}
-var getNextInstanceId = createInstanceCounter();
-function getContainerRootId(position) {
-  return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
-}
-var NotificationContainer = defineComponent({
-  name: "TigerNotificationContainer",
-  inheritAttrs: false,
-  props: {
-    position: {
-      type: String,
-      default: "top-right"
-    }
-  },
-  setup(props, { attrs }) {
-    const notifications = ref([]);
-    const syncNotifications = () => {
-      notifications.value = [...notificationInstancesByPosition[props.position]];
-    };
-    updateCallbacks[props.position] = syncNotifications;
-    syncNotifications();
-    const containerClasses = computed(
-      () => classNames(
-        notificationContainerBaseClasses,
-        notificationPositionClasses[props.position],
-        coerceClassValue(attrs.class)
-      )
-    );
-    const renderNotificationItem = (notification2) => {
-      const colorScheme = getNotificationTypeClasses(notification2.type);
-      const notificationClasses = classNames(
-        notificationBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        notification2.className
-      );
-      const iconPath = notification2.icon || getNotificationIconPath(notification2.type);
-      const iconClass = classNames(notificationIconClasses, colorScheme.icon);
-      const a11yRole = notification2.type === "error" ? "alert" : "status";
-      const ariaLive = notification2.type === "error" ? "assertive" : "polite";
-      const contentChildren = [
-        h(
-          "div",
-          {
-            class: classNames(notificationTitleClasses, colorScheme.titleText)
-          },
-          notification2.title
-        )
-      ];
-      if (notification2.description) {
-        contentChildren.push(
-          h(
-            "div",
-            {
-              class: classNames(notificationDescriptionClasses, colorScheme.descriptionText)
-            },
-            notification2.description
-          )
-        );
-      }
-      const children = [
-        createStatusIcon(iconPath, iconClass, { "aria-hidden": "true", focusable: "false" }),
-        h("div", { class: notificationContentClasses }, contentChildren)
-      ];
-      if (notification2.closable) {
-        children.push(
-          h(
-            "button",
-            {
-              class: notificationCloseButtonClasses,
-              onClick: (e) => {
-                e.stopPropagation();
-                removeNotification(notification2.id, props.position);
-              },
-              "aria-label": NOTIFICATION_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            createStatusIcon(notificationCloseIconPath, notificationCloseIconClasses, {
-              "aria-hidden": "true",
-              focusable: "false"
-            })
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          key: notification2.id,
-          class: notificationClasses,
-          role: a11yRole,
-          "aria-live": ariaLive,
-          "aria-atomic": "true",
-          onClick: notification2.onClick,
-          onKeydown: (e) => {
-            if (!notification2.onClick) return;
-            const key = e.key;
-            if (key === "Enter" || key === " ") {
-              e.preventDefault();
-              notification2.onClick();
-            }
-          },
-          tabindex: notification2.onClick ? 0 : void 0,
-          style: notification2.onClick ? "cursor: pointer;" : void 0,
-          "data-tiger-notification": "",
-          "data-tiger-notification-type": notification2.type,
-          "data-tiger-notification-id": String(notification2.id)
-        },
-        children
-      );
-    };
-    return () => h(
-      Teleport,
-      { to: "body" },
-      h(
-        "div",
-        {
-          ...attrs,
-          class: containerClasses.value,
-          id: `${NOTIFICATION_CONTAINER_ID_PREFIX}-${props.position}`,
-          "aria-live": "polite",
-          "aria-relevant": "additions",
-          "data-tiger-notification-container": "",
-          "data-tiger-notification-position": props.position
-        },
-        IS_TEST_ENV ? notifications.value.map(renderNotificationItem) : h(
-          TransitionGroup,
-          {
-            name: "notification",
-            tag: "div",
-            class: "flex flex-col gap-3"
-          },
-          () => notifications.value.map(renderNotificationItem)
-        )
-      )
-    );
-  }
-});
-function ensureContainer(position) {
-  if (!isBrowser()) {
-    return;
-  }
-  const rootId = getContainerRootId(position);
-  const existingRootEl = document.getElementById(rootId);
-  if (containerApps[position] && !existingRootEl) {
-    containerApps[position] = null;
-    updateCallbacks[position] = null;
-    stackUpdateScheduler.cancel(position);
-  }
-  if (containerApps[position]) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerApps[position] = createApp(NotificationContainer, { position });
-  containerApps[position].mount(rootEl);
-}
-function destroyContainer(position) {
-  const rootId = getContainerRootId(position);
-  if (containerApps[position]) {
-    containerApps[position].unmount();
-    containerApps[position] = null;
-  }
-  updateCallbacks[position] = null;
-  stackUpdateScheduler.cancel(position);
-  if (isBrowser()) {
-    document.getElementById(rootId)?.remove();
-  }
-}
-function addNotification(config) {
-  const id = getNextInstanceId();
-  const position = config.position || "top-right";
-  ensureContainer(position);
-  const instance = {
-    id,
-    type: config.type || "info",
-    title: config.title,
-    description: config.description,
-    duration: config.duration !== void 0 ? config.duration : 4500,
-    closable: config.closable !== void 0 ? config.closable : true,
-    onClose: config.onClose,
-    onClick: config.onClick,
-    icon: config.icon,
-    className: config.className,
-    position
-  };
-  notificationInstancesByPosition[position].push(instance);
-  scheduleNotificationStackUpdate(position);
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeNotification(id, position);
-    }, instance.duration);
-  }
-  return () => removeNotification(id, position);
-}
-function removeNotification(id, position) {
-  const instances = notificationInstancesByPosition[position];
-  const index = instances.findIndex((notif) => notif.id === id);
-  if (index !== -1) {
-    const instance = instances[index];
-    instances.splice(index, 1);
-    instance.onClose?.();
-    if (notificationInstancesByPosition[position].length > 0) {
-      scheduleNotificationStackUpdate(position);
-    }
-  }
-  if (notificationInstancesByPosition[position].length === 0) {
-    destroyContainer(position);
-  }
-}
-function clearAll(position) {
-  if (position) {
-    notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
-    });
-    notificationInstancesByPosition[position] = [];
-    destroyContainer(position);
-  } else {
-    Object.keys(notificationInstancesByPosition).forEach((pos) => {
-      const p = pos;
-      notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
-      });
-      notificationInstancesByPosition[p] = [];
-      destroyContainer(p);
-    });
-  }
-}
-function normalizeOptions(options) {
-  return normalizeStringOption(options, "title");
-}
-var notification = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "error" });
-  },
-  clear(position) {
-    clearAll(position);
-  }
-};
-var Notification_default = notification;
-
-export {
-  NotificationContainer,
-  notification,
-  Notification_default
-};

package/dist/chunk-72DDCIVL.js

@@ -1,68 +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; }// src/components/Header.ts
-var _vue = require('vue');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Header = _vue.defineComponent.call(void 0, {
-  name: "TigerHeader",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Header visual style.
-     * @default 'default'
-     */
-    variant: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Header height (CSS value)
-     * @default '64px'
-     */
-    height: {
-      type: String,
-      default: "64px"
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const headerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getLayoutHeaderClasses.call(void 0, props.variant),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, 
-      "header",
-      {
-        ...attrs,
-        class: headerClasses.value,
-        style: _tigercatcore.mergeStyleValues.call(void 0, props.style, { height: props.height })
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var Header_default = Header;
-
-
-
-
-exports.Header = Header; exports.Header_default = Header_default;

package/dist/chunk-7ADONGSB.js

@@ -1,49 +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; }// src/components/ButtonGroup.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var BUTTON_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerButtonGroup");
-var ButtonGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerButtonGroup",
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: void 0
-    },
-    vertical: Boolean,
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    _vue.provide.call(void 0, BUTTON_GROUP_INJECTION_KEY, {
-      get size() {
-        return props.size;
-      }
-    });
-    return () => {
-      const classes = _tigercatcore.getButtonGroupClasses.call(void 0, 
-        props.vertical,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: classes,
-          role: "group"
-        },
-        _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-      );
-    };
-  }
-});
-var ButtonGroup_default = ButtonGroup;
-
-
-
-
-
-exports.BUTTON_GROUP_INJECTION_KEY = BUTTON_GROUP_INJECTION_KEY; exports.ButtonGroup = ButtonGroup; exports.ButtonGroup_default = ButtonGroup_default;

package/dist/chunk-7CR6MLD5.js

@@ -1,141 +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/Mentions.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-
-var Mentions = _vue.defineComponent.call(void 0, {
-  name: "TigerMentions",
-  props: {
-    modelValue: { type: String, default: "" },
-    prefix: { type: String, default: "@" },
-    options: { type: Array, default: () => [] },
-    placeholder: { type: String, default: void 0 },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    rows: { type: Number, default: 3 }
-  },
-  emits: ["update:modelValue", "change", "select"],
-  setup(props, { emit, attrs }) {
-    const isOpen = _vue.ref.call(void 0, false);
-    const activeIndex = _vue.ref.call(void 0, 0);
-    const mentionStartPos = _vue.ref.call(void 0, -1);
-    const query = _vue.ref.call(void 0, "");
-    const textareaRef = _vue.ref.call(void 0, null);
-    const dropdownRef = _vue.ref.call(void 0, null);
-    const containerRef = _vue.ref.call(void 0, null);
-    const filteredOptions = _vue.computed.call(void 0, () => {
-      if (!query.value) return props.options || [];
-      const q = query.value.toLowerCase();
-      return (props.options || []).filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
-    });
-    function handleInput(e) {
-      const target = e.target;
-      const value = target.value;
-      emit("update:modelValue", value);
-      emit("change", value);
-      const cursorPos = _nullishCoalesce(target.selectionStart, () => ( value.length));
-      const result = _tigercatcore.extractMentionQuery.call(void 0, value, cursorPos, _nullishCoalesce(props.prefix, () => ( "@")));
-      if (result && filteredOptions.value.length > 0) {
-        query.value = result.query;
-        mentionStartPos.value = result.startPos;
-        isOpen.value = true;
-        activeIndex.value = 0;
-      } else {
-        isOpen.value = false;
-      }
-    }
-    function selectOption(option) {
-      if (option.disabled) return;
-      const val = props.modelValue || "";
-      const before = val.slice(0, mentionStartPos.value);
-      const after = val.slice(_nullishCoalesce(_optionalChain([textareaRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.selectionStart]), () => ( val.length)));
-      const newValue = `${before}${props.prefix}${option.value} ${after}`;
-      emit("update:modelValue", newValue);
-      emit("change", newValue);
-      emit("select", option);
-      isOpen.value = false;
-    }
-    function handleKeydown(e) {
-      if (!isOpen.value) return;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        activeIndex.value = _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.value.length, activeIndex.value, 1);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        activeIndex.value = _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.value.length, activeIndex.value, -1);
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        const opt = filteredOptions.value[activeIndex.value];
-        if (opt) selectOption(opt);
-      } else if (e.key === "Escape") {
-        isOpen.value = false;
-      }
-    }
-    function onClickOutside(e) {
-      if (containerRef.value && !containerRef.value.contains(e.target)) {
-        isOpen.value = false;
-      }
-    }
-    _vue.watch.call(void 0, isOpen, (val) => {
-      if (val) document.addEventListener("mousedown", onClickOutside);
-      else document.removeEventListener("mousedown", onClickOutside);
-    });
-    _vue.watch.call(void 0, 
-      [isOpen, filteredOptions],
-      async () => {
-        if (!isOpen.value || filteredOptions.value.length === 0) return;
-        await _vue.nextTick.call(void 0, );
-        if (!textareaRef.value || !dropdownRef.value) return;
-        await _tigercatcore.positionMentionsDropdown.call(void 0, textareaRef.value, dropdownRef.value);
-      },
-      { flush: "post" }
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      document.removeEventListener("mousedown", onClickOutside);
-    });
-    return () => {
-      const wrapperClass = _tigercatcore.classNames.call(void 0, "relative", _tigercatcore.coerceClassValue.call(void 0, attrs.class));
-      return _vue.h.call(void 0, "div", { ref: containerRef, class: wrapperClass }, [
-        _vue.h.call(void 0, "textarea", {
-          ref: textareaRef,
-          value: props.modelValue,
-          class: _tigercatcore.getMentionsInputClasses.call(void 0, _nullishCoalesce(props.size, () => ( "md")), _nullishCoalesce(props.disabled, () => ( false))),
-          placeholder: props.placeholder,
-          disabled: props.disabled,
-          rows: props.rows,
-          onInput: handleInput,
-          onKeydown: handleKeydown
-        }),
-        isOpen.value && filteredOptions.value.length > 0 ? _vue.h.call(void 0, 
-          "div",
-          { ref: dropdownRef, class: _tigercatcore.mentionsDropdownClasses, role: "listbox" },
-          filteredOptions.value.map(
-            (opt, i) => _vue.h.call(void 0, 
-              "div",
-              {
-                key: opt.value,
-                class: _tigercatcore.getMentionsOptionClasses.call(void 0, i === activeIndex.value, !!opt.disabled),
-                role: "option",
-                "aria-selected": i === activeIndex.value,
-                onClick: () => selectOption(opt)
-              },
-              opt.label
-            )
-          )
-        ) : null
-      ]);
-    };
-  }
-});
-var Mentions_default = Mentions;
-
-
-
-
-exports.Mentions = Mentions; exports.Mentions_default = Mentions_default;