maz-ui 3.5.0 → 3.6.1

package/components/MazInputTags.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-btn[data-v-7673d151]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-7673d151]{line-height:1}.m-btn__icon-left[data-v-7673d151]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-7673d151]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-7673d151]{cursor:pointer}.m-btn.--cursor-default[data-v-7673d151]{cursor:default}.m-btn.--is-link[data-v-7673d151]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-7673d151]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-7673d151]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-7673d151]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-7673d151]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-7673d151]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-7673d151]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-7673d151]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-7673d151]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-7673d151]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-7673d151]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-7673d151]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-7673d151]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-7673d151]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-7673d151]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-7673d151]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-7673d151]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-7673d151]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-7673d151]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-7673d151]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-7673d151]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-7673d151]:not(.--disabled):hover,.m-btn.--is-button[data-v-7673d151]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-7673d151]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-7673d151]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-7673d151]{width:100%}.m-btn.--is-button.--primary[data-v-7673d151]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-7673d151]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-7673d151]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-7673d151]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-7673d151]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-7673d151]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-7673d151]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-7673d151]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-7673d151]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-7673d151]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-7673d151]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-7673d151]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-7673d151]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-7673d151]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-7673d151]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-7673d151]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-7673d151]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-7673d151]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-7673d151]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-7673d151]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-7673d151]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-7673d151]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-7673d151]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-7673d151]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-7673d151]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-7673d151]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-7673d151]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-7673d151]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-7673d151]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-7673d151]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-7673d151]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-7673d151]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-7673d151]{background-color:var(--maz-color-black)}.m-input[data-v-8d171d05]{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-8d171d05]{height:4rem}.m-input.--xl .m-input-input[data-v-8d171d05],.m-input.--xl .m-input-label[data-v-8d171d05]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-8d171d05]{height:3.5rem}.m-input.--lg .m-input-input[data-v-8d171d05],.m-input.--lg .m-input-label[data-v-8d171d05]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-8d171d05]{height:3rem}.m-input.--md .m-input-input[data-v-8d171d05],.m-input.--md .m-input-label[data-v-8d171d05]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-8d171d05]{height:2.5rem}.m-input.--sm .m-input-input[data-v-8d171d05],.m-input.--sm .m-input-label[data-v-8d171d05]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-8d171d05]{height:2rem}.m-input.--xs .m-input-input[data-v-8d171d05],.m-input.--xs .m-input-label[data-v-8d171d05]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-8d171d05]{height:1.5rem}.m-input.--mini .m-input-input[data-v-8d171d05],.m-input.--mini .m-input-label[data-v-8d171d05]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-8d171d05]{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-8d171d05]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-8d171d05]{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-8d171d05],.m-input-wrapper-left[data-v-8d171d05]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-8d171d05]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-8d171d05]>: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-8d171d05],.m-input-wrapper-left[data-v-8d171d05]{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-8d171d05]{padding-right:.5rem}.m-input-wrapper-left[data-v-8d171d05]{padding-left:.5rem}.m-input-input[data-v-8d171d05]{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-8d171d05]:-webkit-autofill,.m-input-input[data-v-8d171d05]:-webkit-autofill:hover,.m-input-input[data-v-8d171d05]:-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-8d171d05]{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-8d171d05]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-8d171d05]{z-index:2}.m-input.--should-up .m-input-label[data-v-8d171d05]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-8d171d05]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-8d171d05]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-8d171d05]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-8d171d05]{z-index:3}.m-input.--has-label .m-input-input[data-v-8d171d05]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-8d171d05]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-8d171d05]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-8d171d05]:-webkit-autofill,html.dark .m-input-input[data-v-8d171d05]:-webkit-autofill:hover,html.dark .m-input-input[data-v-8d171d05]:-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-a3af9b56]{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-a3af9b56]{margin-top:.25em;margin-bottom:.25em;margin-right:.25em}.m-input-tags__input[data-v-a3af9b56] .m-input-wrapper{border-style:none;min-width:7.5em}.m-input-tags__input[data-v-a3af9b56] input{padding-left:.4em;padding-right:.4em}html.dark .m-input-tags[data-v-a3af9b56]{background-color:var(--maz-color-bg-light)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazInputTags=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],o=[(t=>(e.pushScopeId("data-v-503fe527"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],a=(e,t)=>{const o=e.__vccOpts||e;for(const[a,r]of t)o[a]=r;return o},r=a(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:e=>["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:a=>(r,n)=>(e.openBlock(),e.createElementBlock("svg",{width:a.size,height:a.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${a.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-503fe527"]]);const n=["innerHTML"],l=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const a=t,r={},l=e.ref(),i=e.ref(),d=()=>{try{return function(t,o){const a=e.inject(t,o);if(!a)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return a}("mazIconPath")}catch{return}},c=e.computed((()=>a.path??d())),s=e.computed((()=>a.src?a.src:c.value?`${c.value}/${a.name}.svg`:`/${a.name}.svg`));e.onMounted((()=>{a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t},m=e=>{let t=e.cloneNode(!0);return t=a.transformSource(e),a.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,a.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(()=>{if(r.status>=200&&r.status<400)try{const e=new DOMParser;let n=e.parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(()=>o())),r.send()}));return e.watchEffect((()=>(async t=>{r[t]||(r[t]=p(t));try{l.value=await r[t],await e.nextTick(),o("loaded",i.value)}catch(a){l.value&&(l.value=void 0,o("unloaded")),delete r[t],o("error",a)}})(s.value))),(o,a)=>{return l.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...u(l.value),...(r=o.$attrs,Object.keys(r).reduce(((e,t)=>(!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(e[t]=r[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:m(l.value)}),null,16,n)):e.createCommentVNode("",!0);var r}}}),i={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},d={class:"maz-flex maz-flex-center"},c={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},s=a(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:a,to:n}=e.useAttrs(),s=e.useSlots(),u=e.computed((()=>a?"a":n?"router-link":"button")),m=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=e.computed((()=>(o.loading||o.disabled)&&"button"===u.value)),f=e.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),y=e.computed((()=>`--is-${o.variant}`)),g=e.computed((()=>`--${o.color}`)),b=e.computed((()=>["white"].includes(o.color)?"black":"white")),v=e.computed((()=>o.loading&&"button"===o.variant)),h=e.computed((()=>!!s["left-icon"]||o.leftIcon)),z=e.computed((()=>!!s["right-icon"]||o.rightIcon)),I=e.computed((()=>h.value||z.value)),w=e.computed((()=>"button"===u.value?o.type:void 0));return(o,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),e.mergeProps(o.$attrs,{disabled:e.unref(p),class:["m-btn",[`--${t.size}`,e.unref(m),e.unref(f),e.unref(y),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(p),"--icon":e.unref(I),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(w)}),{default:e.withCtx((()=>[e.unref(h)?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(l,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(z)?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(l,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(g)])},[e.createVNode(r,{size:"2em",color:e.unref(b)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-7673d151"]]);const u=e.defineComponent({components:{MazBtn:s,MazIcon:l},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:e=>["text","date","number","tel","search","url","password","month","time","week","email"].includes(e)},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup(t,{emit:o,slots:a}){const r=e.ref(!1),n=e.ref(!1),l=e.ref(),i=e.getCurrentInstance(),{instanceId:d}=(({componentName:t,instance:o,providedId:a})=>({instanceId:e.computed((()=>a??`${t}-${null==o?void 0:o.uid}`))}))({componentName:"MazInput",instance:i,providedId:t.id});e.onMounted((()=>{var e;t.autoFocus&&(null==(e=l.value)||e.focus())}));const c=e.computed((()=>"password"===t.type)),s=e.computed((()=>r.value?"text":t.type)),u=e.computed((()=>{if(!t.noBorder){if(t.error)return"maz-border-danger";if(t.success)return"maz-border-success";if(t.warning)return"maz-border-warning";if(n.value||t.borderActive){if("black"===t.color)return"maz-border-black";if("danger"===t.color)return"maz-border-danger";if("info"===t.color)return"maz-border-info";if("primary"===t.color)return"maz-border-primary";if("secondary"===t.color)return"maz-border-secondary";if("success"===t.color)return"maz-border-success";if("warning"===t.color)return"maz-border-warning";if("white"===t.color)return"maz-border-white"}return"--default-border"}})),m=e.computed((()=>{const{required:e,placeholder:o}=t;if(o)return e?`${o} *`:o})),p=e.computed((()=>void 0!==t.modelValue&&""!==t.modelValue)),f=e.computed({get:()=>t.modelValue,set:e=>v(e)}),y=e.computed((()=>(!!t.label||!!t.hint)&&(n.value||!!p.value||!!t.placeholder||["date","month","week"].includes(t.type)))),g=e.computed((()=>!!t.label||!!t.hint)),b=function(e,t=0,o=!1){let a,r;const n=function(){a&&(clearTimeout(a),r=void 0,a=void 0)},l=function(...l){if(!t)return e.apply(this,l);const i=this,d=o&&!a;return n(),r=function(){e.apply(i,l)},a=setTimeout((function(){if(a=void 0,!d){const e=r;if(r=void 0,void 0!==e)return e()}}),t),d?r():void 0};return l.cancel=n,l.flush=function(){const e=r;n(),e&&e()},l}((e=>{o("update:model-value",e)}),t.debounceDelay),v=e=>{if(t.debounce)return b(e);o("update:model-value",e)};return{inputValue:f,shouldUp:y,hasLabel:g,computedPlaceholder:m,isPasswordType:c,inputType:s,input:l,isFocused:n,hasPasswordVisible:r,borderStyle:u,focus:e=>{o("focus",e),n.value=!0},blur:e=>{o("blur",e),n.value=!1},change:e=>o("change",e),emitValue:v,hasRightPart:()=>!!a["right-icon"]||c.value||!!a["valid-button"]||t.validButton||!!t.rightIcon,hasLeftPart:()=>!!a["left-icon"]||!!t.leftIcon,EyeOffIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjg3NSAxOC44MjVBMTAuMDUgMTAuMDUgMCAwMTEyIDE5Yy00LjQ3OCAwLTguMjY4LTIuOTQzLTkuNTQzLTdhOS45NyA5Ljk3IDAgMDExLjU2My0zLjAyOW01Ljg1OC45MDhhMyAzIDAgMTE0LjI0MyA0LjI0M005Ljg3OCA5Ljg3OGw0LjI0MiA0LjI0Mk05Ljg4IDkuODhsLTMuMjktMy4yOW03LjUzMiA3LjUzMmwzLjI5IDMuMjlNMyAzbDMuNTkgMy41OW0wIDBBOS45NTMgOS45NTMgMCAwMTEyIDVjNC40NzggMCA4LjI2OCAyLjk0MyA5LjU0MyA3YTEwLjAyNSAxMC4wMjUgMCAwMS00LjEzMiA1LjQxMW0wIDBMMjEgMjEiLz4KPC9zdmc+Cg==",EyeIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEyYTMgMyAwIDExLTYgMCAzIDMgMCAwMTYgMHoiLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNDU4IDEyQzMuNzMyIDcuOTQzIDcuNTIzIDUgMTIgNWM0LjQ3OCAwIDguMjY4IDIuOTQzIDkuNTQyIDctMS4yNzQgNC4wNTctNS4wNjQgNy05LjU0MiA3LTQuNDc3IDAtOC4yNjgtMi45NDMtOS41NDItN3oiLz4KPC9zdmc+Cg==",CheckIcon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMTNsNCA0TDE5IDciLz4KPC9zdmc+Cg==",instanceId:d}}}),m={key:0,class:"m-input-wrapper-left"},p={class:"m-input-wrapper-input"},f=["id","type","name","placeholder","aria-label","disabled","readonly","required"],y=["for"],g={key:0},b={key:1,class:"m-input-wrapper-right"};const v=a(u,[["render",function(t,o,a,r,n,l){const i=e.resolveComponent("MazIcon"),d=e.resolveComponent("MazBtn");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-input",[{"--is-focused":t.isFocused||t.borderActive,"--should-up":t.shouldUp,"--has-label":t.hasLabel,"--is-disabled":t.disabled,"--is-readonly":t.readonly,"--has-z-2":t.error||t.warning||t.success,"--has-state":t.error||t.warning||t.success},t.$attrs.class,`--${t.color}`,`--${t.size}`]]),onClick:o[2]||(o[2]=e=>t.$emit("click",e))},[e.createElementVNode("div",{class:e.normalizeClass(["m-input-wrapper",[t.inputClasses,t.borderStyle,{"maz-rounded":!t.noRadius}]])},[t.hasLeftPart()?(e.openBlock(),e.createElementBlock("div",m,[t.$slots["left-icon"]||t.leftIcon?e.renderSlot(t.$slots,"left-icon",{key:0},(()=>[e.createVNode(i,{name:t.leftIcon,class:"maz-text-muted"},null,8,["name"])]),!0):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.instanceId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=e=>t.inputValue=e),type:t.inputType,name:t.name},t.$attrs,{placeholder:t.computedPlaceholder,"aria-label":t.label||t.placeholder,disabled:t.disabled,readonly:t.readonly,required:t.required,class:"m-input-input"},e.toHandlers({blur:t.blur,focus:t.focus,change:t.change},!0)),null,16,f),[[e.vModelDynamic,t.inputValue]]),t.label||t.hint?(e.openBlock(),e.createElementBlock("label",{key:0,ref:"label",for:t.instanceId,class:e.normalizeClass(["m-input-label",[{"maz-text-danger-600":t.error,"maz-text-success-600":t.success,"maz-text-warning-600":t.warning}]])},[e.createTextVNode(e.toDisplayString(t.hint||t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("sup",g,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0)]),t.hasRightPart()?(e.openBlock(),e.createElementBlock("div",b,[t.$slots["right-icon"]||t.rightIcon?e.renderSlot(t.$slots,"right-icon",{key:0},(()=>[e.createVNode(i,{name:t.rightIcon,class:"maz-text-muted"},null,8,["name"])]),!0):e.createCommentVNode("",!0),t.isPasswordType?(e.openBlock(),e.createBlock(d,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:o[1]||(o[1]=e.withModifiers((e=>t.hasPasswordVisible=!t.hasPasswordVisible),["stop"]))},{default:e.withCtx((()=>[t.hasPasswordVisible?(e.openBlock(),e.createBlock(i,{key:0,src:t.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(e.openBlock(),e.createBlock(i,{key:1,src:t.EyeIcon,class:"maz-text-muted"},null,8,["src"]))])),_:1})):e.createCommentVNode("",!0),t.$slots["valid-button"]||t.validButton?e.renderSlot(t.$slots,"valid-button",{key:2},(()=>[e.createVNode(d,{color:"transparent",disabled:t.disabled,tabindex:"-1",loading:t.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:e.withCtx((()=>[e.createVNode(i,{src:t.CheckIcon,class:"maz-text-normal"},null,8,["src"])])),_:1},8,["disabled","loading"])]),!0):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],2)}],["__scopeId","data-v-8d171d05"]]);return a(e.defineComponent({__name:"MazInputTags",props:{modelValue:{type:Array,default:void 0},placeholder:{type:String,default:void 0},label:{type:String,default:void 0},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},emits:["update:model-value"],setup(t,{emit:o}){const a=t,r=e.ref(!1),n=e.ref(),i=e=>{if(n.value){e.preventDefault();const t=n.value.trim().split(",").map((e=>","===e.trim()?void 0:e.trim())).filter(Boolean);o("update:model-value",a.modelValue?[...a.modelValue,...t]:[...t]),n.value=void 0}},d=e.computed((()=>{if(a.error)return"maz-border-danger";if(a.success)return"maz-border-success";if(a.warning)return"maz-border-warning";if(r.value){if("primary"===a.color)return"maz-border-primary";if("secondary"===a.color)return"maz-border-secondary";if("info"===a.color)return"maz-border-info";if("danger"===a.color)return"maz-border-danger";if("success"===a.color)return"maz-border-success";if("warning"===a.color)return"maz-border-warning";if("black"===a.color)return"maz-border-black";if("white"===a.color)return"maz-border-white"}return"maz-border-color-lighter"})),c=()=>{if(!n.value||""===n.value){const e=JSON.parse(JSON.stringify(a.modelValue));e.pop(),o("update:model-value",e)}};return(u,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-input-tags",[e.unref(d),`--${t.color}`]]),onFocusCapture:m[1]||(m[1]=e=>r.value=!0),onBlurCapture:m[2]||(m[2]=e=>r.value=!1)},[e.createVNode(e.TransitionGroup,{name:"maz-tags"},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,((r,n)=>(e.openBlock(),e.createElementBlock("div",{key:`tag-${n}`},[e.createVNode(s,{class:"m-input-tags__tag",disabled:t.disabled,size:t.size,color:t.color,onClick:e.withModifiers((e=>(e=>{const t=JSON.parse(JSON.stringify(a.modelValue));t.splice(e,1),o("update:model-value",t)})(n)),["stop"])},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(r),1)])),"right-icon":e.withCtx((()=>[e.createVNode(l,{name:"x",size:"1em",class:"m-input-tags__tag__icon"})])),_:2},1032,["disabled","size","color","onClick"])])))),128))])),_:1}),e.createVNode(v,e.mergeProps({key:"input-tags",modelValue:n.value,"onUpdate:modelValue":m[0]||(m[0]=e=>n.value=e)},u.$attrs,{placeholder:t.placeholder,label:t.label,"aria-label":t.label||t.placeholder,error:t.error,disabled:t.disabled,color:t.color,size:t.size,"no-border":"",class:"m-input-tags__input maz-flex-1",onKeydown:[e.withKeys(i,["enter"]),e.withKeys(c,["delete"])]}),null,16,["modelValue","placeholder","label","aria-label","error","disabled","color","size","onKeydown"])],34))}}),[["__scopeId","data-v-a3af9b56"]])}));

package/components/MazLazyImg.d.ts

@@ -1,80 +1,85 @@
-import { type Prop } from 'vue';
-import type { Image } from './types';
-export type { Image } from './types';
-declare const _default: import("vue").DefineComponent<{
-    image: Prop<Image, Image>;
-    noPhoto: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noLoader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noObserverOnce: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadOnce: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    imageHeightFull: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    observerOptions: Prop<{
-        root?: HTMLElement | null | undefined;
-        threshold: number;
-        rootMargin?: string | undefined;
-    } | undefined, {
-        root?: HTMLElement | null | undefined;
-        threshold: number;
-        rootMargin?: string | undefined;
-    } | undefined>;
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("intersecting" | "loading" | "loaded" | "error")[], "intersecting" | "loading" | "loaded" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    image: Prop<Image, Image>;
-    noPhoto: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noLoader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noObserverOnce: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadOnce: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    imageHeightFull: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    observerOptions: Prop<{
-        root?: HTMLElement | null | undefined;
-        threshold: number;
-        rootMargin?: string | undefined;
-    } | undefined, {
-        root?: HTMLElement | null | undefined;
-        threshold: number;
-        rootMargin?: string | undefined;
-    } | undefined>;
-}>> & {
-    onLoading?: ((...args: any[]) => any) | undefined;
-    onLoaded?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-    onIntersecting?: ((...args: any[]) => any) | undefined;
-}, {
-    noPhoto: boolean;
-    loadOnce: boolean;
-    noLoader: boolean;
-    noObserverOnce: boolean;
-    imageHeightFull: boolean;
-}>;
-export default _default;
+import { type Prop } from 'vue';
+import type { Image } from './types';
+export type { Image } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    image: Prop<Image, Image>;
+    noPhoto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noLoader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noObserverOnce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadOnce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageHeightFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    observerOptions: Prop<{
+        root?: HTMLElement | null | undefined;
+        threshold: number;
+        rootMargin?: string | undefined;
+    } | undefined, {
+        root?: HTMLElement | null | undefined;
+        threshold: number;
+        rootMargin?: string | undefined;
+    } | undefined>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "intersecting" | "loading" | "loaded")[], "error" | "intersecting" | "loading" | "loaded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    image: Prop<Image, Image>;
+    noPhoto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noLoader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noObserverOnce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadOnce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageHeightFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    observerOptions: Prop<{
+        root?: HTMLElement | null | undefined;
+        threshold: number;
+        rootMargin?: string | undefined;
+    } | undefined, {
+        root?: HTMLElement | null | undefined;
+        threshold: number;
+        rootMargin?: string | undefined;
+    } | undefined>;
+}>> & {
+    onLoading?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onIntersecting?: ((...args: any[]) => any) | undefined;
+}, {
+    noPhoto: boolean;
+    loadOnce: boolean;
+    noLoader: boolean;
+    noObserverOnce: boolean;
+    imageHeightFull: boolean;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazLazyImg.mjs

@@ -0,0 +1,376 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}.m-lazy-img-component[data-v-2dd96791]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--maz-color-bg-lighter);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component-loader[data-v-2dd96791]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-lazy-img-component:not(.m-lazy-error,.m-lazy-no-photo) img[data-v-2dd96791]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-2dd96791]{max-height:100%!important;width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;max-width:-webkit-min-content!important;max-width:-moz-min-content!important;max-width:min-content!important}.m-lazy-img-component:not(.m-lazy-loaded,.m-lazy-no-photo) .m-lazy-img-component-loader[data-v-2dd96791]{display:-webkit-box;display:-ms-flexbox;display:flex}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, computed, withDirectives, Fragment, renderList, unref, mergeProps, createVNode, createCommentVNode, renderSlot } from "vue";
+const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+const DEFAULT_OPTIONS = {
+  baseClass: "m-lazy-img",
+  loadedClass: "m-lazy-loaded",
+  loadingClass: "m-lazy-loading",
+  errorClass: "m-lazy-error",
+  noPhotoClass: "m-lazy-no-photo",
+  noPhoto: false,
+  observerOnce: true,
+  loadOnce: false,
+  noUseErrorPhoto: false,
+  observerOptions: {
+    threshold: 0.1
+  }
+};
+class LazyImg {
+  constructor(opts = {}) {
+    __publicField(this, "observers", []);
+    __publicField(this, "defaultOptions", DEFAULT_OPTIONS);
+    __publicField(this, "options");
+    __publicField(this, "onImgLoadedCallback");
+    __publicField(this, "onImgErrorCallback");
+    __publicField(this, "hasImgLoaded", false);
+    this.options = this.buildOptions(opts);
+    this.onImgLoadedCallback = this.imageIsLoaded.bind(this);
+    this.onImgErrorCallback = this.imageHasError.bind(this);
+  }
+  async loadErrorPhoto() {
+    const { default: photo } = await import("./no_photo-410a8f01.mjs");
+    return photo;
+  }
+  buildOptions(opts) {
+    return {
+      ...this.defaultOptions,
+      ...opts,
+      observerOptions: {
+        ...this.defaultOptions.observerOptions,
+        ...opts.observerOptions
+      }
+    };
+  }
+  removeClass(el, className) {
+    el.classList.remove(className);
+  }
+  addClass(el, className) {
+    el.classList.add(className);
+  }
+  removeAllStateClasses(el) {
+    this.removeClass(el, this.options.loadedClass);
+    this.removeClass(el, this.options.loadingClass);
+    this.removeClass(el, this.options.errorClass);
+    this.removeClass(el, this.options.noPhotoClass);
+  }
+  setBaseClass(el) {
+    this.addClass(el, this.options.baseClass);
+  }
+  imageIsLoading(el) {
+    var _a, _b;
+    this.addClass(el, this.options.loadingClass);
+    (_b = (_a = this.options).onLoading) == null ? void 0 : _b.call(_a, el);
+  }
+  imageHasNoPhoto(el) {
+    this.removeClass(el, this.options.loadingClass);
+    this.addClass(el, this.options.noPhotoClass);
+    this.setDefaultPhoto(el);
+  }
+  imageIsLoaded(el) {
+    var _a, _b;
+    this.hasImgLoaded = true;
+    this.removeClass(el, this.options.loadingClass);
+    this.addClass(el, this.options.loadedClass);
+    (_b = (_a = this.options).onLoaded) == null ? void 0 : _b.call(_a, el);
+  }
+  imageHasError(el, event) {
+    var _a, _b;
+    console.warn(`[maz-ui][MazLazyImg] Error while loading image`, event);
+    this.removeClass(el, this.options.loadingClass);
+    this.addClass(el, this.options.errorClass);
+    (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, el);
+    this.setDefaultPhoto(el);
+  }
+  getImageUrl(el, binding) {
+    const dataSrc = this.getImgElement(el).getAttribute("data-src");
+    if (dataSrc)
+      return dataSrc;
+    const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
+    if (!bindingSrc)
+      console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
+    return bindingSrc;
+  }
+  async setPictureSourceUrls(el) {
+    const sourceElements = el.querySelectorAll("source");
+    if (sourceElements.length > 0) {
+      for await (const source of sourceElements) {
+        const srcSet = source.getAttribute("data-srcset");
+        if (srcSet) {
+          source.srcset = srcSet;
+        } else {
+          console.warn(
+            '[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"'
+          );
+        }
+      }
+    } else {
+      console.warn(
+        '[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'
+      );
+      this.imageHasError(el);
+    }
+  }
+  hasBgImgMode(binding) {
+    return binding.arg === "bg-image";
+  }
+  isPictureElement(el) {
+    return el instanceof HTMLPictureElement;
+  }
+  getImgElement(el) {
+    const isPictureElement = this.isPictureElement(el);
+    return isPictureElement ? el.querySelector("img") : el;
+  }
+  async setDefaultPhoto(el) {
+    if (this.options.noUseErrorPhoto)
+      return;
+    const errorPhoto = this.options.errorPhoto ?? await this.loadErrorPhoto();
+    const sourceElements = el.querySelectorAll("source");
+    if (sourceElements.length > 0) {
+      for await (const source of sourceElements) {
+        source.srcset = errorPhoto;
+      }
+    } else {
+      this.setImgSrc(el, errorPhoto);
+    }
+  }
+  addEventListenerToImg(el) {
+    const imgElement = this.getImgElement(el);
+    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
+      once: true
+    });
+    imgElement.addEventListener(
+      "error",
+      (err) => this.onImgErrorCallback(el, err),
+      { once: true }
+    );
+  }
+  async loadImage(el, binding) {
+    this.imageIsLoading(el);
+    if (this.isPictureElement(el)) {
+      this.addEventListenerToImg(el);
+      await this.setPictureSourceUrls(el);
+    } else {
+      const imageUrl = this.getImageUrl(el, binding);
+      if (!imageUrl)
+        return this.imageHasError(el);
+      if (this.hasBgImgMode(binding)) {
+        el.style.backgroundImage = `url('${imageUrl}')`;
+        this.imageIsLoaded(el);
+      } else {
+        this.addEventListenerToImg(el);
+        this.setImgSrc(el, imageUrl);
+      }
+    }
+  }
+  setImgSrc(el, src) {
+    const imgElement = this.getImgElement(el);
+    imgElement.src = src;
+  }
+  handleIntersectionObserver(el, binding, entries, observer) {
+    var _a, _b;
+    this.observers.push(observer);
+    for (const entry of entries) {
+      if (entry.isIntersecting) {
+        (_b = (_a = this.options).onIntersecting) == null ? void 0 : _b.call(_a, entry.target);
+        if (this.options.observerOnce) {
+          observer.unobserve(el);
+        }
+        if (this.options.loadOnce && this.hasImgLoaded)
+          return;
+        this.loadImage(el, binding);
+      }
+    }
+  }
+  createObserver(el, binding) {
+    const observerCallback = (entries, intersectionObserver) => {
+      this.handleIntersectionObserver(
+        el,
+        binding,
+        entries,
+        intersectionObserver
+      );
+    };
+    const observerOptions = this.options.observerOptions;
+    const observer = new IntersectionObserver(observerCallback, observerOptions);
+    observer.observe(el);
+  }
+  async imageHandler(el, binding, type) {
+    if (type === "update") {
+      for await (const observer of this.observers)
+        observer.unobserve(el);
+    }
+    if (window.IntersectionObserver) {
+      this.createObserver(el, binding);
+    } else {
+      this.loadImage(el, binding);
+    }
+  }
+  async bindUpdateHandler(el, binding, type) {
+    if (this.options.noPhoto)
+      return this.imageHasNoPhoto(el);
+    await this.imageHandler(el, binding, type);
+  }
+  async add(el, binding) {
+    if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {
+      throw new Error(
+        `[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`
+      );
+    }
+    setTimeout(() => this.setBaseClass(el), 0);
+    if (!el.getAttribute("src"))
+      this.setImgSrc(el, EMPTY_PHOTO);
+    await this.bindUpdateHandler(el, binding, "bind");
+  }
+  async update(el, binding) {
+    if (binding.value !== binding.oldValue) {
+      this.hasImgLoaded = false;
+      this.removeAllStateClasses(el);
+      await this.bindUpdateHandler(el, binding, "update");
+    }
+  }
+  remove(el, binding) {
+    this.hasImgLoaded = false;
+    if (this.hasBgImgMode(binding))
+      el.style.backgroundImage = "";
+    this.removeAllStateClasses(el);
+    for (const observer of this.observers)
+      observer.unobserve(el);
+    this.observers = [];
+  }
+}
+let instance;
+const vLazyImg = {
+  created(el, binding) {
+    const options = typeof binding.value === "object" ? binding.value : {};
+    instance = new LazyImg(options);
+    instance.add(el, binding);
+  },
+  updated(el, binding) {
+    instance.update(el, binding);
+  },
+  unmounted(el, binding) {
+    instance.remove(el, binding);
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1$1 = ["width", "height"];
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1));
+const _hoisted_3 = [
+  _hoisted_2$1
+];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "info",
+          "white",
+          "success",
+          "warning",
+          "danger",
+          "primary",
+          "black",
+          "secondary",
+          "transparent"
+        ].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3, 10, _hoisted_1$1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-503fe527"]]);
+const _hoisted_1 = ["data-srcset", "media"];
+const _hoisted_2 = {
+  key: 0,
+  class: "m-lazy-img-component-loader"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazLazyImg",
+  props: {
+    image: { type: [String, Object], default: void 0 },
+    noPhoto: { type: Boolean, default: false },
+    noLoader: { type: Boolean, default: false },
+    noObserverOnce: { type: Boolean, default: false },
+    loadOnce: { type: Boolean, default: false },
+    imageHeightFull: { type: Boolean, default: false },
+    observerOptions: { type: Object, default: null }
+  },
+  emits: ["intersecting", "loading", "loaded", "error"],
+  setup(__props) {
+    const props = __props;
+    const sources = computed(() => {
+      var _a;
+      return typeof props.image === "string" ? [{ srcset: props.image }] : (_a = props.image) == null ? void 0 : _a.sources;
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("picture", {
+        class: normalizeClass(["m-lazy-img-component", { "-use-loader": !__props.noLoader, "--height-full": __props.imageHeightFull }])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sources), ({ srcset, media }, sourceIndex) => {
+          return openBlock(), createElementBlock("source", {
+            key: sourceIndex,
+            "data-srcset": srcset,
+            media
+          }, null, 8, _hoisted_1);
+        }), 128)),
+        createElementVNode("img", mergeProps(_ctx.$attrs, { src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" }), null, 16),
+        !__props.noLoader ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(MazSpinner, {
+            color: "black",
+            size: "2em"
+          })
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2)), [
+        [unref(vLazyImg), {
+          noPhoto: __props.noPhoto,
+          observerOnce: !__props.noObserverOnce,
+          loadOnce: __props.loadOnce,
+          onIntersecting: (el) => _ctx.$emit("intersecting", el),
+          onLoading: (el) => _ctx.$emit("loading", el),
+          onLoaded: (el) => _ctx.$emit("loaded", el),
+          onError: (el) => _ctx.$emit("error", el),
+          observerOptions: __props.observerOptions
+        }]
+      ]);
+    };
+  }
+});
+const MazLazyImg_vue_vue_type_style_index_0_scoped_2dd96791_lang = "";
+const MazLazyImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2dd96791"]]);
+export {
+  MazLazyImg as default
+};