maz-ui 3.4.5 → 3.6.1

package/components/MazDrawer.mjs

@@ -0,0 +1,572 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.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-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-btn[data-v-7673d151]{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-7673d151]{line-height:1}.m-btn__icon-left[data-v-7673d151]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-7673d151]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-7673d151]{cursor:pointer}.m-btn.--cursor-default[data-v-7673d151]{cursor:default}.m-btn.--is-link[data-v-7673d151]{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-7673d151]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-7673d151]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-7673d151]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-7673d151]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-7673d151]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-7673d151]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-7673d151]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-7673d151]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-7673d151]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-7673d151]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-7673d151]{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-7673d151]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-7673d151]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-7673d151]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-7673d151]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-7673d151]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-7673d151]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-7673d151]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-7673d151]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-7673d151]{-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-7673d151]:not(.--disabled):hover,.m-btn.--is-button[data-v-7673d151]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-7673d151]{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-7673d151]: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-7673d151]{width:100%}.m-btn.--is-button.--primary[data-v-7673d151]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-7673d151]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-7673d151]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-7673d151]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-7673d151]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-7673d151]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-7673d151]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-7673d151]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-7673d151]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-7673d151]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-7673d151]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-7673d151]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-7673d151]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-7673d151]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-7673d151]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-7673d151]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-7673d151]{--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-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-7673d151]{--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-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-7673d151]{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-7673d151]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-7673d151]{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-7673d151]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-7673d151]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-7673d151]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-7673d151]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-7673d151]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-7673d151]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-7673d151]{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-backdrop-content,.m-drawer.--right .m-backdrop-content{height:auto;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(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, pushScopeId, popScopeId, inject, computed, watchEffect, nextTick, useAttrs, useSlots, resolveDynamicComponent, unref, createTextVNode, toDisplayString } from "vue";
+const MODAL_OPENED_CLASS = "--backdrop-present";
+const addClassToDocument = () => {
+  document.documentElement.classList.add(MODAL_OPENED_CLASS);
+};
+const removeClassFromDocument = () => {
+  const backdropPresents = document.querySelector(".m-backdrop.--present");
+  if (!backdropPresents) {
+    document.documentElement.classList.remove(MODAL_OPENED_CLASS);
+  }
+};
+const _sfc_main$4 = defineComponent({
+  inheritAttrs: false,
+  props: {
+    modelValue: { type: Boolean, default: false },
+    teleportSelector: { type: String, default: "body" },
+    beforeClose: {
+      type: Function,
+      default: void 0
+    },
+    persistent: { type: Boolean, default: false },
+    noCloseOnEscKey: { type: Boolean, default: false },
+    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(props, { emit: emits }) {
+    const present = ref(props.modelValue);
+    const close = () => {
+      toggleModal(false);
+    };
+    const toggleModal = async (show) => {
+      var _a;
+      if (!show) {
+        emits("before-close");
+        await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
+      }
+      present.value = show;
+    };
+    const onBackdropAnimationEnter = () => {
+      emits("open");
+    };
+    const onBackdropAnimationLeave = () => {
+      emits("update:model-value", false);
+      emits("close");
+    };
+    const onBackdropClicked = () => {
+      if (!props.persistent) {
+        close();
+      }
+    };
+    const onKeyPress = (event) => {
+      if (!props.noCloseOnEscKey && event.key === "Escape" && !props.persistent) {
+        close();
+      }
+    };
+    const addClassAndEventToDocument = () => {
+      addClassToDocument();
+      document.addEventListener("keyup", onKeyPress, false);
+    };
+    const removeClassAndEventToDocument = () => {
+      document.removeEventListener("keyup", onKeyPress);
+      removeClassFromDocument();
+    };
+    onMounted(() => {
+      if (props.modelValue)
+        addClassAndEventToDocument();
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        present.value = value;
+        if (value) {
+          addClassAndEventToDocument();
+        } else {
+          removeClassAndEventToDocument();
+        }
+      }
+    );
+    return {
+      onBackdropAnimationEnter,
+      onBackdropAnimationLeave,
+      onBackdropClicked,
+      close,
+      present
+    };
+  }
+});
+const MazBackdrop_vue_vue_type_style_index_0_lang = "";
+const MazBackdrop_vue_vue_type_style_index_1_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
+    createVNode(Transition, {
+      appear: "",
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onBackdropAnimationEnter,
+      onAfterLeave: _ctx.onBackdropAnimationLeave
+    }, {
+      default: withCtx(() => [
+        _ctx.present ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["m-backdrop --present", [_ctx.backdropClass]]),
+          tabindex: "-1",
+          role: "dialog"
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
+            tabindex: "-1",
+            onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onBackdropClicked && _ctx.onBackdropClicked(...args), ["self"]))
+          }, null, 2),
+          createElementVNode("div", mergeProps({
+            class: ["m-backdrop-content", _ctx.backdropContentClass]
+          }, _ctx.$attrs, {
+            role: "document",
+            tabindex: "0"
+          }), [
+            renderSlot(_ctx.$slots, "default", { close: _ctx.close })
+          ], 16)
+        ], 2)) : createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to"]);
+}
+const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = ["width", "height"];
+const _hoisted_2$2 = /* @__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_3$2 = [
+  _hoisted_2$2
+];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "info",
+          "white",
+          "success",
+          "warning",
+          "danger",
+          "primary",
+          "black",
+          "secondary",
+          "transparent"
+        ].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3$2, 10, _hoisted_1$3);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-503fe527"]]);
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
+const _hoisted_1$2 = ["innerHTML"];
+const _sfc_main$2 = /* @__PURE__ */ 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: (svg) => svg
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const cache = {};
+    const svgElSource = ref();
+    const svgElem = ref();
+    const getMazIconPath = () => {
+      try {
+        return injectStrict("mazIconPath");
+      } catch {
+        return void 0;
+      }
+    };
+    const iconPath = computed(() => props.path ?? getMazIconPath());
+    const fullSrc = computed(() => {
+      if (props.src) {
+        return props.src;
+      } else if (iconPath.value) {
+        return `${iconPath.value}/${props.name}.svg`;
+      } else {
+        return `/${props.name}.svg`;
+      }
+    });
+    onMounted(() => {
+      if (!props.name && !props.src) {
+        console.error(
+          '[maz-ui](MazIcon) you should provide "name" or "src" as prop'
+        );
+      }
+    });
+    const setTitle = (svg, title) => {
+      const titleTags = svg.querySelectorAll("title");
+      if (titleTags.length > 0) {
+        titleTags[0].textContent = title;
+      } else {
+        const titleEl = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "title"
+        );
+        titleEl.textContent = title;
+        svg.append(titleEl);
+      }
+    };
+    const filterAttrs = (attrs) => {
+      return Object.keys(attrs).reduce((result, key) => {
+        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
+          result[key] = attrs[key];
+        }
+        return result;
+      }, {});
+    };
+    const getSvgAttrs = (svgEl) => {
+      const svgAttrs = {};
+      const attrs = svgEl.attributes;
+      if (!attrs) {
+        return svgAttrs;
+      }
+      for (let i = attrs.length - 1; i >= 0; i--) {
+        svgAttrs[attrs[i].name] = attrs[i].value;
+      }
+      return svgAttrs;
+    };
+    const getSvgContent = (svgEl) => {
+      let svgElNode = svgEl.cloneNode(true);
+      svgElNode = props.transformSource(svgEl);
+      if (props.title) {
+        setTitle(svgElNode, props.title);
+      }
+      return svgEl.innerHTML;
+    };
+    const getSource = async (src) => {
+      if (!cache[src]) {
+        cache[src] = download(src);
+      }
+      try {
+        svgElSource.value = await cache[src];
+        await nextTick();
+        emits("loaded", svgElem.value);
+      } catch (error) {
+        if (svgElSource.value) {
+          svgElSource.value = void 0;
+          emits("unloaded");
+        }
+        delete cache[src];
+        emits("error", error);
+      }
+    };
+    const download = (url) => {
+      return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.open("GET", url, true);
+        request.addEventListener("load", () => {
+          if (request.status >= 200 && request.status < 400) {
+            try {
+              const parser = new DOMParser();
+              const result = parser.parseFromString(
+                request.responseText,
+                "text/xml"
+              );
+              let svgEl = result.querySelectorAll("svg")[0];
+              if (svgEl) {
+                svgEl = props.transformSource(svgEl);
+                resolve(svgEl);
+              } else {
+                reject(new Error('Loaded file is not valid SVG"'));
+              }
+            } catch (error) {
+              reject(error);
+            }
+          } else {
+            reject(new Error("Error loading SVG"));
+          }
+        });
+        request.addEventListener("error", () => reject());
+        request.send();
+      });
+    };
+    watchEffect(() => getSource(fullSrc.value));
+    return (_ctx, _cache) => {
+      return svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
+        key: 0,
+        ref_key: "svgElem",
+        ref: svgElem,
+        width: "1em",
+        height: "1em"
+      }, {
+        ...getSvgAttrs(svgElSource.value),
+        ...filterAttrs(_ctx.$attrs)
+      }, {
+        style: `font-size: ${__props.size}`,
+        innerHTML: getSvgContent(svgElSource.value)
+      }), null, 16, _hoisted_1$2)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  class: "m-btn__icon-left maz-flex maz-flex-center"
+};
+const _hoisted_2$1 = { class: "maz-flex maz-flex-center" };
+const _hoisted_3$1 = {
+  key: 1,
+  class: "m-btn__icon-right maz-flex maz-flex-center"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "link"].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (value) => {
+        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
+      }
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "info",
+          "success",
+          "warning",
+          "danger",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "submit"].includes(value);
+      }
+    },
+    rounded: { type: Boolean, default: false },
+    outline: { type: Boolean, default: false },
+    pastel: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    noUnderline: { type: Boolean, default: false },
+    noLeading: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    fab: { type: Boolean, default: false },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: false },
+    noElevation: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { href, to } = useAttrs();
+    const slots = useSlots();
+    const component = computed(() => {
+      if (href)
+        return "a";
+      else if (to)
+        return "router-link";
+      return "button";
+    });
+    const btnColorClass = computed(
+      () => props.pastel ? `--${props.color}-pastel` : props.outline || props.loading ? `--${props.color}-outline` : `--${props.color}`
+    );
+    const isDisabled = computed(
+      () => (props.loading || props.disabled) && component.value === "button"
+    );
+    const cursorClass = computed(
+      () => isDisabled.value ? "--cursor-default" : "--cursor-pointer"
+    );
+    const variantClass = computed(() => `--is-${props.variant}`);
+    const loaderBgColorClass = computed(() => `--${props.color}`);
+    const loaderColor = computed(
+      () => ["white"].includes(props.color) ? "black" : "white"
+    );
+    const hasLoader = computed(() => props.loading && props.variant === "button");
+    const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
+    const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
+    const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
+    const btnType = computed(
+      () => component.value === "button" ? props.type : void 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps(_ctx.$attrs, {
+        disabled: unref(isDisabled),
+        class: ["m-btn", [
+          `--${__props.size}`,
+          unref(btnColorClass),
+          unref(cursorClass),
+          unref(variantClass),
+          {
+            "--block": __props.block,
+            "--no-underline": __props.noUnderline,
+            "--no-leading": __props.noLeading,
+            "--fab": __props.fab,
+            "--loading": __props.loading,
+            "--disabled": unref(isDisabled),
+            "--icon": unref(hasIcon),
+            "--rounded": __props.rounded,
+            "--no-padding": __props.noPadding,
+            "--no-elevation": __props.noElevation
+          }
+        ]],
+        type: unref(btnType)
+      }), {
+        default: withCtx(() => [
+          unref(hasLeftIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            renderSlot(_ctx.$slots, "left-icon", {}, () => [
+              __props.leftIcon ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                name: __props.leftIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          unref(hasRightIcon) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+            renderSlot(_ctx.$slots, "right-icon", {}, () => [
+              __props.rightIcon ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                name: __props.rightIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          unref(hasLoader) ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
+          }, [
+            createVNode(MazSpinner, {
+              size: "2em",
+              color: unref(loaderColor)
+            }, null, 8, ["color"])
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["disabled", "class", "type"]);
+    };
+  }
+});
+const MazBtn_vue_vue_type_style_index_0_scoped_7673d151_lang = "";
+const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7673d151"]]);
+const XIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg==";
+const _hoisted_1 = { class: "m-drawer-header__title" };
+const _hoisted_2 = {
+  key: 0,
+  class: "m-drawer-header__close"
+};
+const _hoisted_3 = { class: "m-drawer-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazDrawer",
+  props: {
+    noClose: { type: Boolean, default: false },
+    title: { type: String, default: void 0 },
+    variant: {
+      type: String,
+      default: "right",
+      validator: (value) => {
+        return ["right", "top", "left", "bottom"].includes(value);
+      }
+    },
+    backdropClass: { type: String, default: void 0 },
+    size: { type: String, default: "30rem" }
+  },
+  emits: ["open", "close", "update:model-value"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(MazBackdrop, mergeProps(_ctx.$attrs, {
+        "backdrop-class": ["m-drawer", `--${__props.variant}`, __props.backdropClass],
+        style: {
+          "--maz-drawer-size": __props.size
+        },
+        onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
+        onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:model-value", $event))
+      }), {
+        default: withCtx(({ close }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["m-drawer-content-wrap", [`--${__props.variant}`]])
+          }, [
+            createElementVNode("header", {
+              class: normalizeClass(["m-drawer-header", [_ctx.$slots["title"] || __props.title ? "--between" : "--end"]])
+            }, [
+              createElementVNode("h4", _hoisted_1, [
+                renderSlot(_ctx.$slots, "title", { close }, () => [
+                  createTextVNode(toDisplayString(__props.title), 1)
+                ])
+              ]),
+              !__props.noClose ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(MazBtn, {
+                  size: "sm",
+                  color: "transparent",
+                  onClick: close
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$2, {
+                      src: unref(XIcon),
+                      class: "icon"
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ])) : createCommentVNode("", true)
+            ], 2),
+            createElementVNode("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "default", { close })
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["backdrop-class", "style"]);
+    };
+  }
+});
+const MazDrawer_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};