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.
Files changed (85) hide show
  1. package/LICENSE +21 -0
  2. package/components/MazAvatar.mjs +113 -55
  3. package/components/MazAvatar.umd.js +2 -2
  4. package/components/MazBackdrop.mjs +49 -23
  5. package/components/MazBackdrop.umd.js +2 -2
  6. package/components/MazBadge.mjs +17 -11
  7. package/components/MazBadge.umd.js +2 -2
  8. package/components/MazBottomSheet.mjs +160 -88
  9. package/components/MazBottomSheet.umd.js +2 -2
  10. package/components/MazBtn.mjs +54 -29
  11. package/components/MazBtn.umd.js +2 -2
  12. package/components/MazCard.mjs +322 -193
  13. package/components/MazCard.umd.js +2 -2
  14. package/components/MazCarousel.mjs +123 -77
  15. package/components/MazCarousel.umd.js +2 -2
  16. package/components/MazChart.d.ts +3 -34
  17. package/components/MazChart.mjs +2 -2
  18. package/components/MazChart.umd.js +2 -2
  19. package/components/MazCheckbox.mjs +25 -19
  20. package/components/MazCheckbox.umd.js +2 -2
  21. package/components/MazDialog.d.ts +27 -0
  22. package/components/MazDialog.mjs +178 -98
  23. package/components/MazDialog.umd.js +2 -2
  24. package/components/MazDialogPromise.d.ts +1 -1
  25. package/components/MazDialogPromise.mjs +204 -105
  26. package/components/MazDialogPromise.umd.js +2 -2
  27. package/components/MazDrawer.mjs +149 -80
  28. package/components/MazDrawer.umd.js +2 -2
  29. package/components/MazDropzone.d.ts +2 -2
  30. package/components/MazDropzone.mjs +72 -42
  31. package/components/MazDropzone.umd.js +2 -2
  32. package/components/MazGallery.mjs +158 -80
  33. package/components/MazGallery.umd.js +2 -2
  34. package/components/MazIcon.mjs +27 -15
  35. package/components/MazIcon.umd.js +2 -2
  36. package/components/MazInput.mjs +183 -140
  37. package/components/MazInput.umd.js +2 -2
  38. package/components/MazInputNumber.d.ts +1 -1
  39. package/components/MazInputNumber.mjs +244 -193
  40. package/components/MazInputNumber.umd.js +2 -2
  41. package/components/MazInputPrice.d.ts +1 -1
  42. package/components/MazInputPrice.mjs +207 -156
  43. package/components/MazInputPrice.umd.js +2 -2
  44. package/components/MazInputTags.mjs +260 -195
  45. package/components/MazInputTags.umd.js +2 -2
  46. package/components/MazLazyImg.mjs +48 -21
  47. package/components/MazLazyImg.umd.js +2 -2
  48. package/components/MazPhoneNumberInput.mjs +383 -279
  49. package/components/MazPhoneNumberInput.umd.js +2 -2
  50. package/components/MazPicker.d.ts +2 -2
  51. package/components/MazPicker.mjs +755 -486
  52. package/components/MazPicker.umd.js +2 -2
  53. package/components/MazRadioButtons.mjs +52 -36
  54. package/components/MazRadioButtons.umd.js +2 -2
  55. package/components/MazSelect.mjs +324 -254
  56. package/components/MazSelect.umd.js +2 -2
  57. package/components/MazSlider.d.ts +1 -1
  58. package/components/MazSlider.mjs +97 -45
  59. package/components/MazSlider.umd.js +2 -2
  60. package/components/MazSpinner.mjs +8 -2
  61. package/components/MazSpinner.umd.js +2 -2
  62. package/components/MazStepper.mjs +144 -84
  63. package/components/MazStepper.umd.js +2 -2
  64. package/components/MazSwitch.mjs +34 -22
  65. package/components/MazSwitch.umd.js +2 -2
  66. package/components/MazTabsBar.mjs +111 -57
  67. package/components/MazTabsBar.umd.js +2 -2
  68. package/components/MazTabsContent.mjs +14 -8
  69. package/components/MazTabsContent.umd.js +2 -2
  70. package/components/MazTabsContentItem.mjs +17 -9
  71. package/components/MazTabsContentItem.umd.js +2 -2
  72. package/components/MazTextarea.mjs +52 -40
  73. package/components/MazTextarea.umd.js +2 -2
  74. package/components/MazTransitionExpand.mjs +2 -1
  75. package/components/MazTransitionExpand.umd.js +2 -2
  76. package/components/assets/no-photography-584c6185.mjs +4 -0
  77. package/components/index.mjs +1 -1
  78. package/css/main.css +1 -1
  79. package/modules/assets/no-photography-584c6185.mjs +4 -0
  80. package/modules/maz-ui.mjs +81 -40
  81. package/modules/maz-ui.umd.js +2 -2
  82. package/package.json +37 -48
  83. package/components/index.umd.js +0 -35
  84. package/components/no_photo-410a8f01.mjs +0 -4
  85. 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, mergeProps, createCommentVNode, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers, TransitionGroup, Fragment, renderList, withKeys } from "vue";
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("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));
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 svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
191
- key: 0,
192
- ref_key: "svgElem",
193
- ref: svgElem,
194
- width: "1em",
195
- height: "1em"
196
- }, {
197
- ...getSvgAttrs(svgElSource.value),
198
- ...filterAttrs(_ctx.$attrs)
199
- }, {
200
- style: `font-size: ${__props.size}`,
201
- innerHTML: getSvgContent(svgElSource.value)
202
- }), null, 16, _hoisted_1$2)) : createCommentVNode("", true);
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("div", {
340
- key: 2,
341
- class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
342
- }, [
343
- createVNode(MazSpinner, {
344
- size: "2em",
345
- color: unref(loaderColor)
346
- }, null, 8, ["color"])
347
- ], 2)) : createCommentVNode("", true)
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("div", {
614
- class: normalizeClass(["m-input", [
615
- {
616
- "--is-focused": _ctx.isFocused || _ctx.borderActive,
617
- "--should-up": _ctx.shouldUp,
618
- "--has-label": _ctx.hasLabel,
619
- "--is-disabled": _ctx.disabled,
620
- "--is-readonly": _ctx.readonly,
621
- "--has-z-2": _ctx.error || _ctx.warning || _ctx.success,
622
- "--has-state": _ctx.error || _ctx.warning || _ctx.success
623
- },
624
- _ctx.$attrs.class,
625
- `--${_ctx.color}`,
626
- `--${_ctx.size}`
627
- ]]),
628
- onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
629
- }, [
630
- createElementVNode("div", {
631
- class: normalizeClass(["m-input-wrapper", [_ctx.inputClasses, _ctx.borderStyle, { "maz-rounded": !_ctx.noRadius }]])
632
- }, [
633
- _ctx.hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
634
- _ctx.$slots["left-icon"] || _ctx.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
635
- createVNode(_component_MazIcon, {
636
- name: _ctx.leftIcon,
637
- class: "maz-text-muted"
638
- }, null, 8, ["name"])
639
- ], true) : createCommentVNode("", true)
640
- ])) : createCommentVNode("", true),
641
- createElementVNode("div", _hoisted_2, [
642
- withDirectives(createElementVNode("input", mergeProps({
643
- id: _ctx.instanceId,
644
- ref: "input",
645
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
646
- type: _ctx.inputType,
647
- name: _ctx.name
648
- }, _ctx.$attrs, {
649
- placeholder: _ctx.computedPlaceholder,
650
- "aria-label": _ctx.label || _ctx.placeholder,
651
- disabled: _ctx.disabled,
652
- readonly: _ctx.readonly,
653
- required: _ctx.required,
654
- class: "m-input-input"
655
- }, toHandlers({
656
- blur: _ctx.blur,
657
- focus: _ctx.focus,
658
- change: _ctx.change
659
- }, true)), null, 16, _hoisted_3), [
660
- [vModelDynamic, _ctx.inputValue]
661
- ]),
662
- _ctx.label || _ctx.hint ? (openBlock(), createElementBlock("label", {
663
- key: 0,
664
- ref: "label",
665
- for: _ctx.instanceId,
666
- class: normalizeClass(["m-input-label", [
667
- {
668
- "maz-text-danger-600": _ctx.error,
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
- src: _ctx.EyeOffIcon,
696
- class: "maz-text-muted"
697
- }, null, 8, ["src"])) : (openBlock(), createBlock(_component_MazIcon, {
698
- key: 1,
699
- src: _ctx.EyeIcon,
700
- class: "maz-text-muted"
701
- }, null, 8, ["src"]))
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
- _: 1
704
- })) : createCommentVNode("", true),
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
- src: _ctx.CheckIcon,
718
- class: "maz-text-normal"
719
- }, null, 8, ["src"])
720
- ]),
721
- _: 1
722
- }, 8, ["disabled", "loading"])
723
- ], true) : createCommentVNode("", true)
724
- ])) : createCommentVNode("", true)
725
- ], 2)
726
- ], 2);
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("div", {
821
- class: normalizeClass(["m-input-tags", [unref(borderStyle), `--${__props.color}`]]),
822
- onFocusCapture: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
823
- onBlurCapture: _cache[2] || (_cache[2] = ($event) => isFocused.value = false)
824
- }, [
825
- createVNode(TransitionGroup, { name: "maz-tags" }, {
826
- default: withCtx(() => [
827
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, i) => {
828
- return openBlock(), createElementBlock("div", {
829
- key: `tag-${i}`
830
- }, [
831
- createVNode(MazBtn, {
832
- class: "m-input-tags__tag",
833
- disabled: __props.disabled,
834
- size: __props.size,
835
- color: __props.color,
836
- onClick: withModifiers(($event) => removeTag(i), ["stop"])
837
- }, {
838
- default: withCtx(() => [
839
- createTextVNode(toDisplayString(tag), 1)
840
- ]),
841
- "right-icon": withCtx(() => [
842
- createVNode(_sfc_main$3, {
843
- name: "x",
844
- size: "1em",
845
- class: "m-input-tags__tag__icon"
846
- })
847
- ]),
848
- _: 2
849
- }, 1032, ["disabled", "size", "color", "onClick"])
850
- ]);
851
- }), 128))
852
- ]),
853
- _: 1
854
- }),
855
- createVNode(MazInput, mergeProps({
856
- key: "input-tags",
857
- modelValue: inputValue.value,
858
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
859
- }, _ctx.$attrs, {
860
- placeholder: __props.placeholder,
861
- label: __props.label,
862
- "aria-label": __props.label || __props.placeholder,
863
- error: __props.error,
864
- disabled: __props.disabled,
865
- color: __props.color,
866
- size: __props.size,
867
- "no-border": "",
868
- class: "m-input-tags__input maz-flex-1",
869
- onKeydown: [
870
- withKeys(addTags, ["enter"]),
871
- withKeys(removeLastTag, ["delete"])
872
- ]
873
- }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "size", "onKeydown"])
874
- ], 34);
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
  });