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,8 +1,14 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document!="undefined"){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)}.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-input-tags[data-v-7a4c8ca2]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:var(--maz-border-radius);border-width:2px;background-color:var(--maz-color-bg);padding-left:.25em;padding-right:.25em}.m-input-tags__tag[data-v-7a4c8ca2]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-7a4c8ca2] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-7a4c8ca2] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-7a4c8ca2]{background-color:var(--maz-color-bg-light)}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect,
|
|
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)}.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-input-tags[data-v-7a4c8ca2]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:var(--maz-border-radius);border-width:2px;background-color:var(--maz-color-bg);padding-left:.25em;padding-right:.25em}.m-input-tags__tag[data-v-7a4c8ca2]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-7a4c8ca2] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-7a4c8ca2] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-7a4c8ca2]{background-color:var(--maz-color-bg-light)}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
2
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers, TransitionGroup, renderList, withKeys } from "vue";
|
|
3
3
|
const _withScopeId = (n) => (pushScopeId("data-v-34f40819"), n = n(), popScopeId(), n);
|
|
4
4
|
const _hoisted_1$3 = ["width", "height"];
|
|
5
|
-
const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
5
|
+
const _hoisted_2$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$2 = [
|
|
7
13
|
_hoisted_2$2
|
|
8
14
|
];
|
|
@@ -187,19 +193,31 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
187
193
|
};
|
|
188
194
|
watchEffect(() => getSource(fullSrc.value));
|
|
189
195
|
return (_ctx, _cache) => {
|
|
190
|
-
return
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
196
|
+
return openBlock(), createElementBlock(
|
|
197
|
+
Fragment,
|
|
198
|
+
null,
|
|
199
|
+
[
|
|
200
|
+
createCommentVNode(" eslint-disable vue/no-v-html "),
|
|
201
|
+
createCommentVNode(" eslint-disable vue/html-self-closing "),
|
|
202
|
+
svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
|
|
203
|
+
key: 0,
|
|
204
|
+
ref_key: "svgElem",
|
|
205
|
+
ref: svgElem,
|
|
206
|
+
width: "1em",
|
|
207
|
+
height: "1em"
|
|
208
|
+
}, {
|
|
209
|
+
...getSvgAttrs(svgElSource.value),
|
|
210
|
+
...filterAttrs(_ctx.$attrs)
|
|
211
|
+
}, {
|
|
212
|
+
style: `font-size: ${__props.size}`,
|
|
213
|
+
innerHTML: getSvgContent(svgElSource.value)
|
|
214
|
+
}), null, 16, _hoisted_1$2)) : createCommentVNode("v-if", true),
|
|
215
|
+
createCommentVNode(" eslint-enable vue/no-v-html "),
|
|
216
|
+
createCommentVNode(" eslint-enable vue/html-self-closing ")
|
|
217
|
+
],
|
|
218
|
+
2112
|
|
219
|
+
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
220
|
+
);
|
|
203
221
|
};
|
|
204
222
|
}
|
|
205
223
|
});
|
|
@@ -322,9 +340,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
322
340
|
__props.leftIcon ? (openBlock(), createBlock(_sfc_main$3, {
|
|
323
341
|
key: 0,
|
|
324
342
|
name: __props.leftIcon
|
|
325
|
-
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
343
|
+
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
326
344
|
], true)
|
|
327
|
-
])) : createCommentVNode("", true),
|
|
345
|
+
])) : createCommentVNode("v-if", true),
|
|
328
346
|
createElementVNode("span", _hoisted_2$1, [
|
|
329
347
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
330
348
|
]),
|
|
@@ -333,20 +351,27 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
333
351
|
__props.rightIcon ? (openBlock(), createBlock(_sfc_main$3, {
|
|
334
352
|
key: 0,
|
|
335
353
|
name: __props.rightIcon
|
|
336
|
-
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
354
|
+
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
337
355
|
], true)
|
|
338
|
-
])) : createCommentVNode("", true),
|
|
339
|
-
unref(hasLoader) ? (openBlock(), createElementBlock(
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
356
|
+
])) : createCommentVNode("v-if", true),
|
|
357
|
+
unref(hasLoader) ? (openBlock(), createElementBlock(
|
|
358
|
+
"div",
|
|
359
|
+
{
|
|
360
|
+
key: 2,
|
|
361
|
+
class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
|
|
362
|
+
},
|
|
363
|
+
[
|
|
364
|
+
createVNode(MazSpinner, {
|
|
365
|
+
size: "2em",
|
|
366
|
+
color: unref(loaderColor)
|
|
367
|
+
}, null, 8, ["color"])
|
|
368
|
+
],
|
|
369
|
+
2
|
|
370
|
+
/* CLASS */
|
|
371
|
+
)) : createCommentVNode("v-if", true)
|
|
348
372
|
]),
|
|
349
373
|
_: 3
|
|
374
|
+
/* FORWARDED */
|
|
350
375
|
}, 16, ["disabled", "class", "type"]);
|
|
351
376
|
};
|
|
352
377
|
}
|
|
@@ -610,132 +635,154 @@ const _hoisted_6 = {
|
|
|
610
635
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
611
636
|
const _component_MazIcon = resolveComponent("MazIcon");
|
|
612
637
|
const _component_MazBtn = resolveComponent("MazBtn");
|
|
613
|
-
return openBlock(), createElementBlock(
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
"maz-text-success-600": _ctx.success,
|
|
670
|
-
"maz-text-warning-600": _ctx.warning
|
|
671
|
-
}
|
|
672
|
-
]])
|
|
673
|
-
}, [
|
|
674
|
-
createTextVNode(toDisplayString(_ctx.hint || _ctx.label) + " ", 1),
|
|
675
|
-
_ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_5, "*")) : createCommentVNode("", true)
|
|
676
|
-
], 10, _hoisted_4)) : createCommentVNode("", true)
|
|
677
|
-
]),
|
|
678
|
-
_ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
679
|
-
_ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
|
|
680
|
-
createVNode(_component_MazIcon, {
|
|
681
|
-
name: _ctx.rightIcon,
|
|
682
|
-
class: "maz-text-muted"
|
|
683
|
-
}, null, 8, ["name"])
|
|
684
|
-
], true) : createCommentVNode("", true),
|
|
685
|
-
_ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
|
|
686
|
-
key: 1,
|
|
687
|
-
color: "transparent",
|
|
688
|
-
tabindex: "-1",
|
|
689
|
-
size: "mini",
|
|
690
|
-
onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
|
|
691
|
-
}, {
|
|
692
|
-
default: withCtx(() => [
|
|
693
|
-
_ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_MazIcon, {
|
|
638
|
+
return openBlock(), createElementBlock(
|
|
639
|
+
"div",
|
|
640
|
+
{
|
|
641
|
+
class: normalizeClass(["m-input", [
|
|
642
|
+
{
|
|
643
|
+
"--is-focused": _ctx.isFocused || _ctx.borderActive,
|
|
644
|
+
"--should-up": _ctx.shouldUp,
|
|
645
|
+
"--has-label": _ctx.hasLabel,
|
|
646
|
+
"--is-disabled": _ctx.disabled,
|
|
647
|
+
"--is-readonly": _ctx.readonly,
|
|
648
|
+
"--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
|
|
649
|
+
"--has-state": _ctx.error || _ctx.warning || _ctx.success
|
|
650
|
+
},
|
|
651
|
+
_ctx.$attrs.class,
|
|
652
|
+
`--${_ctx.color}`,
|
|
653
|
+
`--${_ctx.size}`
|
|
654
|
+
]]),
|
|
655
|
+
onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
|
|
656
|
+
},
|
|
657
|
+
[
|
|
658
|
+
createElementVNode(
|
|
659
|
+
"div",
|
|
660
|
+
{
|
|
661
|
+
class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
|
|
662
|
+
},
|
|
663
|
+
[
|
|
664
|
+
_ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
665
|
+
_ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
|
|
666
|
+
createVNode(_component_MazIcon, {
|
|
667
|
+
name: _ctx.leftIcon,
|
|
668
|
+
class: "maz-text-muted"
|
|
669
|
+
}, null, 8, ["name"])
|
|
670
|
+
], true) : createCommentVNode("v-if", true)
|
|
671
|
+
])) : createCommentVNode("v-if", true),
|
|
672
|
+
createElementVNode("div", _hoisted_2, [
|
|
673
|
+
withDirectives(createElementVNode("input", mergeProps({
|
|
674
|
+
id: _ctx.instanceId,
|
|
675
|
+
ref: "input",
|
|
676
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
|
|
677
|
+
type: _ctx.inputType,
|
|
678
|
+
name: _ctx.name
|
|
679
|
+
}, _ctx.$attrs, {
|
|
680
|
+
placeholder: _ctx.computedPlaceholder,
|
|
681
|
+
"aria-label": _ctx.label || _ctx.placeholder,
|
|
682
|
+
disabled: _ctx.disabled,
|
|
683
|
+
readonly: _ctx.readonly,
|
|
684
|
+
required: _ctx.required,
|
|
685
|
+
class: "m-input-input"
|
|
686
|
+
}, toHandlers({
|
|
687
|
+
blur: _ctx.blur,
|
|
688
|
+
focus: _ctx.focus,
|
|
689
|
+
change: _ctx.change
|
|
690
|
+
}, true)), null, 16, _hoisted_3), [
|
|
691
|
+
[vModelDynamic, _ctx.inputValue]
|
|
692
|
+
]),
|
|
693
|
+
_ctx.label || _ctx.hint ? (openBlock(), createElementBlock("label", {
|
|
694
694
|
key: 0,
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
695
|
+
ref: "label",
|
|
696
|
+
for: _ctx.instanceId,
|
|
697
|
+
class: normalizeClass(["m-input-label", [
|
|
698
|
+
{
|
|
699
|
+
"maz-text-danger-600": _ctx.error,
|
|
700
|
+
"maz-text-success-600": _ctx.success,
|
|
701
|
+
"maz-text-warning-600": _ctx.warning
|
|
702
|
+
}
|
|
703
|
+
]])
|
|
704
|
+
}, [
|
|
705
|
+
createTextVNode(
|
|
706
|
+
toDisplayString(_ctx.hint || _ctx.label) + " ",
|
|
707
|
+
1
|
|
708
|
+
/* TEXT */
|
|
709
|
+
),
|
|
710
|
+
_ctx.required ? (openBlock(), createElementBlock("sup", _hoisted_5, "*")) : createCommentVNode("v-if", true)
|
|
711
|
+
], 10, _hoisted_4)) : createCommentVNode("v-if", true)
|
|
702
712
|
]),
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
_ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
|
|
706
|
-
createVNode(_component_MazBtn, {
|
|
707
|
-
color: "transparent",
|
|
708
|
-
disabled: _ctx.disabled,
|
|
709
|
-
tabindex: "-1",
|
|
710
|
-
loading: _ctx.validButtonLoading,
|
|
711
|
-
class: "m-input-valid-button",
|
|
712
|
-
size: "mini",
|
|
713
|
-
type: "submit"
|
|
714
|
-
}, {
|
|
715
|
-
default: withCtx(() => [
|
|
713
|
+
_ctx.hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
714
|
+
_ctx.$slots["right-icon"] || _ctx.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
|
|
716
715
|
createVNode(_component_MazIcon, {
|
|
717
|
-
|
|
718
|
-
class: "maz-text-
|
|
719
|
-
}, null, 8, ["
|
|
720
|
-
]),
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
716
|
+
name: _ctx.rightIcon,
|
|
717
|
+
class: "maz-text-muted"
|
|
718
|
+
}, null, 8, ["name"])
|
|
719
|
+
], true) : createCommentVNode("v-if", true),
|
|
720
|
+
_ctx.isPasswordType ? (openBlock(), createBlock(_component_MazBtn, {
|
|
721
|
+
key: 1,
|
|
722
|
+
color: "transparent",
|
|
723
|
+
tabindex: "-1",
|
|
724
|
+
size: "mini",
|
|
725
|
+
onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.hasPasswordVisible = !_ctx.hasPasswordVisible, ["stop"]))
|
|
726
|
+
}, {
|
|
727
|
+
default: withCtx(() => [
|
|
728
|
+
_ctx.hasPasswordVisible ? (openBlock(), createBlock(_component_MazIcon, {
|
|
729
|
+
key: 0,
|
|
730
|
+
src: _ctx.EyeOffIcon,
|
|
731
|
+
class: "maz-text-muted"
|
|
732
|
+
}, null, 8, ["src"])) : (openBlock(), createBlock(_component_MazIcon, {
|
|
733
|
+
key: 1,
|
|
734
|
+
src: _ctx.EyeIcon,
|
|
735
|
+
class: "maz-text-muted"
|
|
736
|
+
}, null, 8, ["src"]))
|
|
737
|
+
]),
|
|
738
|
+
_: 1
|
|
739
|
+
/* STABLE */
|
|
740
|
+
})) : createCommentVNode("v-if", true),
|
|
741
|
+
_ctx.$slots["valid-button"] || _ctx.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
|
|
742
|
+
createVNode(_component_MazBtn, {
|
|
743
|
+
color: "transparent",
|
|
744
|
+
disabled: _ctx.disabled,
|
|
745
|
+
tabindex: "-1",
|
|
746
|
+
loading: _ctx.validButtonLoading,
|
|
747
|
+
class: "m-input-valid-button",
|
|
748
|
+
size: "mini",
|
|
749
|
+
type: "submit"
|
|
750
|
+
}, {
|
|
751
|
+
default: withCtx(() => [
|
|
752
|
+
createVNode(_component_MazIcon, {
|
|
753
|
+
src: _ctx.CheckIcon,
|
|
754
|
+
class: "maz-text-normal"
|
|
755
|
+
}, null, 8, ["src"])
|
|
756
|
+
]),
|
|
757
|
+
_: 1
|
|
758
|
+
/* STABLE */
|
|
759
|
+
}, 8, ["disabled", "loading"])
|
|
760
|
+
], true) : createCommentVNode("v-if", true)
|
|
761
|
+
])) : createCommentVNode("v-if", true)
|
|
762
|
+
],
|
|
763
|
+
2
|
|
764
|
+
/* CLASS */
|
|
765
|
+
)
|
|
766
|
+
],
|
|
767
|
+
2
|
|
768
|
+
/* CLASS */
|
|
769
|
+
);
|
|
727
770
|
}
|
|
728
771
|
const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-c13c1d46"]]);
|
|
729
772
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
730
773
|
__name: "MazInputTags",
|
|
731
774
|
props: {
|
|
775
|
+
// Input value, can be a `Array` of `String` or `null`
|
|
732
776
|
modelValue: {
|
|
733
777
|
type: Array,
|
|
734
778
|
default: void 0
|
|
735
779
|
},
|
|
780
|
+
// input placeholder
|
|
736
781
|
placeholder: { type: String, default: void 0 },
|
|
737
782
|
label: { type: String, default: void 0 },
|
|
783
|
+
// When is `true` the input is disable
|
|
738
784
|
disabled: { type: Boolean, default: false },
|
|
785
|
+
// When is `true` the input has the error style (red)
|
|
739
786
|
error: { type: Boolean, default: false },
|
|
740
787
|
success: { type: Boolean, default: false },
|
|
741
788
|
warning: { type: Boolean, default: false },
|
|
@@ -817,61 +864,79 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
817
864
|
emits("update:model-value", tagsArray);
|
|
818
865
|
};
|
|
819
866
|
return (_ctx, _cache) => {
|
|
820
|
-
return openBlock(), createElementBlock(
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
867
|
+
return openBlock(), createElementBlock(
|
|
868
|
+
"div",
|
|
869
|
+
{
|
|
870
|
+
class: normalizeClass(["m-input-tags", [unref(borderStyle), `--${__props.color}`]]),
|
|
871
|
+
onFocusCapture: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
|
|
872
|
+
onBlurCapture: _cache[2] || (_cache[2] = ($event) => isFocused.value = false)
|
|
873
|
+
},
|
|
874
|
+
[
|
|
875
|
+
createVNode(TransitionGroup, { name: "maz-tags" }, {
|
|
876
|
+
default: withCtx(() => [
|
|
877
|
+
(openBlock(true), createElementBlock(
|
|
878
|
+
Fragment,
|
|
879
|
+
null,
|
|
880
|
+
renderList(__props.modelValue, (tag, i) => {
|
|
881
|
+
return openBlock(), createElementBlock("div", {
|
|
882
|
+
key: `tag-${i}`
|
|
883
|
+
}, [
|
|
884
|
+
createVNode(MazBtn, {
|
|
885
|
+
class: "m-input-tags__tag",
|
|
886
|
+
disabled: __props.disabled,
|
|
887
|
+
size: __props.size,
|
|
888
|
+
color: __props.color,
|
|
889
|
+
onClick: withModifiers(($event) => removeTag(i), ["stop"])
|
|
890
|
+
}, {
|
|
891
|
+
default: withCtx(() => [
|
|
892
|
+
createTextVNode(
|
|
893
|
+
toDisplayString(tag),
|
|
894
|
+
1
|
|
895
|
+
/* TEXT */
|
|
896
|
+
)
|
|
897
|
+
]),
|
|
898
|
+
"right-icon": withCtx(() => [
|
|
899
|
+
createVNode(_sfc_main$3, {
|
|
900
|
+
name: "x",
|
|
901
|
+
size: "1em",
|
|
902
|
+
class: "m-input-tags__tag__icon"
|
|
903
|
+
})
|
|
904
|
+
]),
|
|
905
|
+
_: 2
|
|
906
|
+
/* DYNAMIC */
|
|
907
|
+
}, 1032, ["disabled", "size", "color", "onClick"])
|
|
908
|
+
]);
|
|
909
|
+
}),
|
|
910
|
+
128
|
|
911
|
+
/* KEYED_FRAGMENT */
|
|
912
|
+
))
|
|
913
|
+
]),
|
|
914
|
+
_: 1
|
|
915
|
+
/* STABLE */
|
|
916
|
+
}),
|
|
917
|
+
createVNode(MazInput, mergeProps({
|
|
918
|
+
key: "input-tags",
|
|
919
|
+
modelValue: inputValue.value,
|
|
920
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
921
|
+
}, _ctx.$attrs, {
|
|
922
|
+
placeholder: __props.placeholder,
|
|
923
|
+
label: __props.label,
|
|
924
|
+
"aria-label": __props.label || __props.placeholder,
|
|
925
|
+
error: __props.error,
|
|
926
|
+
disabled: __props.disabled,
|
|
927
|
+
color: __props.color,
|
|
928
|
+
size: __props.size,
|
|
929
|
+
"no-border": "",
|
|
930
|
+
class: "m-input-tags__input maz-flex-1",
|
|
931
|
+
onKeydown: [
|
|
932
|
+
withKeys(addTags, ["enter"]),
|
|
933
|
+
withKeys(removeLastTag, ["delete"])
|
|
934
|
+
]
|
|
935
|
+
}), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "size", "onKeydown"])
|
|
936
|
+
],
|
|
937
|
+
34
|
|
938
|
+
/* CLASS, HYDRATE_EVENTS */
|
|
939
|
+
);
|
|
875
940
|
};
|
|
876
941
|
}
|
|
877
942
|
});
|