@onereach/ui-components 8.3.1 → 8.4.0-beta.3653.0

package/dist/bundled/v2/components/OrToast/composable/useToast.js

@@ -1,86 +1 @@
-import Timer from '../Timer.js';
-import useToastEventBus from './useToastEventBus.js';
-import { ToastType } from '../constants.js';
-
-function useToast() {
-  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    emit
-  } = useToastEventBus();
-  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 { useToast as default };
+export { u as default } from '../../OrToast-d94d464a.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,25 +1,2 @@
-import { l as useEventBus } from '../../../index-c1efbf6a.js';
-import { d as createSharedComposable } from '../../../index-5564585f.js';
-
-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);
-
-export { useToastEventBus$1 as default };
+import '../../OrBottomSheetV3-a3df65d0.js';
+export { e as default } from '../../OrToast-d94d464a.js';

package/dist/bundled/v2/components/OrToast/constants.js

@@ -1,24 +1 @@
-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 = {}));
-
-export { PositionsX, PositionsY, ToastType, TransitionType };
+export { P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType } from '../OrToast-d94d464a.js';

package/dist/bundled/v2/components/OrToast/index.js

@@ -1,5 +1 @@
-export { default as OrToast } from './OrToast.js';
-export { default as OrToastContainer } from '../OrToastContainer/OrToastContainer.js';
-export { PositionsX, PositionsY, ToastType, TransitionType } from './constants.js';
-export { default as useToast } from './composable/useToast.js';
-export { default as useQueue } from './composable/useQueue.js';
+export { _ as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from '../OrToast-d94d464a.js';

package/dist/bundled/v2/components/OrToast-d94d464a.js

@@ -0,0 +1,520 @@
+import { defineComponent, ref, nextTick } from 'vue-demi';
+import { _ as __vue_component__$2 } from './OrProgress-f8030d25.js';
+import __vue_component__$3 from './OrIconButtonV2/OrIconButton.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-56c993c9.js';
+import { _ as __vue_component__$4 } from './OrTeleport-93a6a4eb.js';
+import { ah as createSharedComposable, ai as useEventBus, a as useToggle, aj as noop } from './OrBottomSheetV3-a3df65d0.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: __vue_component__$2,
+    OrIconButton: __vue_component__$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);
+      }
+    }
+  }
+});
+
+var css_248z$1 = "@keyframes spinAround-data-v-5445d671{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5445d671{from{opacity:1}to{opacity:0}}.or-toast[data-v-5445d671]{display:flex;flex-grow:1;gap:var(--s-4);max-width:512px;min-height:48px;padding:var(--s-4);background-color:var(--c-neutral-6);border-radius:var(--s-2);box-shadow:0 0 8px 1px rgba(0,0,0,.08)}.toast-emoji[data-v-5445d671]{font-size:var(--fs-3)}.or-toast__link[data-v-5445d671]{color:var(--c-primary);word-break:break-word;white-space:nowrap;cursor:pointer}.or-toast__action-button[data-v-5445d671]{display:flex;padding:0;cursor:pointer}@media (hover:hover) and (pointer:fine){.or-toast__action-button[data-v-5445d671]: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{background-color:transparent;background-color:initial}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-toast__action-button[data-v-5445d671]: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{background-color:transparent;background-color:initial}}.or-toast__message[data-v-5445d671]{flex-grow:1;font-size:var(--fs-0);font-weight:400;line-height:21px;color:var(--c-neutral-0);cursor:default}";
+styleInject(css_248z$1);
+
+/* script */
+const __vue_script__$1 = script$1;
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "or-toast"
+  }, [_vm._t("content", function () {
+    return [_vm.toastType === 'loading' ? _c('or-progress', {
+      attrs: {
+        "type": "circle",
+        "color": "primary",
+        "is-loading": _vm.loadingProgress == null,
+        "progress": _vm.loadingProgress
+      }
+    }) : _vm.getEmoji ? _c('div', {
+      staticClass: "toast-emoji"
+    }, [_vm._v("\n      " + _vm._s(_vm.getEmoji) + "\n    ")]) : _vm._e(), _vm._v(" "), _vm.messageText ? _c('div', {
+      staticClass: "or-toast__message",
+      domProps: {
+        "innerHTML": _vm._s(_vm.messageText)
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.link ? _c('a', {
+      staticClass: "or-toast__link",
+      attrs: {
+        "href": _vm.link.href,
+        "target": _vm.hrefTarget
+      },
+      on: {
+        "click": _vm.onLinkClick
+      }
+    }, [_vm._v("\n      " + _vm._s(_vm.link.title) + "\n    ")]) : _vm._e()];
+  }), _vm._v(" "), _c('div', {
+    staticClass: "or-toast__action"
+  }, [_vm.dismissible ? _c('or-icon-button', {
+    staticClass: "or-toast__action-button",
+    attrs: {
+      "icon": "close",
+      "icon-color": "neutral-0"
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.onClose();
+      }
+    }
+  }) : _vm._e()], 1)], 2);
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = "data-v-5445d671";
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+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: __vue_component__$1,
+    OrTeleport: __vue_component__$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);
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-748e4b32{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-748e4b32{from{opacity:1}to{opacity:0}}.or-toast-container[data-v-748e4b32]{position:absolute;z-index:26;display:flex;flex-direction:column;gap:var(--s-3);justify-content:center;width:512px;max-width:calc(100% - var(--s-6));overflow:hidden}.or-toast-container span[data-v-748e4b32]{display:flex;flex-direction:column;gap:var(--s-3);justify-content:center}.position[data-v-748e4b32]{align-items:center}.position--bottom[data-v-748e4b32]{top:auto;top:initial;bottom:var(--s-6)}.position--top[data-v-748e4b32]{top:var(--s-6);bottom:auto;bottom:initial}.position--top--with-header[data-v-748e4b32]{top:calc(var(--s-6) + 48px)}.position--right[data-v-748e4b32]{right:var(--s-6);left:auto;left:initial}.position--left[data-v-748e4b32]{right:auto;right:initial;left:var(--s-6)}.position--center[data-v-748e4b32]{right:var(--s-6);left:var(--s-6)}.or-toast--transition-slide-enter-active[data-v-748e4b32],.or-toast--transition-slide-leave-active[data-v-748e4b32]{transition:transform .4s ease}.or-toast--transition-slide-enter.or-toast--position-right[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-748e4b32]{transform:translateX(999px)}.or-toast--transition-slide-enter.or-toast--position-left[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-748e4b32]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{transition:opacity .4s ease}.or-toast--transition-fade-enter[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{opacity:0}";
+styleInject(css_248z);
+
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.isActive ? _c('or-teleport', [_c('div', {
+    staticClass: "or-toast-container",
+    class: _vm.classes
+  }, [_c('transition-group', {
+    attrs: {
+      "name": _vm.transitionName
+    },
+    on: {
+      "after-leave": _vm.onToastHidden
+    }
+  }, _vm._l(_vm.getQueue, function (toastConfiguration) {
+    return _c('div', {
+      key: toastConfiguration.hash,
+      on: {
+        "click": function ($event) {
+          return _vm.onClick(toastConfiguration.toastBehaviour);
+        },
+        "mouseenter": function ($event) {
+          return _vm.onToastEnter(toastConfiguration);
+        },
+        "mouseleave": function ($event) {
+          return _vm.onToastLeave(toastConfiguration);
+        }
+      }
+    }, [_c('or-toast', _vm._b({
+      on: {
+        "close": function ($event) {
+          return _vm.toastRemove(toastConfiguration);
+        }
+      }
+    }, 'or-toast', toastConfiguration.toastProps, false))], 1);
+  }), 0)], 1)]) : _vm._e();
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-748e4b32";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+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, __vue_component__$1 as _, __vue_component__ as a, useQueue as b, PositionsY as c, ToastType as d, useToastEventBus$1 as e, Timer as f, useToast as u };