@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrToast-2a03def2.js

@@ -0,0 +1,470 @@
+import { resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createBlock, toDisplayString, createElementVNode, withModifiers, withCtx, normalizeClass, createVNode, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { defineComponent, ref, nextTick } from 'vue-demi';
+import { s as script$2 } from './OrProgress-2b208f99.js';
+import script$3 from './OrIconButtonV2/OrIconButton.js';
+import { s as script$4 } from './OrTeleport-5a34b07f.js';
+import { ah as createSharedComposable, ai as useEventBus, a as useToggle, aj as noop } from './OrBottomSheetV3-199292db.js';
+
+var PositionsX;
+(function (PositionsX) {
+  PositionsX["right"] = "right";
+  PositionsX["left"] = "left";
+  PositionsX["center"] = "center";
+})(PositionsX || (PositionsX = {}));
+var PositionsY;
+(function (PositionsY) {
+  PositionsY["top"] = "top";
+  PositionsY["bottom"] = "bottom";
+})(PositionsY || (PositionsY = {}));
+var TransitionType;
+(function (TransitionType) {
+  TransitionType["slide"] = "slide";
+  TransitionType["fade"] = "fade";
+})(TransitionType || (TransitionType = {}));
+var ToastType;
+(function (ToastType) {
+  ToastType["success"] = "success";
+  ToastType["error"] = "error";
+  ToastType["loading"] = "loading";
+})(ToastType || (ToastType = {}));
+
+var script$1 = defineComponent({
+  name: 'OrToast',
+  components: {
+    OrProgress: script$2,
+    OrIconButton: script$3
+  },
+  props: {
+    toastType: {
+      type: String,
+      default: null
+    },
+    link: {
+      type: Object,
+      default: () => {}
+    },
+    messageText: {
+      type: String,
+      default: null
+    },
+    dismissible: {
+      type: Boolean,
+      default: true
+    },
+    loadingProgress: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: ['close'],
+  computed: {
+    getEmoji() {
+      switch (this.toastType) {
+        case ToastType.success:
+          return '🎉';
+        case ToastType.error:
+          return '❌';
+        default:
+          return null;
+      }
+    },
+    hrefTarget() {
+      var _a;
+      return ((_a = this.link) === null || _a === void 0 ? void 0 : _a.target) ? this.link.target : '_self';
+    }
+  },
+  methods: {
+    onClose() {
+      this.$emit('close');
+    },
+    onLinkClick(e) {
+      var _a, _b, _c;
+      if ((_a = this.link) === null || _a === void 0 ? void 0 : _a.callback) {
+        e.preventDefault();
+        (_c = (_b = this.link).callback) === null || _c === void 0 ? void 0 : _c.call(_b);
+      }
+    }
+  }
+});
+
+const _hoisted_1$1 = {
+  class: "or-toast"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "toast-emoji"
+};
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = ["href", "target"];
+const _hoisted_5 = {
+  class: "or-toast__action"
+};
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_progress = resolveComponent("or-progress");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "content", {}, () => [createCommentVNode(" before message "), _ctx.toastType === 'loading' ? (openBlock(), createBlock(_component_or_progress, {
+    key: 0,
+    type: "circle",
+    color: "primary",
+    "is-loading": _ctx.loadingProgress == null,
+    progress: _ctx.loadingProgress
+  }, null, 8 /* PROPS */, ["is-loading", "progress"])) : _ctx.getEmoji ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.getEmoji), 1 /* TEXT */)) : createCommentVNode("v-if", true), createCommentVNode(" message "), _ctx.messageText ? (openBlock(), createElementBlock("div", {
+    key: 2,
+    class: "or-toast__message",
+    innerHTML: _ctx.messageText
+  }, null, 8 /* PROPS */, _hoisted_3)) : createCommentVNode("v-if", true), createCommentVNode(" link "), _ctx.link ? (openBlock(), createElementBlock("a", {
+    key: 3,
+    class: "or-toast__link",
+    href: _ctx.link.href,
+    target: _ctx.hrefTarget,
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onLinkClick && _ctx.onLinkClick(...arguments);
+    })
+  }, toDisplayString(_ctx.link.title), 9 /* TEXT, PROPS */, _hoisted_4)) : createCommentVNode("v-if", true)]), createCommentVNode(" close button "), createElementVNode("div", _hoisted_5, [_ctx.dismissible ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    icon: "close",
+    "icon-color": "neutral-0",
+    class: "or-toast__action-button",
+    onClick: _cache[1] || (_cache[1] = withModifiers($event => _ctx.onClose(), ["stop"]))
+  })) : createCommentVNode("v-if", true)])]);
+}
+
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-06fbd2a2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-06fbd2a2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-toast[data-v-06fbd2a2] {\n  display: flex;\n  flex-grow: 1;\n  gap: var(--s-4);\n  max-width: 512px;\n  min-height: 48px;\n  padding: var(--s-4);\n  background-color: var(--c-neutral-6);\n  border-radius: var(--s-2);\n  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08);\n}\n.toast-emoji[data-v-06fbd2a2] {\n  font-size: var(--fs-3);\n}\n.or-toast__link[data-v-06fbd2a2] {\n  color: var(--c-primary);\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.or-toast__action-button[data-v-06fbd2a2] {\n  display: flex;\n  padding: 0;\n  cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-toast__action-button[data-v-06fbd2a2]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover {\n    background-color: transparent;\n    background-color: initial;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-toast__action-button[data-v-06fbd2a2]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover {\n    background-color: transparent;\n    background-color: initial;\n}\n}\n.or-toast__message[data-v-06fbd2a2] {\n  flex-grow: 1;\n  font-size: var(--fs-0);\n  font-weight: normal;\n  line-height: 21px;\n  color: var(--c-neutral-0);\n  cursor: default;\n}";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-06fbd2a2";
+script$1.__file = "src/components/or-toast/OrToast.vue";
+
+function useQueue(initialValue) {
+  //generic needed! see https://github.com/vuejs/core/issues/2136
+  const queue = ref(initialValue || []);
+  const addItem = item => {
+    const refItem = ref(item);
+    queue.value.push(refItem);
+  };
+  const removeItem = condition => {
+    const index = queue.value.findIndex((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    });
+    if (index !== -1) queue.value.splice(index, 1);
+  };
+  const getItem = condition => {
+    return queue.value.filter((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    })[0];
+  };
+  const clearAll = () => {
+    queue.value = [];
+  };
+  return {
+    queue,
+    addItem,
+    removeItem,
+    clearAll,
+    getItem
+  };
+}
+
+const useToastEventBus = () => {
+  const busPull = {
+    toastNotify: useEventBus('toastNotify'),
+    toastClose: useEventBus('toastClose'),
+    toastCloseAll: useEventBus('toastCloseAll'),
+    toastUpdate: useEventBus('toastUpdate')
+  };
+  return {
+    on: (namedQueue, listener) => {
+      busPull[namedQueue].on(listener);
+    },
+    off: (namedQueue, listener) => {
+      busPull[namedQueue].off(listener);
+    },
+    emit: (namedQueue, data) => {
+      busPull[namedQueue].emit(data);
+    }
+  };
+};
+var useToastEventBus$1 = createSharedComposable(useToastEventBus);
+
+var script = defineComponent({
+  name: 'OrToastContainer',
+  components: {
+    OrToast: script$1,
+    OrTeleport: script$4
+  },
+  props: {
+    includeHeaderHeight: {
+      type: Boolean,
+      default: true
+    },
+    position: {
+      type: Object,
+      default: () => ({
+        positionX: PositionsX.right,
+        positionY: PositionsY.bottom
+      })
+    },
+    transition: {
+      type: String,
+      default: TransitionType.slide
+    }
+  },
+  setup() {
+    const {
+      on,
+      off
+    } = useToastEventBus$1();
+    const {
+      queue,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem
+    } = useQueue();
+    const [isActive, toggle] = useToggle(false);
+    return {
+      on,
+      off,
+      isActive,
+      toggle,
+      queue,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem
+    };
+  },
+  computed: {
+    getQueue() {
+      return this.queue.map(i => i.value);
+    },
+    classes() {
+      var _a, _b, _c;
+      return [`position--${(_a = this.position) === null || _a === void 0 ? void 0 : _a.positionX}`, `position--${(_b = this.position) === null || _b === void 0 ? void 0 : _b.positionY}`, {
+        'position--top--with-header': ((_c = this.position) === null || _c === void 0 ? void 0 : _c.positionY) === PositionsY.top && this.includeHeaderHeight
+      }];
+    },
+    transitionName() {
+      var _a;
+      return `or-toast--position-${(_a = this.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${this.transition}`;
+    }
+  },
+  beforeMount() {
+    this.on('toastNotify', this.createToast);
+    this.on('toastClose', this.toastRemove);
+    this.on('toastUpdate', this.toastUpdate);
+    this.on('toastCloseAll', this.clearAll);
+  },
+  beforeDestroy() {
+    this.off('toastNotify', this.createToast);
+    this.off('toastClose', this.toastRemove);
+    this.off('toastUpdate', this.toastUpdate);
+    this.off('toastCloseAll', this.clearAll);
+  },
+  methods: {
+    createToast(toastConfiguration) {
+      const caller = () => {
+        var _a;
+        this.addItem(toastConfiguration);
+        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(this.toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
+      };
+      if (!this.isActive) {
+        // before create toast we need change isActive props, to render or-teleport,
+        // in other case first item will not be animated
+        this.toggle(true);
+        nextTick(caller);
+      } else {
+        caller();
+      }
+    },
+    toastUpdate(toast) {
+      const toastItem = this.getItem(item => {
+        return item.hash === toast.hash;
+      });
+      if (toastItem) toastItem.value = toast;
+    },
+    toastRemove(toast) {
+      this.removeItem(item => {
+        var _a, _b, _c;
+        if (item.hash === toast.hash) {
+          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
+          return true;
+        }
+        return false;
+      });
+    },
+    onToastEnter(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
+    },
+    onToastLeave(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
+    },
+    onClick(toastBehaviour) {
+      var _a;
+      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
+    },
+    onToastHidden() {
+      this.toggle(this.queue.length > 0);
+    }
+  }
+});
+
+const _hoisted_1 = ["onClick", "onMouseenter", "onMouseleave"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_toast = resolveComponent("or-toast");
+  const _component_or_teleport = resolveComponent("or-teleport");
+  return _ctx.isActive ? (openBlock(), createBlock(_component_or_teleport, {
+    key: 0
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      class: normalizeClass(["or-toast-container", _ctx.classes])
+    }, [createVNode(TransitionGroup, {
+      name: _ctx.transitionName,
+      onAfterLeave: _ctx.onToastHidden
+    }, {
+      default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getQueue, toastConfiguration => {
+        return openBlock(), createElementBlock("div", {
+          key: toastConfiguration.hash,
+          onClick: $event => _ctx.onClick(toastConfiguration.toastBehaviour),
+          onMouseenter: $event => _ctx.onToastEnter(toastConfiguration),
+          onMouseleave: $event => _ctx.onToastLeave(toastConfiguration)
+        }, [createVNode(_component_or_toast, mergeProps(toastConfiguration.toastProps, {
+          onClose: $event => _ctx.toastRemove(toastConfiguration)
+        }), null, 16 /* FULL_PROPS */, ["onClose"])], 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1);
+      }), 128 /* KEYED_FRAGMENT */))]),
+
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["name", "onAfterLeave"])], 2 /* CLASS */)]),
+
+    _: 1 /* STABLE */
+  })) : createCommentVNode("v-if", true);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-53e19519 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-53e19519 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-toast-container[data-v-53e19519] {\n  position: absolute;\n  z-index: 26;\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-3);\n  justify-content: center;\n  width: 512px;\n  max-width: calc(100% - var(--s-6));\n  overflow: hidden;\n}\n.or-toast-container span[data-v-53e19519] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-3);\n  justify-content: center;\n}\n.position[data-v-53e19519] {\n  align-items: center;\n}\n.position--bottom[data-v-53e19519] {\n  top: auto;\n  top: initial;\n  bottom: var(--s-6);\n}\n.position--top[data-v-53e19519] {\n  top: var(--s-6);\n  bottom: auto;\n  bottom: initial;\n}\n.position--top--with-header[data-v-53e19519] {\n  top: calc(var(--s-6) + 48px);\n}\n.position--right[data-v-53e19519] {\n  right: var(--s-6);\n  left: auto;\n  left: initial;\n}\n.position--left[data-v-53e19519] {\n  right: auto;\n  right: initial;\n  left: var(--s-6);\n}\n.position--center[data-v-53e19519] {\n  right: var(--s-6);\n  left: var(--s-6);\n}\n.or-toast--transition-slide-enter-active[data-v-53e19519],\n.or-toast--transition-slide-leave-active[data-v-53e19519] {\n  transition: transform 0.4s ease;\n}\n.or-toast--transition-slide-enter.or-toast--position-right[data-v-53e19519],\n.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-53e19519] {\n  transform: translateX(999px);\n}\n.or-toast--transition-slide-enter.or-toast--position-left[data-v-53e19519],\n.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-53e19519] {\n  transform: translateX(-999px);\n}\n.or-toast--transition-fade-enter-active[data-v-53e19519],\n.or-toast--transition-fade-leave-active[data-v-53e19519] {\n  transition: opacity 0.4s ease;\n}\n.or-toast--transition-fade-enter[data-v-53e19519],\n.or-toast--transition-fade-leave-active[data-v-53e19519] {\n  opacity: 0;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-53e19519";
+script.__file = "src/components/or-toast/or-toast-container/OrToastContainer.vue";
+
+class Timer {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    this.startedAt = null;
+    this.timer = null;
+    this.callback = noop;
+    this.delay = 0;
+  }
+  start(callback, delay) {
+    if (delay && delay > 0) {
+      this.callback = callback;
+      this.delay = delay;
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  pause() {
+    if (this.timer && this.startedAt) {
+      this.stop();
+      this.delay -= Date.now() - this.startedAt;
+    }
+  }
+  resume() {
+    this.stop();
+    if (this.delay > 0) {
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  stop() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+function useToast() {
+  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    emit
+  } = useToastEventBus$1();
+  function notify(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const {
+      duration = 5000,
+      pauseOnHover = true,
+      onToastClose,
+      onToastClick
+    } = behaviour;
+    const propsData = {
+      ...props,
+      ...globalToastProps
+    };
+    const config = {
+      toastProps: propsData,
+      //generate ToastHash
+      hash: Math.random().toString(36).slice(2),
+      ...(Number.isInteger(duration) && {
+        timer: new Timer()
+      }),
+      toastBehaviour: {
+        duration,
+        pauseOnHover,
+        onToastClose,
+        onToastClick
+      }
+    };
+    emit('toastNotify', config);
+    return {
+      close: () => emit('toastClose', config),
+      update: data => emit('toastUpdate', {
+        ...config,
+        toastProps: {
+          ...config.toastProps,
+          ...data
+        }
+      })
+    };
+  }
+  function clearAll() {
+    emit('toastCloseAll');
+  }
+  function success(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.success
+    }, behaviour);
+  }
+  function error(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.error
+    }, behaviour);
+  }
+  function loading(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      dismissible: false,
+      ...props,
+      toastType: ToastType.loading
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { PositionsX as P, TransitionType as T, script as a, useQueue as b, PositionsY as c, ToastType as d, useToastEventBus$1 as e, Timer as f, script$1 as s, useToast as u };

package/dist/bundled/v3/components/OrToastContainer/OrToastContainer.js

@@ -0,0 +1 @@
+export { a as default } from '../OrToast-2a03def2.js';

package/dist/bundled/v3/components/OrToastContainer/OrToastContainer.vue.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue-demi';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
+import { PositionsX, PositionsY, TransitionType } from '../constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: () => {
+            positionX: PositionsX;
+            positionY: PositionsY;
+        };
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}, {
+    on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
+    off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
+    isActive: import("vue-demi").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    queue: import("vue-demi").Ref<import("vue-demi").Ref<ToastConfiguration>[]>;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => import("vue-demi").Ref<ToastConfiguration>;
+}, unknown, {
+    getQueue(): ToastConfiguration[];
+    classes(): (Record<string, boolean> | string)[];
+    transitionName(): string;
+}, {
+    createToast(toastConfiguration: ToastConfiguration): void;
+    toastUpdate(toast: ToastConfiguration): void;
+    toastRemove(toast: ToastConfiguration): void;
+    onToastEnter(toast: ToastConfiguration): void;
+    onToastLeave(toast: ToastConfiguration): void;
+    onClick(toastBehaviour: ToastBehaviour): void;
+    onToastHidden(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: () => {
+            positionX: PositionsX;
+            positionY: PositionsY;
+        };
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}>>, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrToastContainer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OrToastContainer } from './OrToastContainer.vue';
+export * from '../composable';
+export * from '../types';
+export * from '../constants';

package/dist/bundled/v3/components/OrToastContainer/index.js

@@ -0,0 +1 @@
+export { a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from '../OrToast-2a03def2.js';

package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainer.js

@@ -0,0 +1 @@
+export { a as default } from '../OrToastV3-5860b60b.js';

package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainer.vue.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue-demi';
+import { TransitionType } from '../props';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
+declare const _default: import("vue-demi").DefineComponent<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<"slide" | "fade">;
+        default: TransitionType;
+    };
+}, {
+    on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
+    off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
+    classes: import("vue-demi").ComputedRef<(string | {
+        'position--top--with-header': boolean;
+    })[]>;
+    transitionName: import("vue-demi").ComputedRef<string>;
+    isActive: import("vue-demi").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => import("vue-demi").Ref<ToastConfiguration>;
+    queue: import("vue-demi").ComputedRef<ToastConfiguration[]>;
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    createToast: (toastConfiguration: ToastConfiguration) => void;
+    toastUpdate: (toast: ToastConfiguration) => void;
+    toastRemove: (toast: ToastConfiguration) => void;
+    onToastEnter: (toast: ToastConfiguration) => void;
+    onToastLeave: (toast: ToastConfiguration) => void;
+    onClick: (toastBehaviour: ToastBehaviour) => void;
+    onToastHidden: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<"slide" | "fade">;
+        default: TransitionType;
+    };
+}>>, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: "slide" | "fade";
+}>;
+export default _default;

package/dist/bundled/v3/components/OrToastContainerV3/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OrToastContainerV3 } from './OrToastContainer.vue';
+export * from '../composable';
+export * as TypesV3 from '../types';
+export * as PropsV3 from '../props';

package/dist/bundled/v3/components/OrToastContainerV3/index.js

@@ -0,0 +1 @@
+export { a as OrToastContainerV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from '../OrToastV3-5860b60b.js';

package/dist/bundled/v3/components/OrToastV3/OrToast.js

@@ -0,0 +1 @@
+export { s as default } from '../OrToastV3-5860b60b.js';

package/dist/bundled/v3/components/OrToastV3/OrToast.vue.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue-demi';
+import { ToastType } from './props';
+import { ToastLink } from './types';
+declare const _default: import("vue-demi").DefineComponent<{
+    toastType: {
+        type: PropType<"success" | "error" | "loading">;
+        default: ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    toastIconStyle: import("vue-demi").ComputedRef<string[]>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    loaderStyle: import("vue-demi").ComputedRef<string[]>;
+    messageStyle: import("vue-demi").ComputedRef<string[]>;
+    emojiSrc: import("vue-demi").ComputedRef<string | null>;
+    hrefTarget: import("vue-demi").ComputedRef<"_blank" | "_parent" | "_self">;
+    onClose: () => void;
+    onLinkClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    toastType: {
+        type: PropType<"success" | "error" | "loading">;
+        default: ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    link: ToastLink;
+    toastType: "success" | "error" | "loading";
+    messageText: string;
+    dismissible: boolean;
+}>;
+export default _default;