@onereach/ui-components 2.77.0-beta.2456.0 → 2.77.0-beta.2460.0

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

@@ -0,0 +1,93 @@
+import { PropType } from 'vue-demi';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
+import { PositionsX, PositionsY, TransitionType } from '../constants';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    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/composition-api").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
+}> & import("@vue/composition-api").Data, {
+    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;
+}, {
+    getQueue(): ToastConfiguration[];
+    classes(): (Record<string, boolean> | string)[];
+    transitionName(): string;
+}, {
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: () => {
+            positionX: PositionsX;
+            positionY: PositionsY;
+        };
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: () => {
+            positionX: PositionsX;
+            positionY: PositionsY;
+        };
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    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/composition-api").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
+}>, import("@vue/composition-api").Data, {
+    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;
+}, {}, {}, {}, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+} & {}, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/OrToast/composable/index.js

@@ -0,0 +1,7 @@
+export { default as useToast } from './useToast.js';
+export { default as useQueue } from './useQueue.js';
+import '../Timer.js';
+import '@vueuse/core';
+import './useToastEventBus.js';
+import '../constants.js';
+import 'vue-demi';

package/dist/bundled/v3/components/OrToast/composable/useQueue.js

@@ -0,0 +1,33 @@
+import { ref } from 'vue-demi';
+
+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
+  };
+}
+
+export { useQueue as default };

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

@@ -0,0 +1,82 @@
+import Timer from '../Timer.js';
+import useToastEventBus from './useToastEventBus.js';
+import { ToastType } from '../constants.js';
+import '@vueuse/core';
+
+function useToast(globalToastProps = {}) {
+  const {
+    emit
+  } = useToastEventBus();
+  function notify(props, behaviour = {}) {
+    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, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.success
+    }, behaviour);
+  }
+  function error(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.error
+    }, behaviour);
+  }
+  function loading(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.loading,
+      dismissible: false
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { useToast as default };

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

@@ -0,0 +1,24 @@
+import { createSharedComposable, useEventBus } from '@vueuse/core';
+
+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 };

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

@@ -1,5 +1,2 @@
-export { default as OrToast } from './OrToast.vue';
-export { default as OrToastContainer } from './or-toast-container/OrToastContainer.vue';
-export * from './composable';
-export * from './types';
-export * from './constants';
+export { default as useToast } from './useToast';
+export { default as useQueue } from './useQueue';

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

@@ -1,8 +1,8 @@
 export { PositionsX, PositionsY, ToastType, TransitionType } from './constants.js';
 export { default as OrToast } from './OrToast.js';
-export { s as OrToastContainer } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
-export { default as useToast } from '../or-toast/composable/useToast.js';
-export { default as useQueue } from '../or-toast/composable/useQueue.js';
+export { s as OrToastContainer } from '../../OrToastContainer.vue_vue_type_script_lang-51a3ba56.js';
+export { default as useToast } from './composable/useToast.js';
+export { default as useQueue } from './composable/useQueue.js';
 import 'vue-demi';
 import '../OrProgress/OrProgress.js';
 import '../../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
@@ -32,5 +32,5 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '@vueuse/core';
-import '../or-toast/composable/useToastEventBus.js';
+import './composable/useToastEventBus.js';
 import './Timer.js';

package/dist/bundled/v3/components/OrToast/useQueue.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue-demi';
+export default function useQueue<T>(initialValue?: Array<T>): {
+    queue: Ref<Ref<T>[]>;
+    addItem: (item: T) => void;
+    removeItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => Ref<T>;
+};

package/dist/bundled/v3/components/OrToast/useToast.d.ts

@@ -0,0 +1,13 @@
+import { ToastBehaviour, ToastProps } from '../types';
+interface UseToastNotifyReturns {
+    close: () => void;
+    update: (data: ToastProps) => void;
+}
+export default function useToast(globalToastProps?: ToastProps): {
+    notify: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturns;
+    clearAll: () => void;
+    success: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturns;
+    error: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturns;
+    loading: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturns;
+};
+export {};

package/dist/bundled/v3/components/OrToast/useToastEventBus.d.ts

@@ -0,0 +1,9 @@
+import { EventBusListener } from '@vueuse/core';
+import { ToastConfiguration } from '../types';
+export type ToastEventsBusEvents = 'toastNotify' | 'toastClose' | 'toastCloseAll' | 'toastUpdate';
+declare const _default: () => {
+    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration, any>) => void;
+    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration, any>) => void;
+    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration | undefined) => void;
+};
+export default _default;

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
-export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
+import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-51a3ba56.js';
+export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-51a3ba56.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '../OrToast/OrToast.js';
@@ -31,8 +31,8 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '@vueuse/core';
-import '../or-toast/composable/useQueue.js';
-import '../or-toast/composable/useToastEventBus.js';
+import '../OrToast/composable/useQueue.js';
+import '../OrToast/composable/useToastEventBus.js';
 
 const _hoisted_1 = ["onClick", "onMouseenter", "onMouseleave"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1,7 +1,7 @@
 export { PositionsX, PositionsY, ToastType, TransitionType } from '../OrToast/constants.js';
-export { s as OrToastContainer } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
-export { default as useToast } from '../or-toast/composable/useToast.js';
-export { default as useQueue } from '../or-toast/composable/useQueue.js';
+export { s as OrToastContainer } from '../../OrToastContainer.vue_vue_type_script_lang-51a3ba56.js';
+export { default as useToast } from '../OrToast/composable/useToast.js';
+export { default as useQueue } from '../OrToast/composable/useQueue.js';
 import '../OrToast/OrToast.js';
 import 'vue-demi';
 import '../OrProgress/OrProgress.js';
@@ -32,5 +32,5 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '@vueuse/core';
-import '../or-toast/composable/useToastEventBus.js';
+import '../OrToast/composable/useToastEventBus.js';
 import '../OrToast/Timer.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-e98944bc.js';
-export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-e98944bc.js';
+import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-59d729a6.js';
+export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-59d729a6.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../or-toast-v3/composable/useQueue.js';
-import '../or-toast-v3/composable/useToastEventBus.js';
+import '../OrToastV3/composable/useQueue.js';
+import '../OrToastV3/composable/useToastEventBus.js';
 import '../OrToastV3/OrToast.js';
 import '../../props-7be029c7.js';
 import '../OrToastV3/styles.js';

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

@@ -1,11 +1,11 @@
 export { t as TypesV3 } from '../../types-668300dd.js';
 export { p as PropsV3 } from '../../props-7be029c7.js';
-export { s as OrToastContainerV3 } from '../../OrToastContainer.vue_vue_type_script_lang-e98944bc.js';
-export { default as useToastV3 } from '../or-toast-v3/composable/useToast.js';
-export { default as useQueueV3 } from '../or-toast-v3/composable/useQueue.js';
+export { s as OrToastContainerV3 } from '../../OrToastContainer.vue_vue_type_script_lang-59d729a6.js';
+export { default as useToastV3 } from '../OrToastV3/composable/useToast.js';
+export { default as useQueueV3 } from '../OrToastV3/composable/useQueue.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../or-toast-v3/composable/useToastEventBus.js';
+import '../OrToastV3/composable/useToastEventBus.js';
 import '../OrToastV3/OrToast.js';
 import '../OrToastV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';

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

@@ -0,0 +1,85 @@
+import { PropType } from 'vue-demi';
+import { TransitionType } from '../props';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    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/composition-api").ComputedRef<(string | {
+        'position--top--with-header': boolean;
+    })[]>;
+    transitionName: import("@vue/composition-api").ComputedRef<string>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
+    queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
+    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/composition-api").Data, {}, {}, {
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    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/composition-api").ComputedRef<(string | {
+        'position--top--with-header': boolean;
+    })[]>;
+    transitionName: import("@vue/composition-api").ComputedRef<string>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
+    queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
+    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/composition-api").Data, {}, {}, {}, {}, {}, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+} & {}, {
+    includeHeaderHeight: boolean;
+    position: Position;
+    transition: TransitionType;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/OrToastV3/composable/index.js

@@ -0,0 +1,7 @@
+export { default as useToastV3 } from './useToast.js';
+export { default as useQueueV3 } from './useQueue.js';
+import '../../../props-7be029c7.js';
+import '../Timer.js';
+import '@vueuse/core';
+import './useToastEventBus.js';
+import 'vue-demi';

package/dist/bundled/v3/components/OrToastV3/composable/useQueue.js

@@ -0,0 +1,33 @@
+import { ref } from 'vue-demi';
+
+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
+  };
+}
+
+export { useQueue as default };

package/dist/bundled/v3/components/OrToastV3/composable/useToast.js

@@ -0,0 +1,82 @@
+import { b as ToastType } from '../../../props-7be029c7.js';
+import Timer from '../Timer.js';
+import useToastEventBus from './useToastEventBus.js';
+import '@vueuse/core';
+
+function useToast(globalToastProps = {}) {
+  const {
+    emit
+  } = useToastEventBus();
+  function notify(props, behaviour = {}) {
+    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, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.Success
+    }, behaviour);
+  }
+  function error(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.Error
+    }, behaviour);
+  }
+  function loading(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.Loading,
+      dismissible: false
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { useToast as default };

package/dist/bundled/v3/components/OrToastV3/composable/useToastEventBus.js

@@ -0,0 +1,24 @@
+import { createSharedComposable, useEventBus } from '@vueuse/core';
+
+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 };

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

@@ -1,5 +1,2 @@
-export { default as OrToastV3 } from './OrToast.vue';
-export { default as OrToastContainerV3 } from './or-toast-container-v3/OrToastContainer.vue';
-export * from './composable';
-export * as TypesV3 from './types';
-export * as PropsV3 from './props';
+export { default as useToastV3 } from './useToast';
+export { default as useQueueV3 } from './useQueue';

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

@@ -1,9 +1,9 @@
 export { t as TypesV3 } from '../../types-668300dd.js';
 export { p as PropsV3 } from '../../props-7be029c7.js';
 export { default as OrToastV3 } from './OrToast.js';
-export { s as OrToastContainerV3 } from '../../OrToastContainer.vue_vue_type_script_lang-e98944bc.js';
-export { default as useToastV3 } from '../or-toast-v3/composable/useToast.js';
-export { default as useQueueV3 } from '../or-toast-v3/composable/useQueue.js';
+export { s as OrToastContainerV3 } from '../../OrToastContainer.vue_vue_type_script_lang-59d729a6.js';
+export { default as useToastV3 } from './composable/useToast.js';
+export { default as useQueueV3 } from './composable/useQueue.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
@@ -40,5 +40,5 @@ import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../or-toast-v3/composable/useToastEventBus.js';
+import './composable/useToastEventBus.js';
 import './Timer.js';

package/dist/bundled/v3/components/OrToastV3/useQueue.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue-demi';
+export default function useQueue<T>(initialValue?: Array<T>): {
+    queue: Ref<Ref<T>[]>;
+    addItem: (item: T) => void;
+    removeItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => Ref<T>;
+};