npm - @onereach/ui-components - Versions diffs - 23.2.0-beta.5525.0 → 23.2.1-beta.5569.0 - Mend

@onereach/ui-components 23.2.0-beta.5525.0 → 23.2.1-beta.5569.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/esm/{types-DDvUDsPq.mjs.map → types-BwxhurSS.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types-DDvUDsPq.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n Right = 'right',\n Left = 'left',\n Center = 'center',\n}\n\nexport enum PositionsY {\n Top = 'top',\n Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n Slide = 'slide',\n Fade = 'fade',\n}\n\nexport enum ToastType {\n Success = 'success',\n Error = 'error',\n Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n // Layout\n 'layout-row',\n\n // Box\n 'w-[343px] md:w-[512px]',\n\n // Shape\n 'rounded-md',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n\n // Typography\n 'typography-caption-regular',\n\n // Elevation\n 'shadow-card',\n 'dark:shadow-card-dark',\n\n // Theme\n 'theme-background-surface-inverse',\n 'dark:theme-background-surface-inverse-dark',\n\n 'theme-foreground-on-surface-inverse',\n 'dark:theme-foreground-on-surface-inverse-dark',\n\n // Theme (children)\n '[&_:any-link]:text-inverse-primary',\n 'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n // Position\n 'absolute',\n\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-sm',\n\n // Overflow\n 'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n 'left-top': [\n // Position\n 'left-md md:left-lg',\n 'top-md md:top-lg',\n ],\n\n 'center-top': [\n // Position\n 'top-md md:top-lg',\n ],\n\n 'right-top': [\n // Position\n 'right-md md:right-lg',\n 'top-md md:top-lg',\n ],\n\n 'left-bottom': [\n // Position\n 'left-md md:left-lg',\n 'bottom-md md:bottom-lg',\n ],\n\n 'center-bottom': [\n // Position\n 'bottom-md md:bottom-lg',\n ],\n\n 'right-bottom': [\n // Position\n 'right-md md:right-lg',\n 'bottom-md md:bottom-lg',\n ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n 'success': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'error': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'loading': [\n // Typography\n 'typography-caption-regular',\n ],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot name=\"content\">\n <!-- before message -->\n <div\n v-if=\"toastType === 'loading'\"\n :class=\"loaderStyle\"\n >\n <OrLoader\n :variant=\"'circular'\"\n :color=\"'inherit'\"\n :size=\"'s'\"\n />\n </div>\n\n <img\n v-else-if=\"emojiSrc\"\n :class=\"toastIconStyle\"\n :src=\"emojiSrc\"\n alt=\"Emoji\"\n >\n\n <!-- message -->\n <div\n v-if=\"messageText\"\n :class=\"messageStyle\"\n v-html=\"messageText\"\n />\n </slot>\n\n <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n <template v-if=\"link\">\n <a\n class=\"or-toast__link\"\n :href=\"link.href\"\n :target=\"hrefTarget\"\n @click=\"onLinkClick\"\n >\n {{ link.title }}\n </a>\n </template>\n\n <template v-if=\"dismissible\">\n <OrIconButton\n :icon=\"'close'\"\n :size=\"'m'\"\n @click.stop=\"onClose()\"\n />\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n name: 'OrToast',\n\n components: {\n OrIconButton,\n OrLoader,\n },\n\n props: {\n toastType: {\n type: String as PropType<`${ToastType}`>,\n default: () => ToastType.Success,\n },\n\n link: {\n type: Object as PropType<ToastLink>,\n default: undefined,\n },\n\n messageText: {\n type: String,\n default: undefined,\n },\n\n dismissible: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n ...Toast,\n ]);\n\n const toastIconStyle = computed(() => [\n 'self-center',\n 'object-cover',\n // Box\n 'w-[20px]',\n 'h-[20px]',\n ]);\n\n const messageStyle = computed(() => [\n ...messageStyleVariant[props.toastType],\n 'grow',\n ]);\n\n const loaderStyle = computed(() => [\n //Layout\n 'self-center',\n // Theme\n 'text-inverse-primary',\n 'dark:text-inverse-primary-dark',\n ]);\n\n // State\n const emojiSrc = computed(() => {\n switch (props.toastType) {\n case ToastType.Success:\n return successPng;\n case ToastType.Error:\n return errorPng;\n default:\n return null;\n }\n });\n\n const hrefTarget = computed(() => {\n return props.link?.target ?? '_self';\n });\n\n // Methods\n function onClose(): void {\n context.emit('close');\n }\n\n function onLinkClick(event: MouseEvent): void {\n if (props.link?.callback) {\n event.preventDefault();\n props.link.callback?.();\n }\n }\n\n return {\n root,\n toastIconStyle,\n rootStyles,\n loaderStyle,\n messageStyle,\n emojiSrc,\n hrefTarget,\n onClose,\n onLinkClick,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n word-break: break-word;\n white-space: nowrap;\n cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n //generic needed! see https://github.com/vuejs/core/issues/2136\n const queue = ref<Array<T>>(initialValue \|\| []) as Ref<Ref<T>[]>;\n\n const addItem = (item: T): void => {\n const refItem = ref<T>(item) as Ref<T>;\n queue.value.push(refItem);\n };\n\n const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n const index = queue.value.findIndex((i, idx, q) => {\n return condition?.(i.value, idx, q);\n });\n if (index !== -1) queue.value.splice(index, 1);\n };\n\n const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n return queue.value.filter((i, idx, q) => {\n return condition?.(i.value, idx, q);\n })[0];\n };\n\n const clearAll = (): void => {\n queue.value = [];\n };\n\n return {\n queue,\n addItem,\n removeItem,\n clearAll,\n getItem,\n };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'\|'toastClose'\|'toastCloseAll' \| 'toastUpdate';\n\nconst useToastEventBus = () => {\n const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n toastNotify: useEventBus('toastNotify'),\n toastClose: useEventBus('toastClose'),\n toastCloseAll: useEventBus('toastCloseAll'),\n toastUpdate: useEventBus('toastUpdate'),\n };\n return {\n on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].on(listener);\n },\n off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].off(listener);\n },\n emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n busPull[namedQueue].emit(data);\n },\n };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n <OrTeleport :disabled=\"isActive\">\n <div\n :ref=\"'root'\"\n :class=\"classes\"\n >\n <TransitionGroup\n :name=\"transitionName\"\n tag=\"div\"\n class=\"contents\"\n @after-leave=\"onToastHidden\"\n >\n <OrToast\n v-for=\"toastConfiguration in queue\"\n v-bind=\"toastConfiguration.toastProps\"\n :key=\"toastConfiguration.hash\"\n @click=\"onClick(toastConfiguration.toastBehaviour)\"\n @mouseenter=\"onToastEnter(toastConfiguration)\"\n @mouseleave=\"onToastLeave(toastConfiguration)\"\n @close=\"toastRemove(toastConfiguration)\"\n />\n </TransitionGroup>\n </div>\n </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n name: 'OrToastContainer',\n\n components: {\n OrTeleport,\n OrToast,\n },\n\n props: {\n includeHeaderHeight: {\n type: Boolean,\n default: true,\n },\n\n position: {\n type: Object as PropType<Position>,\n default: {\n positionX: PositionsX.Right,\n positionY: PositionsY.Bottom,\n } as Position,\n },\n\n transition: {\n type: String as PropType<`${TransitionType}`>,\n default: () => TransitionType.Slide,\n },\n },\n\n setup(props) {\n // Refs\n const root = ref<HTMLElement>();\n\n const { on, off } = useToastEventBus();\n const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n const [isActive, toggle] = useToggle(false);\n const classes = computed(() => [\n 'or-toast-container-v3',\n ...ToastContainer,\n ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n {\n 'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n },\n ]);\n const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n // State\n const queue = computed<ToastConfiguration[]>(() => {\n return queueRef.value.map(({ value }) => value);\n });\n\n // Methods\n function createToast(toastConfiguration: ToastConfiguration): void {\n const caller = () => {\n addItem(toastConfiguration);\n toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n toastConfiguration.toastBehaviour.duration,\n );\n };\n\n if (!isActive.value) {\n // before create toast we need change isActive props, to render or-teleport,\n // in other case first item will not be animated\n toggle(true);\n nextTick(caller);\n } else {\n caller();\n }\n }\n\n function toastUpdate(toast: ToastConfiguration): void {\n const toastItem = getItem((item) => {\n return item.hash === toast.hash;\n });\n\n if (toastItem)\n toastItem.value = toast;\n }\n\n function toastRemove(toast: ToastConfiguration): void {\n removeItem((item) => {\n if (item.hash === toast.hash) {\n item.toastBehaviour?.onToastClose?.();\n item.timer?.stop();\n return true;\n }\n return false;\n });\n }\n\n function onToastEnter(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.pause();\n }\n\n function onToastLeave(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.resume();\n }\n\n function onClick(toastBehaviour: ToastBehaviour): void {\n toastBehaviour.onToastClick?.();\n }\n\n function onToastHidden(): void {\n toggle(queue.value.length > 0);\n }\n\n // Effects\n onBeforeMount(() => {\n on('toastNotify', createToast);\n on('toastClose', toastRemove);\n on('toastUpdate', toastUpdate);\n on('toastCloseAll', clearAll);\n });\n\n onBeforeUnmount(() => {\n off('toastNotify', createToast);\n off('toastClose', toastRemove);\n off('toastUpdate', toastUpdate);\n off('toastCloseAll', clearAll);\n });\n\n useElevation(root, isActive);\n\n return {\n on,\n off,\n classes,\n transitionName,\n isActive,\n toggle,\n addItem,\n removeItem,\n clearAll,\n getItem,\n queue,\n root,\n createToast,\n toastUpdate,\n toastRemove,\n onToastEnter,\n onToastLeave,\n onClick,\n onToastHidden,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n private startedAt: number\| null = null;\n private timer: ReturnType<typeof setTimeout> \| null = null;\n private callback: () => void = noop;\n private delay = 0;\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n constructor() {}\n\n start(callback: () => void, delay?: number) {\n if (delay && delay > 0) {\n this.callback = callback;\n this.delay = delay;\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n pause() {\n if (this.timer && this.startedAt) {\n this.stop();\n this.delay -= Date.now() - this.startedAt;\n }\n }\n\n resume() {\n this.stop();\n if (this.delay > 0) {\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n stop() {\n if (this.timer)\n clearTimeout(this.timer);\n }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n const { emit } = useToastEventBus();\n\n function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n const propsData = {\n ...props,\n ...globalToastProps,\n };\n\n const config: ToastConfiguration = {\n toastProps: propsData,\n //generate ToastHash\n hash: Math.random().toString(36).slice(2),\n ...(Number.isInteger(duration) && { timer: new Timer() }),\n toastBehaviour: {\n duration,\n pauseOnHover,\n onToastClose,\n onToastClick,\n },\n };\n\n emit('toastNotify', config);\n\n return ({\n close: () => emit('toastClose', config),\n update: (data: ToastProps) => emit('toastUpdate', {\n ...config,\n toastProps: {\n ...config.toastProps,\n ...data,\n },\n }),\n });\n }\n\n function clearAll(): void {\n emit('toastCloseAll');\n }\n\n function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Success,\n }, behaviour);\n }\n\n function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Error,\n }, behaviour);\n }\n\n\n function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n dismissible: false,\n ...props,\n toastType: ToastType.Loading,\n }, {\n ...behaviour,\n duration: 0, // <- toast with type \"loading\" will not cloe automatically\n });\n }\n\n return {\n notify,\n clearAll,\n success,\n error,\n loading,\n };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}
1	+ {"version":3,"file":"types-BwxhurSS.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n Right = 'right',\n Left = 'left',\n Center = 'center',\n}\n\nexport enum PositionsY {\n Top = 'top',\n Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n Slide = 'slide',\n Fade = 'fade',\n}\n\nexport enum ToastType {\n Success = 'success',\n Error = 'error',\n Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n // Layout\n 'layout-row',\n\n // Box\n 'w-[343px] md:w-[512px]',\n\n // Shape\n 'rounded-md',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n\n // Typography\n 'typography-caption-regular',\n\n // Elevation\n 'shadow-card',\n 'dark:shadow-card-dark',\n\n // Theme\n 'theme-background-surface-inverse',\n 'dark:theme-background-surface-inverse-dark',\n\n 'theme-foreground-on-surface-inverse',\n 'dark:theme-foreground-on-surface-inverse-dark',\n\n // Theme (children)\n '[&_:any-link]:text-inverse-primary',\n 'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n // Position\n 'absolute',\n\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-sm',\n\n // Overflow\n 'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n 'left-top': [\n // Position\n 'left-md md:left-lg',\n 'top-md md:top-lg',\n ],\n\n 'center-top': [\n // Position\n 'top-md md:top-lg',\n ],\n\n 'right-top': [\n // Position\n 'right-md md:right-lg',\n 'top-md md:top-lg',\n ],\n\n 'left-bottom': [\n // Position\n 'left-md md:left-lg',\n 'bottom-md md:bottom-lg',\n ],\n\n 'center-bottom': [\n // Position\n 'bottom-md md:bottom-lg',\n ],\n\n 'right-bottom': [\n // Position\n 'right-md md:right-lg',\n 'bottom-md md:bottom-lg',\n ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n 'success': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'error': [\n // Typography\n 'typography-caption-regular',\n ],\n\n 'loading': [\n // Typography\n 'typography-caption-regular',\n ],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot name=\"content\">\n <!-- before message -->\n <div\n v-if=\"toastType === 'loading'\"\n :class=\"loaderStyle\"\n >\n <OrLoader\n :variant=\"'circular'\"\n :color=\"'inherit'\"\n :size=\"'s'\"\n />\n </div>\n\n <img\n v-else-if=\"emojiSrc\"\n :class=\"toastIconStyle\"\n :src=\"emojiSrc\"\n alt=\"Emoji\"\n >\n\n <!-- message -->\n <div\n v-if=\"messageText\"\n :class=\"messageStyle\"\n v-html=\"messageText\"\n />\n </slot>\n\n <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n <template v-if=\"link\">\n <a\n class=\"or-toast__link\"\n :href=\"link.href\"\n :target=\"hrefTarget\"\n @click=\"onLinkClick\"\n >\n {{ link.title }}\n </a>\n </template>\n\n <template v-if=\"dismissible\">\n <OrIconButton\n :icon=\"'close'\"\n :size=\"'m'\"\n @click.stop=\"onClose()\"\n />\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n name: 'OrToast',\n\n components: {\n OrIconButton,\n OrLoader,\n },\n\n props: {\n toastType: {\n type: String as PropType<`${ToastType}`>,\n default: () => ToastType.Success,\n },\n\n link: {\n type: Object as PropType<ToastLink>,\n default: undefined,\n },\n\n messageText: {\n type: String,\n default: undefined,\n },\n\n dismissible: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n ...Toast,\n ]);\n\n const toastIconStyle = computed(() => [\n 'self-center',\n 'object-cover',\n // Box\n 'w-[20px]',\n 'h-[20px]',\n ]);\n\n const messageStyle = computed(() => [\n ...messageStyleVariant[props.toastType],\n 'grow',\n ]);\n\n const loaderStyle = computed(() => [\n //Layout\n 'self-center',\n // Theme\n 'text-inverse-primary',\n 'dark:text-inverse-primary-dark',\n ]);\n\n // State\n const emojiSrc = computed(() => {\n switch (props.toastType) {\n case ToastType.Success:\n return successPng;\n case ToastType.Error:\n return errorPng;\n default:\n return null;\n }\n });\n\n const hrefTarget = computed(() => {\n return props.link?.target ?? '_self';\n });\n\n // Methods\n function onClose(): void {\n context.emit('close');\n }\n\n function onLinkClick(event: MouseEvent): void {\n if (props.link?.callback) {\n event.preventDefault();\n props.link.callback?.();\n }\n }\n\n return {\n root,\n toastIconStyle,\n rootStyles,\n loaderStyle,\n messageStyle,\n emojiSrc,\n hrefTarget,\n onClose,\n onLinkClick,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n word-break: break-word;\n white-space: nowrap;\n cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n //generic needed! see https://github.com/vuejs/core/issues/2136\n const queue = ref<Array<T>>(initialValue \|\| []) as Ref<Ref<T>[]>;\n\n const addItem = (item: T): void => {\n const refItem = ref<T>(item) as Ref<T>;\n queue.value.push(refItem);\n };\n\n const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n const index = queue.value.findIndex((i, idx, q) => {\n return condition?.(i.value, idx, q);\n });\n if (index !== -1) queue.value.splice(index, 1);\n };\n\n const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n return queue.value.filter((i, idx, q) => {\n return condition?.(i.value, idx, q);\n })[0];\n };\n\n const clearAll = (): void => {\n queue.value = [];\n };\n\n return {\n queue,\n addItem,\n removeItem,\n clearAll,\n getItem,\n };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'\|'toastClose'\|'toastCloseAll' \| 'toastUpdate';\n\nconst useToastEventBus = () => {\n const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n toastNotify: useEventBus('toastNotify'),\n toastClose: useEventBus('toastClose'),\n toastCloseAll: useEventBus('toastCloseAll'),\n toastUpdate: useEventBus('toastUpdate'),\n };\n return {\n on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].on(listener);\n },\n off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n busPull[namedQueue].off(listener);\n },\n emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n busPull[namedQueue].emit(data);\n },\n };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n <OrTeleport :disabled=\"isActive\">\n <div\n :ref=\"'root'\"\n :class=\"classes\"\n >\n <TransitionGroup\n :name=\"transitionName\"\n tag=\"div\"\n class=\"contents\"\n @after-leave=\"onToastHidden\"\n >\n <OrToast\n v-for=\"toastConfiguration in queue\"\n v-bind=\"toastConfiguration.toastProps\"\n :key=\"toastConfiguration.hash\"\n @click=\"onClick(toastConfiguration.toastBehaviour)\"\n @mouseenter=\"onToastEnter(toastConfiguration)\"\n @mouseleave=\"onToastLeave(toastConfiguration)\"\n @close=\"toastRemove(toastConfiguration)\"\n />\n </TransitionGroup>\n </div>\n </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n name: 'OrToastContainer',\n\n components: {\n OrTeleport,\n OrToast,\n },\n\n props: {\n includeHeaderHeight: {\n type: Boolean,\n default: true,\n },\n\n position: {\n type: Object as PropType<Position>,\n default: {\n positionX: PositionsX.Right,\n positionY: PositionsY.Bottom,\n } as Position,\n },\n\n transition: {\n type: String as PropType<`${TransitionType}`>,\n default: () => TransitionType.Slide,\n },\n },\n\n setup(props) {\n // Refs\n const root = ref<HTMLElement>();\n\n const { on, off } = useToastEventBus();\n const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n const [isActive, toggle] = useToggle(false);\n const classes = computed(() => [\n 'or-toast-container-v3',\n ...ToastContainer,\n ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n {\n 'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n },\n ]);\n const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n // State\n const queue = computed<ToastConfiguration[]>(() => {\n return queueRef.value.map(({ value }) => value);\n });\n\n // Methods\n function createToast(toastConfiguration: ToastConfiguration): void {\n const caller = () => {\n addItem(toastConfiguration);\n toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n toastConfiguration.toastBehaviour.duration,\n );\n };\n\n if (!isActive.value) {\n // before create toast we need change isActive props, to render or-teleport,\n // in other case first item will not be animated\n toggle(true);\n nextTick(caller);\n } else {\n caller();\n }\n }\n\n function toastUpdate(toast: ToastConfiguration): void {\n const toastItem = getItem((item) => {\n return item.hash === toast.hash;\n });\n\n if (toastItem)\n toastItem.value = toast;\n }\n\n function toastRemove(toast: ToastConfiguration): void {\n removeItem((item) => {\n if (item.hash === toast.hash) {\n item.toastBehaviour?.onToastClose?.();\n item.timer?.stop();\n return true;\n }\n return false;\n });\n }\n\n function onToastEnter(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.pause();\n }\n\n function onToastLeave(toast: ToastConfiguration): void {\n if (toast.toastBehaviour.pauseOnHover)\n toast.timer?.resume();\n }\n\n function onClick(toastBehaviour: ToastBehaviour): void {\n toastBehaviour.onToastClick?.();\n }\n\n function onToastHidden(): void {\n toggle(queue.value.length > 0);\n }\n\n // Effects\n onBeforeMount(() => {\n on('toastNotify', createToast);\n on('toastClose', toastRemove);\n on('toastUpdate', toastUpdate);\n on('toastCloseAll', clearAll);\n });\n\n onBeforeUnmount(() => {\n off('toastNotify', createToast);\n off('toastClose', toastRemove);\n off('toastUpdate', toastUpdate);\n off('toastCloseAll', clearAll);\n });\n\n useElevation(root, isActive);\n\n return {\n on,\n off,\n classes,\n transitionName,\n isActive,\n toggle,\n addItem,\n removeItem,\n clearAll,\n getItem,\n queue,\n root,\n createToast,\n toastUpdate,\n toastRemove,\n onToastEnter,\n onToastLeave,\n onClick,\n onToastHidden,\n };\n },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n private startedAt: number\| null = null;\n private timer: ReturnType<typeof setTimeout> \| null = null;\n private callback: () => void = noop;\n private delay = 0;\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n constructor() {}\n\n start(callback: () => void, delay?: number) {\n if (delay && delay > 0) {\n this.callback = callback;\n this.delay = delay;\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n pause() {\n if (this.timer && this.startedAt) {\n this.stop();\n this.delay -= Date.now() - this.startedAt;\n }\n }\n\n resume() {\n this.stop();\n if (this.delay > 0) {\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n }\n\n stop() {\n if (this.timer)\n clearTimeout(this.timer);\n }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n const { emit } = useToastEventBus();\n\n function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n const propsData = {\n ...props,\n ...globalToastProps,\n };\n\n const config: ToastConfiguration = {\n toastProps: propsData,\n //generate ToastHash\n hash: Math.random().toString(36).slice(2),\n ...(Number.isInteger(duration) && { timer: new Timer() }),\n toastBehaviour: {\n duration,\n pauseOnHover,\n onToastClose,\n onToastClick,\n },\n };\n\n emit('toastNotify', config);\n\n return ({\n close: () => emit('toastClose', config),\n update: (data: ToastProps) => emit('toastUpdate', {\n ...config,\n toastProps: {\n ...config.toastProps,\n ...data,\n },\n }),\n });\n }\n\n function clearAll(): void {\n emit('toastCloseAll');\n }\n\n function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Success,\n }, behaviour);\n }\n\n function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n ...props,\n toastType: ToastType.Error,\n }, behaviour);\n }\n\n\n function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n return notify({\n dismissible: false,\n ...props,\n toastType: ToastType.Loading,\n }, {\n ...behaviour,\n duration: 0, // <- toast with type \"loading\" will not cloe automatically\n });\n }\n\n return {\n notify,\n clearAll,\n success,\n error,\n loading,\n };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":";;;;;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,OAAO,QAFGA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;;;;;;;8CCdCC,KAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,KAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,KAA2E;AAAA,EACtF,YAAY;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,EACF;AAAA,EAEA,cAAc;AAAA;AAAA,IAEZ;AAAA,EACF;AAAA,EAEA,aAAa;AAAA;AAAA,IAEX;AAAA,IACA;AAAA,EACF;AAAA,EAEA,eAAe;AAAA;AAAA,IAEb;AAAA,IACA;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA;AAAA,IAEf;AAAA,EACF;AAAA,EAEA,gBAAgB;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AACF,GAEaC,KAAmD;AAAA,EAC9D,SAAW;AAAA;AAAA,IAET;AAAA,EACF;AAAA,EAEA,OAAS;AAAA;AAAA,IAEP;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,EACF;AACF,GCrCAC,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMR,EAAU;AAAA,IAC3B;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMS,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC,GAAGb;AAAA,IAAA,CACJ,GAEKc,IAAiBD,EAAS,MAAM;AAAA,MACpC;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,CACD,GAEKE,IAAeF,EAAS,MAAM;AAAA,MAClC,GAAGV,GAAoBK,EAAM,SAAS;AAAA,MACtC;AAAA,IAAA,CACD,GAEKQ,IAAcH,EAAS,MAAM;AAAA;AAAA,MAEjC;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,CACD,GAGKI,IAAWJ,EAAS,MAAM;AAC9B,cAAQL,EAAM,WAAW;AAAA,QACvB,KAAKT,EAAU;AACN,iBAAAmB;AAAAA,QACT,KAAKnB,EAAU;AACN,iBAAAoB;AAAAA,QACT;AACS,iBAAA;AAAA,MACX;AAAA,IAAA,CACD,GAEKC,IAAaP,EAAS,MAAM;;AACzB,eAAAQ,IAAAb,EAAM,SAAN,gBAAAa,EAAY,WAAU;AAAA,IAAA,CAC9B;AAGD,aAASC,IAAgB;AACvB,MAAAb,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASc,EAAYC,GAAyB;;AACxC,OAAAH,IAAAb,EAAM,SAAN,QAAAa,EAAY,aACdG,EAAM,eAAe,IACrBC,KAAAC,IAAAlB,EAAM,MAAK,aAAX,QAAAiB,EAAA,KAAAC;AAAA,IAEJ;AAEO,WAAA;AAAA,MACL,MAAAhB;AAAA,MACA,gBAAAI;AAAA,MACA,YAAAF;AAAA,MACA,aAAAI;AAAA,MACA,cAAAD;AAAA,MACA,UAAAE;AAAA,MACA,YAAAG;AAAA,MACA,SAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,iBA5ISI,KAAK,CAAA,WAAA;;;;+BAhCbC,EAoDM,cAAA;SAlDEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OA0BOC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,gBAxBL,WASM,CAAA,GAAA,MAAA;AAAA,MAAAA,EAAA,cAAA,aAAAH,EAAA,KAPI,OAAW;AAAA,QAAA,KAAA;AAAA,QAEnB,OAIEE,EAAAC,EAAA,WAAA;AAAA,MAAA,GAAA;AAAA,UAFQC,GAAS;AAAA,UAChB,SAAS;AAAA,UAAA,OAAA;AAAA;QAKD,CAAA;AAAA,MAAA,GAAA,CAAA,KAAAD,EAAA,YAAAH,EACH,GAAAC,EAAA,OAAA;AAAA,QACP,KAAK;AAAA,QACN,OAAIC,EAAOC,EAAA,cAAA;AAAA,QAAA,KAAAA,EAAA;AAAA;MAKL,GAAA,MAAA,IAAWE,EADnB,KAAAC,EAAA,IAAA,EAAA;AAAA,MAAAH,EAAA,eAAAH,OAEU,OAAY;AAAA,QACpB,KAAA;AAAA,QAAA,OAAAE,EAAAC,EAAA,YAAA;AAAA;MAIJ,GAAA,MAAA,IAAAL,EAAA,KAAAQ,EAmBM,IAnBN,EAAA;AAAA,IACkB,GAAA,EAAA;AAAA,IACdC,EAAA,OAAAC,IAAA;AAAA,MAAAL,EAAA,QAAAH,KACwBC,EAAA,KAAA;AAAA,QACrB,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,MAAKE,EAAA,KAAA;AAAA,QAAA,QAAAA,EAAA;AAAA;MAMM,GAAAM,EAAWN,2BACzB,IAIE,EAAA;AAAA,MAAAA,EAAA,eAAAH,KAHcU,EAAAC,GAAA;AAAA,QACb,KAAI;AAAA,QACJ,MAAA;AAAA,QAAA,MAAA;AAAA;;;;;;AC/CX,SAAwBC,GAAYC,GAAyB;AAE3D,QAAMC,IAAQhC,EAAc+B,KAAgB,CAAE,CAAA;AAwBvC,SAAA;AAAA,IACL,OAAAC;AAAA,IACA,SAxBc,CAACC,MAAkB;AAC3B,YAAAC,IAAUlC,EAAOiC,CAAI;AACrB,MAAAD,EAAA,MAAM,KAAKE,CAAO;AAAA,IAAA;AAAA,IAuBxB,YApBiB,CAACC,MAAuE;AACzF,YAAMC,IAAQJ,EAAM,MAAM,UAAU,CAACK,GAAGC,GAAKC,MACpCJ,KAAA,gBAAAA,EAAYE,EAAE,OAAOC,GAAKC,EAClC;AACD,MAAIH,MAAU,MAAUJ,EAAA,MAAM,OAAOI,GAAO,CAAC;AAAA,IAAA;AAAA,IAiB7C,UARe,MAAY;AAC3B,MAAAJ,EAAM,QAAQ;IAAC;AAAA,IAQf,SAfc,CAACG,MACRH,EAAM,MAAM,OAAO,CAACK,GAAGC,GAAKC,MAC1BJ,KAAA,gBAAAA,EAAYE,EAAE,OAAOC,GAAKC,EAClC,EAAE,CAAC;AAAA,EAYJ;AAGJ;AC/BA,MAAMC,KAAmB,MAAM;AAC7B,QAAMC,IAAoF;AAAA,IACxF,aAAaC,EAAY,aAAa;AAAA,IACtC,YAAYA,EAAY,YAAY;AAAA,IACpC,eAAeA,EAAY,eAAe;AAAA,IAC1C,aAAaA,EAAY,aAAa;AAAA,EAAA;AAEjC,SAAA;AAAA,IACL,IAAI,CAACC,GAAkCC,MAAmD;AAChF,MAAAH,EAAAE,CAAU,EAAE,GAAGC,CAAQ;AAAA,IACjC;AAAA,IACA,KAAK,CAACD,GAAkCC,MAAmD;AACjF,MAAAH,EAAAE,CAAU,EAAE,IAAIC,CAAQ;AAAA,IAClC;AAAA,IACA,MAAM,CAACD,GAAkCE,MAA8B;AAC7D,MAAAJ,EAAAE,CAAU,EAAE,KAAKE,CAAI;AAAA,IAC/B;AAAA,EAAA;AAEJ,GACeC,IAAAC,EAAuBP,EAAgB,GCctDQ,KAAetD,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAuD;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,QACP,WAAWjE,EAAW;AAAA,QACtB,WAAWC,EAAW;AAAA,MACxB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAMC,EAAe;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,MAAMU,GAAO;AAEX,UAAME,IAAOC,KAEP,EAAE,IAAAmD,GAAI,KAAAC,EAAI,IAAIZ,EAAiB,GAC/B,EAAE,OAAOa,GAAU,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,SAAAC,MAAY3B,MAC9D,CAAC4B,GAAUC,CAAM,IAAIC,EAAU,EAAK,GACpCC,IAAU3D,EAAS,MAAM;;AAAA;AAAA,QAC7B;AAAA,QACA,GAAGZ;AAAA,QACH,GAAGC,GAAwB,GAAGM,EAAM,SAAS,SAAS,IAAIA,EAAM,SAAS,SAAS,EAAE;AAAA,QACpF;AAAA,UACE,gCAA8Ba,IAAAb,EAAM,aAAN,gBAAAa,EAAgB,eAAcxB,EAAW,OAAOW,EAAM;AAAA,QACtF;AAAA,MAAA;AAAA,KACD,GACKiE,IAAiB5D,EAAiB,MAAM;;AAAA,oCAAsBQ,IAAAb,EAAM,aAAN,gBAAAa,EAAgB,SAAS,yBAAyBb,EAAM,UAAU;AAAA,KAAE,GAGlImC,IAAQ9B,EAA+B,MACpCmD,EAAS,MAAM,IAAI,CAAC,EAAE,OAAAU,EAAA,MAAYA,CAAK,CAC/C;AAGD,aAASC,EAAYC,GAA8C;AACjE,YAAMC,IAAS,MAAM;;AACnB,QAAAZ,EAAQW,CAAkB,IAC1BvD,IAAAuD,EAAmB,UAAnB,QAAAvD,EAA0B;AAAA,UAAMyD,EAAY,KAAK,MAAMF,CAAkB;AAAA,UACvEA,EAAmB,eAAe;AAAA;AAAA,MACpC;AAGE,MAACP,EAAS,QAMLQ,OAHPP,EAAO,EAAI,GACXS,EAASF,CAAM;AAAA,IAInB;AAEA,aAASG,EAAYC,GAAiC;AAC9C,YAAAC,IAAYd,EAAQ,CAACxB,MAClBA,EAAK,SAASqC,EAAM,IAC5B;AAEG,MAAAC,MACFA,EAAU,QAAQD;AAAA,IACtB;AAEA,aAASH,EAAYG,GAAiC;AACpD,MAAAf,EAAW,CAACtB,MAAS;;AACf,eAAAA,EAAK,SAASqC,EAAM,SACtBvD,KAAAL,IAAAuB,EAAK,mBAAL,gBAAAvB,EAAqB,iBAArB,QAAAK,EAAA,KAAAL,KACAI,IAAAmB,EAAK,UAAL,QAAAnB,EAAY,QACL,MAEF;AAAA,MAAA,CACR;AAAA,IACH;AAEA,aAAS0D,EAAaF,GAAiC;;AACrD,MAAIA,EAAM,eAAe,kBACvB5D,IAAA4D,EAAM,UAAN,QAAA5D,EAAa;AAAA,IACjB;AAEA,aAAS+D,EAAaH,GAAiC;;AACrD,MAAIA,EAAM,eAAe,kBACvB5D,IAAA4D,EAAM,UAAN,QAAA5D,EAAa;AAAA,IACjB;AAEA,aAASgE,EAAQC,GAAsC;;AACrD,OAAAjE,IAAAiE,EAAe,iBAAf,QAAAjE,EAAA,KAAAiE;AAAA,IACF;AAEA,aAASC,IAAsB;AACtB,MAAAjB,EAAA3B,EAAM,MAAM,SAAS,CAAC;AAAA,IAC/B;AAGA,WAAA6C,EAAc,MAAM;AAClB,MAAA1B,EAAG,eAAea,CAAW,GAC7Bb,EAAG,cAAcgB,CAAW,GAC5BhB,EAAG,eAAekB,CAAW,GAC7BlB,EAAG,iBAAiBK,CAAQ;AAAA,IAAA,CAC7B,GAEDsB,EAAgB,MAAM;AACpB,MAAA1B,EAAI,eAAeY,CAAW,GAC9BZ,EAAI,cAAce,CAAW,GAC7Bf,EAAI,eAAeiB,CAAW,GAC9BjB,EAAI,iBAAiBI,CAAQ;AAAA,IAAA,CAC9B,GAEDuB,GAAahF,GAAM2D,CAAQ,GAEpB;AAAA,MACL,IAAAP;AAAA,MACA,KAAAC;AAAA,MACA,SAAAS;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAJ;AAAA,MACA,QAAAC;AAAA,MACA,SAAAL;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAzB;AAAA,MACA,MAAAjC;AAAA,MACA,aAAAiE;AAAA,MACA,aAAAK;AAAA,MACA,aAAAF;AAAA,MACA,cAAAK;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,eAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;0BAvLCI,IAAA/D,EAsBa,YAtBA;SACXC,EAoBM,GAAAU,EAAAoD,GAAA,EAAA,UAAA3D,EAAA,YAAA;AAAA,IAAA,SAnBE4D,EAAM,MAAA;AAAA,MAAAxD,EACN,OAAE;AAAA,QAAA,KAAA;AAAA,QAER,OAekBL,EAAAC,EAAA,OAAA;AAAA,MAAA,GAAA;AAAA,QAbP6D,EAAAC,IAAA;AAAA,UACT,MAAK9D,EAAC;AAAA,UACL,KAAA;AAAA,UAAA,OAAA;AAAA,UAGoC,cAAAA,EAAA;AAAA,QAAA,GAAA;AAAA;eAE7B,EAAuB,GAAAF,EAAAiE,IAAA,MAAAC,GAAAhE,EAAA,OAAA,CAAA4C,OAC5B/C,EAAK,GAAEU,EAAQ0D,GAAmBC,GAActB,EAAA,YAAA;AAAA,cAChD,KAAUA,EAAA;AAAA,cACV,SAAA,CAAAuB,MAAUnE,EAAE,QAAA4C,EAAa,cAAkB;AAAA,cAC3C,cAAK,CAAEuB,MAAAnE,EAAA,aAAY4C,CAAkB;AAAA,cAAA,cAAA,CAAAuB,MAAAnE,EAAA,aAAA4C,CAAA;AAAA;;;;;;;;;;;ACjBhD,MAAqBwB,GAAM;AAAA;AAAA,EAMzB,cAAc;AALd,SAAQ,YAA0B,MAClC,KAAQ,QAA8C,MACtD,KAAQ,WAAuBC,GAC/B,KAAQ,QAAQ;AAAA,EAED;AAAA,EAEf,MAAMC,GAAsBC,GAAgB;AACtC,IAAAA,KAASA,IAAQ,MACnB,KAAK,WAAWD,GAChB,KAAK,QAAQC,GACR,KAAA,YAAY,KAAK,OACtB,KAAK,QAAQ,WAAW,KAAK,UAAU,KAAK,KAAK;AAAA,EAErD;AAAA,EAEA,QAAQ;AACF,IAAA,KAAK,SAAS,KAAK,cACrB,KAAK,KAAK,GACV,KAAK,SAAS,KAAK,IAAI,IAAI,KAAK;AAAA,EAEpC;AAAA,EAEA,SAAS;AACP,SAAK,KAAK,GACN,KAAK,QAAQ,MACV,KAAA,YAAY,KAAK,OACtB,KAAK,QAAQ,WAAW,KAAK,UAAU,KAAK,KAAK;AAAA,EAErD;AAAA,EAEA,OAAO;AACL,IAAI,KAAK,SACP,aAAa,KAAK,KAAK;AAAA,EAC3B;AACF;AChCwB,SAAAC,GAASC,IAA+B,IAAI;AAC5D,QAAA,EAAE,MAAAC,MAASvD;AAEjB,WAASwD,EAAOnG,GAAmBoG,IAA4B,IAA6B;AAC1F,UAAM,EAAE,UAAAC,IAAW,KAAM,cAAAC,IAAe,IAAM,cAAAC,GAAc,cAAAC,EAAiB,IAAAJ,GAMvEK,IAA6B;AAAA,MACjC,YANgB;AAAA,QAChB,GAAGzG;AAAA,QACH,GAAGiG;AAAA,MAAA;AAAA;AAAA,MAMH,MAAM,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC;AAAA,MACxC,GAAI,OAAO,UAAUI,CAAQ,KAAK,EAAE,OAAO,IAAIT,KAAQ;AAAA,MACvD,gBAAgB;AAAA,QACd,UAAAS;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,QACA,cAAAC;AAAA,MACF;AAAA,IAAA;AAGF,WAAAN,EAAK,eAAeO,CAAM,GAElB;AAAA,MACN,OAAO,MAAMP,EAAK,cAAcO,CAAM;AAAA,MACtC,QAAQ,CAACzD,MAAqBkD,EAAK,eAAe;AAAA,QAChD,GAAGO;AAAA,QACH,YAAY;AAAA,UACV,GAAGA,EAAO;AAAA,UACV,GAAGzD;AAAA,QACL;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,WAASW,IAAiB;AACxB,IAAAuC,EAAK,eAAe;AAAA,EACtB;AAEA,WAASQ,EAAQ1G,GAAmBoG,IAA4B,IAA6B;AAC3F,WAAOD,EAAO;AAAA,MACZ,GAAGnG;AAAA,MACH,WAAWT,EAAU;AAAA,OACpB6G,CAAS;AAAA,EACd;AAEA,WAASO,EAAM3G,GAAmBoG,IAA4B,IAA6B;AACzF,WAAOD,EAAO;AAAA,MACZ,GAAGnG;AAAA,MACH,WAAWT,EAAU;AAAA,OACpB6G,CAAS;AAAA,EACd;AAGA,WAASQ,EAAQ5G,GAAmBoG,IAA4B,IAA6B;AAC3F,WAAOD,EAAO;AAAA,MACZ,aAAa;AAAA,MACb,GAAGnG;AAAA,MACH,WAAWT,EAAU;AAAA,IAAA,GACpB;AAAA,MACD,GAAG6G;AAAA,MACH,UAAU;AAAA;AAAA,IAAA,CACX;AAAA,EACH;AAEO,SAAA;AAAA,IACL,QAAAD;AAAA,IACA,UAAAxC;AAAA,IACA,SAAA+C;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AAEJ;;;;"}

package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts CHANGED Viewed

@@ -790,7 +790,6 @@ declare const _default: import("vue").DefineComponent<{
                             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                             isOpen?: boolean | undefined;
                             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                            twScope?: string | undefined;
                             customStyles?: string[] | undefined;
                             bottomSheetProps?: {
                                 variant?: "basic" | "advanced" | undefined;
@@ -919,11 +918,6 @@ declare const _default: import("vue").DefineComponent<{
                         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                         $el: any;
                         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                            twScope: {
-                                type: StringConstructor;
-                                required: false;
-                                default: undefined;
-                            };
                             customStyles: {
                                 type: PropType<string[]>;
                                 default: () => never[];
@@ -1213,7 +1207,6 @@ declare const _default: import("vue").DefineComponent<{
                             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                             isOpen: boolean;
                             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                            twScope: string;
                             customStyles: string[];
                             bottomSheetProps: {
                                 variant?: "basic" | "advanced" | undefined;
@@ -1301,11 +1294,6 @@ declare const _default: import("vue").DefineComponent<{
                         $nextTick: typeof nextTick;
                         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                     } & Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -1949,7 +1937,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                         isOpen?: boolean | undefined;
                         placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                        twScope?: string | undefined;
                         customStyles?: string[] | undefined;
                         bottomSheetProps?: {
                             variant?: "basic" | "advanced" | undefined;
@@ -2078,11 +2065,6 @@ declare const _default: import("vue").DefineComponent<{
                     $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -2372,7 +2354,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                         isOpen: boolean;
                         placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                        twScope: string;
                         customStyles: string[];
                         bottomSheetProps: {
                             variant?: "basic" | "advanced" | undefined;
@@ -2460,11 +2441,6 @@ declare const _default: import("vue").DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                 } & Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -3454,7 +3430,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                         isOpen?: boolean | undefined;
                         placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                        twScope?: string | undefined;
                         customStyles?: string[] | undefined;
                         bottomSheetProps?: {
                             variant?: "basic" | "advanced" | undefined;
@@ -3583,11 +3558,6 @@ declare const _default: import("vue").DefineComponent<{
                     $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -3877,7 +3847,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                         isOpen: boolean;
                         placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                        twScope: string;
                         customStyles: string[];
                         bottomSheetProps: {
                             variant?: "basic" | "advanced" | undefined;
@@ -3965,11 +3934,6 @@ declare const _default: import("vue").DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                 } & Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -4613,7 +4577,6 @@ declare const _default: import("vue").DefineComponent<{
                     offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                     isOpen?: boolean | undefined;
                     placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                    twScope?: string | undefined;
                     customStyles?: string[] | undefined;
                     bottomSheetProps?: {
                         variant?: "basic" | "advanced" | undefined;
@@ -4742,11 +4705,6 @@ declare const _default: import("vue").DefineComponent<{
                 $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -5036,7 +4994,6 @@ declare const _default: import("vue").DefineComponent<{
                     offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                     isOpen: boolean;
                     placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                    twScope: string;
                     customStyles: string[];
                     bottomSheetProps: {
                         variant?: "basic" | "advanced" | undefined;
@@ -5124,11 +5081,6 @@ declare const _default: import("vue").DefineComponent<{
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
-                twScope: {
-                    type: StringConstructor;
-                    required: false;
-                    default: undefined;
-                };
                 customStyles: {
                     type: PropType<string[]>;
                     default: () => never[];
@@ -6636,7 +6588,6 @@ declare const _default: import("vue").DefineComponent<{
                             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                             isOpen?: boolean | undefined;
                             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                            twScope?: string | undefined;
                             customStyles?: string[] | undefined;
                             bottomSheetProps?: {
                                 variant?: "basic" | "advanced" | undefined;
@@ -6765,11 +6716,6 @@ declare const _default: import("vue").DefineComponent<{
                         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                         $el: any;
                         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                            twScope: {
-                                type: StringConstructor;
-                                required: false;
-                                default: undefined;
-                            };
                             customStyles: {
                                 type: PropType<string[]>;
                                 default: () => never[];
@@ -7059,7 +7005,6 @@ declare const _default: import("vue").DefineComponent<{
                             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                             isOpen: boolean;
                             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                            twScope: string;
                             customStyles: string[];
                             bottomSheetProps: {
                                 variant?: "basic" | "advanced" | undefined;
@@ -7147,11 +7092,6 @@ declare const _default: import("vue").DefineComponent<{
                         $nextTick: typeof nextTick;
                         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                     } & Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -7795,7 +7735,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                         isOpen?: boolean | undefined;
                         placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                        twScope?: string | undefined;
                         customStyles?: string[] | undefined;
                         bottomSheetProps?: {
                             variant?: "basic" | "advanced" | undefined;
@@ -7924,11 +7863,6 @@ declare const _default: import("vue").DefineComponent<{
                     $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -8218,7 +8152,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                         isOpen: boolean;
                         placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                        twScope: string;
                         customStyles: string[];
                         bottomSheetProps: {
                             variant?: "basic" | "advanced" | undefined;
@@ -8306,11 +8239,6 @@ declare const _default: import("vue").DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                 } & Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -9300,7 +9228,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                         isOpen?: boolean | undefined;
                         placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                        twScope?: string | undefined;
                         customStyles?: string[] | undefined;
                         bottomSheetProps?: {
                             variant?: "basic" | "advanced" | undefined;
@@ -9429,11 +9356,6 @@ declare const _default: import("vue").DefineComponent<{
                     $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                        twScope: {
-                            type: StringConstructor;
-                            required: false;
-                            default: undefined;
-                        };
                         customStyles: {
                             type: PropType<string[]>;
                             default: () => never[];
@@ -9723,7 +9645,6 @@ declare const _default: import("vue").DefineComponent<{
                         offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                         isOpen: boolean;
                         placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                        twScope: string;
                         customStyles: string[];
                         bottomSheetProps: {
                             variant?: "basic" | "advanced" | undefined;
@@ -9811,11 +9732,6 @@ declare const _default: import("vue").DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                 } & Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -10459,7 +10375,6 @@ declare const _default: import("vue").DefineComponent<{
                     offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
                     isOpen?: boolean | undefined;
                     placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-                    twScope?: string | undefined;
                     customStyles?: string[] | undefined;
                     bottomSheetProps?: {
                         variant?: "basic" | "advanced" | undefined;
@@ -10588,11 +10503,6 @@ declare const _default: import("vue").DefineComponent<{
                 $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                    twScope: {
-                        type: StringConstructor;
-                        required: false;
-                        default: undefined;
-                    };
                     customStyles: {
                         type: PropType<string[]>;
                         default: () => never[];
@@ -10882,7 +10792,6 @@ declare const _default: import("vue").DefineComponent<{
                     offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
                     isOpen: boolean;
                     placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-                    twScope: string;
                     customStyles: string[];
                     bottomSheetProps: {
                         variant?: "basic" | "advanced" | undefined;
@@ -10970,11 +10879,6 @@ declare const _default: import("vue").DefineComponent<{
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
-                twScope: {
-                    type: StringConstructor;
-                    required: false;
-                    default: undefined;
-                };
                 customStyles: {
                     type: PropType<string[]>;
                     default: () => never[];
@@ -11320,7 +11224,6 @@ declare const _default: import("vue").DefineComponent<{
             offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
             isOpen?: boolean | undefined;
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
-            twScope?: string | undefined;
             customStyles?: string[] | undefined;
             bottomSheetProps?: {
                 variant?: "basic" | "advanced" | undefined;
@@ -11449,11 +11352,6 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            twScope: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
             customStyles: {
                 type: PropType<string[]>;
                 default: () => never[];
@@ -11743,7 +11641,6 @@ declare const _default: import("vue").DefineComponent<{
             offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
             isOpen: boolean;
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-            twScope: string;
             customStyles: string[];
             bottomSheetProps: {
                 variant?: "basic" | "advanced" | undefined;
@@ -11831,11 +11728,6 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        twScope: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
         customStyles: {
             type: PropType<string[]>;
             default: () => never[];

package/dist/types/components/or-confirm-v3/OrConfirm.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
 import { ButtonColor } from '@onereach/ui-components.or-button-v3';
+import { PropType } from 'vue';
 import { ConfirmType } from './props';
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -579,6 +583,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -620,6 +628,7 @@ declare const _default: import("vue").DefineComponent<{
     titleText: string;
     confirmButtonText: string;
     autoCloseOnConfirm: boolean;
+    closeOnClickOutside: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     confirmationText: string;