npm - maz-ui - Versions diffs - 4.0.0-alpha.4 → 4.0.0-alpha.5 - Mend

maz-ui 4.0.0-alpha.4 → 4.0.0-alpha.5

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 (435) hide show

package/dist/plugins/toaster.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toaster.cjs","sources":["../../src/plugins/toaster/MazToast.vue","../../src/plugins/toaster/ToasterHandler.ts","../../src/plugins/toaster.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LocalToasterOptions } from './ToasterHandler'\nimport type { ToasterAction, ToasterLink, ToasterPosition } from './types'\nimport MazBtn from '@components/MazBtn.vue'\nimport { useTimer } from '@composables/useTimer'\nimport { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'\n\nconst props = withDefaults(defineProps<Props>(), {\n position: 'bottom-right',\n maxToasts: false,\n timeout: 10_000,\n type: 'info',\n message: undefined,\n link: undefined,\n action: undefined,\n icon: true,\n})\n\nconst emits = defineEmits(['close', 'click', 'open'])\n\nconst XIcon = defineAsyncComponent(() => import('@icons/x-mark.svg'))\nconst ExternalLink = defineAsyncComponent(() => import('@icons/arrow-top-right-on-square.svg'))\nconst ExclamationTriangle = defineAsyncComponent(() => import('@icons/exclamation-triangle.svg'))\nconst ExclamationCircle = defineAsyncComponent(() => import('@icons/exclamation-circle.svg'))\nconst InformationCircle = defineAsyncComponent(() => import('@icons/information-circle.svg'))\nconst CheckCircle = defineAsyncComponent(() => import('@icons/check-circle.svg'))\nconst Link = defineAsyncComponent(() => import('@icons/link.svg'))\n\nconst Toaster = ref<HTMLDivElement>()\n\nexport interface Props {\n message: string\n position?: ToasterPosition\n maxToasts?: number \| boolean\n timeout?: number \| boolean\n queue?: boolean\n noPauseOnHover?: boolean\n type?: LocalToasterOptions['type']\n link?: ToasterLink\n action?: ToasterAction\n persistent?: boolean\n icon?: boolean\n}\n\nconst iconComponent = computed(() => {\n if (!props.icon)\n return undefined\n\n switch (props.type) {\n case 'danger': {\n return ExclamationTriangle\n }\n case 'info': {\n return InformationCircle\n }\n case 'success': {\n return CheckCircle\n }\n case 'warning': {\n return ExclamationCircle\n }\n default: {\n return undefined\n }\n }\n})\n\nconst positionY = computed(() => (props.position.includes('top') ? 'top' : 'bottom'))\nconst positionX = computed(() => {\n if (props.position.includes('left'))\n return 'left'\n if (props.position.includes('right'))\n return 'right'\n return 'center'\n})\n\nconst transitionName = computed(() => {\n if (positionX.value !== 'center') {\n return positionX.value === 'right' ? 'm-slide-right' : 'm-slide-left'\n }\n return positionY.value === 'top' ? 'm-slide-top' : 'm-slide-bottom'\n})\n\nconst actionLoading = ref(false)\nconst isActive = ref(false)\nconst queueTimer = ref<ReturnType<typeof setTimeout>>()\n\nconst containerClassName = `m-toast-container m-reset-css --${positionY.value} --${positionX.value}`\nconst selectorContainerClass = `.${containerClassName.replaceAll(' ', '.')}`\n\nconst timer = useTimer({\n callback: closeToast,\n timeout: typeof props.timeout === 'number' ? props.timeout : 0,\n callbackOffsetTime: 200,\n})\n\nfunction createParents() {\n const container = document.querySelector(selectorContainerClass)\n\n if (container)\n return\n\n if (!container) {\n const body = document.body\n const toCreate = document.createElement('div')\n toCreate.className = containerClassName\n body.append(toCreate)\n }\n}\n\nfunction shouldQueue() {\n const container = document.querySelector(selectorContainerClass)\n\n if (!props.queue && props.maxToasts === false) {\n return false\n }\n\n if (typeof props.maxToasts === 'number' && container) {\n return props.maxToasts <= container.childElementCount\n }\n\n return container && container.childElementCount > 0\n}\n\nfunction showNotice() {\n if (shouldQueue()) {\n queueTimer.value = setTimeout(showNotice, 250)\n return\n }\n\n const container = document.querySelector(selectorContainerClass)\n\n if (Toaster.value && container) {\n container.prepend(Toaster.value)\n }\n\n isActive.value = true\n\n if (typeof props.timeout === 'number' && props.timeout > 0) {\n timer.start()\n }\n}\n\nconst progressBarWidth = ref<string>('100%')\n\nfunction getProgressBarColor() {\n switch (props.type) {\n case 'danger': {\n return 'maz-bg-danger-700'\n }\n case 'info': {\n return 'maz-bg-info-700'\n }\n case 'success': {\n return 'maz-bg-success-700'\n }\n case 'warning': {\n return 'maz-bg-warning-700'\n }\n default: {\n return 'maz-bg-primary'\n }\n }\n}\n\nwatch(\n timer.remainingTime,\n (remainingTime) => {\n if (typeof props.timeout === 'number') {\n const percent = (100 * remainingTime) / props.timeout\n progressBarWidth.value = `${percent}%`\n }\n },\n)\n\nfunction click(event: Event) {\n emits('click', event)\n\n if (!props.persistent) {\n closeToast()\n }\n}\n\nasync function clickOnAction(func: ToasterAction['func'], event: Event) {\n actionLoading.value = true\n await func()\n actionLoading.value = false\n if (props.action?.closeToast) {\n click(event)\n }\n}\n\nfunction toggleTimer(shouldPause: boolean) {\n if (props.noPauseOnHover) {\n return\n }\n\n if (shouldPause) {\n timer.pause()\n }\n else {\n timer.resume()\n }\n}\n\nfunction stopTimer() {\n timer.stop()\n if (queueTimer.value) {\n clearTimeout(queueTimer.value)\n }\n}\n\nfunction closeToast() {\n stopTimer()\n isActive.value = false\n}\n\ndefineExpose({ closeToast })\n\nfunction onAnimationEnter() {\n emits('open')\n}\n\nfunction onAnimationLeave() {\n emits('close')\n Toaster.value?.remove()\n\n const container = document.querySelector(selectorContainerClass)\n if (container && !container?.hasChildNodes()) {\n container.remove()\n }\n}\n\nonMounted(() => {\n createParents()\n showNotice()\n})\n</script>\n\n<template>\n <Transition\n :name=\"transitionName\"\n @after-leave=\"onAnimationLeave\"\n @after-enter=\"onAnimationEnter\"\n >\n <!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n <button\n v-show=\"isActive\"\n ref=\"Toaster\"\n class=\"m-toast m-reset-css\"\n :class=\"[\n `--${type}`,\n `--${positionY}`,\n `--${positionX}`,\n { 'maz-pb-1': typeof timeout === 'number' && timeout > 0, '--persistent': persistent },\n ]\"\n role=\"alert\"\n @mouseover=\"toggleTimer(true)\"\n @mouseleave=\"toggleTimer(false)\"\n @click.stop=\"link && !link?.closeToast ? undefined : click($event)\"\n >\n <Component :is=\"iconComponent\" v-if=\"iconComponent\" class=\"maz-text-2xl\" />\n\n <div class=\"m-toast__message-wrapper\">\n <p class=\"m-toast__message\">\n {{ message }}\n </p>\n </div>\n\n <MazBtn\n v-if=\"action\"\n data-test=\"action-btn\"\n :color=\"type\"\n pastel\n :loading=\"actionLoading\"\n size=\"sm\"\n @click.stop=\"action ? clickOnAction(action.func, $event) : undefined\"\n >\n {{ action.text }}\n </MazBtn>\n <MazBtn\n v-if=\"link\"\n data-test=\"link-btn\"\n :color=\"type\"\n pastel\n size=\"xs\"\n :href=\"link.href\"\n :target=\"link.target ?? '_self'\"\n >\n <div class=\"maz-flex maz-items-center maz-gap-2\">\n <span v-if=\"link.text\"> {{ link.text }} </span>\n\n <ExternalLink v-if=\"link?.target === '_blank'\" class=\"maz-text-xl\" />\n <Link v-else class=\"maz-text-xl\" />\n </div>\n </MazBtn>\n\n <button v-if=\"!persistent\" class=\"--close\" @click.stop=\"click($event)\">\n <XIcon class=\"--icon maz-text-xl\" />\n </button>\n\n <div\n v-if=\"typeof timeout === 'number' && timeout > 0\"\n class=\"progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1\"\n >\n <div\n :style=\"{\n width: progressBarWidth,\n }\"\n class=\"maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear\"\n :class=\"getProgressBarColor()\"\n />\n </div>\n </button>\n <!-- eslint-enable vuejs-accessibility/mouse-events-have-key-events -->\n </Transition>\n</template>\n\n<style lang=\"postcss\">\n.m-toast-container {\n @apply maz-fixed maz-flex maz-flex-col maz-gap-2 maz-p-4;\n\n z-index: 1051;\n\n &.--top {\n @apply maz-top-0 maz-flex;\n }\n\n &.--center {\n @apply maz-w-full tab-m:maz-fixed tab-m:maz-left-2/4 tab-m:maz-w-auto;\n\n @screen tab-m {\n transform: translate(-50%, 0);\n }\n }\n\n &.--bottom {\n @apply maz-bottom-0 maz-flex maz-flex-col-reverse;\n\n & > :not([hidden]) ~ :not([hidden]) {\n @apply maz-my-2;\n }\n }\n\n &.--right {\n @apply maz-right-0 maz-w-full tab-m:maz-w-auto;\n }\n\n &.--left {\n @apply maz-left-0 maz-w-full tab-m:maz-w-auto;\n }\n}\n</style>\n\n<style lang=\"postcss\" scoped>\n .m-toast {\n box-sizing: border-box;\n\n & * {\n box-sizing: border-box;\n }\n\n @apply maz-relative maz-flex maz-w-full maz-cursor-default maz-items-center maz-gap-2 maz-self-center maz-overflow-hidden maz-rounded maz-pl-2 maz-pr-2 maz-shadow-md maz-transition maz-duration-300 maz-ease-in-out;\n\n &:not(.--persistent) {\n @apply maz-cursor-pointer;\n }\n\n &.--left,\n &.--right {\n @apply tab-m:maz-w-[22rem];\n }\n\n &.--center {\n @apply tab-m:maz-w-[22rem] tab-m:maz-justify-center;\n }\n\n &__message-wrapper {\n @apply maz-flex-1 maz-py-3;\n }\n\n &__message {\n @apply maz-m-0 maz-text-start maz-font-medium;\n }\n\n & .--close {\n @apply maz-flex maz-h-9 maz-w-9 maz-rounded maz-bg-transparent maz-p-0 maz-flex-center hover:maz-bg-gray-900/20;\n\n & .--icon {\n @apply maz-cursor-pointer;\n }\n }\n\n &.--info {\n @apply maz-bg-info maz-text-info-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-info-400;\n }\n }\n\n &.--success {\n @apply maz-bg-success maz-text-success-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-success-400;\n }\n }\n\n &.--warning {\n @apply maz-bg-warning maz-text-warning-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-warning-400;\n }\n }\n\n &.--danger {\n @apply maz-bg-danger maz-text-danger-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-danger-400;\n }\n }\n\n &.--theme {\n @apply maz-bg-color maz-text-normal dark:maz-border dark:maz-border-solid dark:maz-border-color-lighter;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-color-light;\n }\n }\n}\n\n.m-slide-top-enter-active,\n.m-slide-top-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-top-enter-from,\n.m-slide-top-leave-to {\n opacity: 0;\n transform: translateY(-100%);\n}\n\n.m-slide-bottom-enter-active,\n.m-slide-bottom-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-bottom-enter-from,\n.m-slide-bottom-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.m-slide-right-enter-active,\n.m-slide-right-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-right-enter-from,\n.m-slide-right-leave-to {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.m-slide-left-enter-active,\n.m-slide-left-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-left-enter-from,\n.m-slide-left-leave-to {\n opacity: 0;\n transform: translateX(-100%);\n}\n</style>\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './types'\nimport { mount } from '@helpers/mountComponent'\nimport MazToast, { type Props } from './MazToast.vue'\n\nexport interface LocalToasterOptions extends ToasterOptions {\n type: 'success' \| 'info' \| 'warning' \| 'danger' \| 'theme'\n}\n\nconst DEFAULT_OPTIONS: ToasterOptions = {\n position: 'bottom-right',\n timeout: 10_000,\n persistent: false,\n icon: true,\n}\n\nexport class ToasterHandler {\n constructor(\n private readonly app: App,\n private readonly globalOptions?: ToasterOptions,\n ) {}\n\n private show(message: string, options: LocalToasterOptions) {\n const propsData: Props = {\n ...DEFAULT_OPTIONS,\n ...this.globalOptions,\n ...options,\n message,\n }\n\n const { destroy, vNode } = mount<typeof MazToast, Props>(MazToast, {\n props: propsData,\n app: this.app,\n })\n\n return {\n destroy,\n close: () => vNode.component?.exposed?.closeToast(),\n }\n }\n\n private getLocalOptions(\n type: LocalToasterOptions['type'],\n options?: ToasterOptions,\n ): LocalToasterOptions {\n return {\n type,\n ...options,\n }\n }\n\n message(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('theme', options))\n }\n\n success(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('success', options))\n }\n\n error(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('danger', options))\n }\n\n info(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('info', options))\n }\n\n warning(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('warning', options))\n }\n}\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './toaster/types'\nimport { ToasterHandler } from './toaster/ToasterHandler'\n\nexport function createToaster(app: App, options?: ToasterOptions): ToasterHandler {\n return new ToasterHandler(app, options)\n}\n\nexport const installToaster = {\n install(app: App, options?: ToasterOptions) {\n app.provide('toast', createToaster(app, options))\n },\n}\n\nexport { ToasterHandler } from './toaster/ToasterHandler'\nexport type { ToasterOptions, ToasterPosition, ToasterPositions } from './toaster/types'\n"],"names":["props","__props","emits","__emit","XIcon","defineAsyncComponent","ExternalLink","ExclamationTriangle","ExclamationCircle","InformationCircle","CheckCircle","Link","Toaster","ref","iconComponent","computed","positionY","positionX","transitionName","actionLoading","isActive","queueTimer","containerClassName","selectorContainerClass","timer","useTimer","closeToast","createParents","container","body","toCreate","shouldQueue","showNotice","progressBarWidth","getProgressBarColor","watch","remainingTime","percent","click","event","clickOnAction","func","_a","toggleTimer","shouldPause","stopTimer","__expose","onAnimationEnter","onAnimationLeave","onMounted","DEFAULT_OPTIONS","ToasterHandler","app","globalOptions","message","options","propsData","destroy","vNode","mount","MazToast","_b","type","createToaster","installToaster"],"mappings":"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"}
1	+ {"version":3,"file":"toaster.cjs","sources":["../../src/plugins/toaster/MazToast.vue","../../src/plugins/toaster/ToasterHandler.ts","../../src/plugins/toaster.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LocalToasterOptions } from './ToasterHandler'\nimport type { ToasterAction, ToasterLink, ToasterPosition } from './types'\nimport { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'\nimport MazBtn from '../../components/MazBtn.vue'\nimport { useTimer } from '../../composables/useTimer'\n\nconst props = withDefaults(defineProps<Props>(), {\n position: 'bottom-right',\n maxToasts: false,\n timeout: 10_000,\n type: 'info',\n message: undefined,\n link: undefined,\n action: undefined,\n icon: true,\n})\n\nconst emits = defineEmits(['close', 'click', 'open'])\n\nconst XIcon = defineAsyncComponent(() => import('../../../icons/x-mark.svg'))\nconst ExternalLink = defineAsyncComponent(() => import('../../../icons/arrow-top-right-on-square.svg'))\nconst ExclamationTriangle = defineAsyncComponent(() => import('../../../icons/exclamation-triangle.svg'))\nconst ExclamationCircle = defineAsyncComponent(() => import('../../../icons/exclamation-circle.svg'))\nconst InformationCircle = defineAsyncComponent(() => import('../../../icons/information-circle.svg'))\nconst CheckCircle = defineAsyncComponent(() => import('../../../icons/check-circle.svg'))\nconst Link = defineAsyncComponent(() => import('../../../icons/link.svg'))\n\nconst Toaster = ref<HTMLDivElement>()\n\nexport interface Props {\n message: string\n position?: ToasterPosition\n maxToasts?: number \| boolean\n timeout?: number \| boolean\n queue?: boolean\n noPauseOnHover?: boolean\n type?: LocalToasterOptions['type']\n link?: ToasterLink\n action?: ToasterAction\n persistent?: boolean\n icon?: boolean\n}\n\nconst iconComponent = computed(() => {\n if (!props.icon)\n return undefined\n\n switch (props.type) {\n case 'danger': {\n return ExclamationTriangle\n }\n case 'info': {\n return InformationCircle\n }\n case 'success': {\n return CheckCircle\n }\n case 'warning': {\n return ExclamationCircle\n }\n default: {\n return undefined\n }\n }\n})\n\nconst positionY = computed(() => (props.position.includes('top') ? 'top' : 'bottom'))\nconst positionX = computed(() => {\n if (props.position.includes('left'))\n return 'left'\n if (props.position.includes('right'))\n return 'right'\n return 'center'\n})\n\nconst transitionName = computed(() => {\n if (positionX.value !== 'center') {\n return positionX.value === 'right' ? 'm-slide-right' : 'm-slide-left'\n }\n return positionY.value === 'top' ? 'm-slide-top' : 'm-slide-bottom'\n})\n\nconst actionLoading = ref(false)\nconst isActive = ref(false)\nconst queueTimer = ref<ReturnType<typeof setTimeout>>()\n\nconst containerClassName = `m-toast-container m-reset-css --${positionY.value} --${positionX.value}`\nconst selectorContainerClass = `.${containerClassName.replaceAll(' ', '.')}`\n\nconst timer = useTimer({\n callback: closeToast,\n timeout: typeof props.timeout === 'number' ? props.timeout : 0,\n callbackOffsetTime: 200,\n})\n\nfunction createParents() {\n const container = document.querySelector(selectorContainerClass)\n\n if (container)\n return\n\n if (!container) {\n const body = document.body\n const toCreate = document.createElement('div')\n toCreate.className = containerClassName\n body.append(toCreate)\n }\n}\n\nfunction shouldQueue() {\n const container = document.querySelector(selectorContainerClass)\n\n if (!props.queue && props.maxToasts === false) {\n return false\n }\n\n if (typeof props.maxToasts === 'number' && container) {\n return props.maxToasts <= container.childElementCount\n }\n\n return container && container.childElementCount > 0\n}\n\nfunction showNotice() {\n if (shouldQueue()) {\n queueTimer.value = setTimeout(showNotice, 250)\n return\n }\n\n const container = document.querySelector(selectorContainerClass)\n\n if (Toaster.value && container) {\n container.prepend(Toaster.value)\n }\n\n isActive.value = true\n\n if (typeof props.timeout === 'number' && props.timeout > 0) {\n timer.start()\n }\n}\n\nconst progressBarWidth = ref<string>('100%')\n\nfunction getProgressBarColor() {\n switch (props.type) {\n case 'danger': {\n return 'maz-bg-danger-700'\n }\n case 'info': {\n return 'maz-bg-info-700'\n }\n case 'success': {\n return 'maz-bg-success-700'\n }\n case 'warning': {\n return 'maz-bg-warning-700'\n }\n default: {\n return 'maz-bg-primary'\n }\n }\n}\n\nwatch(\n timer.remainingTime,\n (remainingTime) => {\n if (typeof props.timeout === 'number') {\n const percent = (100 * remainingTime) / props.timeout\n progressBarWidth.value = `${percent}%`\n }\n },\n)\n\nfunction click(event: Event) {\n emits('click', event)\n\n if (!props.persistent) {\n closeToast()\n }\n}\n\nasync function clickOnAction(func: ToasterAction['func'], event: Event) {\n actionLoading.value = true\n await func()\n actionLoading.value = false\n if (props.action?.closeToast) {\n click(event)\n }\n}\n\nfunction toggleTimer(shouldPause: boolean) {\n if (props.noPauseOnHover) {\n return\n }\n\n if (shouldPause) {\n timer.pause()\n }\n else {\n timer.resume()\n }\n}\n\nfunction stopTimer() {\n timer.stop()\n if (queueTimer.value) {\n clearTimeout(queueTimer.value)\n }\n}\n\nfunction closeToast() {\n stopTimer()\n isActive.value = false\n}\n\ndefineExpose({ closeToast })\n\nfunction onAnimationEnter() {\n emits('open')\n}\n\nfunction onAnimationLeave() {\n emits('close')\n Toaster.value?.remove()\n\n const container = document.querySelector(selectorContainerClass)\n if (container && !container?.hasChildNodes()) {\n container.remove()\n }\n}\n\nonMounted(() => {\n createParents()\n showNotice()\n})\n</script>\n\n<template>\n <Transition\n :name=\"transitionName\"\n @after-leave=\"onAnimationLeave\"\n @after-enter=\"onAnimationEnter\"\n >\n <!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n <button\n v-show=\"isActive\"\n ref=\"Toaster\"\n class=\"m-toast m-reset-css\"\n :class=\"[\n `--${type}`,\n `--${positionY}`,\n `--${positionX}`,\n { 'maz-pb-1': typeof timeout === 'number' && timeout > 0, '--persistent': persistent },\n ]\"\n role=\"alert\"\n @mouseover=\"toggleTimer(true)\"\n @mouseleave=\"toggleTimer(false)\"\n @click.stop=\"link && !link?.closeToast ? undefined : click($event)\"\n >\n <Component :is=\"iconComponent\" v-if=\"iconComponent\" class=\"maz-text-2xl\" />\n\n <div class=\"m-toast__message-wrapper\">\n <p class=\"m-toast__message\">\n {{ message }}\n </p>\n </div>\n\n <MazBtn\n v-if=\"action\"\n data-test=\"action-btn\"\n :color=\"type\"\n pastel\n :loading=\"actionLoading\"\n size=\"sm\"\n @click.stop=\"action ? clickOnAction(action.func, $event) : undefined\"\n >\n {{ action.text }}\n </MazBtn>\n <MazBtn\n v-if=\"link\"\n data-test=\"link-btn\"\n :color=\"type\"\n pastel\n size=\"xs\"\n :href=\"link.href\"\n :target=\"link.target ?? '_self'\"\n >\n <div class=\"maz-flex maz-items-center maz-gap-2\">\n <span v-if=\"link.text\"> {{ link.text }} </span>\n\n <ExternalLink v-if=\"link?.target === '_blank'\" class=\"maz-text-xl\" />\n <Link v-else class=\"maz-text-xl\" />\n </div>\n </MazBtn>\n\n <button v-if=\"!persistent\" class=\"--close\" @click.stop=\"click($event)\">\n <XIcon class=\"--icon maz-text-xl\" />\n </button>\n\n <div\n v-if=\"typeof timeout === 'number' && timeout > 0\"\n class=\"progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1\"\n >\n <div\n :style=\"{\n width: progressBarWidth,\n }\"\n class=\"maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear\"\n :class=\"getProgressBarColor()\"\n />\n </div>\n </button>\n <!-- eslint-enable vuejs-accessibility/mouse-events-have-key-events -->\n </Transition>\n</template>\n\n<style lang=\"postcss\">\n.m-toast-container {\n @apply maz-fixed maz-flex maz-flex-col maz-gap-2 maz-p-4;\n\n z-index: 1051;\n\n &.--top {\n @apply maz-top-0 maz-flex;\n }\n\n &.--center {\n @apply maz-w-full tab-m:maz-fixed tab-m:maz-left-2/4 tab-m:maz-w-auto;\n\n @screen tab-m {\n transform: translate(-50%, 0);\n }\n }\n\n &.--bottom {\n @apply maz-bottom-0 maz-flex maz-flex-col-reverse;\n\n & > :not([hidden]) ~ :not([hidden]) {\n @apply maz-my-2;\n }\n }\n\n &.--right {\n @apply maz-right-0 maz-w-full tab-m:maz-w-auto;\n }\n\n &.--left {\n @apply maz-left-0 maz-w-full tab-m:maz-w-auto;\n }\n}\n</style>\n\n<style lang=\"postcss\" scoped>\n .m-toast {\n box-sizing: border-box;\n\n & * {\n box-sizing: border-box;\n }\n\n @apply maz-relative maz-flex maz-w-full maz-cursor-default maz-items-center maz-gap-2 maz-self-center maz-overflow-hidden maz-rounded maz-pl-2 maz-pr-2 maz-shadow-md maz-transition maz-duration-300 maz-ease-in-out;\n\n &:not(.--persistent) {\n @apply maz-cursor-pointer;\n }\n\n &.--left,\n &.--right {\n @apply tab-m:maz-w-[22rem];\n }\n\n &.--center {\n @apply tab-m:maz-w-[22rem] tab-m:maz-justify-center;\n }\n\n &__message-wrapper {\n @apply maz-flex-1 maz-py-3;\n }\n\n &__message {\n @apply maz-m-0 maz-text-start maz-font-medium;\n }\n\n & .--close {\n @apply maz-flex maz-h-9 maz-w-9 maz-rounded maz-bg-transparent maz-p-0 maz-flex-center hover:maz-bg-gray-900/20;\n\n & .--icon {\n @apply maz-cursor-pointer;\n }\n }\n\n &.--info {\n @apply maz-bg-info maz-text-info-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-info-400;\n }\n }\n\n &.--success {\n @apply maz-bg-success maz-text-success-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-success-400;\n }\n }\n\n &.--warning {\n @apply maz-bg-warning maz-text-warning-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-warning-400;\n }\n }\n\n &.--danger {\n @apply maz-bg-danger maz-text-danger-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-danger-400;\n }\n }\n\n &.--theme {\n @apply maz-bg-color maz-text-normal dark:maz-border dark:maz-border-solid dark:maz-border-color-lighter;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-color-light;\n }\n }\n}\n\n.m-slide-top-enter-active,\n.m-slide-top-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-top-enter-from,\n.m-slide-top-leave-to {\n opacity: 0;\n transform: translateY(-100%);\n}\n\n.m-slide-bottom-enter-active,\n.m-slide-bottom-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-bottom-enter-from,\n.m-slide-bottom-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.m-slide-right-enter-active,\n.m-slide-right-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-right-enter-from,\n.m-slide-right-leave-to {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.m-slide-left-enter-active,\n.m-slide-left-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-left-enter-from,\n.m-slide-left-leave-to {\n opacity: 0;\n transform: translateX(-100%);\n}\n</style>\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './types'\nimport { mount } from './../../helpers/mountComponent'\nimport MazToast, { type Props } from './MazToast.vue'\n\nexport interface LocalToasterOptions extends ToasterOptions {\n type: 'success' \| 'info' \| 'warning' \| 'danger' \| 'theme'\n}\n\nconst DEFAULT_OPTIONS: ToasterOptions = {\n position: 'bottom-right',\n timeout: 10_000,\n persistent: false,\n icon: true,\n}\n\nexport class ToasterHandler {\n constructor(\n private readonly app: App,\n private readonly globalOptions?: ToasterOptions,\n ) {}\n\n private show(message: string, options: LocalToasterOptions) {\n const propsData: Props = {\n ...DEFAULT_OPTIONS,\n ...this.globalOptions,\n ...options,\n message,\n }\n\n const { destroy, vNode } = mount<typeof MazToast, Props>(MazToast, {\n props: propsData,\n app: this.app,\n })\n\n return {\n destroy,\n close: () => vNode.component?.exposed?.closeToast(),\n }\n }\n\n private getLocalOptions(\n type: LocalToasterOptions['type'],\n options?: ToasterOptions,\n ): LocalToasterOptions {\n return {\n type,\n ...options,\n }\n }\n\n message(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('theme', options))\n }\n\n success(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('success', options))\n }\n\n error(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('danger', options))\n }\n\n info(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('info', options))\n }\n\n warning(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('warning', options))\n }\n}\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './toaster/types'\nimport { ToasterHandler } from './toaster/ToasterHandler'\n\nexport function createToaster(app: App, options?: ToasterOptions): ToasterHandler {\n return new ToasterHandler(app, options)\n}\n\nexport const installToaster = {\n install(app: App, options?: ToasterOptions) {\n app.provide('toast', createToaster(app, options))\n },\n}\n\nexport { ToasterHandler } from './toaster/ToasterHandler'\nexport type { ToasterOptions, ToasterPosition, ToasterPositions } from './toaster/types'\n"],"names":["props","__props","emits","__emit","XIcon","defineAsyncComponent","ExternalLink","ExclamationTriangle","ExclamationCircle","InformationCircle","CheckCircle","Link","Toaster","ref","iconComponent","computed","positionY","positionX","transitionName","actionLoading","isActive","queueTimer","containerClassName","selectorContainerClass","timer","useTimer","closeToast","createParents","container","body","toCreate","shouldQueue","showNotice","progressBarWidth","getProgressBarColor","watch","remainingTime","percent","click","event","clickOnAction","func","_a","toggleTimer","shouldPause","stopTimer","__expose","onAnimationEnter","onAnimationLeave","onMounted","DEFAULT_OPTIONS","ToasterHandler","app","globalOptions","message","options","propsData","destroy","vNode","mount","MazToast","_b","type","createToaster","installToaster"],"mappings":"u5BAOA,MAAMA,EAAQC,EAWRC,EAAQC,EAERC,EAAQC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,+BAA2B,CAAA,CAAC,EACtEC,EAAeD,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,kDAA8C,CAAA,CAAC,EAChGE,EAAsBF,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,6CAAyC,CAAA,CAAC,EAClGG,EAAoBH,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,2CAAuC,CAAA,CAAC,EAC9FI,EAAoBJ,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,2CAAuC,CAAA,CAAC,EAC9FK,EAAcL,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,qCAAiC,CAAA,CAAC,EAClFM,EAAON,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,6BAAyB,CAAA,CAAC,EAEnEO,EAAUC,EAAAA,IAAoB,EAgB9BC,EAAgBC,EAAAA,SAAS,IAAM,CACnC,GAAKf,EAAM,KAGX,OAAQA,EAAM,KAAM,CAClB,IAAK,SACI,OAAAO,EAET,IAAK,OACI,OAAAE,EAET,IAAK,UACI,OAAAC,EAET,IAAK,UACI,OAAAF,EAET,QACS,MACT,CACF,CACD,EAEKQ,EAAYD,WAAS,IAAOf,EAAM,SAAS,SAAS,KAAK,EAAI,MAAQ,QAAS,EAC9EiB,EAAYF,EAAAA,SAAS,IACrBf,EAAM,SAAS,SAAS,MAAM,EACzB,OACLA,EAAM,SAAS,SAAS,OAAO,EAC1B,QACF,QACR,EAEKkB,EAAiBH,EAAAA,SAAS,IAC1BE,EAAU,QAAU,SACfA,EAAU,QAAU,QAAU,gBAAkB,eAElDD,EAAU,QAAU,MAAQ,cAAgB,gBACpD,EAEKG,EAAgBN,MAAI,EAAK,EACzBO,EAAWP,MAAI,EAAK,EACpBQ,EAAaR,EAAAA,IAAmC,EAEhDS,EAAqB,mCAAmCN,EAAU,KAAK,MAAMC,EAAU,KAAK,GAC5FM,EAAyB,IAAID,EAAmB,WAAW,IAAK,GAAG,CAAC,GAEpEE,EAAQC,EAAAA,SAAS,CACrB,SAAUC,EACV,QAAS,OAAO1B,EAAM,SAAY,SAAWA,EAAM,QAAU,EAC7D,mBAAoB,GAAA,CACrB,EAED,SAAS2B,GAAgB,CACjB,MAAAC,EAAY,SAAS,cAAcL,CAAsB,EAE3D,GAAA,CAAAK,GAGA,CAACA,EAAW,CACd,MAAMC,EAAO,SAAS,KAChBC,EAAW,SAAS,cAAc,KAAK,EAC7CA,EAAS,UAAYR,EACrBO,EAAK,OAAOC,CAAQ,CAAA,CACtB,CAGF,SAASC,GAAc,CACf,MAAAH,EAAY,SAAS,cAAcL,CAAsB,EAE/D,MAAI,CAACvB,EAAM,OAASA,EAAM,YAAc,GAC/B,GAGL,OAAOA,EAAM,WAAc,UAAY4B,EAClC5B,EAAM,WAAa4B,EAAU,kBAG/BA,GAAaA,EAAU,kBAAoB,CAAA,CAGpD,SAASI,GAAa,CACpB,GAAID,IAAe,CACNV,EAAA,MAAQ,WAAWW,EAAY,GAAG,EAC7C,MAAA,CAGI,MAAAJ,EAAY,SAAS,cAAcL,CAAsB,EAE3DX,EAAQ,OAASgB,GACTA,EAAA,QAAQhB,EAAQ,KAAK,EAGjCQ,EAAS,MAAQ,GAEb,OAAOpB,EAAM,SAAY,UAAYA,EAAM,QAAU,GACvDwB,EAAM,MAAM,CACd,CAGI,MAAAS,EAAmBpB,MAAY,MAAM,EAE3C,SAASqB,GAAsB,CAC7B,OAAQlC,EAAM,KAAM,CAClB,IAAK,SACI,MAAA,oBAET,IAAK,OACI,MAAA,kBAET,IAAK,UACI,MAAA,qBAET,IAAK,UACI,MAAA,qBAET,QACS,MAAA,gBACT,CACF,CAGFmC,EAAA,MACEX,EAAM,cACLY,GAAkB,CACb,GAAA,OAAOpC,EAAM,SAAY,SAAU,CAC/B,MAAAqC,EAAW,IAAMD,EAAiBpC,EAAM,QAC7BiC,EAAA,MAAQ,GAAGI,CAAO,GAAA,CACrC,CAEJ,EAEA,SAASC,EAAMC,EAAc,CAC3BrC,EAAM,QAASqC,CAAK,EAEfvC,EAAM,YACE0B,EAAA,CACb,CAGa,eAAAc,EAAcC,EAA6BF,EAAc,OACtEpB,EAAc,MAAQ,GACtB,MAAMsB,EAAK,EACXtB,EAAc,MAAQ,IAClBuB,EAAA1C,EAAM,SAAN,MAAA0C,EAAc,YAChBJ,EAAMC,CAAK,CACb,CAGF,SAASI,EAAYC,EAAsB,CACrC5C,EAAM,iBAIN4C,EACFpB,EAAM,MAAM,EAGZA,EAAM,OAAO,EACf,CAGF,SAASqB,GAAY,CACnBrB,EAAM,KAAK,EACPH,EAAW,OACb,aAAaA,EAAW,KAAK,CAC/B,CAGF,SAASK,GAAa,CACVmB,EAAA,EACVzB,EAAS,MAAQ,EAAA,CAGN0B,EAAA,CAAE,WAAApB,EAAY,EAE3B,SAASqB,GAAmB,CAC1B7C,EAAM,MAAM,CAAA,CAGd,SAAS8C,GAAmB,OAC1B9C,EAAM,OAAO,GACbwC,EAAA9B,EAAQ,QAAR,MAAA8B,EAAe,SAET,MAAAd,EAAY,SAAS,cAAcL,CAAsB,EAC3DK,GAAa,EAACA,GAAA,MAAAA,EAAW,kBAC3BA,EAAU,OAAO,CACnB,CAGFqB,OAAAA,EAAAA,UAAU,IAAM,CACAtB,EAAA,EACHK,EAAA,CAAA,CACZ,uzECnOKkB,EAAkC,CACtC,SAAU,eACV,QAAS,IACT,WAAY,GACZ,KAAM,EACR,EAEO,MAAMC,CAAe,CAC1B,YACmBC,EACAC,EACjB,CAFiB,KAAA,IAAAD,EACA,KAAA,cAAAC,CAAA,CAGX,KAAKC,EAAiBC,EAA8B,CAC1D,MAAMC,EAAmB,CACvB,GAAGN,EACH,GAAG,KAAK,cACR,GAAGK,EACH,QAAAD,CACF,EAEM,CAAE,QAAAG,EAAS,MAAAC,GAAUC,EAAAA,MAA8BC,EAAU,CACjE,MAAOJ,EACP,IAAK,KAAK,GAAA,CACX,EAEM,MAAA,CACL,QAAAC,EACA,MAAO,IAAM,SAAA,OAAAI,GAAAnB,EAAAgB,EAAM,YAAN,YAAAhB,EAAiB,UAAjB,YAAAmB,EAA0B,aACzC,CAAA,CAGM,gBACNC,EACAP,EACqB,CACd,MAAA,CACL,KAAAO,EACA,GAAGP,CACL,CAAA,CAGF,QAAQD,EAAiBC,EAA0B,CACjD,OAAO,KAAK,KAAKD,EAAS,KAAK,gBAAgB,QAASC,CAAO,CAAC,CAAA,CAGlE,QAAQD,EAAiBC,EAA0B,CACjD,OAAO,KAAK,KAAKD,EAAS,KAAK,gBAAgB,UAAWC,CAAO,CAAC,CAAA,CAGpE,MAAMD,EAAiBC,EAA0B,CAC/C,OAAO,KAAK,KAAKD,EAAS,KAAK,gBAAgB,SAAUC,CAAO,CAAC,CAAA,CAGnE,KAAKD,EAAiBC,EAA0B,CAC9C,OAAO,KAAK,KAAKD,EAAS,KAAK,gBAAgB,OAAQC,CAAO,CAAC,CAAA,CAGjE,QAAQD,EAAiBC,EAA0B,CACjD,OAAO,KAAK,KAAKD,EAAS,KAAK,gBAAgB,UAAWC,CAAO,CAAC,CAAA,CAEtE,CClEgB,SAAAQ,EAAcX,EAAUG,EAA0C,CACzE,OAAA,IAAIJ,EAAeC,EAAKG,CAAO,CACxC,CAEO,MAAMS,GAAiB,CAC5B,QAAQZ,EAAUG,EAA0B,CAC1CH,EAAI,QAAQ,QAASW,EAAcX,EAAKG,CAAO,CAAC,CAAA,CAEpD"}

package/dist/plugins/toaster.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { defineComponent as ee, defineAsyncComponent as l, ref as f, computed as
 import H from "../components/MazBtn.mjs";
 import { useTimer as ce } from "../composables/useTimer.mjs";
 import { _ as me } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/toaster.C9zhIkIO.css';const pe = { class: "m-toast__message-wrapper" }, fe = { class: "m-toast__message" }, de = { class: "maz-flex maz-items-center maz-gap-2" }, ve = { key: 0 }, ge = {
+import '../assets/toaster.BfTrtY6B.css';const pe = { class: "m-toast__message-wrapper" }, fe = { class: "m-toast__message" }, de = { class: "maz-flex maz-items-center maz-gap-2" }, ve = { key: 0 }, ge = {
   key: 4,
   class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1"
 }, he = /* @__PURE__ */ ee({
@@ -205,7 +205,7 @@ import '../assets/toaster.C9zhIkIO.css';const pe = { class: "m-toast__message-wr
       _: 1
     }, 8, ["name"]));
   }
-}), ye = /* @__PURE__ */ me(he, [["__scopeId", "data-v-ec865a68"]]), ke = {
+}), ye = /* @__PURE__ */ me(he, [["__scopeId", "data-v-f515804c"]]), ke = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1,

package/dist/plugins/toaster.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toaster.mjs","sources":["../../src/plugins/toaster/MazToast.vue","../../src/plugins/toaster/ToasterHandler.ts","../../src/plugins/toaster.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LocalToasterOptions } from './ToasterHandler'\nimport type { ToasterAction, ToasterLink, ToasterPosition } from './types'\nimport MazBtn from '@components/MazBtn.vue'\nimport { useTimer } from '@composables/useTimer'\nimport { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'\n\nconst props = withDefaults(defineProps<Props>(), {\n position: 'bottom-right',\n maxToasts: false,\n timeout: 10_000,\n type: 'info',\n message: undefined,\n link: undefined,\n action: undefined,\n icon: true,\n})\n\nconst emits = defineEmits(['close', 'click', 'open'])\n\nconst XIcon = defineAsyncComponent(() => import('@icons/x-mark.svg'))\nconst ExternalLink = defineAsyncComponent(() => import('@icons/arrow-top-right-on-square.svg'))\nconst ExclamationTriangle = defineAsyncComponent(() => import('@icons/exclamation-triangle.svg'))\nconst ExclamationCircle = defineAsyncComponent(() => import('@icons/exclamation-circle.svg'))\nconst InformationCircle = defineAsyncComponent(() => import('@icons/information-circle.svg'))\nconst CheckCircle = defineAsyncComponent(() => import('@icons/check-circle.svg'))\nconst Link = defineAsyncComponent(() => import('@icons/link.svg'))\n\nconst Toaster = ref<HTMLDivElement>()\n\nexport interface Props {\n message: string\n position?: ToasterPosition\n maxToasts?: number \| boolean\n timeout?: number \| boolean\n queue?: boolean\n noPauseOnHover?: boolean\n type?: LocalToasterOptions['type']\n link?: ToasterLink\n action?: ToasterAction\n persistent?: boolean\n icon?: boolean\n}\n\nconst iconComponent = computed(() => {\n if (!props.icon)\n return undefined\n\n switch (props.type) {\n case 'danger': {\n return ExclamationTriangle\n }\n case 'info': {\n return InformationCircle\n }\n case 'success': {\n return CheckCircle\n }\n case 'warning': {\n return ExclamationCircle\n }\n default: {\n return undefined\n }\n }\n})\n\nconst positionY = computed(() => (props.position.includes('top') ? 'top' : 'bottom'))\nconst positionX = computed(() => {\n if (props.position.includes('left'))\n return 'left'\n if (props.position.includes('right'))\n return 'right'\n return 'center'\n})\n\nconst transitionName = computed(() => {\n if (positionX.value !== 'center') {\n return positionX.value === 'right' ? 'm-slide-right' : 'm-slide-left'\n }\n return positionY.value === 'top' ? 'm-slide-top' : 'm-slide-bottom'\n})\n\nconst actionLoading = ref(false)\nconst isActive = ref(false)\nconst queueTimer = ref<ReturnType<typeof setTimeout>>()\n\nconst containerClassName = `m-toast-container m-reset-css --${positionY.value} --${positionX.value}`\nconst selectorContainerClass = `.${containerClassName.replaceAll(' ', '.')}`\n\nconst timer = useTimer({\n callback: closeToast,\n timeout: typeof props.timeout === 'number' ? props.timeout : 0,\n callbackOffsetTime: 200,\n})\n\nfunction createParents() {\n const container = document.querySelector(selectorContainerClass)\n\n if (container)\n return\n\n if (!container) {\n const body = document.body\n const toCreate = document.createElement('div')\n toCreate.className = containerClassName\n body.append(toCreate)\n }\n}\n\nfunction shouldQueue() {\n const container = document.querySelector(selectorContainerClass)\n\n if (!props.queue && props.maxToasts === false) {\n return false\n }\n\n if (typeof props.maxToasts === 'number' && container) {\n return props.maxToasts <= container.childElementCount\n }\n\n return container && container.childElementCount > 0\n}\n\nfunction showNotice() {\n if (shouldQueue()) {\n queueTimer.value = setTimeout(showNotice, 250)\n return\n }\n\n const container = document.querySelector(selectorContainerClass)\n\n if (Toaster.value && container) {\n container.prepend(Toaster.value)\n }\n\n isActive.value = true\n\n if (typeof props.timeout === 'number' && props.timeout > 0) {\n timer.start()\n }\n}\n\nconst progressBarWidth = ref<string>('100%')\n\nfunction getProgressBarColor() {\n switch (props.type) {\n case 'danger': {\n return 'maz-bg-danger-700'\n }\n case 'info': {\n return 'maz-bg-info-700'\n }\n case 'success': {\n return 'maz-bg-success-700'\n }\n case 'warning': {\n return 'maz-bg-warning-700'\n }\n default: {\n return 'maz-bg-primary'\n }\n }\n}\n\nwatch(\n timer.remainingTime,\n (remainingTime) => {\n if (typeof props.timeout === 'number') {\n const percent = (100 * remainingTime) / props.timeout\n progressBarWidth.value = `${percent}%`\n }\n },\n)\n\nfunction click(event: Event) {\n emits('click', event)\n\n if (!props.persistent) {\n closeToast()\n }\n}\n\nasync function clickOnAction(func: ToasterAction['func'], event: Event) {\n actionLoading.value = true\n await func()\n actionLoading.value = false\n if (props.action?.closeToast) {\n click(event)\n }\n}\n\nfunction toggleTimer(shouldPause: boolean) {\n if (props.noPauseOnHover) {\n return\n }\n\n if (shouldPause) {\n timer.pause()\n }\n else {\n timer.resume()\n }\n}\n\nfunction stopTimer() {\n timer.stop()\n if (queueTimer.value) {\n clearTimeout(queueTimer.value)\n }\n}\n\nfunction closeToast() {\n stopTimer()\n isActive.value = false\n}\n\ndefineExpose({ closeToast })\n\nfunction onAnimationEnter() {\n emits('open')\n}\n\nfunction onAnimationLeave() {\n emits('close')\n Toaster.value?.remove()\n\n const container = document.querySelector(selectorContainerClass)\n if (container && !container?.hasChildNodes()) {\n container.remove()\n }\n}\n\nonMounted(() => {\n createParents()\n showNotice()\n})\n</script>\n\n<template>\n <Transition\n :name=\"transitionName\"\n @after-leave=\"onAnimationLeave\"\n @after-enter=\"onAnimationEnter\"\n >\n <!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n <button\n v-show=\"isActive\"\n ref=\"Toaster\"\n class=\"m-toast m-reset-css\"\n :class=\"[\n `--${type}`,\n `--${positionY}`,\n `--${positionX}`,\n { 'maz-pb-1': typeof timeout === 'number' && timeout > 0, '--persistent': persistent },\n ]\"\n role=\"alert\"\n @mouseover=\"toggleTimer(true)\"\n @mouseleave=\"toggleTimer(false)\"\n @click.stop=\"link && !link?.closeToast ? undefined : click($event)\"\n >\n <Component :is=\"iconComponent\" v-if=\"iconComponent\" class=\"maz-text-2xl\" />\n\n <div class=\"m-toast__message-wrapper\">\n <p class=\"m-toast__message\">\n {{ message }}\n </p>\n </div>\n\n <MazBtn\n v-if=\"action\"\n data-test=\"action-btn\"\n :color=\"type\"\n pastel\n :loading=\"actionLoading\"\n size=\"sm\"\n @click.stop=\"action ? clickOnAction(action.func, $event) : undefined\"\n >\n {{ action.text }}\n </MazBtn>\n <MazBtn\n v-if=\"link\"\n data-test=\"link-btn\"\n :color=\"type\"\n pastel\n size=\"xs\"\n :href=\"link.href\"\n :target=\"link.target ?? '_self'\"\n >\n <div class=\"maz-flex maz-items-center maz-gap-2\">\n <span v-if=\"link.text\"> {{ link.text }} </span>\n\n <ExternalLink v-if=\"link?.target === '_blank'\" class=\"maz-text-xl\" />\n <Link v-else class=\"maz-text-xl\" />\n </div>\n </MazBtn>\n\n <button v-if=\"!persistent\" class=\"--close\" @click.stop=\"click($event)\">\n <XIcon class=\"--icon maz-text-xl\" />\n </button>\n\n <div\n v-if=\"typeof timeout === 'number' && timeout > 0\"\n class=\"progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1\"\n >\n <div\n :style=\"{\n width: progressBarWidth,\n }\"\n class=\"maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear\"\n :class=\"getProgressBarColor()\"\n />\n </div>\n </button>\n <!-- eslint-enable vuejs-accessibility/mouse-events-have-key-events -->\n </Transition>\n</template>\n\n<style lang=\"postcss\">\n.m-toast-container {\n @apply maz-fixed maz-flex maz-flex-col maz-gap-2 maz-p-4;\n\n z-index: 1051;\n\n &.--top {\n @apply maz-top-0 maz-flex;\n }\n\n &.--center {\n @apply maz-w-full tab-m:maz-fixed tab-m:maz-left-2/4 tab-m:maz-w-auto;\n\n @screen tab-m {\n transform: translate(-50%, 0);\n }\n }\n\n &.--bottom {\n @apply maz-bottom-0 maz-flex maz-flex-col-reverse;\n\n & > :not([hidden]) ~ :not([hidden]) {\n @apply maz-my-2;\n }\n }\n\n &.--right {\n @apply maz-right-0 maz-w-full tab-m:maz-w-auto;\n }\n\n &.--left {\n @apply maz-left-0 maz-w-full tab-m:maz-w-auto;\n }\n}\n</style>\n\n<style lang=\"postcss\" scoped>\n .m-toast {\n box-sizing: border-box;\n\n & * {\n box-sizing: border-box;\n }\n\n @apply maz-relative maz-flex maz-w-full maz-cursor-default maz-items-center maz-gap-2 maz-self-center maz-overflow-hidden maz-rounded maz-pl-2 maz-pr-2 maz-shadow-md maz-transition maz-duration-300 maz-ease-in-out;\n\n &:not(.--persistent) {\n @apply maz-cursor-pointer;\n }\n\n &.--left,\n &.--right {\n @apply tab-m:maz-w-[22rem];\n }\n\n &.--center {\n @apply tab-m:maz-w-[22rem] tab-m:maz-justify-center;\n }\n\n &__message-wrapper {\n @apply maz-flex-1 maz-py-3;\n }\n\n &__message {\n @apply maz-m-0 maz-text-start maz-font-medium;\n }\n\n & .--close {\n @apply maz-flex maz-h-9 maz-w-9 maz-rounded maz-bg-transparent maz-p-0 maz-flex-center hover:maz-bg-gray-900/20;\n\n & .--icon {\n @apply maz-cursor-pointer;\n }\n }\n\n &.--info {\n @apply maz-bg-info maz-text-info-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-info-400;\n }\n }\n\n &.--success {\n @apply maz-bg-success maz-text-success-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-success-400;\n }\n }\n\n &.--warning {\n @apply maz-bg-warning maz-text-warning-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-warning-400;\n }\n }\n\n &.--danger {\n @apply maz-bg-danger maz-text-danger-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-danger-400;\n }\n }\n\n &.--theme {\n @apply maz-bg-color maz-text-normal dark:maz-border dark:maz-border-solid dark:maz-border-color-lighter;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-color-light;\n }\n }\n}\n\n.m-slide-top-enter-active,\n.m-slide-top-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-top-enter-from,\n.m-slide-top-leave-to {\n opacity: 0;\n transform: translateY(-100%);\n}\n\n.m-slide-bottom-enter-active,\n.m-slide-bottom-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-bottom-enter-from,\n.m-slide-bottom-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.m-slide-right-enter-active,\n.m-slide-right-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-right-enter-from,\n.m-slide-right-leave-to {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.m-slide-left-enter-active,\n.m-slide-left-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-left-enter-from,\n.m-slide-left-leave-to {\n opacity: 0;\n transform: translateX(-100%);\n}\n</style>\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './types'\nimport { mount } from '@helpers/mountComponent'\nimport MazToast, { type Props } from './MazToast.vue'\n\nexport interface LocalToasterOptions extends ToasterOptions {\n type: 'success' \| 'info' \| 'warning' \| 'danger' \| 'theme'\n}\n\nconst DEFAULT_OPTIONS: ToasterOptions = {\n position: 'bottom-right',\n timeout: 10_000,\n persistent: false,\n icon: true,\n}\n\nexport class ToasterHandler {\n constructor(\n private readonly app: App,\n private readonly globalOptions?: ToasterOptions,\n ) {}\n\n private show(message: string, options: LocalToasterOptions) {\n const propsData: Props = {\n ...DEFAULT_OPTIONS,\n ...this.globalOptions,\n ...options,\n message,\n }\n\n const { destroy, vNode } = mount<typeof MazToast, Props>(MazToast, {\n props: propsData,\n app: this.app,\n })\n\n return {\n destroy,\n close: () => vNode.component?.exposed?.closeToast(),\n }\n }\n\n private getLocalOptions(\n type: LocalToasterOptions['type'],\n options?: ToasterOptions,\n ): LocalToasterOptions {\n return {\n type,\n ...options,\n }\n }\n\n message(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('theme', options))\n }\n\n success(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('success', options))\n }\n\n error(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('danger', options))\n }\n\n info(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('info', options))\n }\n\n warning(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('warning', options))\n }\n}\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './toaster/types'\nimport { ToasterHandler } from './toaster/ToasterHandler'\n\nexport function createToaster(app: App, options?: ToasterOptions): ToasterHandler {\n return new ToasterHandler(app, options)\n}\n\nexport const installToaster = {\n install(app: App, options?: ToasterOptions) {\n app.provide('toast', createToaster(app, options))\n },\n}\n\nexport { ToasterHandler } from './toaster/ToasterHandler'\nexport type { ToasterOptions, ToasterPosition, ToasterPositions } from './toaster/types'\n"],"names":["props","__props","emits","__emit","XIcon","defineAsyncComponent","ExternalLink","ExclamationTriangle","ExclamationCircle","InformationCircle","CheckCircle","Link","Toaster","ref","iconComponent","computed","positionY","positionX","transitionName","actionLoading","isActive","queueTimer","containerClassName","selectorContainerClass","timer","useTimer","closeToast","createParents","container","body","toCreate","shouldQueue","showNotice","progressBarWidth","getProgressBarColor","watch","remainingTime","percent","click","event","clickOnAction","func","_a","toggleTimer","shouldPause","stopTimer","__expose","onAnimationEnter","onAnimationLeave","onMounted","DEFAULT_OPTIONS","ToasterHandler","app","globalOptions","message","options","propsData","destroy","vNode","mount","MazToast","_b","type","createToaster","installToaster"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAWRC,IAAQC,GAERC,IAAQC,EAAqB,MAAM,OAAO,+BAAmB,CAAC,GAC9DC,IAAeD,EAAqB,MAAM,OAAO,kDAAsC,CAAC,GACxFE,IAAsBF,EAAqB,MAAM,OAAO,6CAAiC,CAAC,GAC1FG,IAAoBH,EAAqB,MAAM,OAAO,2CAA+B,CAAC,GACtFI,IAAoBJ,EAAqB,MAAM,OAAO,2CAA+B,CAAC,GACtFK,IAAcL,EAAqB,MAAM,OAAO,qCAAyB,CAAC,GAC1EM,IAAON,EAAqB,MAAM,OAAO,6BAAiB,CAAC,GAE3DO,IAAUC,EAAoB,GAgB9BC,IAAgBC,EAAS,MAAM;AACnC,UAAKf,EAAM;AAGX,gBAAQA,EAAM,MAAM;AAAA,UAClB,KAAK;AACI,mBAAAO;AAAA,UAET,KAAK;AACI,mBAAAE;AAAA,UAET,KAAK;AACI,mBAAAC;AAAA,UAET,KAAK;AACI,mBAAAF;AAAA,UAET;AACS;AAAA,QACT;AAAA,IACF,CACD,GAEKQ,IAAYD,EAAS,MAAOf,EAAM,SAAS,SAAS,KAAK,IAAI,QAAQ,QAAS,GAC9EiB,IAAYF,EAAS,MACrBf,EAAM,SAAS,SAAS,MAAM,IACzB,SACLA,EAAM,SAAS,SAAS,OAAO,IAC1B,UACF,QACR,GAEKkB,IAAiBH,EAAS,MAC1BE,EAAU,UAAU,WACfA,EAAU,UAAU,UAAU,kBAAkB,iBAElDD,EAAU,UAAU,QAAQ,gBAAgB,gBACpD,GAEKG,IAAgBN,EAAI,EAAK,GACzBO,IAAWP,EAAI,EAAK,GACpBQ,IAAaR,EAAmC,GAEhDS,IAAqB,mCAAmCN,EAAU,KAAK,MAAMC,EAAU,KAAK,IAC5FM,IAAyB,IAAID,EAAmB,WAAW,KAAK,GAAG,CAAC,IAEpEE,IAAQC,GAAS;AAAA,MACrB,UAAUC;AAAA,MACV,SAAS,OAAO1B,EAAM,WAAY,WAAWA,EAAM,UAAU;AAAA,MAC7D,oBAAoB;AAAA,IAAA,CACrB;AAED,aAAS2B,IAAgB;AACjB,YAAAC,IAAY,SAAS,cAAcL,CAAsB;AAE3D,UAAA,CAAAK,KAGA,CAACA,GAAW;AACd,cAAMC,IAAO,SAAS,MAChBC,IAAW,SAAS,cAAc,KAAK;AAC7C,QAAAA,EAAS,YAAYR,GACrBO,EAAK,OAAOC,CAAQ;AAAA,MAAA;AAAA,IACtB;AAGF,aAASC,IAAc;AACf,YAAAH,IAAY,SAAS,cAAcL,CAAsB;AAE/D,aAAI,CAACvB,EAAM,SAASA,EAAM,cAAc,KAC/B,KAGL,OAAOA,EAAM,aAAc,YAAY4B,IAClC5B,EAAM,aAAa4B,EAAU,oBAG/BA,KAAaA,EAAU,oBAAoB;AAAA,IAAA;AAGpD,aAASI,IAAa;AACpB,UAAID,KAAe;AACN,QAAAV,EAAA,QAAQ,WAAWW,GAAY,GAAG;AAC7C;AAAA,MAAA;AAGI,YAAAJ,IAAY,SAAS,cAAcL,CAAsB;AAE3D,MAAAX,EAAQ,SAASgB,KACTA,EAAA,QAAQhB,EAAQ,KAAK,GAGjCQ,EAAS,QAAQ,IAEb,OAAOpB,EAAM,WAAY,YAAYA,EAAM,UAAU,KACvDwB,EAAM,MAAM;AAAA,IACd;AAGI,UAAAS,IAAmBpB,EAAY,MAAM;AAE3C,aAASqB,IAAsB;AAC7B,cAAQlC,EAAM,MAAM;AAAA,QAClB,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET;AACS,iBAAA;AAAA,MACT;AAAA,IACF;AAGF,IAAAmC;AAAA,MACEX,EAAM;AAAA,MACN,CAACY,MAAkB;AACb,YAAA,OAAOpC,EAAM,WAAY,UAAU;AAC/B,gBAAAqC,IAAW,MAAMD,IAAiBpC,EAAM;AAC7B,UAAAiC,EAAA,QAAQ,GAAGI,CAAO;AAAA,QAAA;AAAA,MACrC;AAAA,IAEJ;AAEA,aAASC,EAAMC,GAAc;AAC3B,MAAArC,EAAM,SAASqC,CAAK,GAEfvC,EAAM,cACE0B,EAAA;AAAA,IACb;AAGa,mBAAAc,EAAcC,GAA6BF,GAAc;;AACtE,MAAApB,EAAc,QAAQ,IACtB,MAAMsB,EAAK,GACXtB,EAAc,QAAQ,KAClBuB,IAAA1C,EAAM,WAAN,QAAA0C,EAAc,cAChBJ,EAAMC,CAAK;AAAA,IACb;AAGF,aAASI,EAAYC,GAAsB;AACzC,MAAI5C,EAAM,mBAIN4C,IACFpB,EAAM,MAAM,IAGZA,EAAM,OAAO;AAAA,IACf;AAGF,aAASqB,IAAY;AACnB,MAAArB,EAAM,KAAK,GACPH,EAAW,SACb,aAAaA,EAAW,KAAK;AAAA,IAC/B;AAGF,aAASK,IAAa;AACV,MAAAmB,EAAA,GACVzB,EAAS,QAAQ;AAAA,IAAA;AAGN,IAAA0B,EAAA,EAAE,YAAApB,GAAY;AAE3B,aAASqB,IAAmB;AAC1B,MAAA7C,EAAM,MAAM;AAAA,IAAA;AAGd,aAAS8C,IAAmB;;AAC1B,MAAA9C,EAAM,OAAO,IACbwC,IAAA9B,EAAQ,UAAR,QAAA8B,EAAe;AAET,YAAAd,IAAY,SAAS,cAAcL,CAAsB;AAC/D,MAAIK,KAAa,EAACA,KAAA,QAAAA,EAAW,oBAC3BA,EAAU,OAAO;AAAA,IACnB;AAGF,WAAAqB,GAAU,MAAM;AACA,MAAAtB,EAAA,GACHK,EAAA;AAAA,IAAA,CACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qECnOKkB,KAAkC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AACR;AAEO,MAAMC,GAAe;AAAA,EAC1B,YACmBC,GACAC,GACjB;AAFiB,SAAA,MAAAD,GACA,KAAA,gBAAAC;AAAA,EAAA;AAAA,EAGX,KAAKC,GAAiBC,GAA8B;AAC1D,UAAMC,IAAmB;AAAA,MACvB,GAAGN;AAAA,MACH,GAAG,KAAK;AAAA,MACR,GAAGK;AAAA,MACH,SAAAD;AAAA,IACF,GAEM,EAAE,SAAAG,GAAS,OAAAC,MAAUC,EAA8BC,IAAU;AAAA,MACjE,OAAOJ;AAAA,MACP,KAAK,KAAK;AAAA,IAAA,CACX;AAEM,WAAA;AAAA,MACL,SAAAC;AAAA,MACA,OAAO,MAAM;;AAAA,gBAAAI,KAAAnB,IAAAgB,EAAM,cAAN,gBAAAhB,EAAiB,YAAjB,gBAAAmB,EAA0B;AAAA;AAAA,IACzC;AAAA,EAAA;AAAA,EAGM,gBACNC,GACAP,GACqB;AACd,WAAA;AAAA,MACL,MAAAO;AAAA,MACA,GAAGP;AAAA,IACL;AAAA,EAAA;AAAA,EAGF,QAAQD,GAAiBC,GAA0B;AACjD,WAAO,KAAK,KAAKD,GAAS,KAAK,gBAAgB,SAASC,CAAO,CAAC;AAAA,EAAA;AAAA,EAGlE,QAAQD,GAAiBC,GAA0B;AACjD,WAAO,KAAK,KAAKD,GAAS,KAAK,gBAAgB,WAAWC,CAAO,CAAC;AAAA,EAAA;AAAA,EAGpE,MAAMD,GAAiBC,GAA0B;AAC/C,WAAO,KAAK,KAAKD,GAAS,KAAK,gBAAgB,UAAUC,CAAO,CAAC;AAAA,EAAA;AAAA,EAGnE,KAAKD,GAAiBC,GAA0B;AAC9C,WAAO,KAAK,KAAKD,GAAS,KAAK,gBAAgB,QAAQC,CAAO,CAAC;AAAA,EAAA;AAAA,EAGjE,QAAQD,GAAiBC,GAA0B;AACjD,WAAO,KAAK,KAAKD,GAAS,KAAK,gBAAgB,WAAWC,CAAO,CAAC;AAAA,EAAA;AAEtE;AClEgB,SAAAQ,GAAcX,GAAUG,GAA0C;AACzE,SAAA,IAAIJ,GAAeC,GAAKG,CAAO;AACxC;AAEO,MAAMS,KAAiB;AAAA,EAC5B,QAAQZ,GAAUG,GAA0B;AAC1C,IAAAH,EAAI,QAAQ,SAASW,GAAcX,GAAKG,CAAO,CAAC;AAAA,EAAA;AAEpD;"}
1	+ {"version":3,"file":"toaster.mjs","sources":["../../src/plugins/toaster/MazToast.vue","../../src/plugins/toaster/ToasterHandler.ts","../../src/plugins/toaster.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LocalToasterOptions } from './ToasterHandler'\nimport type { ToasterAction, ToasterLink, ToasterPosition } from './types'\nimport { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'\nimport MazBtn from '../../components/MazBtn.vue'\nimport { useTimer } from '../../composables/useTimer'\n\nconst props = withDefaults(defineProps<Props>(), {\n position: 'bottom-right',\n maxToasts: false,\n timeout: 10_000,\n type: 'info',\n message: undefined,\n link: undefined,\n action: undefined,\n icon: true,\n})\n\nconst emits = defineEmits(['close', 'click', 'open'])\n\nconst XIcon = defineAsyncComponent(() => import('../../../icons/x-mark.svg'))\nconst ExternalLink = defineAsyncComponent(() => import('../../../icons/arrow-top-right-on-square.svg'))\nconst ExclamationTriangle = defineAsyncComponent(() => import('../../../icons/exclamation-triangle.svg'))\nconst ExclamationCircle = defineAsyncComponent(() => import('../../../icons/exclamation-circle.svg'))\nconst InformationCircle = defineAsyncComponent(() => import('../../../icons/information-circle.svg'))\nconst CheckCircle = defineAsyncComponent(() => import('../../../icons/check-circle.svg'))\nconst Link = defineAsyncComponent(() => import('../../../icons/link.svg'))\n\nconst Toaster = ref<HTMLDivElement>()\n\nexport interface Props {\n message: string\n position?: ToasterPosition\n maxToasts?: number \| boolean\n timeout?: number \| boolean\n queue?: boolean\n noPauseOnHover?: boolean\n type?: LocalToasterOptions['type']\n link?: ToasterLink\n action?: ToasterAction\n persistent?: boolean\n icon?: boolean\n}\n\nconst iconComponent = computed(() => {\n if (!props.icon)\n return undefined\n\n switch (props.type) {\n case 'danger': {\n return ExclamationTriangle\n }\n case 'info': {\n return InformationCircle\n }\n case 'success': {\n return CheckCircle\n }\n case 'warning': {\n return ExclamationCircle\n }\n default: {\n return undefined\n }\n }\n})\n\nconst positionY = computed(() => (props.position.includes('top') ? 'top' : 'bottom'))\nconst positionX = computed(() => {\n if (props.position.includes('left'))\n return 'left'\n if (props.position.includes('right'))\n return 'right'\n return 'center'\n})\n\nconst transitionName = computed(() => {\n if (positionX.value !== 'center') {\n return positionX.value === 'right' ? 'm-slide-right' : 'm-slide-left'\n }\n return positionY.value === 'top' ? 'm-slide-top' : 'm-slide-bottom'\n})\n\nconst actionLoading = ref(false)\nconst isActive = ref(false)\nconst queueTimer = ref<ReturnType<typeof setTimeout>>()\n\nconst containerClassName = `m-toast-container m-reset-css --${positionY.value} --${positionX.value}`\nconst selectorContainerClass = `.${containerClassName.replaceAll(' ', '.')}`\n\nconst timer = useTimer({\n callback: closeToast,\n timeout: typeof props.timeout === 'number' ? props.timeout : 0,\n callbackOffsetTime: 200,\n})\n\nfunction createParents() {\n const container = document.querySelector(selectorContainerClass)\n\n if (container)\n return\n\n if (!container) {\n const body = document.body\n const toCreate = document.createElement('div')\n toCreate.className = containerClassName\n body.append(toCreate)\n }\n}\n\nfunction shouldQueue() {\n const container = document.querySelector(selectorContainerClass)\n\n if (!props.queue && props.maxToasts === false) {\n return false\n }\n\n if (typeof props.maxToasts === 'number' && container) {\n return props.maxToasts <= container.childElementCount\n }\n\n return container && container.childElementCount > 0\n}\n\nfunction showNotice() {\n if (shouldQueue()) {\n queueTimer.value = setTimeout(showNotice, 250)\n return\n }\n\n const container = document.querySelector(selectorContainerClass)\n\n if (Toaster.value && container) {\n container.prepend(Toaster.value)\n }\n\n isActive.value = true\n\n if (typeof props.timeout === 'number' && props.timeout > 0) {\n timer.start()\n }\n}\n\nconst progressBarWidth = ref<string>('100%')\n\nfunction getProgressBarColor() {\n switch (props.type) {\n case 'danger': {\n return 'maz-bg-danger-700'\n }\n case 'info': {\n return 'maz-bg-info-700'\n }\n case 'success': {\n return 'maz-bg-success-700'\n }\n case 'warning': {\n return 'maz-bg-warning-700'\n }\n default: {\n return 'maz-bg-primary'\n }\n }\n}\n\nwatch(\n timer.remainingTime,\n (remainingTime) => {\n if (typeof props.timeout === 'number') {\n const percent = (100 * remainingTime) / props.timeout\n progressBarWidth.value = `${percent}%`\n }\n },\n)\n\nfunction click(event: Event) {\n emits('click', event)\n\n if (!props.persistent) {\n closeToast()\n }\n}\n\nasync function clickOnAction(func: ToasterAction['func'], event: Event) {\n actionLoading.value = true\n await func()\n actionLoading.value = false\n if (props.action?.closeToast) {\n click(event)\n }\n}\n\nfunction toggleTimer(shouldPause: boolean) {\n if (props.noPauseOnHover) {\n return\n }\n\n if (shouldPause) {\n timer.pause()\n }\n else {\n timer.resume()\n }\n}\n\nfunction stopTimer() {\n timer.stop()\n if (queueTimer.value) {\n clearTimeout(queueTimer.value)\n }\n}\n\nfunction closeToast() {\n stopTimer()\n isActive.value = false\n}\n\ndefineExpose({ closeToast })\n\nfunction onAnimationEnter() {\n emits('open')\n}\n\nfunction onAnimationLeave() {\n emits('close')\n Toaster.value?.remove()\n\n const container = document.querySelector(selectorContainerClass)\n if (container && !container?.hasChildNodes()) {\n container.remove()\n }\n}\n\nonMounted(() => {\n createParents()\n showNotice()\n})\n</script>\n\n<template>\n <Transition\n :name=\"transitionName\"\n @after-leave=\"onAnimationLeave\"\n @after-enter=\"onAnimationEnter\"\n >\n <!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n <button\n v-show=\"isActive\"\n ref=\"Toaster\"\n class=\"m-toast m-reset-css\"\n :class=\"[\n `--${type}`,\n `--${positionY}`,\n `--${positionX}`,\n { 'maz-pb-1': typeof timeout === 'number' && timeout > 0, '--persistent': persistent },\n ]\"\n role=\"alert\"\n @mouseover=\"toggleTimer(true)\"\n @mouseleave=\"toggleTimer(false)\"\n @click.stop=\"link && !link?.closeToast ? undefined : click($event)\"\n >\n <Component :is=\"iconComponent\" v-if=\"iconComponent\" class=\"maz-text-2xl\" />\n\n <div class=\"m-toast__message-wrapper\">\n <p class=\"m-toast__message\">\n {{ message }}\n </p>\n </div>\n\n <MazBtn\n v-if=\"action\"\n data-test=\"action-btn\"\n :color=\"type\"\n pastel\n :loading=\"actionLoading\"\n size=\"sm\"\n @click.stop=\"action ? clickOnAction(action.func, $event) : undefined\"\n >\n {{ action.text }}\n </MazBtn>\n <MazBtn\n v-if=\"link\"\n data-test=\"link-btn\"\n :color=\"type\"\n pastel\n size=\"xs\"\n :href=\"link.href\"\n :target=\"link.target ?? '_self'\"\n >\n <div class=\"maz-flex maz-items-center maz-gap-2\">\n <span v-if=\"link.text\"> {{ link.text }} </span>\n\n <ExternalLink v-if=\"link?.target === '_blank'\" class=\"maz-text-xl\" />\n <Link v-else class=\"maz-text-xl\" />\n </div>\n </MazBtn>\n\n <button v-if=\"!persistent\" class=\"--close\" @click.stop=\"click($event)\">\n <XIcon class=\"--icon maz-text-xl\" />\n </button>\n\n <div\n v-if=\"typeof timeout === 'number' && timeout > 0\"\n class=\"progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1\"\n >\n <div\n :style=\"{\n width: progressBarWidth,\n }\"\n class=\"maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear\"\n :class=\"getProgressBarColor()\"\n />\n </div>\n </button>\n <!-- eslint-enable vuejs-accessibility/mouse-events-have-key-events -->\n </Transition>\n</template>\n\n<style lang=\"postcss\">\n.m-toast-container {\n @apply maz-fixed maz-flex maz-flex-col maz-gap-2 maz-p-4;\n\n z-index: 1051;\n\n &.--top {\n @apply maz-top-0 maz-flex;\n }\n\n &.--center {\n @apply maz-w-full tab-m:maz-fixed tab-m:maz-left-2/4 tab-m:maz-w-auto;\n\n @screen tab-m {\n transform: translate(-50%, 0);\n }\n }\n\n &.--bottom {\n @apply maz-bottom-0 maz-flex maz-flex-col-reverse;\n\n & > :not([hidden]) ~ :not([hidden]) {\n @apply maz-my-2;\n }\n }\n\n &.--right {\n @apply maz-right-0 maz-w-full tab-m:maz-w-auto;\n }\n\n &.--left {\n @apply maz-left-0 maz-w-full tab-m:maz-w-auto;\n }\n}\n</style>\n\n<style lang=\"postcss\" scoped>\n .m-toast {\n box-sizing: border-box;\n\n & * {\n box-sizing: border-box;\n }\n\n @apply maz-relative maz-flex maz-w-full maz-cursor-default maz-items-center maz-gap-2 maz-self-center maz-overflow-hidden maz-rounded maz-pl-2 maz-pr-2 maz-shadow-md maz-transition maz-duration-300 maz-ease-in-out;\n\n &:not(.--persistent) {\n @apply maz-cursor-pointer;\n }\n\n &.--left,\n &.--right {\n @apply tab-m:maz-w-[22rem];\n }\n\n &.--center {\n @apply tab-m:maz-w-[22rem] tab-m:maz-justify-center;\n }\n\n &__message-wrapper {\n @apply maz-flex-1 maz-py-3;\n }\n\n &__message {\n @apply maz-m-0 maz-text-start maz-font-medium;\n }\n\n & .--close {\n @apply maz-flex maz-h-9 maz-w-9 maz-rounded maz-bg-transparent maz-p-0 maz-flex-center hover:maz-bg-gray-900/20;\n\n & .--icon {\n @apply maz-cursor-pointer;\n }\n }\n\n &.--info {\n @apply maz-bg-info maz-text-info-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-info-400;\n }\n }\n\n &.--success {\n @apply maz-bg-success maz-text-success-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-success-400;\n }\n }\n\n &.--warning {\n @apply maz-bg-warning maz-text-warning-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-warning-400;\n }\n }\n\n &.--danger {\n @apply maz-bg-danger maz-text-danger-contrast;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-danger-400;\n }\n }\n\n &.--theme {\n @apply maz-bg-color maz-text-normal dark:maz-border dark:maz-border-solid dark:maz-border-color-lighter;\n\n &:not(.--persistent) {\n @apply hover:maz-bg-color-light;\n }\n }\n}\n\n.m-slide-top-enter-active,\n.m-slide-top-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-top-enter-from,\n.m-slide-top-leave-to {\n opacity: 0;\n transform: translateY(-100%);\n}\n\n.m-slide-bottom-enter-active,\n.m-slide-bottom-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateY(0);\n}\n\n.m-slide-bottom-enter-from,\n.m-slide-bottom-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n\n.m-slide-right-enter-active,\n.m-slide-right-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-right-enter-from,\n.m-slide-right-leave-to {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.m-slide-left-enter-active,\n.m-slide-left-leave-active {\n opacity: 1;\n transition: all 300ms;\n transform: translateX(0);\n}\n\n.m-slide-left-enter-from,\n.m-slide-left-leave-to {\n opacity: 0;\n transform: translateX(-100%);\n}\n</style>\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './types'\nimport { mount } from './../../helpers/mountComponent'\nimport MazToast, { type Props } from './MazToast.vue'\n\nexport interface LocalToasterOptions extends ToasterOptions {\n type: 'success' \| 'info' \| 'warning' \| 'danger' \| 'theme'\n}\n\nconst DEFAULT_OPTIONS: ToasterOptions = {\n position: 'bottom-right',\n timeout: 10_000,\n persistent: false,\n icon: true,\n}\n\nexport class ToasterHandler {\n constructor(\n private readonly app: App,\n private readonly globalOptions?: ToasterOptions,\n ) {}\n\n private show(message: string, options: LocalToasterOptions) {\n const propsData: Props = {\n ...DEFAULT_OPTIONS,\n ...this.globalOptions,\n ...options,\n message,\n }\n\n const { destroy, vNode } = mount<typeof MazToast, Props>(MazToast, {\n props: propsData,\n app: this.app,\n })\n\n return {\n destroy,\n close: () => vNode.component?.exposed?.closeToast(),\n }\n }\n\n private getLocalOptions(\n type: LocalToasterOptions['type'],\n options?: ToasterOptions,\n ): LocalToasterOptions {\n return {\n type,\n ...options,\n }\n }\n\n message(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('theme', options))\n }\n\n success(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('success', options))\n }\n\n error(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('danger', options))\n }\n\n info(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('info', options))\n }\n\n warning(message: string, options?: ToasterOptions) {\n return this.show(message, this.getLocalOptions('warning', options))\n }\n}\n","import type { App } from 'vue'\nimport type { ToasterOptions } from './toaster/types'\nimport { ToasterHandler } from './toaster/ToasterHandler'\n\nexport function createToaster(app: App, options?: ToasterOptions): ToasterHandler {\n return new ToasterHandler(app, options)\n}\n\nexport const installToaster = {\n install(app: App, options?: ToasterOptions) {\n app.provide('toast', createToaster(app, options))\n },\n}\n\nexport { ToasterHandler } from './toaster/ToasterHandler'\nexport type { ToasterOptions, ToasterPosition, ToasterPositions } from './toaster/types'\n"],"names":["props","__props","emits","__emit","XIcon","defineAsyncComponent","ExternalLink","ExclamationTriangle","ExclamationCircle","InformationCircle","CheckCircle","Link","Toaster","ref","iconComponent","computed","positionY","positionX","transitionName","actionLoading","isActive","queueTimer","containerClassName","selectorContainerClass","timer","useTimer","closeToast","createParents","container","body","toCreate","shouldQueue","showNotice","progressBarWidth","getProgressBarColor","watch","remainingTime","percent","click","event","clickOnAction","func","_a","toggleTimer","shouldPause","stopTimer","__expose","onAnimationEnter","onAnimationLeave","onMounted","DEFAULT_OPTIONS","ToasterHandler","app","globalOptions","message","options","propsData","destroy","vNode","mount","MazToast","_b","type","createToaster","installToaster"],"mappings":"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"}

package/dist/resolvers/UnpluginVueComponentsResolver.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnpluginVueComponentsResolver.cjs","sources":["../../src/resolvers/UnpluginVueComponentsResolver.ts"],"sourcesContent":["/* eslint-disable regexp/no-unused-capturing-group /\n\nimport type { ComponentResolver } from 'unplugin-vue-components/types'\nimport { pascalCase } from '@filters/pascalCase'\n\n/\n Resolver for Maz-UI (components)\n \n @author @louismazel\n * @link https://maz-ui.com\n */\nexport function UnpluginVueComponentsResolver(): ComponentResolver {\n return {\n type: 'component',\n resolve: (name: string) => {\n if (/^(Maz[A-Z])/.test(name))\n return { from: `maz-ui`, name }\n else if (/^(maz-[a-z])/.test(name))\n return { from: `maz-ui`, name: pascalCase(name) }\n },\n }\n}\n"],"names":["UnpluginVueComponentsResolver","name","pascalCase"],"mappings":"6HAWO,SAASA,GAAmD,CAC1D,MAAA,CACL,KAAM,YACN,QAAUC,GAAiB,CACrB,GAAA,cAAc,KAAKA,CAAI,EAClB,MAAA,CAAE,KAAM,SAAU,KAAAA,CAAK,EACvB,GAAA,eAAe,KAAKA,CAAI,EAC/B,MAAO,CAAE,KAAM,SAAU,KAAMC,EAAAA,WAAWD,CAAI,CAAE,CAAA,CAEtD,CACF"}
1	+ {"version":3,"file":"UnpluginVueComponentsResolver.cjs","sources":["../../src/resolvers/UnpluginVueComponentsResolver.ts"],"sourcesContent":["/* eslint-disable regexp/no-unused-capturing-group /\n\nimport type { ComponentResolver } from 'unplugin-vue-components/types'\nimport { pascalCase } from '../filters/pascalCase'\n\n/\n Resolver for Maz-UI (components)\n \n @author @louismazel\n * @link https://maz-ui.com\n */\nexport function UnpluginVueComponentsResolver(): ComponentResolver {\n return {\n type: 'component',\n resolve: (name: string) => {\n if (/^(Maz[A-Z])/.test(name))\n return { from: `maz-ui`, name }\n else if (/^(maz-[a-z])/.test(name))\n return { from: `maz-ui`, name: pascalCase(name) }\n },\n }\n}\n"],"names":["UnpluginVueComponentsResolver","name","pascalCase"],"mappings":"6HAWO,SAASA,GAAmD,CAC1D,MAAA,CACL,KAAM,YACN,QAAUC,GAAiB,CACrB,GAAA,cAAc,KAAKA,CAAI,EAClB,MAAA,CAAE,KAAM,SAAU,KAAAA,CAAK,EACvB,GAAA,eAAe,KAAKA,CAAI,EAC/B,MAAO,CAAE,KAAM,SAAU,KAAMC,EAAAA,WAAWD,CAAI,CAAE,CAAA,CAEtD,CACF"}

package/dist/resolvers/UnpluginVueComponentsResolver.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnpluginVueComponentsResolver.mjs","sources":["../../src/resolvers/UnpluginVueComponentsResolver.ts"],"sourcesContent":["/* eslint-disable regexp/no-unused-capturing-group /\n\nimport type { ComponentResolver } from 'unplugin-vue-components/types'\nimport { pascalCase } from '@filters/pascalCase'\n\n/\n Resolver for Maz-UI (components)\n \n @author @louismazel\n * @link https://maz-ui.com\n */\nexport function UnpluginVueComponentsResolver(): ComponentResolver {\n return {\n type: 'component',\n resolve: (name: string) => {\n if (/^(Maz[A-Z])/.test(name))\n return { from: `maz-ui`, name }\n else if (/^(maz-[a-z])/.test(name))\n return { from: `maz-ui`, name: pascalCase(name) }\n },\n }\n}\n"],"names":["UnpluginVueComponentsResolver","name","pascalCase"],"mappings":";AAWO,SAASA,IAAmD;AAC1D,SAAA;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAACC,MAAiB;AACrB,UAAA,cAAc,KAAKA,CAAI;AAClB,eAAA,EAAE,MAAM,UAAU,MAAAA,EAAK;AACvB,UAAA,eAAe,KAAKA,CAAI;AAC/B,eAAO,EAAE,MAAM,UAAU,MAAMC,EAAWD,CAAI,EAAE;AAAA,IAAA;AAAA,EAEtD;AACF;"}
1	+ {"version":3,"file":"UnpluginVueComponentsResolver.mjs","sources":["../../src/resolvers/UnpluginVueComponentsResolver.ts"],"sourcesContent":["/* eslint-disable regexp/no-unused-capturing-group /\n\nimport type { ComponentResolver } from 'unplugin-vue-components/types'\nimport { pascalCase } from '../filters/pascalCase'\n\n/\n Resolver for Maz-UI (components)\n \n @author @louismazel\n * @link https://maz-ui.com\n */\nexport function UnpluginVueComponentsResolver(): ComponentResolver {\n return {\n type: 'component',\n resolve: (name: string) => {\n if (/^(Maz[A-Z])/.test(name))\n return { from: `maz-ui`, name }\n else if (/^(maz-[a-z])/.test(name))\n return { from: `maz-ui`, name: pascalCase(name) }\n },\n }\n}\n"],"names":["UnpluginVueComponentsResolver","name","pascalCase"],"mappings":";AAWO,SAASA,IAAmD;AAC1D,SAAA;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAACC,MAAiB;AACrB,UAAA,cAAc,KAAKA,CAAI;AAClB,eAAA,EAAE,MAAM,UAAU,MAAAA,EAAK;AACvB,UAAA,eAAe,KAAKA,CAAI;AAC/B,eAAO,EAAE,MAAM,UAAU,MAAMC,EAAWD,CAAI,EAAE;AAAA,IAAA;AAAA,EAEtD;AACF;"}

package/dist/types/components/MazAvatar.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Color } from './types';
 import { HTMLAttributes } from 'vue';
+import { Color } from './types';
 export interface MazAvatarProps {
     /** The style of the component */
     style?: HTMLAttributes['style'];

package/dist/types/components/MazCard.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { MazGalleryImage } from './types';
 import { RouterLinkProps } from 'vue-router';
+import { MazGalleryImage } from './types';
 import { HTMLAttributes } from 'vue';
 export interface MazCardProps {
     /** Images displayed */

package/dist/types/components/MazDialogPromise/useMazDialogPromise.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { Ref } from 'vue';
 import { MazBtnProps } from '../MazBtn.vue';
 import { Size } from '../types';
-import { Ref } from 'vue';
 export interface MazDialogState {
     id: string;
     isActive: boolean;

package/dist/types/components/MazDropdown.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { RouteLocationRaw } from 'vue-router';
 import { MazLinkProps } from './MazLink.vue';
 import { Color, Icon, Position, Size } from './types';
-import { RouteLocationRaw } from 'vue-router';
 import { HTMLAttributes } from 'vue';
 type ItemBase = Record<string, unknown> & {
     label: string;

package/dist/types/components/MazInputPhoneNumber/CountrySelector.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { MazInputPhoneNumberTranslations } from './types';
-import { Color, Position, Size } from '../types';
 import { CountryCode } from 'libphonenumber-js';
+import { Color, Position, Size } from './../types';
+import { MazInputPhoneNumberTranslations } from './types';
 import { HTMLAttributes } from 'vue';
 declare function __VLS_template(): {
     slots: {
@@ -10,7 +10,7 @@ declare function __VLS_template(): {
         "no-results"?(_: {}): any;
         "country-list-flag"?(_: {
             countryCode: string;
-            option: import('../MazSelect.vue').NormalizedOption;
+            option: import('..').NormalizedOption;
             isSelected: boolean;
         }): any;
     };

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

@@ -1,5 +1,5 @@
-import { defaultLocales } from './default-locales';
 import { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
+import { defaultLocales } from './default-locales';
 export interface Results {
     isValid: boolean;
     isPossible?: boolean;

package/dist/types/components/MazInputPhoneNumber.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { CountryCode } from 'libphonenumber-js';
 import { MazInputPhoneNumberTranslations, Results } from './MazInputPhoneNumber/types';
 import { Color, Position, Size } from './types';
-import { CountryCode } from 'libphonenumber-js';
 import { HTMLAttributes } from 'vue';
 export interface MazInputPhoneNumberProps {
     /** Style attribut of the component root element */

package/dist/types/components/MazLazyImg.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { MazImage } from './types';
 import { vLazyImgOptions } from '../directives/vLazyImg';
+import { MazImage } from './types';
 import { HTMLAttributes } from 'vue';
 export interface MazLazyImgProps {
     /** The style of the component */

package/dist/types/components/MazLink.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Color, Icon } from './types';
 import { RouteLocationRaw } from 'vue-router';
+import { Color, Icon } from './types';
 export interface MazLinkProps {
     /** The id of the link */
     id?: string;

package/dist/types/components/MazPicker/MazPickerCalendar.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { PickerShortcut, PickerValue } from './types';
 import { Color } from '../types';
+import { PickerShortcut, PickerValue } from './types';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {

package/dist/types/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { PickerValue } from '../types';
 import { Color } from '../../types';
+import { PickerValue } from '../types';
 import { default as dayjs, Dayjs } from 'dayjs';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/types/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { PickerValue } from '../types';
 import { Color } from '../../types';
+import { PickerValue } from '../types';
 import { default as dayjs, Dayjs } from 'dayjs';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/types/components/MazPicker/MazPickerContainer.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { Color } from '../types';
 import { PickerShortcut, PickerValue } from './types';
 import { DateTimeFormatOptions } from './utils';
-import { Color } from '../types';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {

package/dist/types/components/MazPicker/MazPickerHeader.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { Color } from '../types';
 import { PickerValue } from './types';
 import { DateTimeFormatOptions } from './utils';
-import { Color } from '../types';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {

package/dist/types/components/MazPicker/MazPickerShortcuts.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { PickerShortcut, PickerValue } from './types';
 import { Color } from '../types';
+import { PickerShortcut, PickerValue } from './types';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {

package/dist/types/components/MazPicker/MazPickerTime.vue.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { PickerValue } from './types';
 import { Color } from '../types';
-import { DateTimeFormatOptions } from './utils';
+import { PickerValue } from './types';
 import { PropType } from 'vue';
+import { DateTimeFormatOptions } from './utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: PropType<PickerValue>;

package/dist/types/components/MazPicker/utils.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PartialRangeValue } from './types';
+import { PartialRangeValue } from '../../components/MazPicker/types';
 import { ConfigType, OpUnitType } from 'dayjs';
 export type DateTimeFormatOptions = Pick<Intl.DateTimeFormatOptions, 'hour12' | 'dateStyle' | 'timeStyle' | 'timeZone'>;
 export declare function getFormattedDate({ value, locale, options, }: {

package/dist/types/components/MazSlider.vue.d.ts CHANGED Viewed

@@ -100,7 +100,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    color: Color;
+    color: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "white" | "black" | "transparent" | "theme";
     labels: unknown[];
     max: number;
     min: number;

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

@@ -1,2 +1 @@
-import { Color } from './types';
-export declare const colors: Color[];
+export declare const colors: readonly ["primary", "secondary", "info", "success", "warning", "danger", "white", "black", "transparent", "theme"];

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

@@ -1,11 +1,12 @@
 import { Component, ComponentPublicInstance, FunctionalComponent, SVGAttributes } from 'vue';
+import { colors } from './constantes';
 export type ModelValueSimple = string | number | null | undefined | boolean;
 export type MazGalleryImage = {
     thumbnail?: string;
     src: string;
     alt?: string;
 } | string;
-export type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent' | 'theme';
+export type Color = (typeof colors)[number];
 export type Size = 'mini' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type Position = 'top' | 'top right' | 'top left' | 'bottom' | 'bottom right' | 'bottom left' | 'left' | 'right';
 export interface Source {

package/dist/types/composables/useFormField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema, ValidationIssues } from './useFormValidator/types';
 import { ComputedRef, WritableComputedRef } from 'vue';
-import { getValidationEvents } from './useFormValidator/utils';
+import { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema, ValidationIssues } from '../composables/useFormValidator/types';
+import { getValidationEvents } from '../composables/useFormValidator/utils';
 interface UseFormFieldReturn<FieldType> {
     /**
      * Indicates if the field has an error

package/dist/types/composables/useFormValidator/types.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { useFormField } from '../useFormField';
-import { useFormValidator } from '.';
-import { InferMaybeRef } from '../../ts-helpers/InferMaybeRef';
+import { InferMaybeRef } from 'src/ts-helpers/InferMaybeRef';
 import { BaseIssue, BaseSchema, BaseSchemaAsync, InferIssue, InferOutput, objectAsync, ObjectEntries, ObjectEntriesAsync } from 'valibot';
 import { ComponentInternalInstance, InjectionKey, MaybeRef, Ref } from 'vue';
+import { useFormField } from './../useFormField';
+import { useFormValidator } from './../useFormValidator';
 import { getValidateFunction } from './utils';
 export type ValidationSync = BaseSchema<unknown, unknown, BaseIssue<unknown>>;
 export type ValidationAsync = ValidationSync | BaseSchemaAsync<unknown, unknown, BaseIssue<unknown>>;

package/dist/types/composables/useFormValidator.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
-import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, UseFormValidatorParams } from './useFormValidator/types';
 import { Ref } from 'vue';
-import { scrollToError } from './useFormValidator/utils';
+import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, UseFormValidatorParams } from '../composables/useFormValidator/types';
+import { scrollToError } from '../composables/useFormValidator/utils';
 export declare function useFormValidator<Model extends BaseFormPayload>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>): {
     identifier: string | symbol;
     isDirty: import('vue').ComputedRef<boolean>;
     isSubmitting: Ref<boolean, boolean>;
     isSubmitted: Ref<boolean, boolean>;
     isValid: import('vue').ComputedRef<boolean>;
-    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, import('./useFormValidator/types').ValidationIssues>>;
+    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, import('.').ValidationIssues>>;
     model: Ref<Model, Model>;
     fieldsStates: Ref<FieldsStates<Model>, FieldsStates<Model>>;
     validateForm: (showErrors?: boolean) => Promise<void[]>;

package/dist/types/directives/vClickOutside.d.ts CHANGED Viewed

@@ -12,4 +12,4 @@ declare const directive: {
 declare const plugin: {
     install: (app: import('vue').App<any>) => void;
 };
-export { directive as vClickOutside, vClickOutsideBindingValue, plugin as vClickOutsideInstall };
+export { directive as vClickOutside, type vClickOutsideBindingValue, plugin as vClickOutsideInstall };

package/dist/types/directives/vClosable.d.ts CHANGED Viewed

@@ -15,4 +15,4 @@ declare const directive: {
 declare const plugin: {
     install: (app: import('vue').App<any>) => void;
 };
-export { directive as vClosable, vClosableBindingValue, plugin as vClosableInstall };
+export { directive as vClosable, type vClosableBindingValue, plugin as vClosableInstall };

package/dist/types/directives/vLazyImg.d.ts CHANGED Viewed

@@ -3,4 +3,5 @@ declare const plugin: {
     install(app: import('vue').App<any>, opts?: Partial<import('./vLazyImg/types').ClassOptions>): void;
 };
 export { vLazyImg } from './vLazyImg/lazy-img.directive';
-export { vLazyImgBindingValue, plugin as vLazyImgInstall, vLazyImgOptions };
+export { plugin as vLazyImgInstall };
+export type { vLazyImgBindingValue, vLazyImgOptions };

package/dist/types/directives/vTooltip.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Color } from '../components/types';
 import { DirectiveBinding } from 'vue';
+import { Color } from '../components/types';
 type vTooltipColor = Exclude<Color, 'transparent'> | 'default' | 'light' | 'dark';
 interface vTooltipOptions {
     /**

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.0.0-alpha.4",
+  "version": "4.0.0-alpha.5",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -110,7 +110,7 @@
     }
   },
   "dependencies": {
-    "@mazui/cli": "4.0.0-alpha.4"
+    "@mazui/cli": "4.0.0-alpha.5"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -189,9 +189,8 @@
     "lint:nofix": "cross-env NODE_ENV=production eslint",
     "lint:js": "pnpm lint:nofix --fix",
     "lint:style": "stylelint --fix \"./**/*.{vue,css,scss,postcss,pcss,html}\"",
-    "build": "pnpm typecheck && pnpm build:lib",
+    "build": "pnpm typecheck && pnpm build:only",
     "build:only": "vite build",
-    "build:lib": "node --loader ts-node/esm build/vite.config.ts",
     "get-icon-list": "node --loader ts-node/esm build/getIconList.ts",
     "replace-svg-values": "node --loader ts-node/esm build/replaceValuesInSvg.ts",
     "test:unit": "vitest",

package/dist/assets/MazBtn.7QWd6o3M.css DELETED Viewed

@@ -1 +0,0 @@

- .m-btn[data-v-db145b2a]{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;vertical-align:top;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text);-webkit-box-pack:var(--justify);-ms-flex-pack:var(--justify);justify-content:var(--justify)}.m-btn span[data-v-db145b2a]{line-height:1}.m-btn-loader-container[data-v-db145b2a]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--maz-color-bg-light)}.m-btn-loader-container[data-v-db145b2a]:is([class~=dark] *){background-color:var(--maz-color-bg-lighter)}.m-btn.--cursor-pointer[data-v-db145b2a]{cursor:pointer}.m-btn.--cursor-default[data-v-db145b2a]{cursor:default}.m-btn.--is-link[data-v-db145b2a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-db145b2a]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-db145b2a]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-db145b2a]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-db145b2a]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-db145b2a]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-db145b2a]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-db145b2a]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-db145b2a]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-db145b2a]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-db145b2a]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-db145b2a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-color:transparent;background-color:transparent;padding-top:.125rem;padding-bottom:.125rem;text-decoration-line:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button[data-v-db145b2a]:not(.--no-rounded,.--rounded-none){border-radius:var(--maz-border-radius)}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded[data-v-db145b2a]{border-radius:9999px}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded-sm[data-v-db145b2a]{border-radius:.125rem}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded-md[data-v-db145b2a]{border-radius:.375rem}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded-lg[data-v-db145b2a]{border-radius:var(--maz-border-radius)}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded-xl[data-v-db145b2a]{border-radius:.75rem}.m-btn.--is-button:not(.--no-rounded,.--rounded-none).--rounded-full[data-v-db145b2a]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-db145b2a]{min-height:4rem;padding-left:2rem;padding-right:2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-db145b2a]{min-height:3.5rem;padding-left:1.5rem;padding-right:1.5rem}.m-btn.--is-button.--md[data-v-db145b2a]{min-height:3rem;padding-left:1rem;padding-right:1rem}.m-btn.--is-button.--sm[data-v-db145b2a]{min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.m-btn.--is-button.--xs[data-v-db145b2a]{min-height:2rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-db145b2a]{min-height:1.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-db145b2a]:not(.--disabled):hover{background-color:var(--maz-border-color)}.m-btn.--is-button.--fab[data-v-db145b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:.25rem}.m-btn.--is-button.--fab[data-v-db145b2a]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--fab.--xl[data-v-db145b2a]{width:4rem}.m-btn.--is-button.--fab.--lg[data-v-db145b2a]{width:3.5rem}.m-btn.--is-button.--fab.--md[data-v-db145b2a]{width:3rem}.m-btn.--is-button.--fab.--sm[data-v-db145b2a]{width:2.5rem}.m-btn.--is-button.--fab.--xs[data-v-db145b2a]{width:2rem}.m-btn.--is-button.--fab.--mini[data-v-db145b2a]{width:1.5rem}.m-btn.--is-button.--block[data-v-db145b2a]{width:100%}.m-btn.--is-button.--primary[data-v-db145b2a]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-primary-700)}.m-btn.--is-button.--secondary[data-v-db145b2a]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-secondary-700)}.m-btn.--is-button.--info[data-v-db145b2a]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-info-700)}.m-btn.--is-button.--success[data-v-db145b2a]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-success-700)}.m-btn.--is-button.--warning[data-v-db145b2a]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-warning-700)}.m-btn.--is-button.--danger[data-v-db145b2a]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-danger-700)}.m-btn.--is-button.--white[data-v-db145b2a]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-db145b2a]:not(:disabled):hover{--maz-tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--maz-tw-bg-opacity, 1))}.m-btn.--is-button.--black[data-v-db145b2a]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-db145b2a]:not(:disabled):hover{--maz-tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--maz-tw-bg-opacity, 1))}.m-btn.--is-button.--transparent[data-v-db145b2a]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-db145b2a]:not(:disabled):hover{background-color:#00000014}.m-btn.--is-button.--transparent[data-v-db145b2a]:not(:disabled):hover:is([class~=dark] *){background-color:#ffffff14}.m-btn.--is-button.--theme[data-v-db145b2a]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-db145b2a]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary-alpha-05);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-db145b2a]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary-alpha-05);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-db145b2a]{border-color:var(--maz-color-info);background-color:var(--maz-color-info-alpha-05);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-db145b2a]{border-color:var(--maz-color-success);background-color:var(--maz-color-success-alpha-05);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-db145b2a]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger-alpha-05);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-db145b2a]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning-alpha-05);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-db145b2a]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-db145b2a]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-db145b2a]{border-color:var(--maz-border-color);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-db145b2a]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-btn.--is-button.--theme-outline[data-v-db145b2a]:not(:disabled):hover{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-db145b2a]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-db145b2a]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-db145b2a]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-db145b2a]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-db145b2a]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-db145b2a]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-db145b2a]{--maz-tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--maz-tw-bg-opacity, 1));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-db145b2a]{background-color:var(--maz-border-color);color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-db145b2a]{background-color:var(--maz-border-color);color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-db145b2a]:not(:disabled):hover{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-db145b2a]{cursor:not-allowed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg-light);--maz-tw-text-opacity: 1;color:rgb(156 163 175 / var(--maz-tw-text-opacity, 1))}.m-btn.--is-button.--disabled[data-v-db145b2a]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-lighter)}.m-btn.--is-button.--loading[data-v-db145b2a]{cursor:wait}.m-btn.--is-button.--no-padding[data-v-db145b2a]{padding:0}

package/dist/assets/MazGallery.ChuEM3_y.css DELETED Viewed

@@ -1 +0,0 @@

- .m-gallery[data-v-b484d6ae]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.m-gallery__hidden[data-v-b484d6ae]{display:none}.m-gallery__item[data-v-b484d6ae]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;padding:0;border-color:var(--gallery-separator-color)}.m-gallery__item--1[data-v-b484d6ae]{left:0;height:100%}.m-gallery__item--1[data-v-b484d6ae]:not(:last-child){width:50%}.m-gallery__item--2[data-v-b484d6ae]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-b484d6ae]:last-child{height:100%}.m-gallery__item--2[data-v-b484d6ae]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-b484d6ae]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-b484d6ae]:last-child{width:50%}.m-gallery__item--3[data-v-b484d6ae]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-b484d6ae]{border-top-width:2px;border-color:var(--gallery-separator-color);top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-b484d6ae]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-b484d6ae]{border-top-width:2px;border-color:var(--gallery-separator-color);top:50%;left:75%;width:25%}.m-gallery__item[data-v-b484d6ae]:first-child{border-left:0}.m-gallery__item--3[data-v-b484d6ae]:last-child,.m-gallery__item--3[data-v-b484d6ae]:nth-last-child(2),.m-gallery__item--4[data-v-b484d6ae]:last-child,.m-gallery__item--5[data-v-b484d6ae]{border-top-width:2px;border-color:var(--gallery-separator-color)}.m-gallery__item__image[data-v-b484d6ae]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-b484d6ae]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-b484d6ae]{color:#fff;font-size:2rem}