maz-ui 3.6.11 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/components/MazAvatar.mjs +113 -55
- package/components/MazAvatar.umd.js +2 -2
- package/components/MazBackdrop.mjs +49 -23
- package/components/MazBackdrop.umd.js +2 -2
- package/components/MazBadge.mjs +17 -11
- package/components/MazBadge.umd.js +2 -2
- package/components/MazBottomSheet.mjs +160 -88
- package/components/MazBottomSheet.umd.js +2 -2
- package/components/MazBtn.mjs +54 -29
- package/components/MazBtn.umd.js +2 -2
- package/components/MazCard.mjs +322 -193
- package/components/MazCard.umd.js +2 -2
- package/components/MazCarousel.mjs +123 -77
- package/components/MazCarousel.umd.js +2 -2
- package/components/MazChart.d.ts +3 -34
- package/components/MazChart.mjs +2 -2
- package/components/MazChart.umd.js +2 -2
- package/components/MazCheckbox.mjs +25 -19
- package/components/MazCheckbox.umd.js +2 -2
- package/components/MazDialog.d.ts +27 -0
- package/components/MazDialog.mjs +178 -98
- package/components/MazDialog.umd.js +2 -2
- package/components/MazDialogPromise.d.ts +1 -1
- package/components/MazDialogPromise.mjs +204 -105
- package/components/MazDialogPromise.umd.js +2 -2
- package/components/MazDrawer.mjs +149 -80
- package/components/MazDrawer.umd.js +2 -2
- package/components/MazDropzone.d.ts +2 -2
- package/components/MazDropzone.mjs +72 -42
- package/components/MazDropzone.umd.js +2 -2
- package/components/MazGallery.mjs +158 -80
- package/components/MazGallery.umd.js +2 -2
- package/components/MazIcon.mjs +27 -15
- package/components/MazIcon.umd.js +2 -2
- package/components/MazInput.mjs +183 -140
- package/components/MazInput.umd.js +2 -2
- package/components/MazInputNumber.d.ts +1 -1
- package/components/MazInputNumber.mjs +244 -193
- package/components/MazInputNumber.umd.js +2 -2
- package/components/MazInputPrice.d.ts +1 -1
- package/components/MazInputPrice.mjs +207 -156
- package/components/MazInputPrice.umd.js +2 -2
- package/components/MazInputTags.mjs +260 -195
- package/components/MazInputTags.umd.js +2 -2
- package/components/MazLazyImg.mjs +48 -21
- package/components/MazLazyImg.umd.js +2 -2
- package/components/MazPhoneNumberInput.mjs +383 -279
- package/components/MazPhoneNumberInput.umd.js +2 -2
- package/components/MazPicker.d.ts +2 -2
- package/components/MazPicker.mjs +755 -486
- package/components/MazPicker.umd.js +2 -2
- package/components/MazRadioButtons.mjs +52 -36
- package/components/MazRadioButtons.umd.js +2 -2
- package/components/MazSelect.mjs +324 -254
- package/components/MazSelect.umd.js +2 -2
- package/components/MazSlider.d.ts +1 -1
- package/components/MazSlider.mjs +97 -45
- package/components/MazSlider.umd.js +2 -2
- package/components/MazSpinner.mjs +8 -2
- package/components/MazSpinner.umd.js +2 -2
- package/components/MazStepper.mjs +144 -84
- package/components/MazStepper.umd.js +2 -2
- package/components/MazSwitch.mjs +34 -22
- package/components/MazSwitch.umd.js +2 -2
- package/components/MazTabsBar.mjs +111 -57
- package/components/MazTabsBar.umd.js +2 -2
- package/components/MazTabsContent.mjs +14 -8
- package/components/MazTabsContent.umd.js +2 -2
- package/components/MazTabsContentItem.mjs +17 -9
- package/components/MazTabsContentItem.umd.js +2 -2
- package/components/MazTextarea.mjs +52 -40
- package/components/MazTextarea.umd.js +2 -2
- package/components/MazTransitionExpand.mjs +2 -1
- package/components/MazTransitionExpand.umd.js +2 -2
- package/components/assets/no-photography-584c6185.mjs +4 -0
- package/components/index.mjs +1 -1
- package/css/main.css +1 -1
- package/modules/assets/no-photography-584c6185.mjs +4 -0
- package/modules/maz-ui.mjs +81 -40
- package/modules/maz-ui.umd.js +2 -2
- package/package.json +37 -48
- package/components/index.umd.js +0 -35
- package/components/no_photo-410a8f01.mjs +0 -4
- package/modules/no_photo-410a8f01.mjs +0 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-input[data-v-c13c1d46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-c13c1d46]{height:4rem}.m-input.--xl .m-input-input[data-v-c13c1d46],.m-input.--xl .m-input-label[data-v-c13c1d46]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-c13c1d46]{height:3.5rem}.m-input.--lg .m-input-input[data-v-c13c1d46],.m-input.--lg .m-input-label[data-v-c13c1d46]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-c13c1d46]{height:3rem}.m-input.--md .m-input-input[data-v-c13c1d46],.m-input.--md .m-input-label[data-v-c13c1d46]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-c13c1d46]{height:2.5rem}.m-input.--sm .m-input-input[data-v-c13c1d46],.m-input.--sm .m-input-label[data-v-c13c1d46]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-c13c1d46]{height:2rem}.m-input.--xs .m-input-input[data-v-c13c1d46],.m-input.--xs .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-c13c1d46]{height:1.5rem}.m-input.--mini .m-input-input[data-v-c13c1d46],.m-input.--mini .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-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:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-c13c1d46]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-c13c1d46]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-c13c1d46]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-c13c1d46]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-c13c1d46]{padding-right:.5rem}.m-input-wrapper-left[data-v-c13c1d46]{padding-left:.5rem}.m-input-input[data-v-c13c1d46]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-c13c1d46]:-webkit-autofill,.m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,.m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-c13c1d46]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;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;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-c13c1d46]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-c13c1d46]{z-index:2}.m-input.--should-up .m-input-label[data-v-c13c1d46]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-c13c1d46]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-c13c1d46]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-c13c1d46]{z-index:3}.m-input.--has-label .m-input-input[data-v-c13c1d46]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-c13c1d46]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-20fe1c4f]{position:relative}.m-select[data-v-20fe1c4f]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-20fe1c4f] .m-input-input,.m-select-input.--has-label[data-v-20fe1c4f] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-20fe1c4f] input{caret-color:transparent}.m-select-chevron[data-v-20fe1c4f]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-20fe1c4f]{height:1.25rem;width:1.25rem;color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-20fe1c4f]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-20fe1c4f]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;min-width:3.5rem}.m-select .m-select-list.--top[data-v-20fe1c4f]{bottom:100%}.m-select .m-select-list.--left[data-v-20fe1c4f]{left:0px}.m-select .m-select-list.--right[data-v-20fe1c4f]{right:0px}.m-select .m-select-list.--bottom[data-v-20fe1c4f]{top:100%}.m-select .m-select-list__search-wrapper[data-v-20fe1c4f]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-20fe1c4f]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-20fe1c4f]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-20fe1c4f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-20fe1c4f]{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-none-value[data-v-20fe1c4f]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected.--primary[data-v-20fe1c4f]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-select .m-select-list-item.--is-selected.--secondary[data-v-20fe1c4f]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-select .m-select-list-item.--is-selected.--info[data-v-20fe1c4f]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-select .m-select-list-item.--is-selected.--success[data-v-20fe1c4f]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-select .m-select-list-item.--is-selected.--warning[data-v-20fe1c4f]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-select .m-select-list-item.--is-selected.--danger[data-v-20fe1c4f]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-select .m-select-list-item.--is-selected.--black[data-v-20fe1c4f]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-select .m-select-list-item.--is-selected.--white[data-v-20fe1c4f]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-20fe1c4f]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-20fe1c4f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}html.dark .m-select-list[data-v-20fe1c4f]{background-color:var(--maz-color-bg-light)}html.dark .m-select-list-item[data-v-20fe1c4f]:hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
|
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).MazSelect=t(e.Vue)}(this,(function(e){"use strict";const t=({componentName:t,instance:o,providedId:l})=>({instanceId:e.computed((()=>l??`${t}-${null==o?void 0:o.uid}`))}),o=["width","height"],l=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],a=(e,t)=>{const o=e.__vccOpts||e;for(const[l,a]of t)o[l]=a;return o},n=a(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(a,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"}},l,10,o))}),[["__scopeId","data-v-34f40819"]]);const r=["innerHTML"],i=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 l=t,a={},n=e.ref(),i=e.ref(),c=()=>{try{return function(t,o){const l=e.inject(t,o);if(!l)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return l}("mazIconPath")}catch{return}},d=e.computed((()=>l.path??c())),u=e.computed((()=>l.src?l.src:d.value?`${d.value}/${l.name}.svg`:`/${l.name}.svg`));e.onMounted((()=>{l.name||l.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const s=e=>{const t={},o=e.attributes;if(!o)return t;for(let l=o.length-1;l>=0;l--)t[o[l].name]=o[l].value;return t},m=e=>{let t=e.cloneNode(!0);return t=l.transformSource(e),l.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,l.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let n=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=l.transformSource(n),t(n)):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]=p(t));try{n.value=await a[t],await e.nextTick(),o("loaded",i.value)}catch(l){n.value&&(n.value=void 0,o("unloaded")),delete a[t],o("error",l)}})(u.value))),(o,l)=>{return n.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...s(n.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:m(n.value)}),null,16,r)):e.createCommentVNode("",!0);var a}}}),c={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={class:"maz-flex maz-flex-center"},u={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},s=a(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:l,to:a}=e.useAttrs(),r=e.useSlots(),s=e.computed((()=>l?"a":a?"router-link":"button")),m=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=e.computed((()=>(o.loading||o.disabled)&&"button"===s.value)),y=e.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),f=e.computed((()=>`--is-${o.variant}`)),v=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),b=e.computed((()=>o.loading&&"button"===o.variant)),I=e.computed((()=>!!r["left-icon"]||o.leftIcon)),h=e.computed((()=>!!r["right-icon"]||o.rightIcon)),z=e.computed((()=>I.value||h.value)),C=e.computed((()=>"button"===s.value?o.type:void 0));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),e.mergeProps(o.$attrs,{disabled:e.unref(p),class:["m-btn",[`--${t.size}`,e.unref(m),e.unref(y),e.unref(f),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(p),"--icon":e.unref(z),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(C)}),{default:e.withCtx((()=>[e.unref(I)?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(i,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(i,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(v)])},[e.createVNode(n,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m=e.defineComponent({components:{MazBtn:s,MazIcon:i},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:e=>["text","date","number","tel","search","url","password","month","time","week","email"].includes(e)},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup(o,{emit:l,slots:a}){const n=e.ref(!1),r=e.ref(!1),i=e.ref(),c=e.getCurrentInstance(),{instanceId:d}=t({componentName:"MazInput",instance:c,providedId:o.id});e.onMounted((()=>{var e;o.autoFocus&&(null==(e=i.value)||e.focus())}));const u=e.computed((()=>"password"===o.type)),s=e.computed((()=>n.value?"text":o.type)),m=e.computed((()=>{if(!o.noBorder){if(o.error)return"maz-border-danger";if(o.success)return"maz-border-success";if(o.warning)return"maz-border-warning";if(r.value||o.borderActive){if("black"===o.color)return"maz-border-black";if("danger"===o.color)return"maz-border-danger";if("info"===o.color)return"maz-border-info";if("primary"===o.color)return"maz-border-primary";if("secondary"===o.color)return"maz-border-secondary";if("success"===o.color)return"maz-border-success";if("warning"===o.color)return"maz-border-warning";if("white"===o.color)return"maz-border-white"}return"--default-border"}})),p=e.computed((()=>{const{required:e,placeholder:t}=o;if(t)return e?`${t} *`:t})),y=e.computed((()=>void 0!==o.modelValue&&""!==o.modelValue)),f=e.computed({get:()=>o.modelValue,set:e=>I(e)}),v=e.computed((()=>(!!o.label||!!o.hint)&&(r.value||!!y.value||!!o.placeholder||["date","month","week"].includes(o.type)))),g=e.computed((()=>!!o.label||!!o.hint)),b=function(e,t=0,o=!1){let l,a;const n=function(){l&&(clearTimeout(l),a=void 0,l=void 0)},r=function(...r){if(!t)return e.apply(this,r);const i=this,c=o&&!l;return n(),a=function(){e.apply(i,r)},l=setTimeout((function(){if(l=void 0,!c){const e=a;if(a=void 0,void 0!==e)return e()}}),t),c?a():void 0};return r.cancel=n,r.flush=function(){const e=a;n(),e&&e()},r}((e=>{l("update:model-value",e)}),o.debounceDelay),I=e=>{if(o.debounce)return b(e);l("update:model-value",e)};return{inputValue:f,shouldUp:v,hasLabel:g,computedPlaceholder:p,isPasswordType:u,inputType:s,input:i,isFocused:r,hasPasswordVisible:n,borderStyle:m,focus:e=>{l("focus",e),r.value=!0},blur:e=>{l("blur",e),r.value=!1},change:e=>l("change",e),emitValue:I,hasRightPart:()=>!!a["right-icon"]||u.value||!!a["valid-button"]||o.validButton||!!o.rightIcon,hasLeftPart:()=>!!a["left-icon"]||!!o.leftIcon,EyeOffIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjg3NSAxOC44MjVBMTAuMDUgMTAuMDUgMCAwMTEyIDE5Yy00LjQ3OCAwLTguMjY4LTIuOTQzLTkuNTQzLTdhOS45NyA5Ljk3IDAgMDExLjU2My0zLjAyOW01Ljg1OC45MDhhMyAzIDAgMTE0LjI0MyA0LjI0M005Ljg3OCA5Ljg3OGw0LjI0MiA0LjI0Mk05Ljg4IDkuODhsLTMuMjktMy4yOW03LjUzMiA3LjUzMmwzLjI5IDMuMjlNMyAzbDMuNTkgMy41OW0wIDBBOS45NTMgOS45NTMgMCAwMTEyIDVjNC40NzggMCA4LjI2OCAyLjk0MyA5LjU0MyA3YTEwLjAyNSAxMC4wMjUgMCAwMS00LjEzMiA1LjQxMW0wIDBMMjEgMjEiLz4KPC9zdmc+Cg==",EyeIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEyYTMgMyAwIDExLTYgMCAzIDMgMCAwMTYgMHoiLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNDU4IDEyQzMuNzMyIDcuOTQzIDcuNTIzIDUgMTIgNWM0LjQ3OCAwIDguMjY4IDIuOTQzIDkuNTQyIDctMS4yNzQgNC4wNTctNS4wNjQgNy05LjU0MiA3LTQuNDc3IDAtOC4yNjgtMi45NDMtOS41NDItN3oiLz4KPC9zdmc+Cg==",CheckIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMTNsNCA0TDE5IDciLz4KPC9zdmc+Cg==",instanceId:d}}}),p={key:0,class:"m-input-wrapper-left"},y={class:"m-input-wrapper-input"},f=["id","type","name","placeholder","aria-label","disabled","readonly","required"],v=["for"],g={key:0},b={key:1,class:"m-input-wrapper-right"};const I=a(m,[["render",function(t,o,l,a,n,r){const i=e.resolveComponent("MazIcon"),c=e.resolveComponent("MazBtn");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-input",[{"--is-focused":t.isFocused||t.borderActive,"--should-up":t.shouldUp,"--has-label":t.hasLabel,"--is-disabled":t.disabled,"--is-readonly":t.readonly,"--has-z-2":t.error||t.warning||t.success,"--has-state":t.error||t.warning||t.success},t.$attrs.class,`--${t.color}`,`--${t.size}`]]),onClick:o[2]||(o[2]=e=>t.$emit("click",e))},[e.createElementVNode("div",{class:e.normalizeClass(["m-input-wrapper",[t.inputClasses,t.borderStyle,{"maz-rounded":!t.noRadius}]])},[t.hasLeftPart()?(e.openBlock(),e.createElementBlock("div",p,[t.$slots["left-icon"]||t.leftIcon?e.renderSlot(t.$slots,"left-icon",{key:0},(()=>[e.createVNode(i,{name:t.leftIcon,class:"maz-text-muted"},null,8,["name"])]),!0):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",y,[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.instanceId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=e=>t.inputValue=e),type:t.inputType,name:t.name},t.$attrs,{placeholder:t.computedPlaceholder,"aria-label":t.label||t.placeholder,disabled:t.disabled,readonly:t.readonly,required:t.required,class:"m-input-input"},e.toHandlers({blur:t.blur,focus:t.focus,change:t.change},!0)),null,16,f),[[e.vModelDynamic,t.inputValue]]),t.label||t.hint?(e.openBlock(),e.createElementBlock("label",{key:0,ref:"label",for:t.instanceId,class:e.normalizeClass(["m-input-label",[{"maz-text-danger-600":t.error,"maz-text-success-600":t.success,"maz-text-warning-600":t.warning}]])},[e.createTextVNode(e.toDisplayString(t.hint||t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("sup",g,"*")):e.createCommentVNode("",!0)],10,v)):e.createCommentVNode("",!0)]),t.hasRightPart()?(e.openBlock(),e.createElementBlock("div",b,[t.$slots["right-icon"]||t.rightIcon?e.renderSlot(t.$slots,"right-icon",{key:0},(()=>[e.createVNode(i,{name:t.rightIcon,class:"maz-text-muted"},null,8,["name"])]),!0):e.createCommentVNode("",!0),t.isPasswordType?(e.openBlock(),e.createBlock(c,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:o[1]||(o[1]=e.withModifiers((e=>t.hasPasswordVisible=!t.hasPasswordVisible),["stop"]))},{default:e.withCtx((()=>[t.hasPasswordVisible?(e.openBlock(),e.createBlock(i,{key:0,src:t.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(e.openBlock(),e.createBlock(i,{key:1,src:t.EyeIcon,class:"maz-text-muted"},null,8,["src"]))])),_:1})):e.createCommentVNode("",!0),t.$slots["valid-button"]||t.validButton?e.renderSlot(t.$slots,"valid-button",{key:2},(()=>[e.createVNode(c,{color:"transparent",disabled:t.disabled,tabindex:"-1",loading:t.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:e.withCtx((()=>[e.createVNode(i,{src:t.CheckIcon,class:"maz-text-normal"},null,8,["src"])])),_:1},8,["disabled","loading"])]),!0):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],2)}],["__scopeId","data-v-c13c1d46"]]),h=["onClick"],z={key:0,tabindex:"-1",class:"m-select-list__search-wrapper"},C={key:1,class:"m-select-list__no-results"},N={key:2,class:"m-select-list__scroll-wrapper"},w=["onClick"];return a(e.defineComponent({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},id:{type:String,default:void 0},options:{type:Array,default:void 0},optionValueKey:{type:String,default:"value"},optionLabelKey:{type:String,default:"label"},optionInputValueKey:{type:String,default:"label"},listPosition:{type:String,default:"bottom left",validator:e=>["top","top right","top left","bottom","bottom right","bottom left"].includes(e)},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)},itemHeight:{type:Number,default:40},maxListHeight:{type:Number,default:240},maxListWidth:{type:Number,default:void 0},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},search:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:"Search in options"}},emits:["close","open","update:model-value","blur","focus","change"],setup(o,{emit:l}){const a=o,n=e.getCurrentInstance(),r=e.ref(!1),c=e.ref(),d=e.computed((()=>r.value||a.open)),{instanceId:u}=t({componentName:"MazSelect",instance:n,providedId:a.id});e.onBeforeMount((()=>{var e,t;(null==(e=a.options)?void 0:e.length)||console.warn("[maz-ui](MazSelect) you must provide options"),f.value&&(c.value=null==(t=a.options)?void 0:t.findIndex((e=>{var t;return e[a.optionValueKey]===(null==(t=f.value)?void 0:t[a.optionValueKey])})))}));const s=e.ref(),m=e.ref(),p=e.ref(),y=e.ref(),f=e.computed((()=>{var e;return null==(e=a.options)?void 0:e.find((e=>a.modelValue===e[a.optionValueKey]))})),v=e=>null==e,g=e.computed((()=>{var e,t,o;return v(null==(e=f.value)?void 0:e[a.optionValueKey])?void 0:(null==(t=f.value)?void 0:t[a.optionInputValueKey])??(null==(o=f.value)?void 0:o[a.optionLabelKey])})),b=e.computed((()=>a.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert")),M=e.ref(),k=(e,t)=>t&&(null==e?void 0:e.toString().toLocaleLowerCase().includes(t.toLocaleLowerCase())),B=e.computed((()=>{var e;return M.value?null==(e=a.options)?void 0:e.filter((e=>{const t=e[a.optionLabelKey],o=e[a.optionValueKey],l=e[a.optionInputValueKey];return k(t,M.value)||k(o,M.value)||k(l,M.value)})):a.options})),S=async t=>{var o;if(t&&("relatedTarget"in t&&(null==(o=s.value)?void 0:o.contains(t.relatedTarget))||"keydown"===t.type))return t.preventDefault();await e.nextTick(),r.value=!1,l("close",t)},A=async e=>{null==e||e.preventDefault(),a.disabled||(r.value=!0,await j(),l("focus",e),l("open",r.value))},x=e=>{var t,o;1===(null==(t=e.key)?void 0:t.length)?(e.preventDefault(),A(e),M.value=e.key,a.search&&(null==(o=p.value)||o.input.focus())):V(e)},V=e=>{const t=e.code,o=["ArrowUp","ArrowDown"].includes(t),l="Enter"===t,a="Escape"===t&&d.value;o?D(e,c.value):l?L(e,c.value):a&&S()},D=(e,t)=>{var o;e.preventDefault();const l=e.code;d.value||A(e);const a=null==(o=B.value)?void 0:o.length;a&&(c.value="number"==typeof t?t===a-1&&"ArrowDown"===l?0:0===t&&"ArrowUp"===l?a-1:"ArrowDown"===l?t+1:t-1:"ArrowDown"===l?0:a-1,j())},L=(e,t)=>{var o,l,a;if(e.preventDefault(),!d.value)return A(e);const n=t?(null==(o=B.value)?void 0:o[t])??(null==(l=B.value)?void 0:l[0]):null==(a=B.value)?void 0:a[0];v(n)||E(n)},j=async(t=c.value)=>{var o,l;"number"==typeof t&&(await e.nextTick(),null==(l=null==(o=y.value)?void 0:o.querySelectorAll(".m-select-list-item")[t])||l.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"}))},E=(e,t=!0)=>{var o;return c.value=null==(o=B.value)?void 0:o.findIndex((t=>e[a.optionValueKey]===t[a.optionValueKey])),t&&S(),M.value=void 0,l("update:model-value",e[a.optionValueKey])};return(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"mazSelectElement",ref:s,class:e.normalizeClass(["m-select",{"--is-open":e.unref(d),"--disabled":o.disabled}]),onBlurCapture:S},[e.createVNode(I,e.mergeProps({id:e.unref(u),ref_key:"mazInputComponent",ref:m,class:"m-select-input"},t.$attrs,{required:o.required,"border-active":r.value,color:o.color,"model-value":e.unref(g),autocomplete:"off",size:o.size,disabled:o.disabled,onFocus:e.withModifiers(A,["stop"]),onChange:a[0]||(a[0]=e=>l("change",e)),onClick:e.withModifiers(A,["stop"]),onKeydown:x}),{"right-icon":e.withCtx((()=>[e.createElementVNode("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom",onClick:e.withModifiers(A,["stop"])},[e.createVNode(i,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciLz4KPC9zdmc+Cg=="),class:"m-select-chevron"},null,8,["src"])],8,h)])),_:1},16,["id","required","border-active","color","model-value","size","disabled","onFocus","onClick"]),e.createVNode(e.Transition,{name:e.unref(b)},{default:e.withCtx((()=>[e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"optionsListElement",ref:y,class:e.normalizeClass(["m-select-list",{"--top":o.listPosition.includes("top"),"--left":o.listPosition.includes("left"),"--right":o.listPosition.includes("right"),"--bottom":o.listPosition.includes("bottom")}]),style:e.normalizeStyle({maxHeight:`${o.maxListHeight}px`,maxWidth:`${o.maxListWidth}px`})},[o.search?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(I,{ref_key:"searchInputComponent",ref:p,modelValue:M.value,"onUpdate:modelValue":a[1]||(a[1]=e=>M.value=e),size:"sm",color:o.color,placeholder:o.searchPlaceholder,name:"search",autocomplete:"off",class:"m-select-list__search-input",onKeydown:V},{"left-icon":e.withCtx((()=>[e.createVNode(i,{size:"1.3rem",src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDIxbC02LTZtMi01YTcgNyAwIDExLTE0IDAgNyA3IDAgMDExNCAweiIvPgo8L3N2Zz4K")},null,8,["src"])])),_:1},8,["modelValue","color","placeholder"])])):e.createCommentVNode("",!0),!e.unref(B)||e.unref(B).length<=0?(e.openBlock(),e.createElementBlock("span",C,[e.createVNode(i,{src:e.unref("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBzdHJva2Utd2lkdGg9IjEuNSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBjbGFzcz0idy02IGgtNiIKPgogIDxwYXRoCiAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgZD0iTTE4LjM2NCAxOC4zNjRBOSA5IDAgMDA1LjYzNiA1LjYzNm0xMi43MjggMTIuNzI4QTkgOSAwIDAxNS42MzYgNS42MzZtMTIuNzI4IDEyLjcyOEw1LjYzNiA1LjYzNiIKICAvPgo8L3N2Zz4K")},null,8,["src"])])):(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),((l,a)=>{var n,r,i;return e.openBlock(),e.createElementBlock("button",{key:a,tabindex:"-1",type:"button",class:e.normalizeClass(["m-select-list-item maz-custom",[{"--is-keyboard-selected":c.value===a,"--is-selected":(null==(n=e.unref(f))?void 0:n[o.optionValueKey])===l[o.optionValueKey]&&!v(l[o.optionValueKey]),"--is-none-value":v(l[o.optionValueKey])},`--${o.color}`]]),style:e.normalizeStyle({minHeight:`${o.itemHeight}px`}),onClick:e.withModifiers((e=>E(l)),["prevent","stop"])},[e.renderSlot(t.$slots,"default",{option:l,isSelected:(null==(r=e.unref(f))?void 0:r[o.optionValueKey])===l[o.optionValueKey],selectedOption:null==(i=e.unref(f))?void 0:i[o.optionValueKey]},(()=>[e.createElementVNode("span",null,e.toDisplayString(l[o.optionLabelKey]),1)]),!0)],14,w)})),128))]))],6)):e.createCommentVNode("",!0)])),_:3},8,["name"])],34))}}),[["__scopeId","data-v-20fe1c4f"]])}));
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-input[data-v-c13c1d46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-c13c1d46]{height:4rem}.m-input.--xl .m-input-input[data-v-c13c1d46],.m-input.--xl .m-input-label[data-v-c13c1d46]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-c13c1d46]{height:3.5rem}.m-input.--lg .m-input-input[data-v-c13c1d46],.m-input.--lg .m-input-label[data-v-c13c1d46]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-c13c1d46]{height:3rem}.m-input.--md .m-input-input[data-v-c13c1d46],.m-input.--md .m-input-label[data-v-c13c1d46]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-c13c1d46]{height:2.5rem}.m-input.--sm .m-input-input[data-v-c13c1d46],.m-input.--sm .m-input-label[data-v-c13c1d46]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-c13c1d46]{height:2rem}.m-input.--xs .m-input-input[data-v-c13c1d46],.m-input.--xs .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-c13c1d46]{height:1.5rem}.m-input.--mini .m-input-input[data-v-c13c1d46],.m-input.--mini .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-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:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-c13c1d46]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-c13c1d46]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-c13c1d46]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-c13c1d46]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-c13c1d46]{padding-right:.5rem}.m-input-wrapper-left[data-v-c13c1d46]{padding-left:.5rem}.m-input-input[data-v-c13c1d46]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-c13c1d46]:-webkit-autofill,.m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,.m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-c13c1d46]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;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;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-c13c1d46]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-c13c1d46]{z-index:2}.m-input.--should-up .m-input-label[data-v-c13c1d46]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-c13c1d46]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-c13c1d46]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-c13c1d46]{z-index:3}.m-input.--has-label .m-input-input[data-v-c13c1d46]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-c13c1d46]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-20fe1c4f]{position:relative}.m-select[data-v-20fe1c4f]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-20fe1c4f] .m-input-input,.m-select-input.--has-label[data-v-20fe1c4f] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-20fe1c4f] input{caret-color:transparent}.m-select-chevron[data-v-20fe1c4f]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-20fe1c4f]{height:1.25rem;width:1.25rem;color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-20fe1c4f]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-20fe1c4f]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;min-width:3.5rem}.m-select .m-select-list.--top[data-v-20fe1c4f]{bottom:100%}.m-select .m-select-list.--left[data-v-20fe1c4f]{left:0px}.m-select .m-select-list.--right[data-v-20fe1c4f]{right:0px}.m-select .m-select-list.--bottom[data-v-20fe1c4f]{top:100%}.m-select .m-select-list__search-wrapper[data-v-20fe1c4f]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-20fe1c4f]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-20fe1c4f]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-20fe1c4f]:hover{background-color:var(--maz-color-bg-light)}.m-select .m-select-list-item span[data-v-20fe1c4f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-20fe1c4f]{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-none-value[data-v-20fe1c4f]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected.--primary[data-v-20fe1c4f]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-select .m-select-list-item.--is-selected.--secondary[data-v-20fe1c4f]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-select .m-select-list-item.--is-selected.--info[data-v-20fe1c4f]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-select .m-select-list-item.--is-selected.--success[data-v-20fe1c4f]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-select .m-select-list-item.--is-selected.--warning[data-v-20fe1c4f]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-select .m-select-list-item.--is-selected.--danger[data-v-20fe1c4f]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-select .m-select-list-item.--is-selected.--black[data-v-20fe1c4f]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-select .m-select-list-item.--is-selected.--white[data-v-20fe1c4f]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-20fe1c4f]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-20fe1c4f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}html.dark .m-select-list[data-v-20fe1c4f]{background-color:var(--maz-color-bg-light)}html.dark .m-select-list-item[data-v-20fe1c4f]:hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazSelect={},e.Vue)}(this,(function(e,t){"use strict";const o=({componentName:e,instance:o,providedId:l})=>({instanceId:t.computed((()=>l??`${e}-${null==o?void 0:o.uid}`))}),l=["width","height"],n=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],a=(e,t)=>{const o=e.__vccOpts||e;for(const[l,n]of t)o[l]=n;return o},i=a(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(o,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,l))}),[["__scopeId","data-v-34f40819"]]);const r=["innerHTML"],c=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const l=e,n={},a=t.ref(),i=t.ref(),c=()=>{try{return function(e,o){const l=t.inject(e,o);if(!l)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return l}("mazIconPath")}catch{return}},d=t.computed((()=>l.path??c())),u=t.computed((()=>l.src?l.src:d.value?`${d.value}/${l.name}.svg`:`/${l.name}.svg`));t.onMounted((()=>{l.name||l.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const s=e=>{const t={},o=e.attributes;if(!o)return t;for(let l=o.length-1;l>=0;l--)t[o[l].name]=o[l].value;return t},m=e=>{let t=e.cloneNode(!0);return t=l.transformSource(e),l.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,l.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const n=new XMLHttpRequest;n.open("GET",e,!0),n.addEventListener("load",(()=>{if(n.status>=200&&n.status<400)try{const e=new DOMParser;let a=e.parseFromString(n.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=l.transformSource(a),t(a)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),n.addEventListener("error",(()=>o())),n.send()}));return t.watchEffect((()=>(async e=>{n[e]||(n[e]=p(e));try{a.value=await n[e],await t.nextTick(),o("loaded",i.value)}catch(l){a.value&&(a.value=void 0,o("unloaded")),delete n[e],o("error",l)}})(u.value))),(o,l)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...s(a.value),...(n=o.$attrs,Object.keys(n).reduce(((e,t)=>(!1!==n[t]&&null!==n[t]&&void 0!==n[t]&&(e[t]=n[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,r)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var n}}}),d={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},u={class:"maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},m=a(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(e){const o=e,{href:l,to:n}=t.useAttrs(),a=t.useSlots(),r=t.computed((()=>l?"a":n?"router-link":"button")),m=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=t.computed((()=>(o.loading||o.disabled)&&"button"===r.value)),f=t.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),v=t.computed((()=>`--is-${o.variant}`)),y=t.computed((()=>`--${o.color}`)),g=t.computed((()=>["white"].includes(o.color)?"black":"white")),b=t.computed((()=>o.loading&&"button"===o.variant)),I=t.computed((()=>!!a["left-icon"]||o.leftIcon)),h=t.computed((()=>!!a["right-icon"]||o.rightIcon)),C=t.computed((()=>I.value||h.value)),z=t.computed((()=>"button"===r.value?o.type:void 0));return(o,l)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(r)),t.mergeProps(o.$attrs,{disabled:t.unref(p),class:["m-btn",[`--${e.size}`,t.unref(m),t.unref(f),t.unref(v),{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":t.unref(p),"--icon":t.unref(C),"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:t.unref(z)}),{default:t.withCtx((()=>[t.unref(I)?(t.openBlock(),t.createElementBlock("div",d,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(c,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",u,[t.renderSlot(o.$slots,"default",{},void 0,!0)]),t.unref(h)?(t.openBlock(),t.createElementBlock("div",s,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(c,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("v-if",!0)]),!0)])):t.createCommentVNode("v-if",!0),t.unref(b)?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["m-btn__loading-wrapper",t.unref(y)])},[t.createVNode(i,{size:"2em",color:t.unref(g)},null,8,["color"])],2)):t.createCommentVNode("v-if",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),p=t.defineComponent({components:{MazBtn:m,MazIcon:c},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:e=>["text","date","number","tel","search","url","password","month","time","week","email"].includes(e)},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup(e,{emit:l,slots:n}){const a=t.ref(!1),i=t.ref(!1),r=t.ref(),c=t.getCurrentInstance(),{instanceId:d}=o({componentName:"MazInput",instance:c,providedId:e.id});t.onMounted((()=>{var t;e.autoFocus&&(null==(t=r.value)||t.focus())}));const u=t.computed((()=>"password"===e.type)),s=t.computed((()=>a.value?"text":e.type)),m=t.computed((()=>{if(!e.noBorder){if(e.error)return"maz-border-danger";if(e.success)return"maz-border-success";if(e.warning)return"maz-border-warning";if(i.value||e.borderActive){if("black"===e.color)return"maz-border-black";if("danger"===e.color)return"maz-border-danger";if("info"===e.color)return"maz-border-info";if("primary"===e.color)return"maz-border-primary";if("secondary"===e.color)return"maz-border-secondary";if("success"===e.color)return"maz-border-success";if("warning"===e.color)return"maz-border-warning";if("white"===e.color)return"maz-border-white"}return"--default-border"}})),p=t.computed((()=>{const{required:t,placeholder:o}=e;if(o)return t?`${o} *`:o})),f=t.computed((()=>void 0!==e.modelValue&&""!==e.modelValue)),v=t.computed({get:()=>e.modelValue,set:e=>I(e)}),y=t.computed((()=>(!!e.label||!!e.hint)&&(i.value||!!f.value||!!e.placeholder||["date","month","week"].includes(e.type)))),g=t.computed((()=>!!e.label||!!e.hint)),b=function(e,t=0,o=!1){let l,n;const a=function(){l&&(clearTimeout(l),n=void 0,l=void 0)},i=function(...i){if(!t)return e.apply(this,i);const r=this,c=o&&!l;return a(),n=function(){e.apply(r,i)},l=setTimeout((function(){if(l=void 0,!c){const e=n;if(n=void 0,void 0!==e)return e()}}),t),c?n():void 0};return i.cancel=a,i.flush=function(){const e=n;a(),e&&e()},i}((e=>{l("update:model-value",e)}),e.debounceDelay),I=t=>{if(e.debounce)return b(t);l("update:model-value",t)};return{inputValue:v,shouldUp:y,hasLabel:g,computedPlaceholder:p,isPasswordType:u,inputType:s,input:r,isFocused:i,hasPasswordVisible:a,borderStyle:m,focus:e=>{l("focus",e),i.value=!0},blur:e=>{l("blur",e),i.value=!1},change:e=>l("change",e),emitValue:I,hasRightPart:()=>!!n["right-icon"]||u.value||!!n["valid-button"]||e.validButton||!!e.rightIcon,hasLeftPart:()=>!!n["left-icon"]||!!e.leftIcon,EyeOffIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjg3NSAxOC44MjVBMTAuMDUgMTAuMDUgMCAwMTEyIDE5Yy00LjQ3OCAwLTguMjY4LTIuOTQzLTkuNTQzLTdhOS45NyA5Ljk3IDAgMDExLjU2My0zLjAyOW01Ljg1OC45MDhhMyAzIDAgMTE0LjI0MyA0LjI0M005Ljg3OCA5Ljg3OGw0LjI0MiA0LjI0Mk05Ljg4IDkuODhsLTMuMjktMy4yOW03LjUzMiA3LjUzMmwzLjI5IDMuMjlNMyAzbDMuNTkgMy41OW0wIDBBOS45NTMgOS45NTMgMCAwMTEyIDVjNC40NzggMCA4LjI2OCAyLjk0MyA5LjU0MyA3YTEwLjAyNSAxMC4wMjUgMCAwMS00LjEzMiA1LjQxMW0wIDBMMjEgMjEiLz4KPC9zdmc+Cg==",EyeIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEyYTMgMyAwIDExLTYgMCAzIDMgMCAwMTYgMHoiLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNDU4IDEyQzMuNzMyIDcuOTQzIDcuNTIzIDUgMTIgNWM0LjQ3OCAwIDguMjY4IDIuOTQzIDkuNTQyIDctMS4yNzQgNC4wNTctNS4wNjQgNy05LjU0MiA3LTQuNDc3IDAtOC4yNjgtMi45NDMtOS41NDItN3oiLz4KPC9zdmc+Cg==",CheckIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMTNsNCA0TDE5IDciLz4KPC9zdmc+Cg==",instanceId:d}}}),f={key:0,class:"m-input-wrapper-left"},v={class:"m-input-wrapper-input"},y=["id","type","name","placeholder","aria-label","disabled","readonly","required"],g=["for"],b={key:0},I={key:1,class:"m-input-wrapper-right"};const h=a(p,[["render",function(e,o,l,n,a,i){const r=t.resolveComponent("MazIcon"),c=t.resolveComponent("MazBtn");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["m-input",[{"--is-focused":e.isFocused||e.borderActive,"--should-up":e.shouldUp,"--has-label":e.hasLabel,"--is-disabled":e.disabled,"--is-readonly":e.readonly,"--has-z-2":e.error||e.warning||e.success,"--has-state":e.error||e.warning||e.success},e.$attrs.class,`--${e.color}`,`--${e.size}`]]),onClick:o[2]||(o[2]=t=>e.$emit("click",t))},[t.createElementVNode("div",{class:t.normalizeClass(["m-input-wrapper",[e.inputClasses,e.borderStyle,{"maz-rounded":!e.noRadius}]])},[e.hasLeftPart()?(t.openBlock(),t.createElementBlock("div",f,[e.$slots["left-icon"]||e.leftIcon?t.renderSlot(e.$slots,"left-icon",{key:0},(()=>[t.createVNode(r,{name:e.leftIcon,class:"maz-text-muted"},null,8,["name"])]),!0):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",v,[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.instanceId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=t=>e.inputValue=t),type:e.inputType,name:e.name},e.$attrs,{placeholder:e.computedPlaceholder,"aria-label":e.label||e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,class:"m-input-input"},t.toHandlers({blur:e.blur,focus:e.focus,change:e.change},!0)),null,16,y),[[t.vModelDynamic,e.inputValue]]),e.label||e.hint?(t.openBlock(),t.createElementBlock("label",{key:0,ref:"label",for:e.instanceId,class:t.normalizeClass(["m-input-label",[{"maz-text-danger-600":e.error,"maz-text-success-600":e.success,"maz-text-warning-600":e.warning}]])},[t.createTextVNode(t.toDisplayString(e.hint||e.label)+" ",1),e.required?(t.openBlock(),t.createElementBlock("sup",b,"*")):t.createCommentVNode("v-if",!0)],10,g)):t.createCommentVNode("v-if",!0)]),e.hasRightPart()?(t.openBlock(),t.createElementBlock("div",I,[e.$slots["right-icon"]||e.rightIcon?t.renderSlot(e.$slots,"right-icon",{key:0},(()=>[t.createVNode(r,{name:e.rightIcon,class:"maz-text-muted"},null,8,["name"])]),!0):t.createCommentVNode("v-if",!0),e.isPasswordType?(t.openBlock(),t.createBlock(c,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:o[1]||(o[1]=t.withModifiers((t=>e.hasPasswordVisible=!e.hasPasswordVisible),["stop"]))},{default:t.withCtx((()=>[e.hasPasswordVisible?(t.openBlock(),t.createBlock(r,{key:0,src:e.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(t.openBlock(),t.createBlock(r,{key:1,src:e.EyeIcon,class:"maz-text-muted"},null,8,["src"]))])),_:1})):t.createCommentVNode("v-if",!0),e.$slots["valid-button"]||e.validButton?t.renderSlot(e.$slots,"valid-button",{key:2},(()=>[t.createVNode(c,{color:"transparent",disabled:e.disabled,tabindex:"-1",loading:e.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:t.withCtx((()=>[t.createVNode(r,{src:e.CheckIcon,class:"maz-text-normal"},null,8,["src"])])),_:1},8,["disabled","loading"])]),!0):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)],2)],2)}],["__scopeId","data-v-c13c1d46"]]),C=["onClick"],z={key:0,tabindex:"-1",class:"m-select-list__search-wrapper"},N={key:1,class:"m-select-list__no-results"},M={key:2,class:"m-select-list__scroll-wrapper"},k=["onClick"],w=a(t.defineComponent({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},id:{type:String,default:void 0},options:{type:Array,default:void 0},optionValueKey:{type:String,default:"value"},optionLabelKey:{type:String,default:"label"},optionInputValueKey:{type:String,default:"label"},listPosition:{type:String,default:"bottom left",validator:e=>["top","top right","top left","bottom","bottom right","bottom left"].includes(e)},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)},itemHeight:{type:Number,default:40},maxListHeight:{type:Number,default:240},maxListWidth:{type:Number,default:void 0},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},search:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:"Search in options"}},emits:["close","open","update:model-value","blur","focus","change"],setup(e,{emit:l}){const n=e,a=t.getCurrentInstance(),i=t.ref(!1),r=t.ref(),d=t.computed((()=>i.value||n.open)),{instanceId:u}=o({componentName:"MazSelect",instance:a,providedId:n.id});t.onBeforeMount((()=>{var e,t;(null==(e=n.options)?void 0:e.length)||console.warn("[maz-ui](MazSelect) you must provide options"),v.value&&(r.value=null==(t=n.options)?void 0:t.findIndex((e=>{var t;return e[n.optionValueKey]===(null==(t=v.value)?void 0:t[n.optionValueKey])})))}));const s=t.ref(),m=t.ref(),p=t.ref(),f=t.ref(),v=t.computed((()=>{var e;return null==(e=n.options)?void 0:e.find((e=>n.modelValue===e[n.optionValueKey]))})),y=e=>null==e,g=t.computed((()=>{var e,t,o;return y(null==(e=v.value)?void 0:e[n.optionValueKey])?void 0:(null==(t=v.value)?void 0:t[n.optionInputValueKey])??(null==(o=v.value)?void 0:o[n.optionLabelKey])})),b=t.computed((()=>n.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert")),I=t.ref(),w=(e,t)=>t&&(null==e?void 0:e.toString().toLocaleLowerCase().includes(t.toLocaleLowerCase())),B=t.computed((()=>{var e;return I.value?null==(e=n.options)?void 0:e.filter((e=>{const t=e[n.optionLabelKey],o=e[n.optionValueKey],l=e[n.optionInputValueKey];return w(t,I.value)||w(o,I.value)||w(l,I.value)})):n.options})),S=async e=>{var o;if(e&&("relatedTarget"in e&&(null==(o=s.value)?void 0:o.contains(e.relatedTarget))||"keydown"===e.type))return e.preventDefault();await t.nextTick(),i.value=!1,l("close",e)},A=async e=>{null==e||e.preventDefault(),n.disabled||(i.value=!0,await j(),l("focus",e),l("open",i.value))},V=e=>{var t,o;1===(null==(t=e.key)?void 0:t.length)?(e.preventDefault(),A(e),I.value=e.key,n.search&&(null==(o=p.value)||o.input.focus())):x(e)},x=e=>{const t=e.code,o=["ArrowUp","ArrowDown"].includes(t),l="Enter"===t,n="Escape"===t&&d.value;o?D(e,r.value):l?L(e,r.value):n&&S()},D=(e,t)=>{var o;e.preventDefault();const l=e.code;d.value||A(e);const n=null==(o=B.value)?void 0:o.length;n&&(r.value="number"==typeof t?t===n-1&&"ArrowDown"===l?0:0===t&&"ArrowUp"===l?n-1:"ArrowDown"===l?t+1:t-1:"ArrowDown"===l?0:n-1,j())},L=(e,t)=>{var o,l,n;if(e.preventDefault(),!d.value)return A(e);const a=t?(null==(o=B.value)?void 0:o[t])??(null==(l=B.value)?void 0:l[0]):null==(n=B.value)?void 0:n[0];y(a)||E(a)},j=async(e=r.value)=>{var o,l;"number"==typeof e&&(await t.nextTick(),null==(l=null==(o=f.value)?void 0:o.querySelectorAll(".m-select-list-item")[e])||l.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"}))},E=(e,t=!0)=>{var o;return r.value=null==(o=B.value)?void 0:o.findIndex((t=>e[n.optionValueKey]===t[n.optionValueKey])),t&&S(),I.value=void 0,l("update:model-value",e[n.optionValueKey])};return(o,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"mazSelectElement",ref:s,class:t.normalizeClass(["m-select",{"--is-open":t.unref(d),"--disabled":e.disabled}]),onBlurCapture:S},[t.createVNode(h,t.mergeProps({id:t.unref(u),ref_key:"mazInputComponent",ref:m,class:"m-select-input"},o.$attrs,{required:e.required,"border-active":i.value,color:e.color,"model-value":t.unref(g),autocomplete:"off",size:e.size,disabled:e.disabled,onFocus:t.withModifiers(A,["stop"]),onChange:n[0]||(n[0]=e=>l("change",e)),onClick:t.withModifiers(A,["stop"]),onKeydown:V}),{"right-icon":t.withCtx((()=>[t.createElementVNode("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom",onClick:t.withModifiers(A,["stop"])},[t.createVNode(c,{src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciLz4KPC9zdmc+Cg=="),class:"m-select-chevron"},null,8,["src"])],8,C)])),_:1},16,["id","required","border-active","color","model-value","size","disabled","onFocus","onClick"]),t.createVNode(t.Transition,{name:t.unref(b)},{default:t.withCtx((()=>[t.unref(d)?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"optionsListElement",ref:f,class:t.normalizeClass(["m-select-list",{"--top":e.listPosition.includes("top"),"--left":e.listPosition.includes("left"),"--right":e.listPosition.includes("right"),"--bottom":e.listPosition.includes("bottom")}]),style:t.normalizeStyle({maxHeight:`${e.maxListHeight}px`,maxWidth:`${e.maxListWidth}px`})},[e.search?(t.openBlock(),t.createElementBlock("div",z,[t.createVNode(h,{ref_key:"searchInputComponent",ref:p,modelValue:I.value,"onUpdate:modelValue":n[1]||(n[1]=e=>I.value=e),size:"sm",color:e.color,placeholder:e.searchPlaceholder,name:"search",autocomplete:"off",class:"m-select-list__search-input",onKeydown:x},{"left-icon":t.withCtx((()=>[t.createVNode(c,{size:"1.3rem",src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDIxbC02LTZtMi01YTcgNyAwIDExLTE0IDAgNyA3IDAgMDExNCAweiIvPgo8L3N2Zz4K")},null,8,["src"])])),_:1},8,["modelValue","color","placeholder"])])):t.createCommentVNode("v-if",!0),!t.unref(B)||t.unref(B).length<=0?(t.openBlock(),t.createElementBlock("span",N,[t.createVNode(c,{src:t.unref("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBzdHJva2Utd2lkdGg9IjEuNSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBjbGFzcz0idy02IGgtNiIKPgogIDxwYXRoCiAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgZD0iTTE4LjM2NCAxOC4zNjRBOSA5IDAgMDA1LjYzNiA1LjYzNm0xMi43MjggMTIuNzI4QTkgOSAwIDAxNS42MzYgNS42MzZtMTIuNzI4IDEyLjcyOEw1LjYzNiA1LjYzNiIKICAvPgo8L3N2Zz4K")},null,8,["src"])])):(t.openBlock(),t.createElementBlock("div",M,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(B),((l,n)=>{var a,i,c;return t.openBlock(),t.createElementBlock("button",{key:n,tabindex:"-1",type:"button",class:t.normalizeClass(["m-select-list-item maz-custom",[{"--is-keyboard-selected":r.value===n,"--is-selected":(null==(a=t.unref(v))?void 0:a[e.optionValueKey])===l[e.optionValueKey]&&!y(l[e.optionValueKey]),"--is-none-value":y(l[e.optionValueKey])},`--${e.color}`]]),style:t.normalizeStyle({minHeight:`${e.itemHeight}px`}),onClick:t.withModifiers((e=>E(l)),["prevent","stop"])},[t.renderSlot(o.$slots,"default",{option:l,isSelected:(null==(i=t.unref(v))?void 0:i[e.optionValueKey])===l[e.optionValueKey],selectedOption:null==(c=t.unref(v))?void 0:c[e.optionValueKey]},(()=>[t.createElementVNode("span",null,t.toDisplayString(l[e.optionLabelKey]),1)]),!0)],14,k)})),128))]))],6)):t.createCommentVNode("v-if",!0)])),_:3},8,["name"])],34))}}),[["__scopeId","data-v-20fe1c4f"]]);e.default=w,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/components/MazSlider.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-slider[data-v-56be14c7]{padding:1em 1.5rem}.m-slider__bar[data-v-56be14c7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;height:.5em}.m-slider__divider[data-v-56be14c7]{position:absolute;border-radius:2em;height:100%}.m-slider__btn[data-v-56be14c7]{position:absolute;outline:none;cursor:pointer;font-size:1em;font-weight:700;line-height:1;-webkit-transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:var(--maz-border-width);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-bg-color-light);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:.25em .5em}.m-slider__btn span[data-v-56be14c7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--maz-color-text-dark);margin-left:.25em;margin-right:.25em}.m-slider__btn.active-cursor[data-v-56be14c7]{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:2}.m-slider__btn[data-v-56be14c7]:before{content:attr(data-label);font-size:.8em;top:-1.5em;position:absolute;font-weight:500;color:var(--maz-color-text)}.m-slider__btn[data-v-56be14c7]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-slider--primary .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-primary)}.m-slider--primary .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-primary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--secondary .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-secondary)}.m-slider--secondary .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-secondary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--info .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-info)}.m-slider--info .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-info);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--success .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-success)}.m-slider--success .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-success);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--warning .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-warning)}.m-slider--warning .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-warning);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--danger .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-danger)}.m-slider--danger .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-danger);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--white .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-white)}.m-slider--white .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-white);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--black .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-black)}.m-slider--black .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-black);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
2
2
|
import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
|
|
3
3
|
function debounce(fn, wait = 0, callFirst = false) {
|
|
4
4
|
let timeout;
|
|
@@ -79,6 +79,7 @@ const _hoisted_1 = ["data-label", "onMousedownPassive", "onTouchstartPassive", "
|
|
|
79
79
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
80
80
|
__name: "MazSlider",
|
|
81
81
|
props: {
|
|
82
|
+
// Array of cursors values
|
|
82
83
|
modelValue: {
|
|
83
84
|
type: [Number, Array],
|
|
84
85
|
required: true,
|
|
@@ -86,12 +87,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
86
87
|
return ["number"].includes(typeof value) || Array.isArray(value) || value === null;
|
|
87
88
|
}
|
|
88
89
|
},
|
|
90
|
+
// array of cursors label
|
|
89
91
|
labels: { type: Array, default: void 0 },
|
|
92
|
+
// min value of sliders
|
|
90
93
|
min: { type: Number, default: 0 },
|
|
94
|
+
// max value of sliders
|
|
91
95
|
max: { type: Number, default: 100 },
|
|
96
|
+
// height size of slider bar
|
|
92
97
|
size: { type: String, default: void 0 },
|
|
98
|
+
// remove div in different colors
|
|
93
99
|
noDivider: { type: Boolean, default: false },
|
|
100
|
+
// become a logarithmic slider (exponential)
|
|
94
101
|
log: { type: Boolean, default: false },
|
|
102
|
+
// main slider color
|
|
95
103
|
color: {
|
|
96
104
|
type: String,
|
|
97
105
|
default: "primary",
|
|
@@ -108,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
108
116
|
].includes(value);
|
|
109
117
|
}
|
|
110
118
|
},
|
|
119
|
+
// disables cursor animation when active
|
|
111
120
|
noCursorAnim: { type: Boolean, default: false }
|
|
112
121
|
},
|
|
113
122
|
emits: ["update:model-value"],
|
|
@@ -231,8 +240,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
231
240
|
const middle = Math.round(baseLength / 2);
|
|
232
241
|
dividers.value = base.map((pos, i) => ({
|
|
233
242
|
left: `${i === 0 ? 0 : base[i - 1]}px`,
|
|
243
|
+
// ATTENTION: buttonPositions.value[i - 1]
|
|
234
244
|
right: `${i + 1 === baseLength ? 0 : "calc( 100% - " + pos + "px )"}`,
|
|
235
|
-
backgroundColor: middle === i + 1 ? void 0 : i < middle ?
|
|
245
|
+
backgroundColor: middle === i + 1 ? void 0 : i < middle ? (
|
|
246
|
+
// ligthen
|
|
247
|
+
`rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})`
|
|
248
|
+
) : (
|
|
249
|
+
// darken
|
|
250
|
+
`rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`
|
|
251
|
+
)
|
|
236
252
|
}));
|
|
237
253
|
}
|
|
238
254
|
};
|
|
@@ -305,49 +321,85 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
305
321
|
}
|
|
306
322
|
};
|
|
307
323
|
return (_ctx, _cache) => {
|
|
308
|
-
return openBlock(), createElementBlock(
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
324
|
+
return openBlock(), createElementBlock(
|
|
325
|
+
"div",
|
|
326
|
+
{
|
|
327
|
+
style: normalizeStyle([unref(wrapperStyle), { fontSize: __props.size }]),
|
|
328
|
+
class: normalizeClass(["m-slider", [`m-slider--${__props.color}`]]),
|
|
329
|
+
onMousemovePassive: handleMousemove,
|
|
330
|
+
onMouseupPassive: handleMouseup,
|
|
331
|
+
onMouseleavePassive: handleMouseup,
|
|
332
|
+
onTouchmovePassive: handleMousemove
|
|
333
|
+
},
|
|
334
|
+
[
|
|
335
|
+
createElementVNode(
|
|
336
|
+
"div",
|
|
337
|
+
{
|
|
338
|
+
ref_key: "MazSlider",
|
|
339
|
+
ref: MazSlider2,
|
|
340
|
+
class: "m-slider__bar",
|
|
341
|
+
role: "slider"
|
|
342
|
+
},
|
|
343
|
+
[
|
|
344
|
+
(openBlock(true), createElementBlock(
|
|
345
|
+
Fragment,
|
|
346
|
+
null,
|
|
347
|
+
renderList(dividers.value, (div, i) => {
|
|
348
|
+
return openBlock(), createElementBlock(
|
|
349
|
+
"div",
|
|
350
|
+
{
|
|
351
|
+
key: `divider-${i}`,
|
|
352
|
+
style: normalizeStyle([div]),
|
|
353
|
+
class: "m-slider__divider"
|
|
354
|
+
},
|
|
355
|
+
null,
|
|
356
|
+
4
|
|
357
|
+
/* STYLE */
|
|
358
|
+
);
|
|
359
|
+
}),
|
|
360
|
+
128
|
|
361
|
+
/* KEYED_FRAGMENT */
|
|
362
|
+
)),
|
|
363
|
+
(openBlock(true), createElementBlock(
|
|
364
|
+
Fragment,
|
|
365
|
+
null,
|
|
366
|
+
renderList(unref(computedValue), (_btn, i) => {
|
|
367
|
+
var _a;
|
|
368
|
+
return openBlock(), createElementBlock("button", {
|
|
369
|
+
key: `cursor-${i}`,
|
|
370
|
+
type: "button",
|
|
371
|
+
"data-label": getLabel(i),
|
|
372
|
+
class: normalizeClass(["m-slider__btn", {
|
|
373
|
+
"active-cursor": i === activeCursor.value && !__props.noCursorAnim
|
|
374
|
+
}]),
|
|
375
|
+
style: normalizeStyle([buttonStyles.value[i]]),
|
|
376
|
+
onMousedownPassive: ($event) => handleMousedown($event, i),
|
|
377
|
+
onTouchstartPassive: ($event) => handleMousedown($event, i),
|
|
378
|
+
onFocusPassive: ($event) => handleMousedown($event, i),
|
|
379
|
+
onBlurPassive: ($event) => blurCursor(i),
|
|
380
|
+
onTouchendPassive: ($event) => blurCursor(i),
|
|
381
|
+
onKeydownPassive: ($event) => cursorKeyDown($event, i)
|
|
382
|
+
}, [
|
|
383
|
+
createElementVNode(
|
|
384
|
+
"span",
|
|
385
|
+
null,
|
|
386
|
+
toDisplayString((_a = tmpValues.value) == null ? void 0 : _a[i]),
|
|
387
|
+
1
|
|
388
|
+
/* TEXT */
|
|
389
|
+
)
|
|
390
|
+
], 46, _hoisted_1);
|
|
391
|
+
}),
|
|
392
|
+
128
|
|
393
|
+
/* KEYED_FRAGMENT */
|
|
394
|
+
))
|
|
395
|
+
],
|
|
396
|
+
512
|
|
397
|
+
/* NEED_PATCH */
|
|
398
|
+
)
|
|
399
|
+
],
|
|
400
|
+
38
|
|
401
|
+
/* CLASS, STYLE, HYDRATE_EVENTS */
|
|
402
|
+
);
|
|
351
403
|
};
|
|
352
404
|
}
|
|
353
405
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".m-slider[data-v-56be14c7]{padding:1em 1.5rem}.m-slider__bar[data-v-56be14c7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;height:.5em}.m-slider__divider[data-v-56be14c7]{position:absolute;border-radius:2em;height:100%}.m-slider__btn[data-v-56be14c7]{position:absolute;outline:none;cursor:pointer;font-size:1em;font-weight:700;line-height:1;-webkit-transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:width .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:var(--maz-border-width);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-bg-color-light);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:.25em .5em}.m-slider__btn span[data-v-56be14c7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--maz-color-text-dark);margin-left:.25em;margin-right:.25em}.m-slider__btn.active-cursor[data-v-56be14c7]{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:2}.m-slider__btn[data-v-56be14c7]:before{content:attr(data-label);font-size:.8em;top:-1.5em;position:absolute;font-weight:500;color:var(--maz-color-text)}.m-slider__btn[data-v-56be14c7]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-slider--primary .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-primary)}.m-slider--primary .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-primary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--secondary .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-secondary)}.m-slider--secondary .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-secondary);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--info .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-info)}.m-slider--info .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-info);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--success .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-success)}.m-slider--success .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-success);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--warning .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-warning)}.m-slider--warning .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-warning);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--danger .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-danger)}.m-slider--danger .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-danger);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--white .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-white)}.m-slider--white .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-white);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-slider--black .m-slider__bar[data-v-56be14c7]{background-color:var(--maz-color-black)}.m-slider--black .m-slider__btn.active-cursor[data-v-56be14c7]{border-width:var(--maz-border-width);border-color:var(--maz-color-black);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
2
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).MazSlider={},e.Vue)}(this,(function(e,o){"use strict";const l=(e,o,l=!1)=>{const a="targetTouches"in e?e.targetTouches[0]:e,n=(e=>{const o=document.documentElement,l=document.body,a=e.getBoundingClientRect();return{y:a.top+(window.pageYOffset||o.scrollTop)-(o.clientTop||l.clientTop||0),x:a.left+(window.pageXOffset||o.scrollLeft)-(o.clientLeft||l.clientLeft||0)}})(o),t={x:a.pageX-n.x,y:a.pageY-n.y};return{x:l?o.offsetWidth-t.x:t.x,y:l?o.offsetHeight-t.y:t.y}},a=(e,o,l,a)=>"minus"===a?!o||e>=o:!l||e<=l,n=(e,o,l)=>{const a=e+1;return 100/l*(o<a?a-o:o-a)/100},t=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],u=((e,o)=>{const l=e.__vccOpts||e;for(const[a,n]of o)l[a]=n;return l})(o.defineComponent({__name:"MazSlider",props:{modelValue:{type:[Number,Array],required:!0,validator:e=>["number"].includes(typeof e)||Array.isArray(e)||null===e},labels:{type:Array,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:void 0},noDivider:{type:Boolean,default:!1},log:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black"].includes(e)},noCursorAnim:{type:Boolean,default:!1}},emits:["update:model-value"],setup(e,{emit:u}){const i=e,r=o.ref(),s=o.ref(),d=o.ref(),c=o.ref(),v=o.ref([]),m=o.ref([]),f=o.computed((()=>"number"==typeof i.modelValue?[i.modelValue]:i.modelValue?i.modelValue:[0])),p=o.computed((()=>Math.log(i.min||1))),y=o.computed((()=>Math.log(i.max))),g=o.computed((()=>{const{min:e,max:o}=i;return(y.value-p.value)/(o-e)})),h=o.computed((()=>{const{min:e,max:o}=i;return o-e})),b=o.computed((()=>({paddingTop:i.labels?"2.5em":"1em"}))),w=o.computed((()=>Array.isArray(i.modelValue)));o.watch((()=>i.modelValue),(()=>c.value=f.value),{immediate:!0}),o.watch((()=>[f.value,i.min,i.max,i.log].join(",")),(()=>M(!0)));const x=function(e,o=0,l=!1){let a,n;const t=function(){a&&(clearTimeout(a),n=void 0,a=void 0)},u=function(...u){if(!o)return e.apply(this,u);const i=this,r=l&&!a;return t(),n=function(){e.apply(i,u)},a=setTimeout((function(){if(a=void 0,!r){const e=n;if(n=void 0,void 0!==e)return e()}}),o),r?n():void 0};return u.cancel=t,u.flush=function(){const e=n;t(),e&&e()},u}((()=>M()),300);o.onMounted((()=>{M(!0),window.addEventListener("resize",x)})),o.onBeforeUnmount((()=>{window.removeEventListener("resize",x)}));const M=async e=>{!0===e&&T(),await A(),await o.nextTick();for(const[o,l]of f.value.entries())P(o)},k=e=>{s.value=void 0,S(e)},T=()=>{const{min:e,max:o}=i,l=f.value.map((l=>l<e?e:l>o?o:l));z(l),c.value=l},z=e=>{const o=w.value?[...e]:e[0];u("update:model-value",o)},B=e=>{const{labels:o}=i;return o?o[e]:void 0},P=e=>{S(e),i.noDivider||_()},S=async e=>{var l;await o.nextTick();const a=document.querySelectorAll(".m-slider .m-slider__btn");if(a){const o=a[e],n=(null==o?void 0:o.clientWidth)+16,t={left:"number"==typeof(null==(l=d.value)?void 0:l[e])?d.value[e]-n/2+"px":""};v.value[e]=t}},_=()=>{if(d.value){const e=[...d.value];e.push(0);const o=e.length,l=Math.round(o/2);m.value=e.map(((a,t)=>({left:`${0===t?0:e[t-1]}px`,right:`${t+1===o?0:"calc( 100% - "+a+"px )"}`,backgroundColor:l===t+1?void 0:t<l?`rgba(255, 255, 255, ${n(t,l,o)})`:`rgba(0, 0, 0, ${n(t,l,o)})`})))}},A=async()=>{var e,l;await o.nextTick();const{min:a,max:n,log:t}=i,u=null==(e=r.value)?void 0:e.clientWidth;u?d.value=null==(l=c.value)?void 0:l.map((e=>t?u/n*(a+(Math.log(e)-p.value)/g.value):u/h.value*(e-a))):console.warn("[maz-ui][MazSlider] ref component not found")},E=async()=>{var e,l,a;await o.nextTick();const{max:n,min:t,log:u}=i,s=null==(e=r.value)?void 0:e.clientWidth;if(s)return u?null==(l=d.value)?void 0:l.map((e=>{const o=e/(s/n),l=Math.exp((o-t)*g.value+p.value);return Math.round(l)})):null==(a=d.value)?void 0:a.map((e=>Math.round(e/(s/h.value))+t));console.warn("[maz-ui][MazSlider] ref component not found")},V=(e,o)=>{void 0===s.value&&(s.value=o,P(o))},L=async()=>{if(void 0===s.value)return;const e=await E();e&&z(e),s.value=void 0},C=async e=>{var a;if(await o.nextTick(),void 0===s.value)return;const n=null==(a=r.value)?void 0:a.clientWidth;if(d.value){const o=d.value[s.value-1]||0,a=d.value[s.value+1]||n;if(!r.value)return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");d.value[s.value]=(()=>{const n=l(e,r.value).x;return n<o?o:a&&n>a?a:n})(),c.value=await E(),P(s.value)}};return(l,n)=>(o.openBlock(),o.createElementBlock("div",{style:o.normalizeStyle([o.unref(b),{fontSize:e.size}]),class:o.normalizeClass(["m-slider",[`m-slider--${e.color}`]]),onMousemovePassive:C,onMouseupPassive:L,onMouseleavePassive:L,onTouchmovePassive:C},[o.createElementVNode("div",{ref_key:"MazSlider",ref:r,class:"m-slider__bar",role:"slider"},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(m.value,((e,l)=>(o.openBlock(),o.createElementBlock("div",{key:`divider-${l}`,style:o.normalizeStyle([e]),class:"m-slider__divider"},null,4)))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(f),((l,n)=>{var u;return o.openBlock(),o.createElementBlock("button",{key:`cursor-${n}`,type:"button","data-label":B(n),class:o.normalizeClass(["m-slider__btn",{"active-cursor":n===s.value&&!e.noCursorAnim}]),style:o.normalizeStyle([v.value[n]]),onMousedownPassive:e=>V(0,n),onTouchstartPassive:e=>V(0,n),onFocusPassive:e=>V(0,n),onBlurPassive:e=>k(n),onTouchendPassive:e=>k(n),onKeydownPassive:e=>((e,o)=>{"ArrowLeft"===e.key?c.value&&a(c.value[o]-1,c.value[o-1],c.value[o+1],"minus")&&(c.value[o]--,z(c.value)):"ArrowRight"===e.key&&c.value&&a(c.value[o]+1,c.value[o-1],c.value[o+1],"plus")&&(c.value[o]++,z(c.value))})(e,n)},[o.createElementVNode("span",null,o.toDisplayString(null==(u=c.value)?void 0:u[n]),1)],46,t)})),128))],512)],38))}}),[["__scopeId","data-v-56be14c7"]]);e.default=u,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}")),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
|
|
3
3
|
const _withScopeId = (n) => (pushScopeId("data-v-34f40819"), n = n(), popScopeId(), n);
|
|
4
4
|
const _hoisted_1 = ["width", "height"];
|
|
5
|
-
const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
5
|
+
const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
6
|
+
"path",
|
|
7
|
+
{ 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" },
|
|
8
|
+
null,
|
|
9
|
+
-1
|
|
10
|
+
/* HOISTED */
|
|
11
|
+
));
|
|
6
12
|
const _hoisted_3 = [
|
|
7
13
|
_hoisted_2
|
|
8
14
|
];
|