maz-ui 4.1.7 → 4.1.8-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/MazBackdrop.CO7YPR-g.css +1 -0
- package/dist/assets/{MazDropzone.B5e-z_Ba.css → MazDropzone.Ch5EPpDi.css} +1 -1
- package/dist/components/MazBackdrop.js +2 -2
- package/dist/components/MazDropzone.js +23 -29
- package/dist/types/components/MazDropzone.vue.d.ts +0 -5
- package/package.json +3 -3
- package/dist/assets/MazBackdrop.09bziTPM.css +0 -1
- package/dist/components/MazAccordion.vue.d.ts +0 -36
- package/dist/components/MazAnimatedCounter.vue.d.ts +0 -59
- package/dist/components/MazAnimatedElement.vue.d.ts +0 -44
- package/dist/components/MazAnimatedText.vue.d.ts +0 -57
- package/dist/components/MazAvatar.vue.d.ts +0 -99
- package/dist/components/MazBackdrop.vue.d.ts +0 -91
- package/dist/components/MazBadge.vue.d.ts +0 -61
- package/dist/components/MazBottomSheet.vue.d.ts +0 -35
- package/dist/components/MazBtn.vue.d.ts +0 -105
- package/dist/components/MazCard.vue.d.ts +0 -81
- package/dist/components/MazCardSpotlight.vue.d.ts +0 -57
- package/dist/components/MazCarousel.vue.d.ts +0 -48
- package/dist/components/MazChart.vue.d.ts +0 -53
- package/dist/components/MazCheckbox.vue.d.ts +0 -55
- package/dist/components/MazChecklist.vue.d.ts +0 -87
- package/dist/components/MazCircularProgressBar.vue.d.ts +0 -106
- package/dist/components/MazDatePicker/MazPickerCalendar.vue.d.ts +0 -28
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +0 -20
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +0 -133
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +0 -142
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.vue.d.ts +0 -42
- package/dist/components/MazDatePicker/MazPickerContainer.vue.d.ts +0 -38
- package/dist/components/MazDatePicker/MazPickerHeader.vue.d.ts +0 -15
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.vue.d.ts +0 -44
- package/dist/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +0 -16
- package/dist/components/MazDatePicker/MazPickerTime.vue.d.ts +0 -107
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.vue.d.ts +0 -36
- package/dist/components/MazDatePicker/types.d.ts +0 -14
- package/dist/components/MazDatePicker/utils.d.ts +0 -61
- package/dist/components/MazDatePicker.vue.d.ts +0 -567
- package/dist/components/MazDialog.vue.d.ts +0 -247
- package/dist/components/MazDialogConfirm/useMazDialogConfirm.d.ts +0 -47
- package/dist/components/MazDialogConfirm.vue.d.ts +0 -270
- package/dist/components/MazDrawer.vue.d.ts +0 -52
- package/dist/components/MazDropdown.vue.d.ts +0 -246
- package/dist/components/MazDropzone.vue.d.ts +0 -299
- package/dist/components/MazExpandAnimation.vue.d.ts +0 -44
- package/dist/components/MazFullscreenLoader.vue.d.ts +0 -26
- package/dist/components/MazGallery.vue.d.ts +0 -85
- package/dist/components/MazIcon.vue.d.ts +0 -33
- package/dist/components/MazInput.vue.d.ts +0 -225
- package/dist/components/MazInputCode.vue.d.ts +0 -49
- package/dist/components/MazInputNumber.vue.d.ts +0 -125
- package/dist/components/MazInputPhoneNumber/PhoneInput.vue.d.ts +0 -29
- package/dist/components/MazInputPhoneNumber/useLibphonenumber.d.ts +0 -26
- package/dist/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts +0 -26
- package/dist/components/MazInputPhoneNumber.vue.d.ts +0 -421
- package/dist/components/MazInputPrice.vue.d.ts +0 -48
- package/dist/components/MazInputTags.vue.d.ts +0 -51
- package/dist/components/MazLazyImg.vue.d.ts +0 -78
- package/dist/components/MazLink.vue.d.ts +0 -116
- package/dist/components/MazLoadingBar.vue.d.ts +0 -12
- package/dist/components/MazPagination.vue.d.ts +0 -83
- package/dist/components/MazPopover.vue.d.ts +0 -258
- package/dist/components/MazPullToRefresh.vue.d.ts +0 -52
- package/dist/components/MazRadio.vue.d.ts +0 -55
- package/dist/components/MazRadioButtons.vue.d.ts +0 -74
- package/dist/components/MazReadingProgressBar.vue.d.ts +0 -55
- package/dist/components/MazSelect.vue.d.ts +0 -209
- package/dist/components/MazSelectCountry.vue.d.ts +0 -171
- package/dist/components/MazSlider/utils.d.ts +0 -15
- package/dist/components/MazSlider.vue.d.ts +0 -31
- package/dist/components/MazSpinner.vue.d.ts +0 -15
- package/dist/components/MazStepper.vue.d.ts +0 -60
- package/dist/components/MazSwitch.vue.d.ts +0 -69
- package/dist/components/MazTable.vue.d.ts +0 -324
- package/dist/components/MazTableCell.vue.d.ts +0 -17
- package/dist/components/MazTableRow.vue.d.ts +0 -23
- package/dist/components/MazTableTitle.vue.d.ts +0 -17
- package/dist/components/MazTabs.vue.d.ts +0 -30
- package/dist/components/MazTabsBar.vue.d.ts +0 -96
- package/dist/components/MazTabsContent.vue.d.ts +0 -17
- package/dist/components/MazTabsContentItem.vue.d.ts +0 -31
- package/dist/components/MazTextarea.vue.d.ts +0 -88
- package/dist/components/constantes.d.ts +0 -2
- package/dist/components/index.d.ts +0 -109
- package/dist/components/types.d.ts +0 -4
- package/dist/composables/index.d.ts +0 -22
- package/dist/composables/useAos.d.ts +0 -2
- package/dist/composables/useBreakpoints.d.ts +0 -38
- package/dist/composables/useDialog.d.ts +0 -2
- package/dist/composables/useDisplayNames.d.ts +0 -101
- package/dist/composables/useDropzone.d.ts +0 -27
- package/dist/composables/useFormField.d.ts +0 -16
- package/dist/composables/useFormValidator/config.d.ts +0 -7
- package/dist/composables/useFormValidator/dom-events.d.ts +0 -19
- package/dist/composables/useFormValidator/state-management.d.ts +0 -72
- package/dist/composables/useFormValidator/types.d.ts +0 -98
- package/dist/composables/useFormValidator/validation.d.ts +0 -37
- package/dist/composables/useFormValidator.d.ts +0 -23
- package/dist/composables/useFreezeValue.d.ts +0 -5
- package/dist/composables/useIdleTimeout.d.ts +0 -5
- package/dist/composables/useInjectStrict.d.ts +0 -2
- package/dist/composables/useInstanceUniqId.d.ts +0 -4
- package/dist/composables/useMountComponent.d.ts +0 -14
- package/dist/composables/useMutationObserver.d.ts +0 -13
- package/dist/composables/useReadingTime.d.ts +0 -25
- package/dist/composables/useStringMatching.d.ts +0 -5
- package/dist/composables/useSwipe.d.ts +0 -14
- package/dist/composables/useTimer.d.ts +0 -30
- package/dist/composables/useToast.d.ts +0 -22
- package/dist/composables/useUserVisibility.d.ts +0 -5
- package/dist/composables/useWait.d.ts +0 -2
- package/dist/composables/useWindowSize.d.ts +0 -32
- package/dist/directives/index.d.ts +0 -5
- package/dist/directives/vClickOutside.d.ts +0 -36
- package/dist/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +0 -50
- package/dist/directives/vFullscreenImg/fullscreen-img.directive.d.ts +0 -5
- package/dist/directives/vFullscreenImg/fullscreen-img.handler.d.ts +0 -36
- package/dist/directives/vFullscreenImg.d.ts +0 -11
- package/dist/directives/vLazyImg/lazy-img.directive.d.ts +0 -5
- package/dist/directives/vLazyImg/lazy-img.handler.d.ts +0 -38
- package/dist/directives/vLazyImg/types.d.ts +0 -29
- package/dist/directives/vLazyImg.d.ts +0 -12
- package/dist/directives/vTooltip.d.ts +0 -54
- package/dist/directives/vZoomImg/style.d.ts +0 -1
- package/dist/directives/vZoomImg/svgs.d.ts +0 -3
- package/dist/directives/vZoomImg/zoom-img.directive.d.ts +0 -8
- package/dist/directives/vZoomImg/zoom-img.handler.d.ts +0 -46
- package/dist/directives/vZoomImg.d.ts +0 -10
- package/dist/index.d.ts +0 -1
- package/dist/plugins/aos.d.ts +0 -81
- package/dist/plugins/dialog/DialogHandler.d.ts +0 -16
- package/dist/plugins/dialog.d.ts +0 -26
- package/dist/plugins/index.d.ts +0 -5
- package/dist/plugins/maz-ui.d.ts +0 -43
- package/dist/plugins/toast/MazToast.vue.d.ts +0 -34
- package/dist/plugins/toast/ToastHandler.d.ts +0 -29
- package/dist/plugins/toast/types.d.ts +0 -104
- package/dist/plugins/toast.d.ts +0 -25
- package/dist/plugins/wait.d.ts +0 -33
- package/dist/resolvers/MazComponentsResolver.d.ts +0 -10
- package/dist/resolvers/MazDirectivesResolver.d.ts +0 -11
- package/dist/resolvers/MazModulesResolver.d.ts +0 -11
- package/dist/resolvers/index.d.ts +0 -3
- package/dist/tailwindcss/index.d.ts +0 -6
- package/dist/tailwindcss/tailwind.config.d.ts +0 -89
- package/dist/tailwindcss/utils/colors.d.ts +0 -7
- package/dist/tailwindcss/variables/breakpoints.d.ts +0 -15
- package/dist/tailwindcss/variables/colors.d.ts +0 -21
- package/dist/tailwindcss/variables/design-tokens.d.ts +0 -35
- package/dist/tailwindcss/variables/utilities.d.ts +0 -17
- package/dist/tailwindcss/variables/z-indexes.d.ts +0 -14
|
@@ -0,0 +1 @@
|
|
|
1
|
+
html.--backdrop-present{overflow-y:hidden;height:100vh!important}html.--backdrop-present.--has-scrollbar{padding-right:var(--scrollbar-width)}.m-backdrop[data-v-2ba650a3]{z-index:1050;background-color:hsl(var(--maz-overlay)/.25);--maz-tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);transition-behavior:allow-discrete;position:fixed;inset:0}.m-backdrop.--persistent .m-backdrop-content[data-v-2ba650a3]{cursor:default}.m-backdrop-container[data-v-2ba650a3]{z-index:1050;position:fixed;inset:0}.m-backdrop-wrapper[data-v-2ba650a3]{position:fixed;inset:0;overflow-y:auto}.m-backdrop-content[data-v-2ba650a3]{align-items:flex-end;min-height:100%;display:flex}@media (min-width:640px){.m-backdrop-content[data-v-2ba650a3]{align-items:center;padding:0}}.m-backdrop-content.--padding[data-v-2ba650a3]{padding:1rem}.m-backdrop-content.--justify-center[data-v-2ba650a3]{justify-content:center}.m-backdrop-content.--justify-end[data-v-2ba650a3]{justify-content:flex-end}.m-backdrop-content.--justify-start[data-v-2ba650a3]{justify-content:flex-start}.m-backdrop-content.--justify-space-between[data-v-2ba650a3]{justify-content:space-between}.m-backdrop-content.--justify-space-around[data-v-2ba650a3]{justify-content:space-around}.m-backdrop-content.--align-center[data-v-2ba650a3]{align-items:center}.m-backdrop-content.--align-end[data-v-2ba650a3]{align-items:flex-end}.m-backdrop-content.--align-start[data-v-2ba650a3]{align-items:flex-start}.m-backdrop-content[data-v-2ba650a3]>*{cursor:default}.m-backdrop.--variant-bottom-sheet .m-backdrop-content[data-v-2ba650a3],.m-backdrop.--variant-drawer .m-backdrop-content[data-v-2ba650a3]{position:fixed;inset:0}.m-backdrop.bottom-sheet-anim-enter-active[data-v-2ba650a3],.m-backdrop.bottom-sheet-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-from[data-v-2ba650a3],.m-backdrop.bottom-sheet-anim-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(100%)}.m-backdrop.modal-anim-enter-active[data-v-2ba650a3],.m-backdrop.modal-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.modal-anim-enter-from[data-v-2ba650a3],.m-backdrop.modal-anim-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:scale(.5)}.m-backdrop.drawer-anim-top-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-top-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-top-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-top-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-top-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-top-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(-100%)}.m-backdrop.drawer-anim-bottom-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-bottom-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-bottom-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-bottom-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-bottom-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-bottom-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(100%)}.m-backdrop.drawer-anim-left-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-left-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-left-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-left-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-left-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-left-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translate(-100%)}.m-backdrop.drawer-anim-right-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-right-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-right-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-right-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-right-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-right-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translate(100%)}.m-backdrop.backdrop-anim-enter-active[data-v-2ba650a3],.m-backdrop.backdrop-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.backdrop-anim-enter-from[data-v-2ba650a3],.m-backdrop.backdrop-anim-leave-to[data-v-2ba650a3]{opacity:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-dropzone[data-v-
|
|
1
|
+
.m-dropzone[data-v-50e5b169]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:dashed;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-dropzone[data-v-50e5b169]:hover{background-color:hsl(var(--maz-background-600)/.5)}.m-dropzone[data-v-50e5b169]:hover:is([class~=dark] *){background-color:hsl(var(--maz-background-400)/.5)}.m-dropzone--disabled[data-v-50e5b169]{cursor:not-allowed;opacity:.5}.m-dropzone--is-over-drop-zone[data-v-50e5b169]{background-color:hsl(var(--maz-primary-400)/.2)}.m-dropzone--is-over-drop-zone[data-v-50e5b169]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-50e5b169]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-50e5b169]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-50e5b169]{color:var(--active-color)}.m-dropzone--is-over-error[data-v-50e5b169]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error[data-v-50e5b169]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-dropzone__divider[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-dropzone__content[data-v-50e5b169]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.m-dropzone__files-container[data-v-50e5b169]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.m-dropzone__file-item[data-v-50e5b169]{cursor:auto;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));flex-direction:column;align-items:center;width:10rem;height:10rem;display:flex;position:relative;overflow:hidden}.m-dropzone__file-item[data-v-50e5b169]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone__file-item[data-v-50e5b169]{transition:all .3s ease-in-out}.m-dropzone__thumbnail[data-v-50e5b169]{position:absolute;inset:0}.m-dropzone__overlay[data-v-50e5b169]{border-radius:var(--maz-radius);background-color:hsl(var(--maz-background)/.4);--maz-tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);position:absolute;inset:0}.m-dropzone__icon-container[data-v-50e5b169]{z-index:2;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.m-dropzone__spinner[data-v-50e5b169]{font-size:1.125rem;line-height:1.75rem}.m-dropzone__success-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__error-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__file-icon-wrapper[data-v-50e5b169]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));padding:.25rem}.m-dropzone__description[data-v-50e5b169]{z-index:2;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;display:flex;overflow:hidden}.m-dropzone__file-info[data-v-50e5b169]{text-align:center;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.m-dropzone__file-name[data-v-50e5b169],.m-dropzone__file-size[data-v-50e5b169]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__upload-icon[data-v-50e5b169]{font-size:1.875rem;line-height:2.25rem}.m-dropzone__upload-text[data-v-50e5b169]{text-align:center}.m-dropzone__info-text[data-v-50e5b169]{text-align:center;--maz-tw-text-opacity:1;max-width:100%;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex-direction:column;margin-top:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.m-dropzone__file-input[data-v-50e5b169]{display:none}.m-dropzone .icon-scale-enter-active[data-v-50e5b169],.m-dropzone .icon-scale-leave-active[data-v-50e5b169]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-50e5b169]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-50e5b169]{display:none}.m-dropzone .file-scale-enter-active[data-v-50e5b169],.m-dropzone .file-scale-leave-active[data-v-50e5b169]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-50e5b169]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-50e5b169]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-50e5b169]{transition:transform .3s ease-in-out}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, watch, nextTick, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot } from "vue";
|
|
2
2
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
3
|
-
import '../assets/MazBackdrop.
|
|
3
|
+
import '../assets/MazBackdrop.CO7YPR-g.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
|
|
4
4
|
role: "dialog",
|
|
5
5
|
class: "m-backdrop-container",
|
|
6
6
|
"aria-modal": "true"
|
|
@@ -157,7 +157,7 @@ import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby
|
|
|
157
157
|
}, 8, ["name"])
|
|
158
158
|
], 8, ["to", "disabled"]));
|
|
159
159
|
}
|
|
160
|
-
}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
160
|
+
}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ba650a3"]]);
|
|
161
161
|
export {
|
|
162
162
|
MazBackdrop as default
|
|
163
163
|
};
|
|
@@ -6,14 +6,15 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
|
6
6
|
import { useDropzone } from "../composables/useDropzone.js";
|
|
7
7
|
import MazBtn from "./MazBtn.js";
|
|
8
8
|
import MazIcon from "./MazIcon.js";
|
|
9
|
+
import MazLink from "./MazLink.js";
|
|
9
10
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
10
|
-
import '../assets/MazDropzone.
|
|
11
|
+
import '../assets/MazDropzone.Ch5EPpDi.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = {
|
|
11
12
|
key: 3,
|
|
12
13
|
class: "m-dropzone__file-icon-wrapper"
|
|
13
|
-
}, _hoisted_4 = { class: "m-dropzone__description" }, _hoisted_5 = { class: "m-dropzone__file-info" }, _hoisted_6 = { class: "m-dropzone__file-name" }, _hoisted_7 = { class: "m-dropzone__file-size" }, _hoisted_8 = { class: "m-dropzone__content" }, _hoisted_9 = { class: "m-dropzone__upload-text" }, _hoisted_10 = {
|
|
14
|
+
}, _hoisted_4 = { class: "m-dropzone__description" }, _hoisted_5 = { class: "m-dropzone__file-info" }, _hoisted_6 = { class: "m-dropzone__file-name" }, _hoisted_7 = { class: "m-dropzone__file-size" }, _hoisted_8 = { class: "m-dropzone__content" }, _hoisted_9 = { class: "m-dropzone__upload-text" }, _hoisted_10 = {
|
|
14
15
|
key: 0,
|
|
15
16
|
class: "m-dropzone__info-text"
|
|
16
|
-
},
|
|
17
|
+
}, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 1 }, _hoisted_13 = { key: 2 }, _hoisted_14 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
18
|
__name: "MazDropzone",
|
|
18
19
|
props: /* @__PURE__ */ mergeModels({
|
|
19
20
|
id: {},
|
|
@@ -28,7 +29,6 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
|
|
|
28
29
|
allowDuplicates: { type: Boolean, default: !1 },
|
|
29
30
|
translations: {},
|
|
30
31
|
color: { default: "primary" },
|
|
31
|
-
selectFileBtnProps: { default: () => ({}) },
|
|
32
32
|
removeFileBtnProps: { default: () => ({}) },
|
|
33
33
|
spinnerProps: { default: () => ({}) },
|
|
34
34
|
autoUpload: { type: [String, Boolean], default: !1 },
|
|
@@ -437,7 +437,7 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
|
|
|
437
437
|
style: normalizeStyle({ backgroundImage: `url(${file.thumbnail})`, backgroundSize: "cover", backgroundPosition: "center" }),
|
|
438
438
|
class: "m-dropzone__thumbnail"
|
|
439
439
|
}, null, 4),
|
|
440
|
-
_cache[
|
|
440
|
+
_cache[4] || (_cache[4] = createElementVNode("div", { class: "m-dropzone__overlay" }, null, -1))
|
|
441
441
|
], 64)) : createCommentVNode("", !0),
|
|
442
442
|
createElementVNode("div", _hoisted_2, [
|
|
443
443
|
createVNode(Transition, { name: "icon-scale" }, {
|
|
@@ -493,30 +493,24 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
|
|
|
493
493
|
renderSlot(_ctx.$slots, "upload-icon", {}, () => [
|
|
494
494
|
createVNode(unref(MazArrowUpOnSquare), { class: "m-dropzone__upload-icon" })
|
|
495
495
|
], !0),
|
|
496
|
-
createElementVNode("span", _hoisted_9,
|
|
496
|
+
createElementVNode("span", _hoisted_9, [
|
|
497
|
+
createTextVNode(toDisplayString(messages.value.dragAndDrop) + " " + toDisplayString(messages.value.divider) + " ", 1),
|
|
498
|
+
createVNode(MazLink, {
|
|
499
|
+
color: "inherit",
|
|
500
|
+
underline: "",
|
|
501
|
+
onClick: _cache[3] || (_cache[3] = withModifiers(($event) => !__props.disabled && handleFileInputClick(), ["prevent"]))
|
|
502
|
+
}, {
|
|
503
|
+
default: withCtx(() => [
|
|
504
|
+
createTextVNode(toDisplayString(messages.value.selectFile), 1)
|
|
505
|
+
]),
|
|
506
|
+
_: 1
|
|
507
|
+
})
|
|
508
|
+
])
|
|
497
509
|
]),
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
}, __props.selectFileBtnProps, { onClick: handleFileInputClick }), {
|
|
503
|
-
default: withCtx(() => [
|
|
504
|
-
createTextVNode(toDisplayString(messages.value.selectFile), 1)
|
|
505
|
-
]),
|
|
506
|
-
_: 1
|
|
507
|
-
}, 16, ["disabled", "color"]),
|
|
508
|
-
!allFileIsAccepted.value && (messages.value.fileMaxCount || messages.value.fileMaxSize || messages.value.fileTypes) ? (openBlock(), createElementBlock("p", _hoisted_11, [
|
|
509
|
-
messages.value.fileMaxCount ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
510
|
-
createTextVNode(toDisplayString(messages.value.fileMaxCount) + " ", 1),
|
|
511
|
-
messages.value.fileMaxSize || messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_12, " - ")) : createCommentVNode("", !0)
|
|
512
|
-
], 64)) : createCommentVNode("", !0),
|
|
513
|
-
messages.value.fileMaxSize ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
514
|
-
createTextVNode(toDisplayString(messages.value.fileMaxSize) + " ", 1),
|
|
515
|
-
messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_13, " - ")) : createCommentVNode("", !0)
|
|
516
|
-
], 64)) : createCommentVNode("", !0),
|
|
517
|
-
messages.value.fileTypes ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
518
|
-
createTextVNode(toDisplayString(messages.value.fileTypes), 1)
|
|
519
|
-
], 64)) : createCommentVNode("", !0)
|
|
510
|
+
!allFileIsAccepted.value && (messages.value.fileMaxCount || messages.value.fileMaxSize || messages.value.fileTypes) ? (openBlock(), createElementBlock("p", _hoisted_10, [
|
|
511
|
+
messages.value.fileMaxCount ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(messages.value.fileMaxCount), 1)) : createCommentVNode("", !0),
|
|
512
|
+
messages.value.fileMaxSize ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(messages.value.fileMaxSize), 1)) : createCommentVNode("", !0),
|
|
513
|
+
messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(messages.value.fileTypes), 1)) : createCommentVNode("", !0)
|
|
520
514
|
])) : createCommentVNode("", !0)
|
|
521
515
|
], !0) : createCommentVNode("", !0),
|
|
522
516
|
createElementVNode("input", {
|
|
@@ -533,7 +527,7 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
|
|
|
533
527
|
}, null, 40, _hoisted_14)
|
|
534
528
|
], 14, _hoisted_1));
|
|
535
529
|
}
|
|
536
|
-
}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
530
|
+
}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50e5b169"]]);
|
|
537
531
|
export {
|
|
538
532
|
MazDropzone as default
|
|
539
533
|
};
|
|
@@ -61,11 +61,6 @@ export type MazDropzoneProps = {
|
|
|
61
61
|
* @default 'primary'
|
|
62
62
|
*/
|
|
63
63
|
color?: MazColor;
|
|
64
|
-
/**
|
|
65
|
-
* MazBtn props [MazBtn props](/components/maz-btn#props)
|
|
66
|
-
* @default {}
|
|
67
|
-
*/
|
|
68
|
-
selectFileBtnProps?: MazBtnProps;
|
|
69
64
|
/**
|
|
70
65
|
* MazBtn props [MazBtn props](/components/maz-btn#props)
|
|
71
66
|
* @default {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.1.
|
|
4
|
+
"version": "4.1.8-beta.0",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
"@maz-ui/cli": "4.1.7",
|
|
198
198
|
"@maz-ui/icons": "4.1.7",
|
|
199
199
|
"@maz-ui/themes": "4.1.7",
|
|
200
|
-
"@maz-ui/translations": "4.1.
|
|
200
|
+
"@maz-ui/translations": "4.1.8-beta.0",
|
|
201
201
|
"@maz-ui/utils": "4.1.7",
|
|
202
202
|
"chart.js": "^4.5.0",
|
|
203
203
|
"dayjs": "^1.11.18",
|
|
@@ -247,5 +247,5 @@
|
|
|
247
247
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
|
|
248
248
|
"*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
|
|
249
249
|
},
|
|
250
|
-
"gitHead": "
|
|
250
|
+
"gitHead": "58f8dd86786beb0af2571c0435e6c1455ca0b43e"
|
|
251
251
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html.--backdrop-present{overflow-y:hidden;height:100vh!important}html.--backdrop-present.--has-scrollbar{padding-right:var(--scrollbar-width)}.m-backdrop[data-v-d23340ed]{z-index:1050;background-color:hsl(var(--maz-overlay)/.05);--maz-tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);transition-behavior:allow-discrete;position:fixed;inset:0}.m-backdrop.--persistent .m-backdrop-content[data-v-d23340ed]{cursor:default}.m-backdrop-container[data-v-d23340ed]{z-index:1050;position:fixed;inset:0}.m-backdrop-wrapper[data-v-d23340ed]{position:fixed;inset:0;overflow-y:auto}.m-backdrop-content[data-v-d23340ed]{align-items:flex-end;min-height:100%;display:flex}@media (min-width:640px){.m-backdrop-content[data-v-d23340ed]{align-items:center;padding:0}}.m-backdrop-content.--padding[data-v-d23340ed]{padding:1rem}.m-backdrop-content.--justify-center[data-v-d23340ed]{justify-content:center}.m-backdrop-content.--justify-end[data-v-d23340ed]{justify-content:flex-end}.m-backdrop-content.--justify-start[data-v-d23340ed]{justify-content:flex-start}.m-backdrop-content.--justify-space-between[data-v-d23340ed]{justify-content:space-between}.m-backdrop-content.--justify-space-around[data-v-d23340ed]{justify-content:space-around}.m-backdrop-content.--align-center[data-v-d23340ed]{align-items:center}.m-backdrop-content.--align-end[data-v-d23340ed]{align-items:flex-end}.m-backdrop-content.--align-start[data-v-d23340ed]{align-items:flex-start}.m-backdrop-content[data-v-d23340ed]>*{cursor:default}.m-backdrop.--variant-bottom-sheet .m-backdrop-content[data-v-d23340ed],.m-backdrop.--variant-drawer .m-backdrop-content[data-v-d23340ed]{position:fixed;inset:0}.m-backdrop.bottom-sheet-anim-enter-active[data-v-d23340ed],.m-backdrop.bottom-sheet-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-from[data-v-d23340ed],.m-backdrop.bottom-sheet-anim-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(100%)}.m-backdrop.modal-anim-enter-active[data-v-d23340ed],.m-backdrop.modal-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.modal-anim-enter-from[data-v-d23340ed],.m-backdrop.modal-anim-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:scale(.5)}.m-backdrop.drawer-anim-top-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-top-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-top-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-top-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-top-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-top-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(-100%)}.m-backdrop.drawer-anim-bottom-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-bottom-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-bottom-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-bottom-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-bottom-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-bottom-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(100%)}.m-backdrop.drawer-anim-left-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-left-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-left-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-left-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-left-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-left-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translate(-100%)}.m-backdrop.drawer-anim-right-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-right-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-right-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-right-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-right-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-right-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translate(100%)}.m-backdrop.backdrop-anim-enter-active[data-v-d23340ed],.m-backdrop.backdrop-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.backdrop-anim-enter-from[data-v-d23340ed],.m-backdrop.backdrop-anim-leave-to[data-v-d23340ed]{opacity:0}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
export interface MazAccordionProps {
|
|
2
|
-
id?: string;
|
|
3
|
-
modelValue?: number;
|
|
4
|
-
contentClass?: unknown;
|
|
5
|
-
}
|
|
6
|
-
declare function __VLS_template(): {
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: Partial<Record<`title-${number}`, (_: {
|
|
9
|
-
isOpen: boolean;
|
|
10
|
-
}) => any>> & Partial<Record<`content-${number}`, (_: {
|
|
11
|
-
isOpen: boolean;
|
|
12
|
-
}) => any>> & {
|
|
13
|
-
content?(_: {
|
|
14
|
-
isOpen: boolean;
|
|
15
|
-
}): any;
|
|
16
|
-
};
|
|
17
|
-
refs: {};
|
|
18
|
-
rootEl: HTMLDivElement;
|
|
19
|
-
};
|
|
20
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
-
declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
-
"update:model-value": (...args: any[]) => void;
|
|
23
|
-
}, string, import('vue').PublicProps, Readonly<MazAccordionProps> & Readonly<{
|
|
24
|
-
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
25
|
-
}>, {
|
|
26
|
-
id: string;
|
|
27
|
-
modelValue: number;
|
|
28
|
-
contentClass: undefined;
|
|
29
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
-
export default _default;
|
|
32
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
-
new (): {
|
|
34
|
-
$slots: S;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export interface MazAnimatedCounterProps {
|
|
2
|
-
/**
|
|
3
|
-
* The number to animate
|
|
4
|
-
*/
|
|
5
|
-
count: number;
|
|
6
|
-
/**
|
|
7
|
-
* Duration of the animation in milliseconds
|
|
8
|
-
* @default 1000
|
|
9
|
-
*/
|
|
10
|
-
duration?: number;
|
|
11
|
-
/**
|
|
12
|
-
* Suffix to display next to the number
|
|
13
|
-
*/
|
|
14
|
-
prefix?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Suffix to display next to the number
|
|
17
|
-
*/
|
|
18
|
-
suffix?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Delay before the animation starts in milliseconds
|
|
21
|
-
* @default 100
|
|
22
|
-
*/
|
|
23
|
-
delay?: number;
|
|
24
|
-
/**
|
|
25
|
-
* Play the animation only once
|
|
26
|
-
* @default true
|
|
27
|
-
*/
|
|
28
|
-
once?: boolean;
|
|
29
|
-
}
|
|
30
|
-
declare function __VLS_template(): {
|
|
31
|
-
attrs: Partial<{}>;
|
|
32
|
-
slots: {
|
|
33
|
-
prefix?(_: {}): any;
|
|
34
|
-
prefix?(_: {}): any;
|
|
35
|
-
suffix?(_: {}): any;
|
|
36
|
-
suffix?(_: {}): any;
|
|
37
|
-
};
|
|
38
|
-
refs: {
|
|
39
|
-
elementRef: HTMLSpanElement;
|
|
40
|
-
};
|
|
41
|
-
rootEl: HTMLSpanElement;
|
|
42
|
-
};
|
|
43
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
44
|
-
declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
|
|
45
|
-
duration: number;
|
|
46
|
-
delay: number;
|
|
47
|
-
once: boolean;
|
|
48
|
-
prefix: string;
|
|
49
|
-
suffix: string;
|
|
50
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
51
|
-
elementRef: HTMLSpanElement;
|
|
52
|
-
}, HTMLSpanElement>;
|
|
53
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
54
|
-
export default _default;
|
|
55
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
56
|
-
new (): {
|
|
57
|
-
$slots: S;
|
|
58
|
-
};
|
|
59
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
export interface MazAnimatedElementProps {
|
|
2
|
-
/**
|
|
3
|
-
* The direction of the animation
|
|
4
|
-
* @default "up"
|
|
5
|
-
* @values "up", "down", "left", "right"
|
|
6
|
-
*/
|
|
7
|
-
direction?: 'up' | 'down' | 'left' | 'right';
|
|
8
|
-
/**
|
|
9
|
-
* The delay of the animation
|
|
10
|
-
* @default 0
|
|
11
|
-
*/
|
|
12
|
-
delay?: number;
|
|
13
|
-
/**
|
|
14
|
-
* The duration of the animation
|
|
15
|
-
* @default 2000
|
|
16
|
-
*/
|
|
17
|
-
duration?: number;
|
|
18
|
-
/**
|
|
19
|
-
* Play the animation only once
|
|
20
|
-
* @default true
|
|
21
|
-
*/
|
|
22
|
-
once?: boolean;
|
|
23
|
-
}
|
|
24
|
-
declare function __VLS_template(): {
|
|
25
|
-
attrs: Partial<{}>;
|
|
26
|
-
slots: {
|
|
27
|
-
default?(_: {}): any;
|
|
28
|
-
};
|
|
29
|
-
refs: {
|
|
30
|
-
element: HTMLDivElement;
|
|
31
|
-
};
|
|
32
|
-
rootEl: HTMLDivElement;
|
|
33
|
-
};
|
|
34
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
35
|
-
declare const __VLS_component: import('vue').DefineComponent<MazAnimatedElementProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
36
|
-
element: HTMLDivElement;
|
|
37
|
-
}, HTMLDivElement>;
|
|
38
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
|
-
export default _default;
|
|
40
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
-
new (): {
|
|
42
|
-
$slots: S;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
export interface MazAnimatedTextProps {
|
|
2
|
-
/**
|
|
3
|
-
* The text to animate
|
|
4
|
-
* @example "Hello"
|
|
5
|
-
*/
|
|
6
|
-
text: string;
|
|
7
|
-
/**
|
|
8
|
-
* The last word(s) to be highlighted
|
|
9
|
-
* @example "world"
|
|
10
|
-
*/
|
|
11
|
-
lastWord?: string;
|
|
12
|
-
/**
|
|
13
|
-
* The delay of the animation
|
|
14
|
-
* @default 0
|
|
15
|
-
*/
|
|
16
|
-
delay?: number;
|
|
17
|
-
/**
|
|
18
|
-
* The direction of the animation
|
|
19
|
-
* @default "up"
|
|
20
|
-
* @values "up", "down", "left", "right"
|
|
21
|
-
*/
|
|
22
|
-
direction?: 'up' | 'down' | 'left' | 'right';
|
|
23
|
-
/**
|
|
24
|
-
* The tag to use for the text
|
|
25
|
-
* @default "span"
|
|
26
|
-
*/
|
|
27
|
-
tag?: string;
|
|
28
|
-
/**
|
|
29
|
-
* The delay between each word
|
|
30
|
-
* @default 75
|
|
31
|
-
*/
|
|
32
|
-
wordDelay?: number;
|
|
33
|
-
/**
|
|
34
|
-
* The column gap between each word
|
|
35
|
-
* @default 0.5
|
|
36
|
-
*/
|
|
37
|
-
columnGap?: number;
|
|
38
|
-
/**
|
|
39
|
-
* The row gap between each word
|
|
40
|
-
* @default 0
|
|
41
|
-
*/
|
|
42
|
-
rowGap?: number;
|
|
43
|
-
/**
|
|
44
|
-
* The duration of the animation
|
|
45
|
-
* @default 2000
|
|
46
|
-
*/
|
|
47
|
-
duration?: number;
|
|
48
|
-
/**
|
|
49
|
-
* Play the animation only once
|
|
50
|
-
* @default true
|
|
51
|
-
*/
|
|
52
|
-
once?: boolean;
|
|
53
|
-
}
|
|
54
|
-
declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
55
|
-
element: unknown;
|
|
56
|
-
}, any>;
|
|
57
|
-
export default _default;
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import { MazColor } from './types';
|
|
3
|
-
export interface MazAvatarProps {
|
|
4
|
-
/** The style of the component */
|
|
5
|
-
style?: HTMLAttributes['style'];
|
|
6
|
-
/** The class of the component */
|
|
7
|
-
class?: HTMLAttributes['class'];
|
|
8
|
-
/** The source of the image */
|
|
9
|
-
src?: string | null;
|
|
10
|
-
/** The caption of the avatar */
|
|
11
|
-
caption?: string | null;
|
|
12
|
-
/** The link of the avatar */
|
|
13
|
-
href?: string;
|
|
14
|
-
/** The link (router-link) of the avatar */
|
|
15
|
-
to?: string | Record<string, unknown>;
|
|
16
|
-
/** The alt of the image */
|
|
17
|
-
alt?: string;
|
|
18
|
-
/** The target of the link */
|
|
19
|
-
target?: string;
|
|
20
|
-
/** The size of the avatar */
|
|
21
|
-
size?: string;
|
|
22
|
-
/** Add a border to the avatar */
|
|
23
|
-
bordered?: boolean;
|
|
24
|
-
/** Make the avatar clickable */
|
|
25
|
-
clickable?: boolean;
|
|
26
|
-
/** Make the avatar square */
|
|
27
|
-
square?: boolean;
|
|
28
|
-
/** Remove the shadow */
|
|
29
|
-
noElevation?: boolean;
|
|
30
|
-
/** Show the caption */
|
|
31
|
-
showCaption?: boolean;
|
|
32
|
-
/** Make the image height full */
|
|
33
|
-
imageHeightFull?: boolean;
|
|
34
|
-
/** Remove the loader */
|
|
35
|
-
hideLoader?: boolean;
|
|
36
|
-
/** The color of the clickable button */
|
|
37
|
-
buttonColor?: MazColor;
|
|
38
|
-
/** Remove the icon on hover when component is clickable */
|
|
39
|
-
hideClickableIcon?: boolean;
|
|
40
|
-
/** Number of letters to display in the round text */
|
|
41
|
-
letterCount?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Size of the rounded
|
|
44
|
-
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
|
|
45
|
-
*/
|
|
46
|
-
roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
47
|
-
/** The fallback src to replace the src on loading error */
|
|
48
|
-
fallbackSrc?: string;
|
|
49
|
-
/**
|
|
50
|
-
* The loading strategy of the image - lazy, eager or intersecting
|
|
51
|
-
* @default 'intersecting'
|
|
52
|
-
* @values `'lazy' | 'eager' | 'intersecting'`
|
|
53
|
-
*/
|
|
54
|
-
loading?: 'lazy' | 'eager' | 'intersecting';
|
|
55
|
-
}
|
|
56
|
-
declare function __VLS_template(): {
|
|
57
|
-
attrs: Partial<{}>;
|
|
58
|
-
slots: {
|
|
59
|
-
'round-text'?(_: {}): any;
|
|
60
|
-
icon?(_: {}): any;
|
|
61
|
-
caption?(_: {}): any;
|
|
62
|
-
};
|
|
63
|
-
refs: {};
|
|
64
|
-
rootEl: any;
|
|
65
|
-
};
|
|
66
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
67
|
-
declare const __VLS_component: import('vue').DefineComponent<MazAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
68
|
-
click: (event: MouseEvent) => any;
|
|
69
|
-
error: (el: Element) => any;
|
|
70
|
-
loaded: (el: Element) => any;
|
|
71
|
-
loading: (el: Element) => any;
|
|
72
|
-
intersecting: (el: Element) => any;
|
|
73
|
-
}, string, import('vue').PublicProps, Readonly<MazAvatarProps> & Readonly<{
|
|
74
|
-
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
75
|
-
onError?: ((el: Element) => any) | undefined;
|
|
76
|
-
onLoaded?: ((el: Element) => any) | undefined;
|
|
77
|
-
onLoading?: ((el: Element) => any) | undefined;
|
|
78
|
-
onIntersecting?: ((el: Element) => any) | undefined;
|
|
79
|
-
}>, {
|
|
80
|
-
src: string | null;
|
|
81
|
-
size: string;
|
|
82
|
-
caption: string | null;
|
|
83
|
-
roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
84
|
-
loading: "lazy" | "eager" | "intersecting";
|
|
85
|
-
href: string;
|
|
86
|
-
to: string | Record<string, unknown>;
|
|
87
|
-
target: string;
|
|
88
|
-
alt: string;
|
|
89
|
-
fallbackSrc: string;
|
|
90
|
-
buttonColor: MazColor;
|
|
91
|
-
letterCount: number;
|
|
92
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
93
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
94
|
-
export default _default;
|
|
95
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
96
|
-
new (): {
|
|
97
|
-
$slots: S;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'vue';
|
|
2
|
-
export interface MazBackdropProps {
|
|
3
|
-
/** @model Modal's model value */
|
|
4
|
-
modelValue?: boolean;
|
|
5
|
-
/** Teleport selector */
|
|
6
|
-
teleportSelector?: string;
|
|
7
|
-
/** Function called before modal is close */
|
|
8
|
-
beforeClose?: () => Promise<void> | void;
|
|
9
|
-
/** Persistent dialog (not closable by clicking outside and remove close button) */
|
|
10
|
-
persistent?: boolean;
|
|
11
|
-
/** Prevent close on escape key */
|
|
12
|
-
closeOnEscape?: boolean;
|
|
13
|
-
/** Transition name */
|
|
14
|
-
transitionName?: string;
|
|
15
|
-
/** Backdrop class */
|
|
16
|
-
backdropClass?: HTMLAttributes['class'];
|
|
17
|
-
/** Backdrop content class */
|
|
18
|
-
backdropContentClass?: HTMLAttributes['class'];
|
|
19
|
-
/** Add padding to the content */
|
|
20
|
-
contentPadding?: boolean;
|
|
21
|
-
/** Justify content */
|
|
22
|
-
justify?: 'center' | 'end' | 'start' | 'space-between' | 'space-around' | 'none';
|
|
23
|
-
/** Align content */
|
|
24
|
-
align?: 'center' | 'end' | 'start' | 'none';
|
|
25
|
-
/** Variant */
|
|
26
|
-
variant?: 'bottom-sheet' | 'dialog' | 'drawer';
|
|
27
|
-
/** ID for aria-labelledby */
|
|
28
|
-
ariaLabelledby?: string;
|
|
29
|
-
/** ID for aria-describedby */
|
|
30
|
-
ariaDescribedby?: string;
|
|
31
|
-
}
|
|
32
|
-
declare function close(): void;
|
|
33
|
-
declare function toggleModal(value?: boolean): Promise<void>;
|
|
34
|
-
declare function onBackdropAnimationLeave(): void;
|
|
35
|
-
declare function onKeyPress(event: KeyboardEvent): void;
|
|
36
|
-
declare function __VLS_template(): {
|
|
37
|
-
attrs: Partial<{}>;
|
|
38
|
-
slots: {
|
|
39
|
-
default?(_: {
|
|
40
|
-
close: typeof close;
|
|
41
|
-
}): any;
|
|
42
|
-
};
|
|
43
|
-
refs: {};
|
|
44
|
-
rootEl: any;
|
|
45
|
-
};
|
|
46
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
47
|
-
declare const __VLS_component: import('vue').DefineComponent<MazBackdropProps, {
|
|
48
|
-
/**
|
|
49
|
-
* Animation leave event
|
|
50
|
-
* @description This is used to handle animation leave events
|
|
51
|
-
*/
|
|
52
|
-
onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
|
|
53
|
-
/**
|
|
54
|
-
* Close the backdrop
|
|
55
|
-
* @description This is used to close the backdrop
|
|
56
|
-
*/
|
|
57
|
-
close: typeof close;
|
|
58
|
-
/**
|
|
59
|
-
* The present state of the backdrop
|
|
60
|
-
* @description This is used to check if the backdrop is present (open)
|
|
61
|
-
*/
|
|
62
|
-
present: import('vue').Ref<boolean, boolean>;
|
|
63
|
-
/**
|
|
64
|
-
* Toggle the backdrop
|
|
65
|
-
* @description This is used to toggle the backdrop
|
|
66
|
-
* @param {boolean} value - The value to toggle the backdrop (optional)
|
|
67
|
-
*/
|
|
68
|
-
toggleModal: typeof toggleModal;
|
|
69
|
-
/**
|
|
70
|
-
* Key press event
|
|
71
|
-
* @description This is used to handle key press events
|
|
72
|
-
*/
|
|
73
|
-
onKeyPress: typeof onKeyPress;
|
|
74
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
75
|
-
close: (value: void) => any;
|
|
76
|
-
open: (value: void) => any;
|
|
77
|
-
"update:model-value": (value: boolean) => any;
|
|
78
|
-
"before-close": (value: void) => any;
|
|
79
|
-
}, string, import('vue').PublicProps, Readonly<MazBackdropProps> & Readonly<{
|
|
80
|
-
onClose?: ((value?: void | undefined) => any) | undefined;
|
|
81
|
-
onOpen?: ((value?: void | undefined) => any) | undefined;
|
|
82
|
-
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
83
|
-
"onBefore-close"?: ((value?: void | undefined) => any) | undefined;
|
|
84
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
85
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
86
|
-
export default _default;
|
|
87
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
88
|
-
new (): {
|
|
89
|
-
$slots: S;
|
|
90
|
-
};
|
|
91
|
-
};
|