npm - @onereach/ui-components - Versions diffs - 25.1.2-beta.5762.0 → 25.1.2-beta.5763.0 - Mend

@onereach/ui-components 25.1.2-beta.5762.0 → 25.1.2-beta.5763.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 (179) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"types-DrGu4wlu.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":"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"}

package/dist/types/components/index.d.ts CHANGED Viewed

@@ -66,7 +66,6 @@ export * from './or-skeleton-v3';
 export * from './or-slider-v3';
 export * from './or-sorting-v3';
 export * from './or-status-v3';
-export * from './or-sub-menu-item-v3';
 export * from './or-switch-v3';
 export * from './or-tab-v3';
 export * from './or-tabs-v3';

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

@@ -1,7 +1,7 @@
-import { PropType, nextTick } from 'vue';
 import { SearchFunction } from '@onereach/ui-components-common/types';
 import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
 import { TagsOverflow } from '@onereach/ui-components.or-tags-v3';
+import { PropType, nextTick } from 'vue';
 import { AutocompleteModelValue, AutocompleteValue } from './types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
@@ -97,12 +97,12 @@ declare const _default: import("vue").DefineComponent<{
             required?: boolean | undefined;
             overflow?: "hidden" | "wrap" | "scroll" | undefined;
             readonly?: boolean | undefined;
-            loading?: boolean | undefined;
             modelValue?: import("@onereach/ui-components.or-tag-input-v3").TagInputModelValue;
             label?: string | undefined;
             placeholder?: string | undefined;
             hint?: string | undefined;
             error?: string | boolean | undefined;
+            loading?: boolean | undefined;
             enableClear?: boolean | undefined;
             additionalInputBoxStyles?: string[] | undefined;
             saveOnBlur?: boolean | undefined;
@@ -152,11 +152,11 @@ declare const _default: import("vue").DefineComponent<{
             style?: unknown;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -169,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup", ...args: any[]) => void;
+        $emit: (event: "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -231,11 +231,11 @@ declare const _default: import("vue").DefineComponent<{
         }>> & {
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
             control: import("vue").Ref<HTMLInputElement | undefined>;
@@ -604,8 +604,8 @@ declare const _default: import("vue").DefineComponent<{
                             type?: "button" | "reset" | "submit" | undefined;
                             variant?: "outlined" | "link" | "text" | "contained" | undefined;
                             color?: "inherit" | "primary" | "danger" | undefined;
-                            activated?: boolean | undefined;
                             loading?: boolean | undefined;
+                            activated?: boolean | undefined;
                             loadingText?: string | undefined;
                             onClick?: ((...args: any[]) => any) | undefined;
                             key?: string | number | symbol | undefined;
@@ -715,8 +715,8 @@ declare const _default: import("vue").DefineComponent<{
                             type: "button" | "reset" | "submit";
                             variant: "outlined" | "link" | "text" | "contained";
                             color: "inherit" | "primary" | "danger";
-                            activated: boolean;
                             loading: boolean;
+                            activated: boolean;
                             loadingText: string;
                         }, {}, string, {}> & {
                             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1751,8 +1751,8 @@ declare const _default: import("vue").DefineComponent<{
                         type?: "button" | "reset" | "submit" | undefined;
                         variant?: "outlined" | "link" | "text" | "contained" | undefined;
                         color?: "inherit" | "primary" | "danger" | undefined;
-                        activated?: boolean | undefined;
                         loading?: boolean | undefined;
+                        activated?: boolean | undefined;
                         loadingText?: string | undefined;
                         onClick?: ((...args: any[]) => any) | undefined;
                         key?: string | number | symbol | undefined;
@@ -1862,8 +1862,8 @@ declare const _default: import("vue").DefineComponent<{
                         type: "button" | "reset" | "submit";
                         variant: "outlined" | "link" | "text" | "contained";
                         color: "inherit" | "primary" | "danger";
-                        activated: boolean;
                         loading: boolean;
+                        activated: boolean;
                         loadingText: string;
                     }, {}, string, {}> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -2776,18 +2776,18 @@ declare const _default: import("vue").DefineComponent<{
             remove: (value: string) => void;
             reset: () => void;
             clear: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset")[], string, {
             disabled: boolean;
             variant: "styled" | "unstyled" | "embedded";
             required: boolean;
             overflow: "hidden" | "wrap" | "scroll";
             readonly: boolean;
-            loading: boolean;
             modelValue: import("@onereach/ui-components.or-tag-input-v3").TagInputModelValue;
             label: string;
             placeholder: string;
             hint: string;
             error: string | boolean;
+            loading: boolean;
             enableClear: boolean;
             additionalInputBoxStyles: string[];
             saveOnBlur: boolean;
@@ -2871,11 +2871,11 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onReset?: ((...args: any[]) => any) | undefined;
         onInput?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         onKeyup?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
         control: import("vue").Ref<HTMLInputElement | undefined>;
@@ -3244,8 +3244,8 @@ declare const _default: import("vue").DefineComponent<{
                         type?: "button" | "reset" | "submit" | undefined;
                         variant?: "outlined" | "link" | "text" | "contained" | undefined;
                         color?: "inherit" | "primary" | "danger" | undefined;
-                        activated?: boolean | undefined;
                         loading?: boolean | undefined;
+                        activated?: boolean | undefined;
                         loadingText?: string | undefined;
                         onClick?: ((...args: any[]) => any) | undefined;
                         key?: string | number | symbol | undefined;
@@ -3355,8 +3355,8 @@ declare const _default: import("vue").DefineComponent<{
                         type: "button" | "reset" | "submit";
                         variant: "outlined" | "link" | "text" | "contained";
                         color: "inherit" | "primary" | "danger";
-                        activated: boolean;
                         loading: boolean;
+                        activated: boolean;
                         loadingText: string;
                     }, {}, string, {}> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -4391,8 +4391,8 @@ declare const _default: import("vue").DefineComponent<{
                     type?: "button" | "reset" | "submit" | undefined;
                     variant?: "outlined" | "link" | "text" | "contained" | undefined;
                     color?: "inherit" | "primary" | "danger" | undefined;
-                    activated?: boolean | undefined;
                     loading?: boolean | undefined;
+                    activated?: boolean | undefined;
                     loadingText?: string | undefined;
                     onClick?: ((...args: any[]) => any) | undefined;
                     key?: string | number | symbol | undefined;
@@ -4502,8 +4502,8 @@ declare const _default: import("vue").DefineComponent<{
                     type: "button" | "reset" | "submit";
                     variant: "outlined" | "link" | "text" | "contained";
                     color: "inherit" | "primary" | "danger";
-                    activated: boolean;
                     loading: boolean;
+                    activated: boolean;
                     loadingText: string;
                 }, {}, string, {}> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -5589,14 +5589,14 @@ declare const _default: import("vue").DefineComponent<{
             size?: "m" | "s" | undefined;
             required?: boolean | undefined;
             readonly?: boolean | undefined;
-            loading?: boolean | undefined;
             modelValue?: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete?: string | undefined;
+            inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
             label?: string | undefined;
             placeholder?: string | undefined;
             hint?: string | undefined;
             error?: string | boolean | undefined;
-            autocomplete?: string | undefined;
-            inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+            loading?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -5763,14 +5763,14 @@ declare const _default: import("vue").DefineComponent<{
             size: "m" | "s";
             required: boolean;
             readonly: boolean;
-            loading: boolean;
             modelValue: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete: string;
+            inputmode: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
             label: string;
             placeholder: string;
             hint: string;
             error: string | boolean;
-            autocomplete: string;
-            inputmode: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+            loading: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -5895,12 +5895,12 @@ declare const _default: import("vue").DefineComponent<{
             required?: boolean | undefined;
             overflow?: "hidden" | "wrap" | "scroll" | undefined;
             readonly?: boolean | undefined;
-            loading?: boolean | undefined;
             modelValue?: import("@onereach/ui-components.or-tag-input-v3").TagInputModelValue;
             label?: string | undefined;
             placeholder?: string | undefined;
             hint?: string | undefined;
             error?: string | boolean | undefined;
+            loading?: boolean | undefined;
             enableClear?: boolean | undefined;
             additionalInputBoxStyles?: string[] | undefined;
             saveOnBlur?: boolean | undefined;
@@ -5950,11 +5950,11 @@ declare const _default: import("vue").DefineComponent<{
             style?: unknown;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -5967,7 +5967,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup", ...args: any[]) => void;
+        $emit: (event: "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -6029,11 +6029,11 @@ declare const _default: import("vue").DefineComponent<{
         }>> & {
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
-            onReset?: ((...args: any[]) => any) | undefined;
             onInput?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onKeyup?: ((...args: any[]) => any) | undefined;
+            onReset?: ((...args: any[]) => any) | undefined;
         }, {
             root: import("vue").Ref<HTMLElement | undefined>;
             control: import("vue").Ref<HTMLInputElement | undefined>;
@@ -6402,8 +6402,8 @@ declare const _default: import("vue").DefineComponent<{
                             type?: "button" | "reset" | "submit" | undefined;
                             variant?: "outlined" | "link" | "text" | "contained" | undefined;
                             color?: "inherit" | "primary" | "danger" | undefined;
-                            activated?: boolean | undefined;
                             loading?: boolean | undefined;
+                            activated?: boolean | undefined;
                             loadingText?: string | undefined;
                             onClick?: ((...args: any[]) => any) | undefined;
                             key?: string | number | symbol | undefined;
@@ -6513,8 +6513,8 @@ declare const _default: import("vue").DefineComponent<{
                             type: "button" | "reset" | "submit";
                             variant: "outlined" | "link" | "text" | "contained";
                             color: "inherit" | "primary" | "danger";
-                            activated: boolean;
                             loading: boolean;
+                            activated: boolean;
                             loadingText: string;
                         }, {}, string, {}> & {
                             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -7549,8 +7549,8 @@ declare const _default: import("vue").DefineComponent<{
                         type?: "button" | "reset" | "submit" | undefined;
                         variant?: "outlined" | "link" | "text" | "contained" | undefined;
                         color?: "inherit" | "primary" | "danger" | undefined;
-                        activated?: boolean | undefined;
                         loading?: boolean | undefined;
+                        activated?: boolean | undefined;
                         loadingText?: string | undefined;
                         onClick?: ((...args: any[]) => any) | undefined;
                         key?: string | number | symbol | undefined;
@@ -7660,8 +7660,8 @@ declare const _default: import("vue").DefineComponent<{
                         type: "button" | "reset" | "submit";
                         variant: "outlined" | "link" | "text" | "contained";
                         color: "inherit" | "primary" | "danger";
-                        activated: boolean;
                         loading: boolean;
+                        activated: boolean;
                         loadingText: string;
                     }, {}, string, {}> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -8574,18 +8574,18 @@ declare const _default: import("vue").DefineComponent<{
             remove: (value: string) => void;
             reset: () => void;
             clear: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset")[], string, {
             disabled: boolean;
             variant: "styled" | "unstyled" | "embedded";
             required: boolean;
             overflow: "hidden" | "wrap" | "scroll";
             readonly: boolean;
-            loading: boolean;
             modelValue: import("@onereach/ui-components.or-tag-input-v3").TagInputModelValue;
             label: string;
             placeholder: string;
             hint: string;
             error: string | boolean;
+            loading: boolean;
             enableClear: boolean;
             additionalInputBoxStyles: string[];
             saveOnBlur: boolean;
@@ -8669,11 +8669,11 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onReset?: ((...args: any[]) => any) | undefined;
         onInput?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         onKeyup?: ((...args: any[]) => any) | undefined;
+        onReset?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         root: import("vue").Ref<HTMLElement | undefined>;
         control: import("vue").Ref<HTMLInputElement | undefined>;
@@ -9042,8 +9042,8 @@ declare const _default: import("vue").DefineComponent<{
                         type?: "button" | "reset" | "submit" | undefined;
                         variant?: "outlined" | "link" | "text" | "contained" | undefined;
                         color?: "inherit" | "primary" | "danger" | undefined;
-                        activated?: boolean | undefined;
                         loading?: boolean | undefined;
+                        activated?: boolean | undefined;
                         loadingText?: string | undefined;
                         onClick?: ((...args: any[]) => any) | undefined;
                         key?: string | number | symbol | undefined;
@@ -9153,8 +9153,8 @@ declare const _default: import("vue").DefineComponent<{
                         type: "button" | "reset" | "submit";
                         variant: "outlined" | "link" | "text" | "contained";
                         color: "inherit" | "primary" | "danger";
-                        activated: boolean;
                         loading: boolean;
+                        activated: boolean;
                         loadingText: string;
                     }, {}, string, {}> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -10189,8 +10189,8 @@ declare const _default: import("vue").DefineComponent<{
                     type?: "button" | "reset" | "submit" | undefined;
                     variant?: "outlined" | "link" | "text" | "contained" | undefined;
                     color?: "inherit" | "primary" | "danger" | undefined;
-                    activated?: boolean | undefined;
                     loading?: boolean | undefined;
+                    activated?: boolean | undefined;
                     loadingText?: string | undefined;
                     onClick?: ((...args: any[]) => any) | undefined;
                     key?: string | number | symbol | undefined;
@@ -10300,8 +10300,8 @@ declare const _default: import("vue").DefineComponent<{
                     type: "button" | "reset" | "submit";
                     variant: "outlined" | "link" | "text" | "contained";
                     color: "inherit" | "primary" | "danger";
-                    activated: boolean;
                     loading: boolean;
+                    activated: boolean;
                     loadingText: string;
                 }, {}, string, {}> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -12119,14 +12119,14 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     overflow: "hidden" | "wrap" | "scroll";
     readonly: boolean;
-    loading: boolean;
-    loadingText: string;
-    items: string[];
     modelValue: AutocompleteModelValue;
     label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
+    loading: boolean;
+    loadingText: string;
+    items: string[];
     enableClear: boolean;
     multiple: boolean;
     searchFunction: SearchFunction<string>;

package/dist/types/components/or-button-v3/OrButton.vue.d.ts CHANGED Viewed

@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<{
     type: "button" | "reset" | "submit";
     variant: "outlined" | "link" | "text" | "contained";
     color: "inherit" | "primary" | "danger";
-    activated: boolean;
     loading: boolean;
+    activated: boolean;
     loadingText: string;
 }, {}>;
 export default _default;

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

@@ -65,14 +65,14 @@ declare const _default: import("vue").DefineComponent<{
             size?: "m" | "s" | undefined;
             required?: boolean | undefined;
             readonly?: boolean | undefined;
-            loading?: boolean | undefined;
             modelValue?: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete?: string | undefined;
+            inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
             label?: string | undefined;
             placeholder?: string | undefined;
             hint?: string | undefined;
             error?: string | boolean | undefined;
-            autocomplete?: string | undefined;
-            inputmode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+            loading?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -239,14 +239,14 @@ declare const _default: import("vue").DefineComponent<{
             size: "m" | "s";
             required: boolean;
             readonly: boolean;
-            loading: boolean;
             modelValue: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete: string;
+            inputmode: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
             label: string;
             placeholder: string;
             hint: string;
             error: string | boolean;
-            autocomplete: string;
-            inputmode: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+            loading: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -370,8 +370,8 @@ declare const _default: import("vue").DefineComponent<{
             type?: "button" | "reset" | "submit" | undefined;
             variant?: "outlined" | "link" | "text" | "contained" | undefined;
             color?: "inherit" | "primary" | "danger" | undefined;
-            activated?: boolean | undefined;
             loading?: boolean | undefined;
+            activated?: boolean | undefined;
             loadingText?: string | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
             key?: string | number | symbol | undefined;
@@ -481,8 +481,8 @@ declare const _default: import("vue").DefineComponent<{
             type: "button" | "reset" | "submit";
             variant: "outlined" | "link" | "text" | "contained";
             color: "inherit" | "primary" | "danger";
-            activated: boolean;
             loading: boolean;
+            activated: boolean;
             loadingText: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;