maz-ui 3.6.3 → 3.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/MazDrawer.mjs +1 -1
  2. package/components/MazDrawer.umd.js +1 -1
  3. package/components/MazStepper.d.ts +18 -0
  4. package/components/MazStepper.mjs +54 -37
  5. package/components/MazStepper.umd.js +2 -2
  6. package/package.json +1 -1
package/components/MazDrawer.mjs CHANGED
@@ -1,4 +1,4 @@
1
- (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}.m-drawer.--left .m-backdrop-content.m-drawer-content-wrap,.m-drawer.--right .m-backdrop-content.m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{-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)}})();
1
+ (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-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(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  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";
3
3
  const MODAL_OPENED_CLASS = "--backdrop-present";
4
4
  const addClassToDocument = () => {
package/components/MazDrawer.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (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}.m-drawer.--left .m-backdrop-content.m-drawer-content-wrap,.m-drawer.--right .m-backdrop-content.m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{-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)}})();
1
+ (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-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(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  !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)},i=()=>{document.removeEventListener("keyup",d),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(t)};return e.onMounted((()=>{o.modelValue&&c()})),e.watch((()=>o.modelValue),(e=>{a.value=e,e?c():i()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close")},onBackdropClicked:()=>{o.persistent||r()},close:r,present:a}}}),[["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-503fe527"),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:"primary",validator:e=>["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-503fe527"]]);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 Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},i=e.computed((()=>n.path??c())),s=e.computed((()=>n.src?n.src:i.value?`${i.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)}})(s.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}}}),i={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},s={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",i,[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",s,[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-7673d151"]]),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"]))})}));
package/components/MazStepper.d.ts CHANGED
@@ -27,6 +27,14 @@ declare const _default: import("vue").DefineComponent<{
27
27
  type: BooleanConstructor;
28
28
  default: boolean;
29
29
  };
30
+ allStepsOpened: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ allStepsValidated: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
30
38
  color: {
31
39
  type: PropType<Color>;
32
40
  default: string;
@@ -53,6 +61,14 @@ declare const _default: import("vue").DefineComponent<{
53
61
  type: BooleanConstructor;
54
62
  default: boolean;
55
63
  };
64
+ allStepsOpened: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ allStepsValidated: {
69
+ type: BooleanConstructor;
70
+ default: boolean;
71
+ };
56
72
  color: {
57
73
  type: PropType<Color>;
58
74
  default: string;
@@ -67,5 +83,7 @@ declare const _default: import("vue").DefineComponent<{
67
83
  disabledNextSteps: boolean;
68
84
  disabledPreviousSteps: boolean;
69
85
  autoValidatedSteps: boolean;
86
+ allStepsOpened: boolean;
87
+ allStepsValidated: boolean;
70
88
  }>;
71
89
  export default _default;
package/components/MazStepper.mjs CHANGED
@@ -1,5 +1,5 @@
1
- (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-b8833346]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header[data-v-b8833346]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-b8833346]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-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}.m-stepper__header__content[data-v-b8833346]{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:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-b8833346]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b8833346]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b8833346]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-b8833346]{cursor:default}.m-stepper__title[data-v-b8833346]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-b8833346]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__count[data-v-b8833346]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--0469ada6);color:var(--4ea3b985)}.m-stepper__count__circle[data-v-b8833346]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-color:var(--maz-color-success);-webkit-transition-property:all;transition-property:all;-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);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-b8833346]{color:var(--4ea3b985)}.m-stepper__count.--validated .m-stepper__count__circle[data-v-b8833346]{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.m-stepper__count.--validated svg[data-v-b8833346]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-b8833346]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-b8833346]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-b8833346]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick, useCssVars, unref, computed, useSlots, ref, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createVNode, pushScopeId, popScopeId } from "vue";
1
+ (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-50f3f54e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-stepper__header[data-v-50f3f54e]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-50f3f54e]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-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}.m-stepper__header__content[data-v-50f3f54e]{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:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-50f3f54e]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-50f3f54e]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-50f3f54e]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-50f3f54e]{cursor:default}.m-stepper__header__wrapper[data-v-50f3f54e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header__wrapper[data-v-50f3f54e]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__title[data-v-50f3f54e]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-50f3f54e]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__right[data-v-50f3f54e]{text-align:right;font-size:.875rem;line-height:1.25rem;color:var(--maz-color-primary)}.m-stepper__count[data-v-50f3f54e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--1bc20522);color:var(--6b59278c)}.m-stepper__count__circle[data-v-50f3f54e]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-color:var(--maz-color-success);-webkit-transition-property:all;transition-property:all;-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);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-50f3f54e]{color:var(--6b59278c)}.m-stepper__count.--validated .m-stepper__count__circle[data-v-50f3f54e]{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.m-stepper__count.--validated svg[data-v-50f3f54e]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-50f3f54e]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-50f3f54e]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-50f3f54e]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick, useCssVars, unref, computed, useSlots, ref, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
3
3
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4
4
  __name: "MazTransitionExpand",
5
5
  setup(__props) {
@@ -57,10 +57,11 @@ const _export_sfc = (sfc, props) => {
57
57
  return target;
58
58
  };
59
59
  const MazTransitionExpand = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b5d3ee9f"]]);
60
- const _withScopeId = (n) => (pushScopeId("data-v-b8833346"), n = n(), popScopeId(), n);
60
+ const _withScopeId = (n) => (pushScopeId("data-v-50f3f54e"), n = n(), popScopeId(), n);
61
61
  const _hoisted_1 = { class: "m-stepper" };
62
62
  const _hoisted_2 = ["disabled", "onClick"];
63
- const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "m-stepper__count__circle" }, [
63
+ const _hoisted_3 = { class: "m-stepper__header__wrapper" };
64
+ const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "m-stepper__count__circle" }, [
64
65
  /* @__PURE__ */ createElementVNode("svg", {
65
66
  xmlns: "http://www.w3.org/2000/svg",
66
67
  fill: "none",
@@ -78,14 +79,17 @@ const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
78
79
  })
79
80
  ])
80
81
  ], -1));
81
- const _hoisted_4 = { class: "m-stepper__header__content" };
82
- const _hoisted_5 = { class: "m-stepper__title" };
83
- const _hoisted_6 = {
82
+ const _hoisted_5 = { class: "m-stepper__header__content" };
83
+ const _hoisted_6 = { class: "m-stepper__title" };
84
+ const _hoisted_7 = {
84
85
  key: 0,
85
86
  class: "m-stepper__subtitle"
86
87
  };
87
- const _hoisted_7 = { key: 0 };
88
- const _hoisted_8 = { class: "m-stepper__content__wrapper" };
88
+ const _hoisted_8 = {
89
+ key: 0,
90
+ class: "m-stepper__right"
91
+ };
92
+ const _hoisted_9 = { class: "m-stepper__content__wrapper" };
89
93
  const _sfc_main = /* @__PURE__ */ defineComponent({
90
94
  __name: "MazStepper",
91
95
  props: {
@@ -94,6 +98,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
94
98
  disabledNextSteps: { type: Boolean, default: false },
95
99
  disabledPreviousSteps: { type: Boolean, default: false },
96
100
  autoValidatedSteps: { type: Boolean, default: false },
101
+ allStepsOpened: { type: Boolean, default: false },
102
+ allStepsValidated: { type: Boolean, default: false },
97
103
  color: {
98
104
  type: String,
99
105
  default: "primary",
@@ -116,8 +122,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
116
122
  setup(__props, { emit: emits }) {
117
123
  const props = __props;
118
124
  useCssVars((_ctx) => ({
119
- "0469ada6": unref(roundStepBgColor),
120
- "4ea3b985": unref(roundStepTextColor)
125
+ "1bc20522": unref(roundStepBgColor),
126
+ "6b59278c": unref(roundStepTextColor)
121
127
  }));
122
128
  const roundStepBgColor = computed(() => `var(--maz-color-${props.color})`);
123
129
  const roundStepTextColor = computed(
@@ -150,19 +156,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
150
156
  const hasSubtitleForStep = (step) => {
151
157
  return Object.keys(slots).filter((slot) => slot.startsWith("subtitle-")).includes(`subtitle-${step}`);
152
158
  };
159
+ const hasTitleRightForStep = (step) => {
160
+ return Object.keys(slots).filter((slot) => slot.startsWith("title-info-")).includes(`title-info-${step}`);
161
+ };
153
162
  const isStepValidated = (step) => {
154
163
  var _a, _b;
155
- const isValidated = !!((_b = (_a = props.steps) == null ? void 0 : _a[step - 1]) == null ? void 0 : _b.validated);
164
+ const isValidated = (_b = (_a = props.steps) == null ? void 0 : _a[step - 1]) == null ? void 0 : _b.validated;
156
165
  const isAutoValidated = props.autoValidatedSteps && step < currentStep.value;
157
- return isValidated || isAutoValidated;
166
+ return isValidated ?? (isAutoValidated || props.allStepsValidated);
158
167
  };
159
168
  const isStepDisabled = (step) => {
160
169
  var _a, _b;
161
- const isDisabled = !!((_b = (_a = props.steps) == null ? void 0 : _a[step - 1]) == null ? void 0 : _b.disabled);
170
+ const isDisabled = (_b = (_a = props.steps) == null ? void 0 : _a[step - 1]) == null ? void 0 : _b.disabled;
162
171
  const isCurrentStep = currentStep.value === step;
163
172
  const isAutoDisabledNext = props.disabledNextSteps && step > currentStep.value;
164
173
  const isAutoDisabledPrevious = props.disabledPreviousSteps && step < currentStep.value;
165
- return isDisabled || isCurrentStep || isAutoDisabledNext || isAutoDisabledPrevious;
174
+ return isDisabled ?? (isCurrentStep || isAutoDisabledNext || isAutoDisabledPrevious || props.allStepsOpened);
166
175
  };
167
176
  const isLastStep = (step) => {
168
177
  return step === stepCount.value;
@@ -175,25 +184,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
175
184
  key: 0,
176
185
  type: "button",
177
186
  disabled: isStepDisabled(step),
178
- class: normalizeClass(["m-stepper__header", { "--is-current-step": step === unref(currentStep) }]),
187
+ class: normalizeClass(["m-stepper__header", { "--is-current-step": step === unref(currentStep) || __props.allStepsOpened }]),
179
188
  onClick: ($event) => selectStep(step)
180
189
  }, [
181
- createElementVNode("span", {
182
- class: normalizeClass(["m-stepper__count --primary", {
183
- "--validated": isStepValidated(step)
184
- }])
185
- }, [
186
- _hoisted_3,
187
- createTextVNode(" " + toDisplayString(step), 1)
188
- ], 2),
189
- createElementVNode("div", _hoisted_4, [
190
- createElementVNode("span", _hoisted_5, [
191
- renderSlot(_ctx.$slots, `title-${step}`, {}, void 0, true)
192
- ]),
193
- hasSubtitleForStep(step) ? (openBlock(), createElementBlock("span", _hoisted_6, [
194
- renderSlot(_ctx.$slots, `subtitle-${step}`, {}, void 0, true)
195
- ])) : createCommentVNode("", true)
196
- ])
190
+ createElementVNode("div", _hoisted_3, [
191
+ createElementVNode("span", {
192
+ class: normalizeClass(["m-stepper__count --primary", {
193
+ "--validated": isStepValidated(step)
194
+ }])
195
+ }, [
196
+ _hoisted_4,
197
+ createTextVNode(" " + toDisplayString(step), 1)
198
+ ], 2),
199
+ createElementVNode("div", _hoisted_5, [
200
+ createElementVNode("span", _hoisted_6, [
201
+ renderSlot(_ctx.$slots, `title-${step}`, {}, void 0, true)
202
+ ]),
203
+ hasSubtitleForStep(step) ? (openBlock(), createElementBlock("span", _hoisted_7, [
204
+ renderSlot(_ctx.$slots, `subtitle-${step}`, {}, void 0, true)
205
+ ])) : createCommentVNode("", true)
206
+ ])
207
+ ]),
208
+ hasTitleRightForStep(step) ? (openBlock(), createElementBlock("span", _hoisted_8, [
209
+ renderSlot(_ctx.$slots, `title-info-${step}`, {}, void 0, true)
210
+ ])) : createCommentVNode("", true)
197
211
  ], 10, _hoisted_2)) : createCommentVNode("", true),
198
212
  createElementVNode("div", {
199
213
  class: normalizeClass(["m-stepper__content", {
@@ -202,14 +216,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
202
216
  }, [
203
217
  createVNode(MazTransitionExpand, null, {
204
218
  default: withCtx(() => [
205
- unref(currentStep) === step ? (openBlock(), createElementBlock("div", _hoisted_7, [
206
- createElementVNode("div", _hoisted_8, [
219
+ withDirectives(createElementVNode("div", null, [
220
+ createElementVNode("div", _hoisted_9, [
207
221
  renderSlot(_ctx.$slots, `content-${step}`, {
222
+ validated: isStepValidated(step),
208
223
  nextStep: () => selectStep(step + 1),
209
224
  previousStep: () => selectStep(step - 1)
210
225
  }, void 0, true)
211
226
  ])
212
- ])) : createCommentVNode("", true)
227
+ ], 512), [
228
+ [vShow, __props.allStepsOpened || unref(currentStep) === step]
229
+ ])
213
230
  ]),
214
231
  _: 2
215
232
  }, 1024)
@@ -220,8 +237,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
220
237
  };
221
238
  }
222
239
  });
223
- const MazStepper_vue_vue_type_style_index_0_scoped_b8833346_lang = "";
224
- const MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8833346"]]);
240
+ const MazStepper_vue_vue_type_style_index_0_scoped_50f3f54e_lang = "";
241
+ const MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50f3f54e"]]);
225
242
  export {
226
243
  MazStepper as default
227
244
  };
package/components/MazStepper.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-b8833346]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header[data-v-b8833346]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-b8833346]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-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}.m-stepper__header__content[data-v-b8833346]{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:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-b8833346]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b8833346]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b8833346]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-b8833346]{cursor:default}.m-stepper__title[data-v-b8833346]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-b8833346]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__count[data-v-b8833346]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--0469ada6);color:var(--4ea3b985)}.m-stepper__count__circle[data-v-b8833346]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-color:var(--maz-color-success);-webkit-transition-property:all;transition-property:all;-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);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-b8833346]{color:var(--4ea3b985)}.m-stepper__count.--validated .m-stepper__count__circle[data-v-b8833346]{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.m-stepper__count.--validated svg[data-v-b8833346]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-b8833346]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-b8833346]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-b8833346]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- !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).MazStepper=t(e.Vue)}(this,(function(e){"use strict";const t=(e,t)=>{const o=e.__vccOpts||e;for(const[l,s]of t)o[l]=s;return o},o=t(e.defineComponent({__name:"MazTransitionExpand",setup:t=>(t,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:o[0]||(o[0]=t=>(t=>{const o=getComputedStyle(t).width;t.style.width=o,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto",t.style.top="bottom";const l=getComputedStyle(t).height;t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,e.nextTick((()=>{t.style.height=l}))})(t)),onAfterEnter:o[1]||(o[1]=e=>{e.style.height="auto"}),onLeave:o[2]||(o[2]=t=>(t=>{const o=getComputedStyle(t).height;t.style.height=o,getComputedStyle(t).height,e.nextTick((()=>{t.style.height="0px"}))})(t))},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)])),_:3}))}),[["__scopeId","data-v-b5d3ee9f"]]),l={class:"m-stepper"},s=["disabled","onClick"],a=(t=>(e.pushScopeId("data-v-b8833346"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"m-stepper__count__circle"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1))),n={class:"m-stepper__header__content"},r={class:"m-stepper__title"},i={key:0,class:"m-stepper__subtitle"},d={key:0},c={class:"m-stepper__content__wrapper"};return t(e.defineComponent({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)}},emits:["update:model-value"],setup(t,{emit:p}){const u=t;e.useCssVars((t=>({"0469ada6":e.unref(m),"4ea3b985":e.unref(v)})));const m=e.computed((()=>`var(--maz-color-${u.color})`)),v=e.computed((()=>`var(--maz-color-${u.color}-contrast)`)),y=e.useSlots(),h=e.computed((()=>Object.keys(y).filter((e=>e.startsWith("content-"))).length)),f=e.ref(1),_=e.computed({get:()=>u.modelValue??f.value,set:e=>{f.value=e,p("update:model-value",e)}}),g=e=>{e<1?_.value=1:e>h.value?_.value=h.value:_.value=e},b=e=>Object.keys(y).filter((e=>e.startsWith("title-"))).includes(`title-${e}`),k=e=>Object.keys(y).filter((e=>e.startsWith("subtitle-"))).includes(`subtitle-${e}`),S=e=>{var t,o;const l=!!(null==(o=null==(t=u.steps)?void 0:t[e-1])?void 0:o.validated),s=u.autoValidatedSteps&&e<_.value;return l||s},C=e=>{var t,o;const l=!!(null==(o=null==(t=u.steps)?void 0:t[e-1])?void 0:o.disabled),s=_.value===e,a=u.disabledNextSteps&&e>_.value,n=u.disabledPreviousSteps&&e<_.value;return l||s||a||n},V=e=>e===h.value;return(t,p)=>(e.openBlock(),e.createElementBlock("div",l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h),(l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[b(l)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:C(l),class:e.normalizeClass(["m-stepper__header",{"--is-current-step":l===e.unref(_)}]),onClick:e=>g(l)},[e.createElementVNode("span",{class:e.normalizeClass(["m-stepper__count --primary",{"--validated":S(l)}])},[a,e.createTextVNode(" "+e.toDisplayString(l),1)],2),e.createElementVNode("div",n,[e.createElementVNode("span",r,[e.renderSlot(t.$slots,`title-${l}`,{},void 0,!0)]),k(l)?(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(t.$slots,`subtitle-${l}`,{},void 0,!0)])):e.createCommentVNode("",!0)])],10,s)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["m-stepper__content",{"--no-border":V(l)}])},[e.createVNode(o,null,{default:e.withCtx((()=>[e.unref(_)===l?(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",c,[e.renderSlot(t.$slots,`content-${l}`,{nextStep:()=>g(l+1),previousStep:()=>g(l-1)},void 0,!0)])])):e.createCommentVNode("",!0)])),_:2},1024)],2)],64)))),128))]))}}),[["__scopeId","data-v-b8833346"]])}));
1
+ (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-50f3f54e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-stepper__header[data-v-50f3f54e]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-50f3f54e]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-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}.m-stepper__header__content[data-v-50f3f54e]{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:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-50f3f54e]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-50f3f54e]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-50f3f54e]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-50f3f54e]{cursor:default}.m-stepper__header__wrapper[data-v-50f3f54e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header__wrapper[data-v-50f3f54e]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__title[data-v-50f3f54e]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-50f3f54e]{font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__right[data-v-50f3f54e]{text-align:right;font-size:.875rem;line-height:1.25rem;color:var(--maz-color-primary)}.m-stepper__count[data-v-50f3f54e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--1bc20522);color:var(--6b59278c)}.m-stepper__count__circle[data-v-50f3f54e]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-color:var(--maz-color-success);-webkit-transition-property:all;transition-property:all;-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);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-50f3f54e]{color:var(--6b59278c)}.m-stepper__count.--validated .m-stepper__count__circle[data-v-50f3f54e]{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.m-stepper__count.--validated svg[data-v-50f3f54e]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-50f3f54e]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-50f3f54e]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-50f3f54e]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ !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).MazStepper=t(e.Vue)}(this,(function(e){"use strict";const t=(e,t)=>{const l=e.__vccOpts||e;for(const[o,s]of t)l[o]=s;return l},l=t(e.defineComponent({__name:"MazTransitionExpand",setup:t=>(t,l)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:l[0]||(l[0]=t=>(t=>{const l=getComputedStyle(t).width;t.style.width=l,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto",t.style.top="bottom";const o=getComputedStyle(t).height;t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,e.nextTick((()=>{t.style.height=o}))})(t)),onAfterEnter:l[1]||(l[1]=e=>{e.style.height="auto"}),onLeave:l[2]||(l[2]=t=>(t=>{const l=getComputedStyle(t).height;t.style.height=l,getComputedStyle(t).height,e.nextTick((()=>{t.style.height="0px"}))})(t))},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)])),_:3}))}),[["__scopeId","data-v-b5d3ee9f"]]),o={class:"m-stepper"},s=["disabled","onClick"],a={class:"m-stepper__header__wrapper"},n=(t=>(e.pushScopeId("data-v-50f3f54e"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"m-stepper__count__circle"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1))),r={class:"m-stepper__header__content"},i={class:"m-stepper__title"},d={key:0,class:"m-stepper__subtitle"},p={key:0,class:"m-stepper__right"},c={class:"m-stepper__content__wrapper"};return t(e.defineComponent({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1},allStepsOpened:{type:Boolean,default:!1},allStepsValidated:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)}},emits:["update:model-value"],setup(t,{emit:u}){const m=t;e.useCssVars((t=>({"1bc20522":e.unref(v),"6b59278c":e.unref(f)})));const v=e.computed((()=>`var(--maz-color-${m.color})`)),f=e.computed((()=>`var(--maz-color-${m.color}-contrast)`)),h=e.useSlots(),y=e.computed((()=>Object.keys(h).filter((e=>e.startsWith("content-"))).length)),_=e.ref(1),g=e.computed({get:()=>m.modelValue??_.value,set:e=>{_.value=e,u("update:model-value",e)}}),S=e=>{e<1?g.value=1:e>y.value?g.value=y.value:g.value=e},k=e=>Object.keys(h).filter((e=>e.startsWith("title-"))).includes(`title-${e}`),b=e=>Object.keys(h).filter((e=>e.startsWith("subtitle-"))).includes(`subtitle-${e}`),V=e=>Object.keys(h).filter((e=>e.startsWith("title-info-"))).includes(`title-info-${e}`),B=e=>{var t,l;const o=null==(l=null==(t=m.steps)?void 0:t[e-1])?void 0:l.validated,s=m.autoValidatedSteps&&e<g.value;return o??(s||m.allStepsValidated)},C=e=>{var t,l;const o=null==(l=null==(t=m.steps)?void 0:t[e-1])?void 0:l.disabled,s=g.value===e,a=m.disabledNextSteps&&e>g.value,n=m.disabledPreviousSteps&&e<g.value;return o??(s||a||n||m.allStepsOpened)},E=e=>e===y.value;return(u,m)=>(e.openBlock(),e.createElementBlock("div",o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o},[k(o)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",disabled:C(o),class:e.normalizeClass(["m-stepper__header",{"--is-current-step":o===e.unref(g)||t.allStepsOpened}]),onClick:e=>S(o)},[e.createElementVNode("div",a,[e.createElementVNode("span",{class:e.normalizeClass(["m-stepper__count --primary",{"--validated":B(o)}])},[n,e.createTextVNode(" "+e.toDisplayString(o),1)],2),e.createElementVNode("div",r,[e.createElementVNode("span",i,[e.renderSlot(u.$slots,`title-${o}`,{},void 0,!0)]),b(o)?(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(u.$slots,`subtitle-${o}`,{},void 0,!0)])):e.createCommentVNode("",!0)])]),V(o)?(e.openBlock(),e.createElementBlock("span",p,[e.renderSlot(u.$slots,`title-info-${o}`,{},void 0,!0)])):e.createCommentVNode("",!0)],10,s)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["m-stepper__content",{"--no-border":E(o)}])},[e.createVNode(l,null,{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",c,[e.renderSlot(u.$slots,`content-${o}`,{validated:B(o),nextStep:()=>S(o+1),previousStep:()=>S(o-1)},void 0,!0)])],512),[[e.vShow,t.allStepsOpened||e.unref(g)===o]])])),_:2},1024)],2)],64)))),128))]))}}),[["__scopeId","data-v-50f3f54e"]])}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.6.3",
3
+ "version": "3.6.5",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "modules/maz-ui.umd.js",