@expcat/tigercat-vue 1.5.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-75TB3YIJ.js

@@ -1,124 +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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Badge.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Badge = _vue.defineComponent.call(void 0, {
-  name: "TigerBadge",
-  inheritAttrs: false,
-  props: {
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    variant: {
-      type: String,
-      default: "danger"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "number"
-    },
-    content: {
-      type: [Number, String],
-      default: void 0
-    },
-    max: {
-      type: Number,
-      default: 99
-    },
-    showZero: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: "top-right"
-    },
-    standalone: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, 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 isDot = _vue.computed.call(void 0, () => props.type === "dot");
-    const isHidden = _vue.computed.call(void 0, () => _tigercatcore.shouldHideBadge.call(void 0, props.content, props.type, props.showZero));
-    const displayContent = _vue.computed.call(void 0, 
-      () => _tigercatcore.formatBadgeContent.call(void 0, props.content, props.max, props.showZero)
-    );
-    const badgeClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.badgeBaseClasses,
-        _tigercatcore.getBadgeVariantClasses.call(void 0, props.variant),
-        isDot.value ? _tigercatcore.dotSizeClasses[props.size] : _tigercatcore.badgeSizeClasses[props.size],
-        _tigercatcore.badgeTypeClasses[props.type],
-        !props.standalone && _tigercatcore.badgePositionClasses[props.position]
-      )
-    );
-    return () => {
-      if (isHidden.value) {
-        return props.standalone ? null : _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( null));
-      }
-      const attrsRecord = attrs;
-      const ariaLabel = _nullishCoalesce(attrsRecord["aria-label"], () => ( (isDot.value ? labels.value.badgeLabel : props.type === "number" ? labels.value.badgeCountLabel.replace("{count}", String(displayContent.value)) : `${_nullishCoalesce(displayContent.value, () => ( ""))}`)));
-      const badgeElement = _vue.h.call(void 0, 
-        "span",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            badgeClasses.value,
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
-          ),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
-          role: "status",
-          "aria-label": ariaLabel
-        },
-        isDot.value ? void 0 : displayContent.value || ""
-      );
-      if (props.standalone) {
-        return badgeElement;
-      }
-      return _vue.h.call(void 0, "span", { class: _tigercatcore.badgeWrapperClasses }, [..._nullishCoalesce(_optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]), () => ( [])), badgeElement]);
-    };
-  }
-});
-var Badge_default = Badge;
-
-
-
-
-exports.Badge = Badge; exports.Badge_default = Badge_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;