maz-ui 3.10.4 → 3.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazAvatar.d.ts +0 -2
- package/components/MazAvatar.mjs +11 -38
- package/components/MazAvatar.umd.js +2 -2
- package/components/MazBottomSheet.mjs +44 -74
- package/components/MazBottomSheet.umd.js +2 -2
- package/components/MazBtn.d.ts +3 -5
- package/components/MazBtn.mjs +34 -65
- package/components/MazBtn.umd.js +2 -2
- package/components/MazCard.mjs +42 -72
- package/components/MazCard.umd.js +2 -2
- package/components/MazCarousel.mjs +48 -77
- package/components/MazCarousel.umd.js +2 -2
- package/components/MazCheckbox.d.ts +0 -2
- package/components/MazCheckbox.mjs +4 -17
- package/components/MazCheckbox.umd.js +2 -2
- package/components/MazDialog.mjs +43 -73
- package/components/MazDialog.umd.js +2 -2
- package/components/MazDialogPromise.mjs +43 -73
- package/components/MazDialogPromise.umd.js +2 -2
- package/components/MazDrawer.mjs +39 -69
- package/components/MazDrawer.umd.js +2 -2
- package/components/MazDropzone.mjs +5 -19
- package/components/MazDropzone.umd.js +2 -2
- package/components/MazGallery.mjs +2 -2
- package/components/MazGallery.umd.js +1 -1
- package/components/MazIcon.d.ts +2 -2
- package/components/MazIcon.mjs +3 -3
- package/components/MazIcon.umd.js +2 -2
- package/components/MazInput.d.ts +0 -2
- package/components/MazInput.mjs +45 -89
- package/components/MazInput.umd.js +2 -2
- package/components/MazInputNumber.mjs +55 -97
- package/components/MazInputNumber.umd.js +2 -2
- package/components/MazInputPrice.mjs +45 -89
- package/components/MazInputPrice.umd.js +2 -2
- package/components/MazInputTags.d.ts +0 -2
- package/components/MazInputTags.mjs +54 -110
- package/components/MazInputTags.umd.js +2 -2
- package/components/MazLazyImg.mjs +6 -20
- package/components/MazLazyImg.umd.js +2 -2
- package/components/MazPhoneNumberInput.d.ts +0 -2
- package/components/MazPhoneNumberInput.mjs +65 -131
- package/components/MazPhoneNumberInput.umd.js +2 -2
- package/components/MazPicker.d.ts +0 -2
- package/components/MazPicker.mjs +81 -134
- package/components/MazPicker.umd.js +2 -2
- package/components/MazSelect.d.ts +0 -2
- package/components/MazSelect.mjs +62 -116
- package/components/MazSelect.umd.js +2 -2
- package/components/MazSlider.d.ts +0 -2
- package/components/MazSlider.mjs +4 -16
- package/components/MazSlider.umd.js +2 -2
- package/components/MazSpinner.d.ts +0 -2
- package/components/MazSpinner.mjs +5 -19
- package/components/MazSpinner.umd.js +2 -2
- package/components/MazStepper.d.ts +0 -2
- package/components/MazStepper.mjs +11 -24
- package/components/MazStepper.umd.js +2 -2
- package/components/MazTabs.d.ts +28 -0
- package/components/MazTabs.mjs +36 -0
- package/components/MazTabs.umd.js +1 -0
- package/components/MazTabsBar.d.ts +15 -16
- package/components/MazTabsBar.mjs +80 -117
- package/components/MazTabsBar.umd.js +2 -2
- package/components/MazTabsContent.d.ts +1 -13
- package/components/MazTabsContent.mjs +15 -15
- package/components/MazTabsContent.umd.js +2 -2
- package/components/MazTabsContentItem.mjs +25 -13
- package/components/MazTabsContentItem.umd.js +2 -2
- package/components/MazTextarea.d.ts +0 -2
- package/components/MazTextarea.mjs +5 -18
- package/components/MazTextarea.umd.js +2 -2
- package/components/assets/{check-ac2fdfbb.mjs → check-b1507ce9.mjs} +5 -4
- package/components/assets/{eye-ac35bb54.mjs → eye-290c6a03.mjs} +8 -6
- package/components/assets/{eye-off-4a5fd13d.mjs → eye-slash-3c6844fc.mjs} +7 -6
- package/components/assets/no-photography-7f2be516.mjs +4 -0
- package/components/assets/{no-photography-7a1e4d68.mjs → no-photography-bc9a1f6a.mjs} +2 -0
- package/components/assets/{pencil-c1aa23f9.mjs → pencil-6f15596d.mjs} +5 -4
- package/components/component-list.mjs +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.mjs +1 -0
- package/components/types.d.ts +1 -1
- package/css/main.css +1 -1
- package/modules/assets/no-photography-7f2be516.mjs +4 -0
- package/modules/index.mjs +8 -7
- package/modules/index.umd.js +2 -2
- package/package.json +22 -21
- package/tailwindcss/variables/colors.ts +2 -0
- package/components/assets/no-photography-584c6185.mjs +0 -4
- package/modules/assets/no-photography-584c6185.mjs +0 -4
|
@@ -61,7 +61,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
61
|
buttonColor: {
|
|
62
62
|
type: PropType<Color>;
|
|
63
63
|
default: string;
|
|
64
|
-
validator: (value: Color) => boolean;
|
|
65
64
|
};
|
|
66
65
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
66
|
src: {
|
|
@@ -123,7 +122,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
123
122
|
buttonColor: {
|
|
124
123
|
type: PropType<Color>;
|
|
125
124
|
default: string;
|
|
126
|
-
validator: (value: Color) => boolean;
|
|
127
125
|
};
|
|
128
126
|
}>> & {
|
|
129
127
|
onClick?: ((...args: any[]) => any) | undefined;
|
package/components/MazAvatar.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-lazy-img-component[data-v-0b3c1dc7]{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-0b3c1dc7]{position:absolute;top:0;right:0;bottom:0;left:0;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-0b3c1dc7]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-0b3c1dc7]{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.m-lazy-loading .m-lazy-img-component-loader[data-v-0b3c1dc7]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-ecf42903]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-ecf42903]{margin-top:.5rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-ecf42903]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-ecf42903]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:9999px;background-color:var(--maz-color-bg-lighter);height:3em;width:3em}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-ecf42903]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-radius:var(--maz-border-radius);border-style:none;background-color:transparent;opacity:0;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-ecf42903]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-ecf42903]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-ecf42903]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-ecf42903]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-ecf42903]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-ecf42903]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-ecf42903]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-ecf42903]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-ecf42903]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4
4
|
var __publicField = (obj, key, value) => {
|
|
@@ -34,7 +34,7 @@ class LazyImg {
|
|
|
34
34
|
this.onImgErrorCallback = this.imageHasError.bind(this);
|
|
35
35
|
}
|
|
36
36
|
async loadErrorPhoto() {
|
|
37
|
-
const { default: photo } = await import("./assets/no-photography-
|
|
37
|
+
const { default: photo } = await import("./assets/no-photography-7f2be516.mjs");
|
|
38
38
|
return photo;
|
|
39
39
|
}
|
|
40
40
|
buildOptions(opts) {
|
|
@@ -248,7 +248,7 @@ const vLazyImg = {
|
|
|
248
248
|
instance.remove(el, binding);
|
|
249
249
|
}
|
|
250
250
|
};
|
|
251
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
251
|
+
const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
|
|
252
252
|
const _hoisted_1$2 = ["width", "height"];
|
|
253
253
|
const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
254
254
|
"path",
|
|
@@ -266,21 +266,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
266
266
|
size: { type: String, default: "2em" },
|
|
267
267
|
color: {
|
|
268
268
|
type: String,
|
|
269
|
-
default: "
|
|
270
|
-
validator: (value) => {
|
|
271
|
-
return [
|
|
272
|
-
"normal",
|
|
273
|
-
"info",
|
|
274
|
-
"white",
|
|
275
|
-
"success",
|
|
276
|
-
"warning",
|
|
277
|
-
"danger",
|
|
278
|
-
"primary",
|
|
279
|
-
"black",
|
|
280
|
-
"secondary",
|
|
281
|
-
"transparent"
|
|
282
|
-
].includes(value);
|
|
283
|
-
}
|
|
269
|
+
default: "primary"
|
|
284
270
|
}
|
|
285
271
|
},
|
|
286
272
|
setup(__props) {
|
|
@@ -300,7 +286,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
300
286
|
};
|
|
301
287
|
}
|
|
302
288
|
});
|
|
303
|
-
const
|
|
289
|
+
const MazSpinner_vue_vue_type_style_index_0_scoped_7a2b89c9_lang = "";
|
|
304
290
|
const _export_sfc = (sfc, props) => {
|
|
305
291
|
const target = sfc.__vccOpts || sfc;
|
|
306
292
|
for (const [key, val] of props) {
|
|
@@ -308,7 +294,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
308
294
|
}
|
|
309
295
|
return target;
|
|
310
296
|
};
|
|
311
|
-
const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
297
|
+
const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7a2b89c9"]]);
|
|
312
298
|
const _hoisted_1$1 = ["data-srcset", "media"];
|
|
313
299
|
const _hoisted_2$1 = {
|
|
314
300
|
key: 0,
|
|
@@ -417,26 +403,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
417
403
|
noLoader: { type: Boolean, default: false },
|
|
418
404
|
buttonColor: {
|
|
419
405
|
type: String,
|
|
420
|
-
default: "info"
|
|
421
|
-
validator: (value) => {
|
|
422
|
-
return [
|
|
423
|
-
"primary",
|
|
424
|
-
"secondary",
|
|
425
|
-
"info",
|
|
426
|
-
"success",
|
|
427
|
-
"warning",
|
|
428
|
-
"danger",
|
|
429
|
-
"white",
|
|
430
|
-
"black",
|
|
431
|
-
"transparent"
|
|
432
|
-
].includes(value);
|
|
433
|
-
}
|
|
406
|
+
default: "info"
|
|
434
407
|
}
|
|
435
408
|
},
|
|
436
409
|
emits: ["click"],
|
|
437
410
|
setup(__props) {
|
|
438
411
|
const props = __props;
|
|
439
|
-
const PencilIcon = defineAsyncComponent(() => import("./assets/pencil-
|
|
412
|
+
const PencilIcon = defineAsyncComponent(() => import("./assets/pencil-6f15596d.mjs"));
|
|
440
413
|
const componentType = computed(() => props.to ? "RouterLink" : props.href ? "a" : "div");
|
|
441
414
|
const isLink = computed(() => !!props.to || !!props.href);
|
|
442
415
|
return (_ctx, _cache) => {
|
|
@@ -499,7 +472,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
499
472
|
},
|
|
500
473
|
[
|
|
501
474
|
renderSlot(_ctx.$slots, "icon", {}, () => [
|
|
502
|
-
createVNode(unref(PencilIcon), { class: "m-avatar__button__icon
|
|
475
|
+
createVNode(unref(PencilIcon), { class: "m-avatar__button__icon" })
|
|
503
476
|
], true)
|
|
504
477
|
],
|
|
505
478
|
4
|
|
@@ -522,8 +495,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
522
495
|
};
|
|
523
496
|
}
|
|
524
497
|
});
|
|
525
|
-
const
|
|
526
|
-
const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
498
|
+
const MazAvatar_vue_vue_type_style_index_0_scoped_ecf42903_lang = "";
|
|
499
|
+
const MazAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecf42903"]]);
|
|
527
500
|
export {
|
|
528
501
|
MazAvatar as default
|
|
529
502
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar={},e.Vue)}(this,(function(e,t){"use strict";var o=Object.defineProperty,s=(e,t,s)=>(((e,t,s)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s})(e,"symbol"!=typeof t?t+"":t,s),s);const a={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class r{constructor(e={}){s(this,"observers",[]),s(this,"defaultOptions",a),s(this,"options"),s(this,"onImgLoadedCallback"),s(this,"onImgErrorCallback"),s(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>f));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,o;this.addClass(e,this.options.loadingClass),null==(o=(t=this.options).onLoading)||o.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,o;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(o=(t=this.options).onLoaded)||o.call(t,e)}imageHasError(e,t){var o,s;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(s=(o=this.options).onError)||s.call(o,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const o=this.getImgElement(e).getAttribute("data-src");if(o)return o;t.value;const s="object"==typeof t.value?t.value.src:t.value;return s||console.warn("[maz-ui][MazLazyImg] src url is not defined"),s}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const o of t){const e=o.getAttribute("data-srcset");e?o.srcset=e: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(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),o=e.querySelectorAll("source");if(o.length>0)for await(const s of o)s.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const o=this.getImageUrl(e,t);if(!o)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${o}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,o))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,o,s){var a,r;this.observers.push(s);for(const i of o)if(i.isIntersecting){if(null==(r=(a=this.options).onIntersecting)||r.call(a,i.target),this.options.observerOnce&&s.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const o=this.options.observerOptions;new IntersectionObserver(((o,s)=>{this.handleIntersectionObserver(e,t,o,s)}),o).observe(e)}async imageHandler(e,t,o){if("update"===o)for await(const s of this.observers)s.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,o){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,o)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const o of this.observers)o.unobserve(e);this.observers=[]}}let i;const n={created(e,t){const o="object"==typeof t.value?t.value:{};i=new r(o),i.add(e,t)},updated(e,t){i.update(e,t)},unmounted(e,t){i.remove(e,t)}},l=["width","height"],d=[(e=>(t.pushScopeId("data-v-d10311cd"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],c=(e,t)=>{const o=e.__vccOpts||e;for(const[s,a]of t)o[s]=a;return o},u=c(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(o,s)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},d,10,l))}),[["__scopeId","data-v-d10311cd"]]),m=["data-srcset","media"],g={key:0,class:"m-lazy-img-component-loader"},h=c(t.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(e){const o=e,s=t.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,a)=>t.withDirectives((t.openBlock(),t.createElementBlock("picture",{class:t.normalizeClass(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(({srcset:e,media:o},s)=>(t.openBlock(),t.createElementBlock("source",{key:s,"data-srcset":e,media:o},null,8,m)))),128)),t.createElementVNode("img",t.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",loading:"lazy"}),null,16),e.noLoader?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",g,[t.createVNode(u,{size:"2em"})])),t.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[t.unref(n),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.loadOnce,onIntersecting:e=>o.$emit("intersecting",e),onLoading:e=>o.$emit("loading",e),onLoaded:e=>o.$emit("loaded",e),onError:e=>o.$emit("error",e),observerOptions:e.observerOptions}]])}}),[["__scopeId","data-v-0b3c1dc7"]]),p=["tabindex"],v={class:"m-avatar__initial"},y={key:0,class:"m-avatar__caption"},b=c(t.defineComponent({__name:"MazAvatar",props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:void 0},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},buttonColor:{type:String,default:"info",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},emits:["click"],setup(e){const o=e,s=t.defineAsyncComponent((()=>Promise.resolve().then((()=>C)))),a=t.computed((()=>o.to?"RouterLink":o.href?"a":"div")),r=t.computed((()=>!!o.to||!!o.href));return(o,i)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.value),t.mergeProps({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":r.value}]]},o.$attrs,{href:e.href,to:e.to,target:r.value?e.target:void 0}),{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:i[2]||(i[2]=t.withKeys((t=>e.clickable?o.$emit("click",t):void 0),["enter"]))},[e.src?(t.openBlock(),t.createBlock(h,{key:0,class:"m-avatar__picture maz-max-w-full",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:i[0]||(i[0]=t=>e.clickable?o.$emit("click",t):null)},null,8,["image","alt","no-loader"])):t.createCommentVNode("v-if",!0),e.caption&&!e.src?t.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[t.createElementVNode("span",v,t.toDisplayString(null==(o=e.caption)?void 0:o.charAt(0)),1)]}),!0):t.createCommentVNode("v-if",!0),e.clickable?(t.openBlock(),t.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:t.normalizeStyle({backgroundColor:e.src?`var(--maz-color-${e.buttonColor}-alpha)`:`var(--maz-color-${e.buttonColor})`}),onClick:i[1]||(i[1]=e=>o.$emit("click",e))},[t.renderSlot(o.$slots,"icon",{},(()=>[t.createVNode(t.unref(s),{class:"m-avatar__button__icon maz-h-5 maz-w-5"})]),!0)],4)):t.createCommentVNode("v-if",!0)],42,p),t.renderSlot(o.$slots,"caption",{},(()=>[e.showCaption&&e.caption?(t.openBlock(),t.createElementBlock("p",y,t.toDisplayString(e.caption),1)):t.createCommentVNode("v-if",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-eb854173"]]),f=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"},Symbol.toStringTag,{value:"Module"})),L={xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24"},A=[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m15.232 5.232 3.536 3.536m-2.036-5.036a2.5 2.5 0 1 1 3.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"},null,-1)];function M(e,o){return t.openBlock(),t.createElementBlock("svg",L,A)}const w={render:M},C=Object.freeze(Object.defineProperty({__proto__:null,default:w,render:M},Symbol.toStringTag,{value:"Module"}));e.default=b,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-lazy-img-component[data-v-0b3c1dc7]{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-0b3c1dc7]{position:absolute;top:0;right:0;bottom:0;left:0;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-0b3c1dc7]{height:100%;width:100%}.m-lazy-img-component.--height-full img[data-v-0b3c1dc7]{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.m-lazy-loading .m-lazy-img-component-loader[data-v-0b3c1dc7]{display:-webkit-box;display:-ms-flexbox;display:flex}.m-avatar[data-v-ecf42903]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-ecf42903]{margin-top:.5rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-ecf42903]{text-transform:capitalize;color:var(--maz-color-white);font-size:1.5em}.m-avatar__wrapper[data-v-ecf42903]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:9999px;background-color:var(--maz-color-bg-lighter);height:3em;width:3em}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-ecf42903]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-radius:var(--maz-border-radius);border-style:none;background-color:transparent;opacity:0;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-ecf42903]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-ecf42903]{border-radius:9999px}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-ecf42903]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-ecf42903],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-ecf42903]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-ecf42903]{border-width:2px;border-style:solid;border-color:var(--maz-color-white)}.m-avatar__wrapper.--square[data-v-ecf42903]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--has-shadow[data-v-ecf42903]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-ecf42903]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-ecf42903]{cursor:pointer}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazAvatar={},e.Vue)}(this,(function(e,t){"use strict";var o=Object.defineProperty,s=(e,t,s)=>(((e,t,s)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s})(e,"symbol"!=typeof t?t+"":t,s),s);const a={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class r{constructor(e={}){s(this,"observers",[]),s(this,"defaultOptions",a),s(this,"options"),s(this,"onImgLoadedCallback"),s(this,"onImgErrorCallback"),s(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>b));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,o;this.addClass(e,this.options.loadingClass),null==(o=(t=this.options).onLoading)||o.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,o;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(o=(t=this.options).onLoaded)||o.call(t,e)}imageHasError(e,t){var o,s;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(s=(o=this.options).onError)||s.call(o,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const o=this.getImgElement(e).getAttribute("data-src");if(o)return o;t.value;const s="object"==typeof t.value?t.value.src:t.value;return s||console.warn("[maz-ui][MazLazyImg] src url is not defined"),s}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const o of t){const e=o.getAttribute("data-srcset");e?o.srcset=e: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(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),o=e.querySelectorAll("source");if(o.length>0)for await(const s of o)s.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const o=this.getImageUrl(e,t);if(!o)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${o}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,o))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,o,s){var a,r;this.observers.push(s);for(const i of o)if(i.isIntersecting){if(null==(r=(a=this.options).onIntersecting)||r.call(a,i.target),this.options.observerOnce&&s.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const o=this.options.observerOptions;new IntersectionObserver(((o,s)=>{this.handleIntersectionObserver(e,t,o,s)}),o).observe(e)}async imageHandler(e,t,o){if("update"===o)for await(const s of this.observers)s.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,o){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,o)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const o of this.observers)o.unobserve(e);this.observers=[]}}let i;const n={created(e,t){const o="object"==typeof t.value?t.value:{};i=new r(o),i.add(e,t)},updated(e,t){i.update(e,t)},unmounted(e,t){i.remove(e,t)}},l=["width","height"],d=[(e=>(t.pushScopeId("data-v-7a2b89c9"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],c=(e,t)=>{const o=e.__vccOpts||e;for(const[s,a]of t)o[s]=a;return o},u=c(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary"}},setup:e=>(o,s)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},d,10,l))}),[["__scopeId","data-v-7a2b89c9"]]),m=["data-srcset","media"],g={key:0,class:"m-lazy-img-component-loader"},h=c(t.defineComponent({__name:"MazLazyImg",props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup(e){const o=e,s=t.computed((()=>{var e;return"string"==typeof o.image?[{srcset:o.image}]:null==(e=o.image)?void 0:e.sources}));return(o,a)=>t.withDirectives((t.openBlock(),t.createElementBlock("picture",{class:t.normalizeClass(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(({srcset:e,media:o},s)=>(t.openBlock(),t.createElementBlock("source",{key:s,"data-srcset":e,media:o},null,8,m)))),128)),t.createElementVNode("img",t.mergeProps(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",loading:"lazy"}),null,16),e.noLoader?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",g,[t.createVNode(u,{size:"2em"})])),t.renderSlot(o.$slots,"default",{},void 0,!0)],2)),[[t.unref(n),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.loadOnce,onIntersecting:e=>o.$emit("intersecting",e),onLoading:e=>o.$emit("loading",e),onLoaded:e=>o.$emit("loaded",e),onError:e=>o.$emit("error",e),observerOptions:e.observerOptions}]])}}),[["__scopeId","data-v-0b3c1dc7"]]),p=["tabindex"],v={class:"m-avatar__initial"},I={key:0,class:"m-avatar__caption"},y=c(t.defineComponent({__name:"MazAvatar",props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:void 0},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},buttonColor:{type:String,default:"info"}},emits:["click"],setup(e){const o=e,s=t.defineAsyncComponent((()=>Promise.resolve().then((()=>w)))),a=t.computed((()=>o.to?"RouterLink":o.href?"a":"div")),r=t.computed((()=>!!o.to||!!o.href));return(o,i)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.value),t.mergeProps({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":r.value}]]},o.$attrs,{href:e.href,to:e.to,target:r.value?e.target:void 0}),{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:i[2]||(i[2]=t.withKeys((t=>e.clickable?o.$emit("click",t):void 0),["enter"]))},[e.src?(t.openBlock(),t.createBlock(h,{key:0,class:"m-avatar__picture maz-max-w-full",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:i[0]||(i[0]=t=>e.clickable?o.$emit("click",t):null)},null,8,["image","alt","no-loader"])):t.createCommentVNode("v-if",!0),e.caption&&!e.src?t.renderSlot(o.$slots,"round-text",{key:1},(()=>{var o;return[t.createElementVNode("span",v,t.toDisplayString(null==(o=e.caption)?void 0:o.charAt(0)),1)]}),!0):t.createCommentVNode("v-if",!0),e.clickable?(t.openBlock(),t.createElementBlock("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:t.normalizeStyle({backgroundColor:e.src?`var(--maz-color-${e.buttonColor}-alpha)`:`var(--maz-color-${e.buttonColor})`}),onClick:i[1]||(i[1]=e=>o.$emit("click",e))},[t.renderSlot(o.$slots,"icon",{},(()=>[t.createVNode(t.unref(s),{class:"m-avatar__button__icon"})]),!0)],4)):t.createCommentVNode("v-if",!0)],42,p),t.renderSlot(o.$slots,"caption",{},(()=>[e.showCaption&&e.caption?(t.openBlock(),t.createElementBlock("p",I,t.toDisplayString(e.caption),1)):t.createCommentVNode("v-if",!0)]),!0)])),_:3},16,["style","class","href","to","target"]))}}),[["__scopeId","data-v-ecf42903"]]),b=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJub25lIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgZmlsbD0iY3VycmVudENvbG9yIgogIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8Zz4KICAgIDxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgLz4KICAgIDxnPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik04LjksNi4wN0w3LjQ4LDQuNjZMOSwzaDZsMS44MywySDIwYzEuMSwwLDIsMC45LDIsMnYxMmMwLDAuMDUtMC4wMSwwLjEtMC4wMiwwLjE2TDIwLDE3LjE3VjdoLTQuMDVsLTEuODMtMkg5Ljg4IEw4LjksNi4wN3ogTTIwLjQ5LDIzLjMxTDE4LjE3LDIxSDRjLTEuMSwwLTItMC45LTItMlY3YzAtMC41OSwwLjI3LTEuMTIsMC42OC0xLjQ5bC0yLTJMMi4xLDIuMWwxOS44LDE5LjhMMjAuNDksMjMuMzF6IE05LjE5LDEyLjAyQzkuMDgsMTIuMzMsOSwxMi42NSw5LDEzYzAsMS42NiwxLjM0LDMsMywzYzAuMzUsMCwwLjY3LTAuMDgsMC45OC0wLjE5TDkuMTksMTIuMDJ6IE0xNi4xNywxOWwtMS42OC0xLjY4IEMxMy43NiwxNy43NSwxMi45MSwxOCwxMiwxOGMtMi43NiwwLTUtMi4yNC01LTVjMC0wLjkxLDAuMjUtMS43NiwwLjY4LTIuNDlMNC4xNyw3SDR2MTJIMTYuMTd6IE0xNC44MSwxMS45OGwyLjA3LDIuMDcgQzE2Ljk2LDEzLjcxLDE3LDEzLjM2LDE3LDEzYzAtMi43Ni0yLjI0LTUtNS01Yy0wLjM2LDAtMC43MSwwLjA0LTEuMDYsMC4xMmwyLjA3LDIuMDdDMTMuODUsMTAuNDksMTQuNTEsMTEuMTUsMTQuODEsMTEuOTh6IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+"},Symbol.toStringTag,{value:"Module"})),f={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},L=[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"},null,-1)];function M(e,o){return t.openBlock(),t.createElementBlock("svg",f,L)}const C={render:M},w=Object.freeze(Object.defineProperty({__proto__:null,default:C,render:M},Symbol.toStringTag,{value:"Module"}));e.default=y,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-d10311cd]{-webkit-animation:maz-spin-d10311cd 1s linear infinite;animation:maz-spin-d10311cd 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-d10311cd]{color:var(--maz-color-text)}.m-spinner--primary[data-v-d10311cd]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-d10311cd]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-d10311cd]{color:var(--maz-color-info)}.m-spinner--warning[data-v-d10311cd]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-d10311cd]{color:var(--maz-color-danger)}.m-spinner--success[data-v-d10311cd]{color:var(--maz-color-success)}.m-spinner--black[data-v-d10311cd]{color:var(--maz-color-black)}.m-spinner--white[data-v-d10311cd],.m-spinner--transparent[data-v-d10311cd]{color:var(--maz-color-white)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-5738f7f9],.m-toast *[data-v-5738f7f9]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-5738f7f9]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-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)}@media (min-width: 768px){.m-toast.--left[data-v-5738f7f9],.m-toast.--right[data-v-5738f7f9]{width:20rem}.m-toast.--center[data-v-5738f7f9]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-5738f7f9]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-5738f7f9]{margin:0;font-weight:500}.m-toast .--close[data-v-5738f7f9]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-5738f7f9]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-5738f7f9]{height:1.25rem;width:1.25rem;cursor:pointer}.m-toast.--info[data-v-5738f7f9]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-5738f7f9]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-5738f7f9]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-5738f7f9]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-5738f7f9]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-5738f7f9]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-5738f7f9]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-5738f7f9]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-5738f7f9]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-5738f7f9]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-5738f7f9]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-5738f7f9]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-5738f7f9],.m-slide-top-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-5738f7f9],.m-slide-top-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-5738f7f9],.m-slide-bottom-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-5738f7f9],.m-slide-bottom-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-5738f7f9],.m-slide-right-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-5738f7f9],.m-slide-right-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-5738f7f9],.m-slide-left-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-5738f7f9],.m-slide-left-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-b81c92d1]{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-b81c92d1]{line-height:1}.m-btn__icon-left[data-v-b81c92d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-b81c92d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-b81c92d1]{cursor:pointer}.m-btn.--cursor-default[data-v-b81c92d1]{cursor:default}.m-btn.--is-link[data-v-b81c92d1]{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-b81c92d1]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-b81c92d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-b81c92d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-b81c92d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-b81c92d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-b81c92d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-b81c92d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-b81c92d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-b81c92d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-b81c92d1]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-b81c92d1]{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-b81c92d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-b81c92d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-b81c92d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-b81c92d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-b81c92d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-b81c92d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-b81c92d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-b81c92d1]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-b81c92d1]{-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-b81c92d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-b81c92d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-b81c92d1]{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-b81c92d1]: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-b81c92d1]{width:100%}.m-btn.--is-button.--primary[data-v-b81c92d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-b81c92d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-b81c92d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-b81c92d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-b81c92d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-b81c92d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-b81c92d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-b81c92d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-b81c92d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-b81c92d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-b81c92d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-b81c92d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-b81c92d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-b81c92d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-b81c92d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-b81c92d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-b81c92d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-b81c92d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-b81c92d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-b81c92d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-b81c92d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-b81c92d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-b81c92d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-b81c92d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-b81c92d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-b81c92d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-b81c92d1]{--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-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-b81c92d1]{--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-b81c92d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-b81c92d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-b81c92d1]{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-b81c92d1]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-b81c92d1]{position:absolute;top:0;right:0;bottom:0;left:0;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-b81c92d1]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-b81c92d1]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-b81c92d1]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-b81c92d1]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-b81c92d1]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-b81c92d1]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-b81c92d1]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-b81c92d1]{background-color:var(--maz-color-black)}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-bottom-sheet__container[data-v-d8d84fe2]{position:relative;background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;padding-left:3rem;padding-right:3rem;-webkit-box-shadow:0 -5px 20px hsl(0deg 0% 0% / 20%);box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-d8d84fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-bottom-sheet__close[data-v-d8d84fe2]{position:absolute!important;right:1rem;top:1rem}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
|
-
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, withCtx, renderSlot,
|
|
3
|
-
const _withScopeId$1 = (n) => (pushScopeId("data-v-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-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)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-btn[data-v-0b1094d1]{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-0b1094d1]{line-height:1}.m-btn__icon-left[data-v-0b1094d1]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-0b1094d1]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-0b1094d1]{cursor:pointer}.m-btn.--cursor-default[data-v-0b1094d1]{cursor:default}.m-btn.--is-link[data-v-0b1094d1]{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:not(.--no-leading) span[data-v-0b1094d1]{line-height:2.25rem}.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-0b1094d1]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-0b1094d1]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-0b1094d1]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-0b1094d1]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-0b1094d1]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-0b1094d1]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-0b1094d1]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-0b1094d1]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-0b1094d1]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-0b1094d1]{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-0b1094d1]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-0b1094d1]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-0b1094d1]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-0b1094d1]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-0b1094d1]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-0b1094d1]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-0b1094d1]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-0b1094d1]{-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-0b1094d1]:not(.--disabled):hover,.m-btn.--is-button[data-v-0b1094d1]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-0b1094d1]{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-0b1094d1]: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-0b1094d1]{width:100%}.m-btn.--is-button.--primary[data-v-0b1094d1]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-0b1094d1]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-0b1094d1]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-0b1094d1]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-0b1094d1]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-0b1094d1]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-0b1094d1]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-0b1094d1]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-0b1094d1]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-0b1094d1]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-0b1094d1]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-0b1094d1]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-0b1094d1]{--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-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-0b1094d1]{--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-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-0b1094d1]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-0b1094d1]{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-0b1094d1]{padding:0}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0;left:0;right:0}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-bottom-sheet__container[data-v-3b0910c4]{position:relative;background-color:var(--maz-color-bg);color:var(--maz-color-text);-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d;padding-left:3rem;padding-right:3rem;-webkit-box-shadow:0 -5px 20px hsl(0deg 0% 0% / 20%);box-shadow:0 -5px 20px #0003}.m-bottom-sheet__content-wrapper[data-v-3b0910c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-bottom-sheet__close[data-v-3b0910c4]{position:absolute!important;right:1rem;top:1rem}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, computed, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, withCtx, renderSlot, watch, Teleport, createVNode, Transition, withModifiers, unref } from "vue";
|
|
3
|
+
const _withScopeId$1 = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
|
|
4
4
|
const _hoisted_1$4 = ["width", "height"];
|
|
5
5
|
const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
|
|
6
6
|
"path",
|
|
@@ -9,7 +9,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
|
|
|
9
9
|
-1
|
|
10
10
|
/* HOISTED */
|
|
11
11
|
));
|
|
12
|
-
const _hoisted_3$
|
|
12
|
+
const _hoisted_3$1 = [
|
|
13
13
|
_hoisted_2$2
|
|
14
14
|
];
|
|
15
15
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
@@ -18,21 +18,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
size: { type: String, default: "2em" },
|
|
19
19
|
color: {
|
|
20
20
|
type: String,
|
|
21
|
-
default: "
|
|
22
|
-
validator: (value) => {
|
|
23
|
-
return [
|
|
24
|
-
"normal",
|
|
25
|
-
"info",
|
|
26
|
-
"white",
|
|
27
|
-
"success",
|
|
28
|
-
"warning",
|
|
29
|
-
"danger",
|
|
30
|
-
"primary",
|
|
31
|
-
"black",
|
|
32
|
-
"secondary",
|
|
33
|
-
"transparent"
|
|
34
|
-
].includes(value);
|
|
35
|
-
}
|
|
21
|
+
default: "primary"
|
|
36
22
|
}
|
|
37
23
|
},
|
|
38
24
|
setup(__props) {
|
|
@@ -48,11 +34,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
48
34
|
"xml:space": "preserve",
|
|
49
35
|
class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
|
|
50
36
|
style: { "enable-background": "new 0 0 50 50" }
|
|
51
|
-
}, _hoisted_3$
|
|
37
|
+
}, _hoisted_3$1, 10, _hoisted_1$4);
|
|
52
38
|
};
|
|
53
39
|
}
|
|
54
40
|
});
|
|
55
|
-
const
|
|
41
|
+
const MazSpinner_vue_vue_type_style_index_0_scoped_7a2b89c9_lang = "";
|
|
56
42
|
const _export_sfc = (sfc, props) => {
|
|
57
43
|
const target = sfc.__vccOpts || sfc;
|
|
58
44
|
for (const [key, val] of props) {
|
|
@@ -60,7 +46,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
60
46
|
}
|
|
61
47
|
return target;
|
|
62
48
|
};
|
|
63
|
-
const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
49
|
+
const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7a2b89c9"]]);
|
|
64
50
|
function injectStrict(key, fallback) {
|
|
65
51
|
const resolved = inject(key, fallback);
|
|
66
52
|
if (!resolved) {
|
|
@@ -70,32 +56,33 @@ function injectStrict(key, fallback) {
|
|
|
70
56
|
}
|
|
71
57
|
const _hoisted_1$3 = {
|
|
72
58
|
xmlns: "http://www.w3.org/2000/svg",
|
|
59
|
+
width: "1em",
|
|
60
|
+
height: "1em",
|
|
73
61
|
fill: "none",
|
|
74
|
-
stroke: "currentColor",
|
|
75
|
-
"aria-hidden": "true",
|
|
76
62
|
viewBox: "0 0 24 24"
|
|
77
63
|
};
|
|
78
64
|
const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
|
|
79
65
|
"path",
|
|
80
66
|
{
|
|
67
|
+
stroke: "currentColor",
|
|
81
68
|
"stroke-linecap": "round",
|
|
82
69
|
"stroke-linejoin": "round",
|
|
83
|
-
"stroke-width": "
|
|
70
|
+
"stroke-width": "1.5",
|
|
84
71
|
d: "M6 18 18 6M6 6l12 12"
|
|
85
72
|
},
|
|
86
73
|
null,
|
|
87
74
|
-1
|
|
88
75
|
/* HOISTED */
|
|
89
76
|
);
|
|
90
|
-
const _hoisted_3
|
|
77
|
+
const _hoisted_3 = [
|
|
91
78
|
_hoisted_2$1
|
|
92
79
|
];
|
|
93
80
|
function render(_ctx, _cache) {
|
|
94
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3
|
|
81
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3);
|
|
95
82
|
}
|
|
96
83
|
const XIcon = { render };
|
|
97
84
|
const MazToast_vue_vue_type_style_index_0_lang = "";
|
|
98
|
-
const
|
|
85
|
+
const MazToast_vue_vue_type_style_index_1_scoped_db385587_lang = "";
|
|
99
86
|
ref();
|
|
100
87
|
ref();
|
|
101
88
|
ref();
|
|
@@ -106,7 +93,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
106
93
|
src: { type: String, default: void 0 },
|
|
107
94
|
path: { type: String, default: void 0 },
|
|
108
95
|
name: { type: String, default: void 0 },
|
|
109
|
-
size: { type: String, default:
|
|
96
|
+
size: { type: String, default: void 0 },
|
|
110
97
|
title: { type: String, default: void 0 },
|
|
111
98
|
transformSource: {
|
|
112
99
|
type: Function,
|
|
@@ -256,8 +243,7 @@ const _hoisted_1$1 = {
|
|
|
256
243
|
key: 0,
|
|
257
244
|
class: "m-btn__icon-left maz-flex maz-flex-center"
|
|
258
245
|
};
|
|
259
|
-
const _hoisted_2 = {
|
|
260
|
-
const _hoisted_3 = {
|
|
246
|
+
const _hoisted_2 = {
|
|
261
247
|
key: 1,
|
|
262
248
|
class: "m-btn__icon-right maz-flex maz-flex-center"
|
|
263
249
|
};
|
|
@@ -280,26 +266,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
280
266
|
},
|
|
281
267
|
color: {
|
|
282
268
|
type: String,
|
|
283
|
-
default: "primary"
|
|
284
|
-
validator: (value) => {
|
|
285
|
-
return [
|
|
286
|
-
"primary",
|
|
287
|
-
"secondary",
|
|
288
|
-
"info",
|
|
289
|
-
"success",
|
|
290
|
-
"warning",
|
|
291
|
-
"danger",
|
|
292
|
-
"white",
|
|
293
|
-
"black",
|
|
294
|
-
"transparent"
|
|
295
|
-
].includes(value);
|
|
296
|
-
}
|
|
269
|
+
default: "primary"
|
|
297
270
|
},
|
|
298
271
|
type: {
|
|
299
272
|
type: String,
|
|
300
273
|
default: "button",
|
|
301
274
|
validator: (value) => {
|
|
302
|
-
return ["button", "submit"].includes(value);
|
|
275
|
+
return ["button", "submit", "reset"].includes(value);
|
|
303
276
|
}
|
|
304
277
|
},
|
|
305
278
|
rounded: { type: Boolean, default: false },
|
|
@@ -328,15 +301,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
328
301
|
return "button";
|
|
329
302
|
});
|
|
330
303
|
const btnColorClass = computed(
|
|
331
|
-
() => props.pastel ? `--${props.color}-pastel` : props.outline
|
|
304
|
+
() => props.pastel ? `--${props.color}-pastel` : props.outline ? `--${props.color}-outline` : `--${props.color}`
|
|
332
305
|
);
|
|
333
306
|
const isDisabled = computed(
|
|
334
307
|
() => (props.loading || props.disabled) && component.value === "button"
|
|
335
308
|
);
|
|
336
309
|
const cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer");
|
|
337
310
|
const variantClass = computed(() => `--is-${props.variant}`);
|
|
338
|
-
const loaderBgColorClass = computed(() => `--${props.color}`);
|
|
339
|
-
const loaderColor = computed(() => ["white"].includes(props.color) ? "black" : "white");
|
|
340
311
|
const hasLoader = computed(() => props.loading && props.variant === "button");
|
|
341
312
|
const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
|
|
342
313
|
const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
|
|
@@ -374,10 +345,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
374
345
|
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
375
346
|
], true)
|
|
376
347
|
])) : createCommentVNode("v-if", true),
|
|
377
|
-
createElementVNode(
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
348
|
+
createElementVNode(
|
|
349
|
+
"span",
|
|
350
|
+
{
|
|
351
|
+
class: normalizeClass(["maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
|
|
352
|
+
},
|
|
353
|
+
[
|
|
354
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
355
|
+
],
|
|
356
|
+
2
|
|
357
|
+
/* CLASS */
|
|
358
|
+
),
|
|
359
|
+
hasRightIcon.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
381
360
|
renderSlot(_ctx.$slots, "right-icon", {}, () => [
|
|
382
361
|
__props.rightIcon ? (openBlock(), createBlock(_sfc_main$3, {
|
|
383
362
|
key: 0,
|
|
@@ -385,21 +364,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
385
364
|
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
386
365
|
], true)
|
|
387
366
|
])) : createCommentVNode("v-if", true),
|
|
388
|
-
hasLoader.value ? (openBlock(),
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
[
|
|
395
|
-
createVNode(MazSpinner, {
|
|
396
|
-
size: "2em",
|
|
397
|
-
color: loaderColor.value
|
|
398
|
-
}, null, 8, ["color"])
|
|
399
|
-
],
|
|
400
|
-
2
|
|
401
|
-
/* CLASS */
|
|
402
|
-
)) : createCommentVNode("v-if", true)
|
|
367
|
+
hasLoader.value ? (openBlock(), createBlock(MazSpinner, {
|
|
368
|
+
key: 2,
|
|
369
|
+
size: "2em",
|
|
370
|
+
color: __props.color,
|
|
371
|
+
class: "m-btn__loader maz-absolute"
|
|
372
|
+
}, null, 8, ["color"])) : createCommentVNode("v-if", true)
|
|
403
373
|
]),
|
|
404
374
|
_: 3
|
|
405
375
|
/* FORWARDED */
|
|
@@ -407,8 +377,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
407
377
|
};
|
|
408
378
|
}
|
|
409
379
|
});
|
|
410
|
-
const
|
|
411
|
-
const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
380
|
+
const MazBtn_vue_vue_type_style_index_0_scoped_0b1094d1_lang = "";
|
|
381
|
+
const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0b1094d1"]]);
|
|
412
382
|
const MODAL_OPENED_CLASS = "--backdrop-present";
|
|
413
383
|
const addClassToDocument = () => {
|
|
414
384
|
document.documentElement.classList.add(MODAL_OPENED_CLASS);
|
|
@@ -563,7 +533,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
563
533
|
], 8, ["to"]);
|
|
564
534
|
}
|
|
565
535
|
const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
|
|
566
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
536
|
+
const _withScopeId = (n) => (pushScopeId("data-v-3b0910c4"), n = n(), popScopeId(), n);
|
|
567
537
|
const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
568
538
|
"div",
|
|
569
539
|
{ class: "m-bottom-sheet__content-wrapper" },
|
|
@@ -613,7 +583,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
613
583
|
onClick: close
|
|
614
584
|
}, {
|
|
615
585
|
default: withCtx(() => [
|
|
616
|
-
createVNode(unref(XIcon)
|
|
586
|
+
createVNode(unref(XIcon))
|
|
617
587
|
]),
|
|
618
588
|
_: 2
|
|
619
589
|
/* DYNAMIC */
|
|
@@ -632,8 +602,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
632
602
|
};
|
|
633
603
|
}
|
|
634
604
|
});
|
|
635
|
-
const
|
|
636
|
-
const MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
605
|
+
const MazBottomSheet_vue_vue_type_style_index_0_scoped_3b0910c4_lang = "";
|
|
606
|
+
const MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b0910c4"]]);
|
|
637
607
|
export {
|
|
638
608
|
MazBottomSheet as default
|
|
639
609
|
};
|