maz-ui 3.6.11 → 3.7.0

package/components/MazDrawer.umd.js

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-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-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-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:0}.m-btn.--is-button.--fab[data-v-46a6f142]: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.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-drawer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.m-drawer .m-drawer-content-wrap{overflow-y:auto;background-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-drawer .m-drawer-content-wrap>.m-drawer-header{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-bg);background-clip:padding-box;padding:.75rem 1rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__title{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close .icon{height:1.25rem;width:1.25rem}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-drawer .m-drawer-content-wrap>.m-drawer-body{z-index:0;min-height:0px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow-x:auto;background-color:var(--maz-color-bg-light);background-clip:padding-box}.m-drawer.--left .m-drawer-content-wrap,.m-drawer.--right .m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{height:100vh;min-height:100vh;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%}@media (min-width: 768px){.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{width:var(--maz-drawer-size)}}.m-drawer.--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-drawer.--left.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--left.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-drawer.--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer.--right.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--right.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%;height:100vh}@media (min-width: 768px){.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{height:auto}}.m-drawer.--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-drawer.--top.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--top.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-drawer.--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.m-drawer.--bottom.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--bottom.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-drawer .m-backdrop-content>.m-drawer-content-wrap{pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazDrawer=t(e.Vue)}(this,(function(e){"use strict";const t="--backdrop-present",o=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o};const n=o(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(o,{emit:n}){const a=e.ref(o.modelValue),r=()=>{l(!1)},l=async e=>{var t;e||(n("before-close"),await(null==(t=o.beforeClose)?void 0:t.call(o))),a.value=e},d=e=>{o.noCloseOnEscKey||"Escape"!==e.key||o.persistent||r()},c=()=>{document.documentElement.classList.add(t),document.addEventListener("keyup",d,!1)},s=()=>{document.removeEventListener("keyup",d),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(t)})()};return e.watch((()=>o.modelValue),(e=>{a.value=e,e?c():s()}),{immediate:!0}),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close"),s()},onBackdropClicked:()=>{o.persistent||r()},close:r,present:a,toggleModal:l,onKeyPress:d}}}),[["render",function(t,o,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),a=["width","height"],r=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],l=o(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,n)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},r,10,a))}),[["__scopeId","data-v-34f40819"]]);const d=["innerHTML"],c=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const n=t,a={},r=e.ref(),l=e.ref(),c=()=>{try{return function(t,o){const n=e.inject(t,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>n.path??c())),i=e.computed((()=>n.src?n.src:s.value?`${s.value}/${n.name}.svg`:`/${n.name}.svg`));e.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},p=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},m=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let r=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=n.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{r.value=await a[t],await e.nextTick(),o("loaded",l.value)}catch(n){r.value&&(r.value=void 0,o("unloaded")),delete a[t],o("error",n)}})(i.value))),(o,n)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:l,width:"1em",height:"1em"},{...u(r.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(r.value)}),null,16,d)):e.createCommentVNode("",!0);var a}}}),s={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},i={class:"maz-flex maz-flex-center"},u={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},p=o(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:n,to:a}=e.useAttrs(),r=e.useSlots(),d=e.computed((()=>n?"a":a?"router-link":"button")),p=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),m=e.computed((()=>(o.loading||o.disabled)&&"button"===d.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${o.variant}`)),y=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),k=e.computed((()=>o.loading&&"button"===o.variant)),b=e.computed((()=>!!r["left-icon"]||o.leftIcon)),C=e.computed((()=>!!r["right-icon"]||o.rightIcon)),h=e.computed((()=>b.value||C.value)),w=e.computed((()=>"button"===d.value?o.type:void 0));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),e.mergeProps(o.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(h),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(w)}),{default:e.withCtx((()=>[e.unref(b)?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(C)?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(y)])},[e.createVNode(l,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m={class:"m-drawer-header__title"},f={key:0,class:"m-drawer-header__close"},v={class:"m-drawer-body"};return e.defineComponent({__name:"MazDrawer",props:{noClose:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:e=>["right","top","left","bottom"].includes(e)},backdropClass:{type:String,default:void 0},size:{type:String,default:"30rem"}},emits:["open","close","update:model-value"],setup:t=>(o,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(o.$attrs,{"backdrop-class":["m-drawer",`--${t.variant}`,t.backdropClass],style:{"--maz-drawer-size":t.size},onClose:a[0]||(a[0]=e=>o.$emit("close",e)),onOpen:a[1]||(a[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":a[2]||(a[2]=e=>o.$emit("update:model-value",e))}),{default:e.withCtx((({close:n})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-drawer-content-wrap",[`--${t.variant}`]])},[e.createElementVNode("header",{class:e.normalizeClass(["m-drawer-header",[o.$slots.title||t.title?"--between":"--end"]])},[e.createElementVNode("h4",m,[e.renderSlot(o.$slots,"title",{close:n},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))]),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(p,{size:"sm",color:"transparent",onClick:n},{default:e.withCtx((()=>[e.createVNode(c,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"icon"},null,8,["src"])])),_:2},1032,["onClick"])]))],2),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"default",{close:n})])],2)])),_:3},16,["backdrop-class","style"]))})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-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-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-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:0}.m-btn.--is-button.--fab[data-v-46a6f142]: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.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-drawer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.m-drawer .m-drawer-content-wrap{overflow-y:auto;background-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-drawer .m-drawer-content-wrap>.m-drawer-header{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-bg);background-clip:padding-box;padding:.75rem 1rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__title{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close .icon{height:1.25rem;width:1.25rem}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-drawer .m-drawer-content-wrap>.m-drawer-body{z-index:0;min-height:0px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow-x:auto;background-color:var(--maz-color-bg-light);background-clip:padding-box}.m-drawer.--left .m-drawer-content-wrap,.m-drawer.--right .m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{height:100vh;min-height:100vh;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%}@media (min-width: 768px){.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{width:var(--maz-drawer-size)}}.m-drawer.--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-drawer.--left.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--left.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-drawer.--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer.--right.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--right.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%;height:100vh}@media (min-width: 768px){.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{height:auto}}.m-drawer.--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-drawer.--top.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--top.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-drawer.--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.m-drawer.--bottom.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--bottom.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-drawer .m-backdrop-content>.m-drawer-content-wrap{pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazDrawer={},e.Vue)}(this,(function(e,t){"use strict";const o="--backdrop-present",n=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o};const a=n(t.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(e,{emit:n}){const a=t.ref(e.modelValue),l=()=>{r(!1)},r=async t=>{var o;t||(n("before-close"),await(null==(o=e.beforeClose)?void 0:o.call(e))),a.value=t},d=t=>{e.noCloseOnEscKey||"Escape"!==t.key||e.persistent||l()},i=()=>{document.documentElement.classList.add(o),document.addEventListener("keyup",d,!1)},c=()=>{document.removeEventListener("keyup",d),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(o)})()};return t.onMounted((()=>{e.modelValue?i():c()})),t.watch((()=>e.modelValue),(e=>{a.value=e,e?i():c()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close"),c()},onBackdropClicked:()=>{e.persistent||l()},close:l,present:a,toggleModal:r,onKeyPress:d}}}),[["render",function(e,o,n,a,l,r){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleportSelector},[t.createVNode(t.Transition,{appear:"",name:e.transitionName,onAfterEnter:e.onBackdropAnimationEnter,onAfterLeave:e.onBackdropAnimationLeave},{default:t.withCtx((()=>[e.present?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-backdrop --present",[e.backdropClass]]),tabindex:"-1",role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["m-backdrop-overlay",{"--disabled":e.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=t.withModifiers(((...t)=>e.onBackdropClicked&&e.onBackdropClicked(...t)),["self"]))},null,2),t.createElementVNode("div",t.mergeProps({class:["m-backdrop-content",e.backdropContentClass]},e.$attrs,{role:"document",tabindex:"0"}),[t.renderSlot(e.$slots,"default",{close:e.close})],16)],2)):t.createCommentVNode("v-if",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),l=["width","height"],r=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],d=n(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(o,n)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},r,10,l))}),[["__scopeId","data-v-34f40819"]]);const i=["innerHTML"],c=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const n=e,a={},l=t.ref(),r=t.ref(),d=()=>{try{return function(e,o){const n=t.inject(e,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}("mazIconPath")}catch{return}},c=t.computed((()=>n.path??d())),s=t.computed((()=>n.src?n.src:c.value?`${c.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},m=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let l=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=n.transformSource(l),t(l)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return t.watchEffect((()=>(async e=>{a[e]||(a[e]=p(e));try{l.value=await a[e],await t.nextTick(),o("loaded",r.value)}catch(n){l.value&&(l.value=void 0,o("unloaded")),delete a[e],o("error",n)}})(s.value))),(o,n)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),l.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:r,width:"1em",height:"1em"},{...u(l.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(l.value)}),null,16,i)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var a}}}),s={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},u={class:"maz-flex maz-flex-center"},m={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},p=n(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(e){const o=e,{href:n,to:a}=t.useAttrs(),l=t.useSlots(),r=t.computed((()=>n?"a":a?"router-link":"button")),i=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=t.computed((()=>(o.loading||o.disabled)&&"button"===r.value)),f=t.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),v=t.computed((()=>`--is-${o.variant}`)),y=t.computed((()=>`--${o.color}`)),g=t.computed((()=>["white"].includes(o.color)?"black":"white")),b=t.computed((()=>o.loading&&"button"===o.variant)),k=t.computed((()=>!!l["left-icon"]||o.leftIcon)),C=t.computed((()=>!!l["right-icon"]||o.rightIcon)),h=t.computed((()=>k.value||C.value)),B=t.computed((()=>"button"===r.value?o.type:void 0));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(r)),t.mergeProps(o.$attrs,{disabled:t.unref(p),class:["m-btn",[`--${e.size}`,t.unref(i),t.unref(f),t.unref(v),{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":t.unref(p),"--icon":t.unref(h),"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:t.unref(B)}),{default:t.withCtx((()=>[t.unref(k)?(t.openBlock(),t.createElementBlock("div",s,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(c,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",u,[t.renderSlot(o.$slots,"default",{},void 0,!0)]),t.unref(C)?(t.openBlock(),t.createElementBlock("div",m,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(c,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.unref(b)?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["m-btn__loading-wrapper",t.unref(y)])},[t.createVNode(d,{size:"2em",color:t.unref(g)},null,8,["color"])],2)):t.createCommentVNode("v-if",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),f={class:"m-drawer-header__title"},v={key:0,class:"m-drawer-header__close"},y={class:"m-drawer-body"},g=t.defineComponent({__name:"MazDrawer",props:{noClose:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:e=>["right","top","left","bottom"].includes(e)},backdropClass:{type:String,default:void 0},size:{type:String,default:"30rem"}},emits:["open","close","update:model-value"],setup:e=>(o,n)=>(t.openBlock(),t.createBlock(a,t.mergeProps(o.$attrs,{"backdrop-class":["m-drawer",`--${e.variant}`,e.backdropClass],style:{"--maz-drawer-size":e.size},onClose:n[0]||(n[0]=e=>o.$emit("close",e)),onOpen:n[1]||(n[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":n[2]||(n[2]=e=>o.$emit("update:model-value",e))}),{default:t.withCtx((({close:n})=>[t.createElementVNode("div",{class:t.normalizeClass(["m-drawer-content-wrap",[`--${e.variant}`]])},[t.createElementVNode("header",{class:t.normalizeClass(["m-drawer-header",[o.$slots.title||e.title?"--between":"--end"]])},[t.createElementVNode("h4",f,[t.renderSlot(o.$slots,"title",{close:n},(()=>[t.createTextVNode(t.toDisplayString(e.title),1)]))]),e.noClose?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",v,[t.createVNode(p,{size:"sm",color:"transparent",onClick:n},{default:t.withCtx((()=>[t.createVNode(c,{src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"icon"},null,8,["src"])])),_:2},1032,["onClick"])]))],2),t.createElementVNode("div",y,[t.renderSlot(o.$slots,"default",{close:n})])],2)])),_:3},16,["backdrop-class","style"]))});e.default=g,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazDropzone.d.ts

@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<{
     dropzoneReady: import("vue").Ref<boolean>;
     dropzoneOptions: import("vue").Ref<MazDropzoneOptions | undefined>;
     dropzoneStyle: import("vue").ComputedRef<{
-        width: string | number;
-        height: string | number;
+        width: string;
+        height: string;
     }>;
     setOption: (option: string, value: unknown) => MazDropzoneOptions;
     manuallyAddFile: (file: Dropzone.DropzoneFile, fileUrl: string) => void;

package/components/MazDropzone.mjs

@@ -1,8 +1,14 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, ref, computed, onMounted, onBeforeUnmount, resolveComponent, normalizeStyle, renderSlot, toDisplayString, createBlock } from "vue";
 const _withScopeId = (n) => (pushScopeId("data-v-34f40819"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["width", "height"];
-const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1));
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+));
 const _hoisted_3$1 = [
   _hoisted_2$1
 ];
@@ -123,8 +129,8 @@ const _sfc_main = defineComponent({
     let dropzone;
     const dropzoneOptions = ref();
     const dropzoneStyle = computed(() => ({
-      width: Number.isInteger(props.width) ? `${props.width}px` : props.width,
-      height: Number.isInteger(props.height) ? `${props.height}px` : props.height
+      width: typeof props.width === "number" ? `${props.width}px` : props.width,
+      height: typeof props.height === "number" ? `${props.height}px` : props.height
     }));
     const thumbnail = (file, dataUrl) => {
       emit("thumbnail", { file, dataUrl });
@@ -298,48 +304,72 @@ const _sfc_main = defineComponent({
 });
 const MazDropzone_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = { class: "dz-message" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "2em",
-  width: "2em",
-  viewBox: "0 0 24 24",
-  fill: "currentColor",
-  class: "maz-dropzone__main-icon maz-text-normal",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }),
-  /* @__PURE__ */ createElementVNode("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z" })
-], -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "2em",
+    width: "2em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    class: "maz-dropzone__main-icon maz-text-normal",
+    "aria-hidden": "true"
+  },
+  [
+    /* @__PURE__ */ createElementVNode("path", {
+      d: "M0 0h24v24H0V0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ createElementVNode("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z" })
+  ],
+  -1
+  /* HOISTED */
+);
 const _hoisted_3 = { class: "maz-my-2 maz-text-normal" };
 const _hoisted_4 = { class: "maz-my-0 maz-text-muted" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MazSpinner = resolveComponent("MazSpinner");
-  return openBlock(), createElementBlock("button", {
-    ref: "ButtonElement",
-    type: "button",
-    name: "maz-dropzone",
-    class: "maz-dropzone",
-    style: normalizeStyle([_ctx.dropzoneStyle])
-  }, [
-    _ctx.dropzoneReady ? renderSlot(_ctx.$slots, "default", {
-      key: 0,
-      options: _ctx.dropzoneOptions
-    }, () => {
-      var _a, _b;
-      return [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            _hoisted_2
-          ]),
-          createElementVNode("p", _hoisted_3, toDisplayString((_a = _ctx.dropzoneOptions) == null ? void 0 : _a.dictDefaultMessage), 1),
-          createElementVNode("p", _hoisted_4, toDisplayString((_b = _ctx.dropzoneOptions) == null ? void 0 : _b.dictFilesDescriptions), 1)
-        ])
-      ];
-    }) : (openBlock(), createBlock(_component_MazSpinner, { key: 1 }))
-  ], 4);
+  return openBlock(), createElementBlock(
+    "button",
+    {
+      ref: "ButtonElement",
+      type: "button",
+      name: "maz-dropzone",
+      class: "maz-dropzone",
+      style: normalizeStyle([_ctx.dropzoneStyle])
+    },
+    [
+      _ctx.dropzoneReady ? renderSlot(_ctx.$slots, "default", {
+        key: 0,
+        options: _ctx.dropzoneOptions
+      }, () => {
+        var _a, _b;
+        return [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _hoisted_2
+            ]),
+            createElementVNode(
+              "p",
+              _hoisted_3,
+              toDisplayString((_a = _ctx.dropzoneOptions) == null ? void 0 : _a.dictDefaultMessage),
+              1
+              /* TEXT */
+            ),
+            createElementVNode(
+              "p",
+              _hoisted_4,
+              toDisplayString((_b = _ctx.dropzoneOptions) == null ? void 0 : _b.dictFilesDescriptions),
+              1
+              /* TEXT */
+            )
+          ])
+        ];
+      }) : (openBlock(), createBlock(_component_MazSpinner, { key: 1 }))
+    ],
+    4
+    /* STYLE */
+  );
 }
 const MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/components/MazDropzone.umd.js

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazDropzone=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],o=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],n=(e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o},s=n(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:n=>(s,l)=>(e.openBlock(),e.createElementBlock("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${n.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-34f40819"]]),l=e.defineComponent({name:"MazDropzone",components:{MazSpinner:s},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},emits:["thumbnail","error","drop","dragstart","dragend","dragenter","dragover","dragleave","paste","addedfile","addedfiles","removedfile","success","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","canceled","canceledmultiple","complete","completemultiple","maxfilesexceeded","maxfilesreached","queuecomplete","reset"],setup(t,{emit:o}){const n=e.ref(),s=e.ref(!1);let l;const r=e.ref(),a=e.computed((()=>({width:Number.isInteger(t.width)?`${t.width}px`:t.width,height:Number.isInteger(t.height)?`${t.height}px`:t.height}))),i=(e,t)=>{let n;o("thumbnail",{file:e,dataUrl:t}),e.previewElement.classList.remove("dz-file-preview");e.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((o=>{n=o,n.alt=e.name,n.style.backgroundImage=`url('${t}')`})),"success"===e.status&&l.emit("complete",e)},d=(e,t,n)=>{o("error",{file:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>l.removeFile(e)),3e3)},p=(e,t,n)=>{o("error",{files:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>{for(const t of e)l.removeFile(t)}),3e3)};e.onMounted((async()=>{const e={parallelUploads:t.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n  </div>\n  <div class="dz-error-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>\n  </div>\n</div>',addRemoveLinks:!0};if(n.value){const{default:a}=await import("dropzone");l=new a(n.value,{...e,...t.options}),l&&(r.value=l.options,s.value=!0,l.on("thumbnail",i),l.on("error",d),l.on("errormultiple",p),l.on("drop",(e=>o("drop",e))),l.on("dragstart",(e=>o("dragstart",e))),l.on("dragend",(e=>o("dragend",e))),l.on("dragenter",(e=>o("dragenter",e))),l.on("dragover",(e=>o("dragover",e))),l.on("dragleave",(e=>o("dragleave",e))),l.on("paste",(e=>o("paste",e))),l.on("addedfile",(e=>o("addedfile",e))),l.on("addedfiles",(e=>o("addedfiles",e))),l.on("removedfile",(e=>o("removedfile",e))),l.on("success",((e,t)=>o("success",{file:e,response:t}))),l.on("successmultiple",((e,t)=>o("success",{files:e,responseText:t}))),l.on("processing",(e=>o("processing",e))),l.on("processingmultiple",(e=>o("processingmultiple",e))),l.on("uploadprogress",((e,t,n)=>o("uploadprogress",{file:e,progress:t,bytesSent:n}))),l.on("totaluploadprogress",((e,t,n)=>o("totaluploadprogress",{totalProgress:e,totalBytes:t,totalBytesSent:n}))),l.on("sending",((e,t,n)=>o("sending",{file:e,xhr:t,formData:n}))),l.on("sendingmultiple",((e,t,n)=>o("sendingmultiple",{files:e,xhr:t,formData:n}))),l.on("canceled",(e=>o("canceled",e))),l.on("canceledmultiple",(e=>o("canceledmultiple",e))),l.on("complete",(e=>o("complete",e))),l.on("completemultiple",(e=>o("completemultiple",e))),l.on("maxfilesexceeded",(e=>o("maxfilesexceeded",e))),l.on("maxfilesreached",(e=>o("maxfilesreached",e))),l.on("queuecomplete",(()=>{c().every((e=>e.manuallyAdded))||o("queuecomplete")})),l.on("reset",(()=>o("reset"))))}}));const c=()=>l.getAcceptedFiles();return e.onBeforeUnmount((()=>{t.noDestroyOnUnmount||l.destroy()})),{ButtonElement:n,dropzoneReady:s,dropzoneOptions:r,dropzoneStyle:a,setOption:(e,t)=>(l.options={...l.options,[e]:t},l.options),manuallyAddFile:(e,t)=>{l.emit("addedfile",e),l.emit("thumbnail",e,t),l.files.push(e)},removeAllFiles:e=>l.removeAllFiles(e),processQueue:()=>l.processQueue(),destroy:()=>l.destroy(),disable:()=>l.disable(),enable:()=>l.enable(),accept:(e,t)=>l.accept(e,t),addFile:e=>l.addFile(e),resizeImage:(e,t,o,n,s)=>l.resizeImage(e,t,o,n,s),cancelUpload:e=>l.cancelUpload(e),getAcceptedFiles:c,getRejectedFiles:()=>l.getRejectedFiles(),getFilesWithStatus:()=>l.getFilesWithStatus(status),getQueuedFiles:()=>l.getQueuedFiles(),getUploadingFiles:()=>l.getUploadingFiles(),getAddedFiles:()=>l.getAddedFiles(),getActiveFiles:()=>l.getActiveFiles()}}}),r={class:"dz-message"},a=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em",viewBox:"0 0 24 24",fill:"currentColor",class:"maz-dropzone__main-icon maz-text-normal","aria-hidden":"true"},[e.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e.createElementVNode("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"})],-1),i={class:"maz-my-2 maz-text-normal"},d={class:"maz-my-0 maz-text-muted"};return n(l,[["render",function(t,o,n,s,l,p){const c=e.resolveComponent("MazSpinner");return e.openBlock(),e.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:e.normalizeStyle([t.dropzoneStyle])},[t.dropzoneReady?e.renderSlot(t.$slots,"default",{key:0,options:t.dropzoneOptions},(()=>{var o,n;return[e.createElementVNode("div",r,[e.renderSlot(t.$slots,"icon",{},(()=>[a])),e.createElementVNode("p",i,e.toDisplayString(null==(o=t.dropzoneOptions)?void 0:o.dictDefaultMessage),1),e.createElementVNode("p",d,e.toDisplayString(null==(n=t.dropzoneOptions)?void 0:n.dictFilesDescriptions),1)])]})):(e.openBlock(),e.createBlock(c,{key:1}))],4)}]])}));
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazDropzone={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],s=(e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o},l=s(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(s,l)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,o))}),[["__scopeId","data-v-34f40819"]]),a=t.defineComponent({name:"MazDropzone",components:{MazSpinner:l},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},emits:["thumbnail","error","drop","dragstart","dragend","dragenter","dragover","dragleave","paste","addedfile","addedfiles","removedfile","success","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","canceled","canceledmultiple","complete","completemultiple","maxfilesexceeded","maxfilesreached","queuecomplete","reset"],setup(e,{emit:o}){const n=t.ref(),s=t.ref(!1);let l;const a=t.ref(),r=t.computed((()=>({width:"number"==typeof e.width?`${e.width}px`:e.width,height:"number"==typeof e.height?`${e.height}px`:e.height}))),i=(e,t)=>{let n;o("thumbnail",{file:e,dataUrl:t}),e.previewElement.classList.remove("dz-file-preview");e.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((o=>{n=o,n.alt=e.name,n.style.backgroundImage=`url('${t}')`})),"success"===e.status&&l.emit("complete",e)},d=(e,t,n)=>{o("error",{file:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>l.removeFile(e)),3e3)},p=(e,t,n)=>{o("error",{files:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>{for(const t of e)l.removeFile(t)}),3e3)};t.onMounted((async()=>{const t={parallelUploads:e.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n  </div>\n  <div class="dz-error-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>\n  </div>\n</div>',addRemoveLinks:!0};if(n.value){const{default:r}=await import("dropzone");l=new r(n.value,{...t,...e.options}),l&&(a.value=l.options,s.value=!0,l.on("thumbnail",i),l.on("error",d),l.on("errormultiple",p),l.on("drop",(e=>o("drop",e))),l.on("dragstart",(e=>o("dragstart",e))),l.on("dragend",(e=>o("dragend",e))),l.on("dragenter",(e=>o("dragenter",e))),l.on("dragover",(e=>o("dragover",e))),l.on("dragleave",(e=>o("dragleave",e))),l.on("paste",(e=>o("paste",e))),l.on("addedfile",(e=>o("addedfile",e))),l.on("addedfiles",(e=>o("addedfiles",e))),l.on("removedfile",(e=>o("removedfile",e))),l.on("success",((e,t)=>o("success",{file:e,response:t}))),l.on("successmultiple",((e,t)=>o("success",{files:e,responseText:t}))),l.on("processing",(e=>o("processing",e))),l.on("processingmultiple",(e=>o("processingmultiple",e))),l.on("uploadprogress",((e,t,n)=>o("uploadprogress",{file:e,progress:t,bytesSent:n}))),l.on("totaluploadprogress",((e,t,n)=>o("totaluploadprogress",{totalProgress:e,totalBytes:t,totalBytesSent:n}))),l.on("sending",((e,t,n)=>o("sending",{file:e,xhr:t,formData:n}))),l.on("sendingmultiple",((e,t,n)=>o("sendingmultiple",{files:e,xhr:t,formData:n}))),l.on("canceled",(e=>o("canceled",e))),l.on("canceledmultiple",(e=>o("canceledmultiple",e))),l.on("complete",(e=>o("complete",e))),l.on("completemultiple",(e=>o("completemultiple",e))),l.on("maxfilesexceeded",(e=>o("maxfilesexceeded",e))),l.on("maxfilesreached",(e=>o("maxfilesreached",e))),l.on("queuecomplete",(()=>{c().every((e=>e.manuallyAdded))||o("queuecomplete")})),l.on("reset",(()=>o("reset"))))}}));const c=()=>l.getAcceptedFiles();return t.onBeforeUnmount((()=>{e.noDestroyOnUnmount||l.destroy()})),{ButtonElement:n,dropzoneReady:s,dropzoneOptions:a,dropzoneStyle:r,setOption:(e,t)=>(l.options={...l.options,[e]:t},l.options),manuallyAddFile:(e,t)=>{l.emit("addedfile",e),l.emit("thumbnail",e,t),l.files.push(e)},removeAllFiles:e=>l.removeAllFiles(e),processQueue:()=>l.processQueue(),destroy:()=>l.destroy(),disable:()=>l.disable(),enable:()=>l.enable(),accept:(e,t)=>l.accept(e,t),addFile:e=>l.addFile(e),resizeImage:(e,t,o,n,s)=>l.resizeImage(e,t,o,n,s),cancelUpload:e=>l.cancelUpload(e),getAcceptedFiles:c,getRejectedFiles:()=>l.getRejectedFiles(),getFilesWithStatus:()=>l.getFilesWithStatus(status),getQueuedFiles:()=>l.getQueuedFiles(),getUploadingFiles:()=>l.getUploadingFiles(),getAddedFiles:()=>l.getAddedFiles(),getActiveFiles:()=>l.getActiveFiles()}}}),r={class:"dz-message"},i=t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em",viewBox:"0 0 24 24",fill:"currentColor",class:"maz-dropzone__main-icon maz-text-normal","aria-hidden":"true"},[t.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),t.createElementVNode("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"})],-1),d={class:"maz-my-2 maz-text-normal"},p={class:"maz-my-0 maz-text-muted"};const c=s(a,[["render",function(e,o,n,s,l,a){const c=t.resolveComponent("MazSpinner");return t.openBlock(),t.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:t.normalizeStyle([e.dropzoneStyle])},[e.dropzoneReady?t.renderSlot(e.$slots,"default",{key:0,options:e.dropzoneOptions},(()=>{var o,n;return[t.createElementVNode("div",r,[t.renderSlot(e.$slots,"icon",{},(()=>[i])),t.createElementVNode("p",d,t.toDisplayString(null==(o=e.dropzoneOptions)?void 0:o.dictDefaultMessage),1),t.createElementVNode("p",p,t.toDisplayString(null==(n=e.dropzoneOptions)?void 0:n.dictFilesDescriptions),1)])]})):(t.openBlock(),t.createBlock(c,{key:1}))],4)}]]);e.default=c,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));