maz-ui 3.5.0 → 3.6.1

package/components/MazCard.mjs

@@ -0,0 +1,1390 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode(".m-gallery[data-v-680a27a0]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-680a27a0]{display:none}.m-gallery__item[data-v-680a27a0]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-680a27a0]{left:0;height:100%}.m-gallery__item--1[data-v-680a27a0]:not(:last-child){width:50%}.m-gallery__item--2[data-v-680a27a0]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-680a27a0]:last-child{height:100%}.m-gallery__item--2[data-v-680a27a0]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-680a27a0]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-680a27a0]:last-child{width:50%}.m-gallery__item--3[data-v-680a27a0]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-680a27a0]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-680a27a0]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-680a27a0]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-680a27a0]:first-child{border-left:0}.m-gallery__item--3[data-v-680a27a0]:last-child,.m-gallery__item--3[data-v-680a27a0]:nth-last-child(2),.m-gallery__item--4[data-v-680a27a0]:last-child,.m-gallery__item--5[data-v-680a27a0]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-680a27a0]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-680a27a0]{position:absolute;top:0;bottom:0;right:0;left:0}.m-gallery__remaining-layer a span[data-v-680a27a0]{color:#fff;font-size:2rem}@-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-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-card[data-v-34ee12c8]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--maz-color-bg)}.m-card__header[data-v-34ee12c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem 1rem;-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:.15s;transition-duration:.15s;-webkit-transition-delay:.2s;transition-delay:.2s}.m-card__header.--is-collapsable[data-v-34ee12c8]:hover{background-color:var(--maz-color-bg-lighter)}.m-card__collapse-icon[data-v-34ee12c8]{--tw-rotate: 0deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-card__collapse-icon.--is-open[data-v-34ee12c8]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-card__wrapper[data-v-34ee12c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.m-card__wrapper--row[data-v-34ee12c8]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.m-card__wrapper--row-reverse[data-v-34ee12c8]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.m-card__wrapper--column[data-v-34ee12c8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-card__wrapper--column-reverse[data-v-34ee12c8]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-card--linked[data-v-34ee12c8]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(1);transform:scale(1)}.m-card--linked[data-v-34ee12c8]:hover:not(.m-card--no-scale){z-index:1;-webkit-transform:scale(1.02);transform:scale(1.02)}.m-card--linked .m-card__wrapper[data-v-34ee12c8]{cursor:pointer;text-decoration-line:none}.m-card--linked .m-card__wrapper[data-v-34ee12c8]:hover{text-decoration-line:none}.m-card__content__wrapper[data-v-34ee12c8]{position:relative;max-width:100%}.m-card__title[data-v-34ee12c8],.m-card__title>*[data-v-34ee12c8]{font-size:1.2em;color:var(--maz-color-text)}.m-card__subtitle[data-v-34ee12c8],.m-card__subtitle>*[data-v-34ee12c8]{font-size:1.1em;color:var(--maz-color-muted)}.m-card__gallery__wrapper[data-v-34ee12c8]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.m-card__actions[data-v-34ee12c8]{position:absolute;top:0px;left:0px;z-index:2}.m-card__actions>*[data-v-34ee12c8]:not(:last-child){margin-right:.5rem}html.dark .m-card[data-v-34ee12c8]{background-color:var(--maz-color-bg-light)}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+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 { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, mergeProps, createCommentVNode, nextTick, onBeforeMount, resolveComponent, resolveDirective, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, toDisplayString, createVNode, pushScopeId, popScopeId, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, TransitionGroup, watch, withModifiers, vShow } from "vue";
+const style = `
+.maz-zoom-img {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 2.5rem;
+  z-index: 1050;
+  background-color: hsla(238, 15%, 40%, 0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.maz-zoom-img,
+.maz-zoom-img * {
+  box-sizing: border-box;
+}
+
+.maz-zoom-img .maz-zoom-img__wrapper {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  max-width: 100%;
+  max-height: 100%;
+  transition: all 300ms ease-in-out;
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__loader {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: hsla(238, 15%, 40%, 0.7);
+  border-radius: 1rem;
+  z-index: 2;
+  min-width: 60px;
+  min-height: 60px;
+}
+.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {
+  display: none;
+}
+
+@-webkit-keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {
+  animation: spin .6s linear infinite;
+}
+
+.maz-zoom-img img {
+  max-width: 100%;
+  max-height: 100%;
+  min-width: 0;
+  border-radius: 1rem;
+}
+
+.maz-zoom-img .maz-zoom-btn {
+  margin: 0 auto;
+  border: none;
+  background-color: hsla(0, 0%, 7%, 0.5);
+  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);
+  height: 2.2rem;
+  min-height: 2.2rem;
+  width: 2.2rem;
+  min-width: 2.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2.2rem;
+  cursor: pointer;
+  flex: 0 0 auto;
+  outline: none;
+}
+
+.maz-zoom-img .maz-zoom-btn svg {
+  fill: white;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {
+  position: absolute;
+  left: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {
+  position: absolute;
+  right: 0.5rem;
+  z-index: 1;
+}
+
+.maz-zoom-img .maz-zoom-btn:hover {
+  background-color: hsl(0, 0%, 0%);
+}`;
+const svgs = {
+  close: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',
+  next: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',
+  previous: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',
+  spinner: '<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><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"></path></svg>'
+};
+class VueZoomImg {
+  constructor(binding) {
+    __publicField(this, "options");
+    __publicField(this, "loader");
+    __publicField(this, "wrapper");
+    __publicField(this, "img");
+    __publicField(this, "keydownHandler");
+    __publicField(this, "onImgLoadedCallback");
+    __publicField(this, "buttonsAdded");
+    __publicField(this, "defaultOptions", {
+      scale: true,
+      blur: true,
+      disabled: false
+    });
+    __publicField(this, "mouseEnterListener");
+    __publicField(this, "mouseLeaveListener");
+    __publicField(this, "renderPreviewListener");
+    if (!binding.value) {
+      throw new Error(
+        '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`'
+      );
+    }
+    if (typeof binding.value === "object" && !binding.value.src) {
+      throw new Error("[maz-ui](zoom-img) src of image must be provided");
+    }
+    this.buttonsAdded = false;
+    this.options = this.buildOptions(binding);
+    this.keydownHandler = this.keydownLister.bind(this);
+    this.loader = this.getLoader();
+    this.wrapper = document.createElement("div");
+    this.wrapper.classList.add("maz-zoom-img__wrapper");
+    this.wrapper.prepend(this.loader);
+    this.img = document.createElement("img");
+    this.onImgLoadedCallback = this.onImgLoaded.bind(this);
+    this.imgEventHandler(true);
+  }
+  buildOptions(binding) {
+    return {
+      ...this.defaultOptions,
+      ...typeof binding.value === "object" ? binding.value : { src: binding.value }
+    };
+  }
+  get allInstances() {
+    return [
+      ...document.querySelectorAll(".maz-zoom-img-instance")
+    ];
+  }
+  create(el) {
+    if (this.options.disabled)
+      return;
+    el.style.cursor = "pointer";
+    setTimeout(() => el.classList.add("maz-zoom-img-instance"));
+    el.setAttribute("data-src", this.options.src);
+    if (this.options.alt)
+      el.setAttribute("data-alt", this.options.alt);
+    el.style.transition = "all 300ms ease-in-out";
+    this.mouseEnterListener = () => this.mouseEnter(el);
+    this.mouseLeaveListener = () => this.mouseLeave(el);
+    this.renderPreviewListener = () => this.renderPreview(el, this.options);
+    el.addEventListener("mouseenter", this.mouseEnterListener);
+    el.addEventListener("mouseleave", this.mouseLeaveListener);
+    el.addEventListener("click", this.renderPreviewListener);
+  }
+  update(binding) {
+    this.options = this.buildOptions(binding);
+  }
+  remove(el) {
+    this.imgEventHandler(false);
+    el.removeEventListener("mouseenter", this.mouseEnterListener);
+    el.removeEventListener("mouseleave", this.mouseLeaveListener);
+    el.removeEventListener("click", this.renderPreviewListener);
+    el.classList.remove("maz-zoom-img-instance");
+    el.removeAttribute("data-src");
+    el.removeAttribute("data-alt");
+    el.style.cursor = "";
+  }
+  renderPreview(el, options) {
+    el.classList.add("maz-is-open");
+    this.addStyle(style);
+    const container = document.createElement("div");
+    container.classList.add("maz-zoom-img");
+    container.setAttribute("id", "MazImgPreviewFullsize");
+    container.addEventListener("click", (e) => {
+      if (container.isEqualNode(e.target)) {
+        this.closePreview();
+      }
+    });
+    if (typeof options === "object") {
+      this.img.setAttribute("src", options.src);
+      if (options.alt)
+        this.img.setAttribute("alt", options.alt);
+      this.img.id = "MazImgElement";
+    }
+    this.wrapper.append(this.img);
+    container.append(this.wrapper);
+    document.body.append(container);
+    this.keyboardEventHandler(true);
+    setTimeout(() => {
+      if (container)
+        container.classList.add("maz-animate");
+    }, 100);
+  }
+  onImgLoaded() {
+    this.wrapper.style.width = `${this.img.width}px`;
+    this.wrapper.style.minWidth = `200px`;
+    this.loader.hidden = true;
+    const closeButton = this.getButton();
+    const buttons = [];
+    const hasMultipleInstance = this.allInstances.length > 1;
+    if (!this.buttonsAdded) {
+      this.buttonsAdded = true;
+      if (hasMultipleInstance) {
+        const previousButton = this.getButton("previous");
+        const nextButton = this.getButton("next");
+        buttons.push(previousButton, nextButton);
+      }
+      this.wrapper.append(closeButton);
+      if (hasMultipleInstance) {
+        this.wrapper.prepend(buttons[0]);
+        this.wrapper.append(buttons[1]);
+      }
+    }
+  }
+  getLoader() {
+    const loader = document.createElement("div");
+    loader.classList.add("maz-zoom-img__loader");
+    loader.innerHTML = svgs.spinner;
+    return loader;
+  }
+  mouseLeave(el) {
+    if (this.options.scale)
+      el.style.transform = "";
+    if (this.options.blur)
+      el.style.filter = "";
+    el.style.zIndex = "";
+  }
+  mouseEnter(el) {
+    el.style.zIndex = "1";
+    if (this.options.scale)
+      el.style.transform = "scale(1.1)";
+    if (this.options.blur)
+      el.style.filter = "blur(2px)";
+  }
+  keydownLister(e) {
+    e.preventDefault();
+    if (e.key === "Escape" || e.key === " ") {
+      this.closePreview();
+    }
+    if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+      this.nextPreviousImage(e.key === "ArrowRight");
+    }
+  }
+  getButton(iconName = "close") {
+    const button = document.createElement("button");
+    button.innerHTML = svgs[iconName];
+    button.addEventListener("click", () => {
+      iconName === "close" ? this.closePreview() : this.allInstances ? this.nextPreviousImage(iconName === "next") : null;
+    });
+    button.classList.add("maz-zoom-btn");
+    button.classList.add(`maz-zoom-btn--${iconName}`);
+    return button;
+  }
+  closePreview() {
+    const container = document.querySelector(
+      "#MazImgPreviewFullsize"
+    );
+    const style2 = document.querySelector("#MazPreviewStyle");
+    const instance2 = document.querySelector(
+      ".maz-zoom-img-instance.maz-is-open"
+    );
+    if (instance2)
+      instance2.classList.remove("maz-is-open");
+    if (container)
+      container.classList.remove("maz-animate");
+    this.keyboardEventHandler(false);
+    setTimeout(() => {
+      if (container)
+        container.remove();
+      if (style2)
+        style2.remove();
+    }, 300);
+  }
+  getNewInstanceIndex(newInstanceIndex) {
+    return newInstanceIndex < 0 ? this.allInstances.length - 1 : newInstanceIndex >= this.allInstances.length ? 0 : newInstanceIndex;
+  }
+  nextPreviousImage(isNext) {
+    const selectNextInstance = isNext;
+    const currentInstance = document.querySelector(
+      ".maz-zoom-img-instance.maz-is-open"
+    );
+    if (currentInstance) {
+      const currentInstanceIndex = this.allInstances.indexOf(currentInstance);
+      const newInstanceIndex = selectNextInstance ? currentInstanceIndex + 1 : currentInstanceIndex - 1;
+      const nextInstance = this.allInstances[this.getNewInstanceIndex(newInstanceIndex)];
+      if (nextInstance) {
+        this.useNextInstance(currentInstance, nextInstance);
+      }
+    }
+  }
+  useNextInstance(currentInstance, nextInstance) {
+    currentInstance.classList.remove("maz-is-open");
+    nextInstance.classList.add("maz-is-open");
+    const src = nextInstance.getAttribute("data-src");
+    const alt = nextInstance.getAttribute("data-alt");
+    this.wrapper.style.width = "";
+    this.loader.hidden = false;
+    if (src)
+      this.img.setAttribute("src", src);
+    if (alt)
+      this.img.setAttribute("alt", alt);
+  }
+  addStyle(styleString) {
+    const style2 = document.createElement("style");
+    style2.id = "MazPreviewStyle";
+    style2.textContent = styleString;
+    document.head.append(style2);
+  }
+  keyboardEventHandler(add) {
+    if (add)
+      return document.addEventListener("keydown", this.keydownHandler);
+    document.removeEventListener("keydown", this.keydownHandler);
+  }
+  imgEventHandler(add) {
+    if (add)
+      return this.img.addEventListener("load", this.onImgLoadedCallback);
+    this.img.removeEventListener("load", this.onImgLoadedCallback);
+  }
+}
+let instance$1;
+const vZoomImg = {
+  created(el, binding) {
+    instance$1 = new VueZoomImg(binding);
+    instance$1.create(el);
+  },
+  updated(_el, binding) {
+    instance$1.update(binding);
+  },
+  unmounted(el) {
+    instance$1.remove(el);
+  }
+};
+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);
+  }
+};
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
+const _hoisted_1$4 = ["innerHTML"];
+const _sfc_main$5 = /* @__PURE__ */ 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: (svg) => svg
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const cache = {};
+    const svgElSource = ref();
+    const svgElem = ref();
+    const getMazIconPath = () => {
+      try {
+        return injectStrict("mazIconPath");
+      } catch {
+        return void 0;
+      }
+    };
+    const iconPath = computed(() => props.path ?? getMazIconPath());
+    const fullSrc = computed(() => {
+      if (props.src) {
+        return props.src;
+      } else if (iconPath.value) {
+        return `${iconPath.value}/${props.name}.svg`;
+      } else {
+        return `/${props.name}.svg`;
+      }
+    });
+    onMounted(() => {
+      if (!props.name && !props.src) {
+        console.error(
+          '[maz-ui](MazIcon) you should provide "name" or "src" as prop'
+        );
+      }
+    });
+    const setTitle = (svg, title) => {
+      const titleTags = svg.querySelectorAll("title");
+      if (titleTags.length > 0) {
+        titleTags[0].textContent = title;
+      } else {
+        const titleEl = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "title"
+        );
+        titleEl.textContent = title;
+        svg.append(titleEl);
+      }
+    };
+    const filterAttrs = (attrs) => {
+      return Object.keys(attrs).reduce((result, key) => {
+        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
+          result[key] = attrs[key];
+        }
+        return result;
+      }, {});
+    };
+    const getSvgAttrs = (svgEl) => {
+      const svgAttrs = {};
+      const attrs = svgEl.attributes;
+      if (!attrs) {
+        return svgAttrs;
+      }
+      for (let i = attrs.length - 1; i >= 0; i--) {
+        svgAttrs[attrs[i].name] = attrs[i].value;
+      }
+      return svgAttrs;
+    };
+    const getSvgContent = (svgEl) => {
+      let svgElNode = svgEl.cloneNode(true);
+      svgElNode = props.transformSource(svgEl);
+      if (props.title) {
+        setTitle(svgElNode, props.title);
+      }
+      return svgEl.innerHTML;
+    };
+    const getSource = async (src) => {
+      if (!cache[src]) {
+        cache[src] = download(src);
+      }
+      try {
+        svgElSource.value = await cache[src];
+        await nextTick();
+        emits("loaded", svgElem.value);
+      } catch (error) {
+        if (svgElSource.value) {
+          svgElSource.value = void 0;
+          emits("unloaded");
+        }
+        delete cache[src];
+        emits("error", error);
+      }
+    };
+    const download = (url) => {
+      return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.open("GET", url, true);
+        request.addEventListener("load", () => {
+          if (request.status >= 200 && request.status < 400) {
+            try {
+              const parser = new DOMParser();
+              const result = parser.parseFromString(
+                request.responseText,
+                "text/xml"
+              );
+              let svgEl = result.querySelectorAll("svg")[0];
+              if (svgEl) {
+                svgEl = props.transformSource(svgEl);
+                resolve(svgEl);
+              } else {
+                reject(new Error('Loaded file is not valid SVG"'));
+              }
+            } catch (error) {
+              reject(error);
+            }
+          } else {
+            reject(new Error("Error loading SVG"));
+          }
+        });
+        request.addEventListener("error", () => reject());
+        request.send();
+      });
+    };
+    watchEffect(() => getSource(fullSrc.value));
+    return (_ctx, _cache) => {
+      return svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
+        key: 0,
+        ref_key: "svgElem",
+        ref: svgElem,
+        width: "1em",
+        height: "1em"
+      }, {
+        ...getSvgAttrs(svgElSource.value),
+        ...filterAttrs(_ctx.$attrs)
+      }, {
+        style: `font-size: ${__props.size}`,
+        innerHTML: getSvgContent(svgElSource.value)
+      }), null, 16, _hoisted_1$4)) : createCommentVNode("", true);
+    };
+  }
+});
+const NoPhotographyIcon = "data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0iY3VycmVudENvbG9yIgo+CiAgPGc+CiAgICA8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIC8+CiAgICA8Zz4KICAgICAgPHBhdGgKICAgICAgICBkPSJNOC45LDYuMDdMNy40OCw0LjY2TDksM2g2bDEuODMsMkgyMGMxLjEsMCwyLDAuOSwyLDJ2MTJjMCwwLjA1LTAuMDEsMC4xLTAuMDIsMC4xNkwyMCwxNy4xN1Y3aC00LjA1bC0xLjgzLTJIOS44OCBMOC45LDYuMDd6IE0yMC40OSwyMy4zMUwxOC4xNywyMUg0Yy0xLjEsMC0yLTAuOS0yLTJWN2MwLTAuNTksMC4yNy0xLjEyLDAuNjgtMS40OWwtMi0yTDIuMSwyLjFsMTkuOCwxOS44TDIwLjQ5LDIzLjMxeiBNOS4xOSwxMi4wMkM5LjA4LDEyLjMzLDksMTIuNjUsOSwxM2MwLDEuNjYsMS4zNCwzLDMsM2MwLjM1LDAsMC42Ny0wLjA4LDAuOTgtMC4xOUw5LjE5LDEyLjAyeiBNMTYuMTcsMTlsLTEuNjgtMS42OCBDMTMuNzYsMTcuNzUsMTIuOTEsMTgsMTIsMThjLTIuNzYsMC01LTIuMjQtNS01YzAtMC45MSwwLjI1LTEuNzYsMC42OC0yLjQ5TDQuMTcsN0g0djEySDE2LjE3eiBNMTQuODEsMTEuOThsMi4wNywyLjA3IEMxNi45NiwxMy43MSwxNywxMy4zNiwxNywxM2MwLTIuNzYtMi4yNC01LTUtNWMtMC4zNiwwLTAuNzEsMC4wNC0xLjA2LDAuMTJsMi4wNywyLjA3QzEzLjg1LDEwLjQ5LDE0LjUxLDExLjE1LDE0LjgxLDExLjk4eiIKICAgICAgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=";
+const _sfc_main$4 = defineComponent({
+  components: { MazIcon: _sfc_main$5 },
+  directives: {
+    "zoom-img": vZoomImg,
+    "lazy-img": vLazyImg
+  },
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    imagesShownCount: { type: Number, default: 5 },
+    noRemaining: { type: Boolean, default: false },
+    height: { type: [Number, String], default: 150 },
+    noHeight: { type: Boolean, default: false },
+    width: { type: [Number, String], default: "100%" },
+    noWidth: { type: Boolean, default: false },
+    noRadius: { type: Boolean, default: false },
+    noZoom: { type: Boolean, default: false },
+    hasEmptyLayer: { type: Boolean, default: true },
+    lazy: { type: Boolean, default: true },
+    blur: { type: Boolean, default: true },
+    scale: { type: Boolean, default: true }
+  },
+  setup(props) {
+    onBeforeMount(() => {
+      if (props.imagesShownCount > 5)
+        console.warn(
+          '[MazUI](m-gallery) The maximum of "images-shown-count" is 5'
+        );
+    });
+    const sizeStyle = computed(() => {
+      const { height, width, noWidth, noHeight } = props;
+      return {
+        ...noWidth ? {} : {
+          flex: "0 0 " + typeof width === "number" ? `${width}px` : width,
+          width: typeof width === "number" ? `${width}px` : width
+        },
+        ...noHeight ? {} : {
+          height: typeof height === "number" ? `${height}px` : `${height}`,
+          minHeight: typeof height === "number" ? `${height}px` : `${height}`
+        }
+      };
+    });
+    const imagesCount = computed(() => {
+      return props.imagesShownCount <= 5 ? props.imagesShownCount : 5;
+    });
+    const numberImagesRemaining = computed(() => {
+      return props.images.length - (props.images.length < imagesCount.value ? props.images.length : imagesCount.value);
+    });
+    const imagesNormalized = computed(() => {
+      return props.images.map(
+        (image) => typeof image === "object" ? image : { src: image, alt: void 0 }
+      );
+    });
+    const imagesShown = computed(() => {
+      return imagesNormalized.value.slice(0, imagesCount.value);
+    });
+    const imagesHidden = computed(() => {
+      return imagesNormalized.value.slice(
+        imagesCount.value,
+        props.images.length
+      );
+    });
+    const shouldHaveRemainingLayer = (index) => {
+      return numberImagesRemaining.value && index + 1 === imagesShown.value.length && !props.noRemaining;
+    };
+    return {
+      sizeStyle,
+      imagesCount,
+      shouldHaveRemainingLayer,
+      imagesShown,
+      numberImagesRemaining,
+      imagesHidden,
+      NoPhotographyIcon
+    };
+  }
+});
+const MazGallery_vue_vue_type_style_index_0_scoped_680a27a0_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$3 = { class: "m-gallery__wrapper maz-flex maz-flex-1" };
+const _hoisted_2$3 = ["alt"];
+const _hoisted_3$3 = {
+  key: 0,
+  class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
+};
+const _hoisted_4$1 = { class: "maz-text-2xl maz-text-white" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_MazIcon = resolveComponent("MazIcon");
+  const _directive_zoom_img = resolveDirective("zoom-img");
+  const _directive_lazy_img = resolveDirective("lazy-img");
+  return _ctx.images.length > 0 || _ctx.hasEmptyLayer ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["m-gallery maz-flex", { "maz-rounded-xl": !_ctx.noRadius }]),
+    style: normalizeStyle([_ctx.sizeStyle])
+  }, [
+    createElementVNode("section", _hoisted_1$3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.imagesShown, (image, i) => {
+        return openBlock(), createElementBlock("figure", {
+          key: i,
+          class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
+        }, [
+          withDirectives(createElementVNode("img", {
+            class: "m-gallery__item__image maz-flex-1",
+            src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+            alt: image.alt
+          }, null, 8, _hoisted_2$3), [
+            [_directive_zoom_img, {
+              src: image.src,
+              alt: image.alt,
+              disabled: _ctx.noZoom || _ctx.shouldHaveRemainingLayer(i),
+              blur: _ctx.blur,
+              scale: _ctx.scale
+            }],
+            [_directive_lazy_img, { src: image.src, disabled: !_ctx.lazy }, "bg-image"]
+          ]),
+          _ctx.shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3$3, [
+            createElementVNode("span", _hoisted_4$1, "+" + toDisplayString(_ctx.numberImagesRemaining), 1)
+          ])), [
+            [_directive_zoom_img, {
+              src: image.src,
+              alt: image.alt,
+              disabled: _ctx.noZoom,
+              blur: false,
+              scale: _ctx.scale
+            }]
+          ]) : createCommentVNode("", true)
+        ], 2);
+      }), 128)),
+      _ctx.hasEmptyLayer && _ctx.images.length === 0 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal", { "maz-rounded-xl": !_ctx.noRadius }]),
+        style: normalizeStyle([_ctx.sizeStyle])
+      }, [
+        createVNode(_component_MazIcon, {
+          src: _ctx.NoPhotographyIcon,
+          size: "2rem"
+        }, null, 8, ["src"])
+      ], 6)) : createCommentVNode("", true)
+    ]),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.imagesHidden, (image, i) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        key: i,
+        class: "m-gallery__hidden"
+      })), [
+        [_directive_zoom_img, { src: image.src, disabled: _ctx.noZoom }]
+      ]);
+    }), 128))
+  ], 6)) : createCommentVNode("", true);
+}
+const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-680a27a0"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = ["width", "height"];
+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));
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+const _sfc_main$3 = /* @__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$2, 10, _hoisted_1$2);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-503fe527"]]);
+const _hoisted_1$1 = {
+  key: 0,
+  class: "m-btn__icon-left maz-flex maz-flex-center"
+};
+const _hoisted_2$1 = { class: "maz-flex maz-flex-center" };
+const _hoisted_3$1 = {
+  key: 1,
+  class: "m-btn__icon-right maz-flex maz-flex-center"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "link"].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (value) => {
+        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
+      }
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "info",
+          "success",
+          "warning",
+          "danger",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (value) => {
+        return ["button", "submit"].includes(value);
+      }
+    },
+    rounded: { type: Boolean, default: false },
+    outline: { type: Boolean, default: false },
+    pastel: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    noUnderline: { type: Boolean, default: false },
+    noLeading: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    fab: { type: Boolean, default: false },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: false },
+    noElevation: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { href, to } = useAttrs();
+    const slots = useSlots();
+    const component = computed(() => {
+      if (href)
+        return "a";
+      else if (to)
+        return "router-link";
+      return "button";
+    });
+    const btnColorClass = computed(
+      () => props.pastel ? `--${props.color}-pastel` : props.outline || props.loading ? `--${props.color}-outline` : `--${props.color}`
+    );
+    const isDisabled = computed(
+      () => (props.loading || props.disabled) && component.value === "button"
+    );
+    const cursorClass = computed(
+      () => isDisabled.value ? "--cursor-default" : "--cursor-pointer"
+    );
+    const variantClass = computed(() => `--is-${props.variant}`);
+    const loaderBgColorClass = computed(() => `--${props.color}`);
+    const loaderColor = computed(
+      () => ["white"].includes(props.color) ? "black" : "white"
+    );
+    const hasLoader = computed(() => props.loading && props.variant === "button");
+    const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
+    const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
+    const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
+    const btnType = computed(
+      () => component.value === "button" ? props.type : void 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps(_ctx.$attrs, {
+        disabled: unref(isDisabled),
+        class: ["m-btn", [
+          `--${__props.size}`,
+          unref(btnColorClass),
+          unref(cursorClass),
+          unref(variantClass),
+          {
+            "--block": __props.block,
+            "--no-underline": __props.noUnderline,
+            "--no-leading": __props.noLeading,
+            "--fab": __props.fab,
+            "--loading": __props.loading,
+            "--disabled": unref(isDisabled),
+            "--icon": unref(hasIcon),
+            "--rounded": __props.rounded,
+            "--no-padding": __props.noPadding,
+            "--no-elevation": __props.noElevation
+          }
+        ]],
+        type: unref(btnType)
+      }), {
+        default: withCtx(() => [
+          unref(hasLeftIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            renderSlot(_ctx.$slots, "left-icon", {}, () => [
+              __props.leftIcon ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 0,
+                name: __props.leftIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          unref(hasRightIcon) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+            renderSlot(_ctx.$slots, "right-icon", {}, () => [
+              __props.rightIcon ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 0,
+                name: __props.rightIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true),
+          unref(hasLoader) ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(["m-btn__loading-wrapper", unref(loaderBgColorClass)])
+          }, [
+            createVNode(MazSpinner, {
+              size: "2em",
+              color: unref(loaderColor)
+            }, null, 8, ["color"])
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["disabled", "class", "type"]);
+    };
+  }
+});
+const MazBtn_vue_vue_type_style_index_0_scoped_7673d151_lang = "";
+const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7673d151"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazTransitionExpand",
+  setup(__props) {
+    const enter = (element) => {
+      const width = getComputedStyle(element).width;
+      element.style.width = width;
+      element.style.position = "absolute";
+      element.style.visibility = "hidden";
+      element.style.height = "auto";
+      element.style.top = "bottom";
+      const height = getComputedStyle(element).height;
+      element.style.width = "";
+      element.style.position = "";
+      element.style.visibility = "";
+      element.style.height = "0px";
+      getComputedStyle(element).height;
+      nextTick(() => {
+        element.style.height = height;
+      });
+    };
+    const afterEnter = (element) => {
+      element.style.height = "auto";
+    };
+    const leave = (element) => {
+      const height = getComputedStyle(element).height;
+      element.style.height = height;
+      getComputedStyle(element).height;
+      nextTick(() => {
+        element.style.height = "0px";
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        class: "m-transition-expand",
+        name: "maz-expand",
+        tag: "div",
+        onEnter: _cache[0] || (_cache[0] = (el) => enter(el)),
+        onAfterEnter: _cache[1] || (_cache[1] = (el) => afterEnter(el)),
+        onLeave: _cache[2] || (_cache[2] = (el) => leave(el))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const MazTransitionExpand_vue_vue_type_style_index_0_scoped_b5d3ee9f_lang = "";
+const MazTransitionExpand = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b5d3ee9f"]]);
+const ChevronDownIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciLz4KPC9zdmc+Cg==";
+const _hoisted_1 = {
+  key: 0,
+  class: "m-card__gallery__wrapper"
+};
+const _hoisted_2 = { class: "maz-min-w-0 maz-flex-1" };
+const _hoisted_3 = {
+  key: 0,
+  class: "m-card__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "m-card__subtitle"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "m-card__content"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "m-card__actions maz-flex maz-p-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazCard",
+  props: {
+    images: {
+      type: Array,
+      default: void 0
+    },
+    orientation: {
+      type: String,
+      default: "column",
+      validator: (value) => {
+        return ["column", "row", "row-reverse", "column-reverse"].includes(
+          value
+        );
+      }
+    },
+    href: { type: String, default: void 0 },
+    hrefTarget: { type: String, default: "_self" },
+    footerAlign: { type: String, default: "right" },
+    galleryWidth: { type: [String, Number], default: 200 },
+    galleryHeight: { type: [String, Number], default: 150 },
+    zoom: { type: Boolean, default: false },
+    elevation: { type: Boolean, default: true },
+    radius: { type: Boolean, default: true },
+    bordered: { type: Boolean, default: false },
+    imagesShowCount: { type: Number, default: 3 },
+    noRemaining: { type: Boolean, default: true },
+    scale: { type: Boolean, default: true },
+    wrapperClass: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: false },
+    overflowHidden: { type: Boolean, default: false },
+    collapsable: { type: Boolean, default: false },
+    collapseOpen: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const isOpen = ref(props.collapsable ? props.collapseOpen : true);
+    watch(
+      () => props.collapseOpen,
+      (value) => {
+        if (props.collapsable)
+          isOpen.value = value;
+      }
+    );
+    const isColumnVariant = computed(
+      () => ["column", "column-reverse"].includes(props.orientation)
+    );
+    const haveSomeContent = computed(() => {
+      const supportedSlots = /* @__PURE__ */ new Set(["default", "title", "subtitle", "content"]);
+      return Object.keys(slots).some((val) => supportedSlots.has(val));
+    });
+    const galleryWidthComputed = computed(
+      () => haveSomeContent.value ? props.galleryWidth : "100%"
+    );
+    const footerAlignClass = computed(
+      () => props.footerAlign === "right" ? "maz-text-right" : "maz-text-left"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["m-card", [
+          {
+            "m-card--linked": __props.href,
+            "m-card--no-scale": !__props.scale,
+            "maz-elevation": __props.elevation,
+            "maz-overflow-hidden": __props.overflowHidden || !isOpen.value,
+            "maz-rounded": __props.radius,
+            "maz-border-2 maz-border-solid maz-border-color-lighter": __props.bordered
+          }
+        ]])
+      }, [
+        _ctx.$slots["header"] || __props.collapsable ? (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? "button" : "div"), {
+          key: 0,
+          class: normalizeClass(["m-card__header maz-rounded-t-xl maz-border-b-2", [
+            isOpen.value ? "maz-border-color-lighter" : "maz-border-transparent",
+            { "--is-collapsable": __props.collapsable }
+          ]]),
+          tabindex: "-1",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.collapsable ? isOpen.value = !isOpen.value : void 0, ["stop"]))
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "header", {}, void 0, true),
+            __props.collapsable ? (openBlock(), createBlock(MazBtn, {
+              key: 0,
+              color: "transparent",
+              class: "maz-ml-2 maz-text-sm",
+              size: "xs",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"]))
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$5, {
+                  src: unref(ChevronDownIcon),
+                  class: normalizeClass([{ "--is-open": isOpen.value }, "m-card__collapse-icon maz-h-6"])
+                }, null, 8, ["src", "class"])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["class"])) : createCommentVNode("", true),
+        (openBlock(), createBlock(resolveDynamicComponent(__props.href ? "a" : "div"), {
+          class: normalizeClass(["m-card__wrapper", [`m-card__wrapper--${__props.orientation}`, { "m-card__link": __props.href }]]),
+          href: __props.href,
+          target: __props.href ? __props.hrefTarget : null
+        }, {
+          default: withCtx(() => [
+            __props.images ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(MazGallery, {
+                radius: __props.radius,
+                width: unref(galleryWidthComputed),
+                height: __props.galleryHeight,
+                "images-shown-count": __props.imagesShowCount,
+                images: __props.images,
+                zoom: __props.zoom,
+                "no-width": unref(isColumnVariant),
+                "no-height": !unref(isColumnVariant) && unref(haveSomeContent),
+                "no-remaining": __props.noRemaining,
+                class: "m-card__gallery maz-flex-1"
+              }, null, 8, ["radius", "width", "height", "images-shown-count", "images", "zoom", "no-width", "no-height", "no-remaining"])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.collapsable ? MazTransitionExpand : "div"), null, {
+                default: withCtx(() => [
+                  withDirectives(createElementVNode("div", {
+                    class: normalizeClass([[__props.wrapperClass, { "maz-p-4": !__props.noPadding && !__props.collapsable }], "m-card__content__wrapper"])
+                  }, [
+                    renderSlot(_ctx.$slots, "default", {}, () => [
+                      _ctx.$slots["title"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                        renderSlot(_ctx.$slots, "title", {}, void 0, true)
+                      ])) : createCommentVNode("", true),
+                      _ctx.$slots["subtitle"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                        renderSlot(_ctx.$slots, "subtitle", {}, void 0, true)
+                      ])) : createCommentVNode("", true),
+                      _ctx.$slots["content"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                        renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                      ])) : createCommentVNode("", true)
+                    ], true)
+                  ], 2), [
+                    [vShow, isOpen.value]
+                  ])
+                ]),
+                _: 3
+              }))
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "href", "target"])),
+        _ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["m-card__footer maz-overflow-x-auto maz-p-3", [
+            {
+              "maz-border-t-2 maz-border-color-lighter": unref(isColumnVariant) && unref(haveSomeContent)
+            },
+            unref(footerAlignClass)
+          ]])
+        }, [
+          renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true),
+        _ctx.$slots["actions"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const MazCard_vue_vue_type_style_index_0_scoped_34ee12c8_lang = "";
+const MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34ee12c8"]]);
+export {
+  MazCard as default
+};