maz-ui 3.7.1 → 3.9.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 +9 -4
- package/components/MazAvatar.mjs +4 -3
- package/components/MazAvatar.umd.js +2 -2
- package/components/MazBackdrop.d.ts +1 -0
- package/components/MazBackdrop.mjs +1 -1
- package/components/MazBackdrop.umd.js +1 -1
- package/components/MazBadge.d.ts +6 -1
- package/components/MazBottomSheet.d.ts +7 -2
- package/components/MazBottomSheet.mjs +6 -6
- package/components/MazBottomSheet.umd.js +2 -2
- package/components/MazBtn.d.ts +9 -4
- package/components/MazBtn.mjs +3 -3
- package/components/MazBtn.umd.js +2 -2
- package/components/MazCard.d.ts +12 -7
- package/components/MazCard.mjs +117 -130
- package/components/MazCard.umd.js +2 -2
- package/components/MazCarousel.d.ts +9 -4
- package/components/MazCarousel.mjs +3 -3
- package/components/MazCarousel.umd.js +2 -2
- package/components/MazChart.d.ts +20 -81
- package/components/MazChart.mjs +64 -123
- package/components/MazChart.umd.js +2 -2
- package/components/MazCheckbox.d.ts +6 -1
- package/components/MazDialog.d.ts +13 -8
- package/components/MazDialog.mjs +5 -5
- package/components/MazDialog.umd.js +2 -2
- package/components/MazDialogPromise/use-maz-dialog-promise.d.ts +2 -2
- package/components/MazDialogPromise.d.ts +45 -4
- package/components/MazDialogPromise.mjs +108 -58
- package/components/MazDialogPromise.umd.js +2 -2
- package/components/MazDrawer.d.ts +9 -4
- package/components/MazDrawer.mjs +3 -3
- package/components/MazDrawer.umd.js +2 -2
- package/components/MazDropzone.d.ts +4 -3
- package/components/MazDropzone.mjs +1 -1
- package/components/MazDropzone.umd.js +1 -1
- package/components/MazGallery.d.ts +4 -22
- package/components/MazGallery.mjs +113 -126
- package/components/MazGallery.umd.js +2 -2
- package/components/MazIcon.d.ts +1 -0
- package/components/MazIcon.mjs +1 -1
- package/components/MazIcon.umd.js +1 -1
- package/components/MazInput.d.ts +2 -1
- package/components/MazInput.mjs +5 -5
- package/components/MazInput.umd.js +2 -2
- package/components/MazInputNumber.d.ts +2 -1
- package/components/MazInputNumber.mjs +5 -5
- package/components/MazInputNumber.umd.js +2 -2
- package/components/MazInputPrice.d.ts +6 -1
- package/components/MazInputPrice.mjs +5 -5
- package/components/MazInputPrice.umd.js +2 -2
- package/components/MazInputTags.d.ts +2 -1
- package/components/MazInputTags.mjs +5 -5
- package/components/MazInputTags.umd.js +2 -2
- package/components/MazLazyImg.d.ts +8 -11
- package/components/MazLazyImg.mjs +4 -3
- package/components/MazLazyImg.umd.js +2 -2
- package/components/MazPhoneNumberInput.d.ts +2 -1
- package/components/MazPhoneNumberInput.mjs +5 -5
- package/components/MazPhoneNumberInput.umd.js +2 -2
- package/components/MazPicker/MazPickerCalendar.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +5 -4
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +5 -4
- package/components/MazPicker/MazPickerCalendarSwitcher.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerContainer.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerFooter.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerHeader.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerMonthSwitcher.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerShortcuts.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerTime.vue.d.ts +1 -0
- package/components/MazPicker/MazPickerYearSwitcher.vue.d.ts +1 -0
- package/components/MazPicker.d.ts +2 -1
- package/components/MazPicker.mjs +21 -21
- package/components/MazPicker.umd.js +2 -2
- package/components/MazRadioButtons.d.ts +7 -2
- package/components/MazSelect.d.ts +9 -4
- package/components/MazSelect.mjs +5 -5
- package/components/MazSelect.umd.js +2 -2
- package/components/MazSlider.d.ts +2 -1
- package/components/MazSpinner.d.ts +1 -0
- package/components/MazStepper.d.ts +7 -2
- package/components/MazStepper.mjs +1 -1
- package/components/MazStepper.umd.js +1 -1
- package/components/MazSwitch.d.ts +2 -1
- package/components/MazSwitch.mjs +1 -1
- package/components/MazSwitch.umd.js +1 -1
- package/components/MazTabsBar.d.ts +1 -0
- package/components/MazTabsBar.mjs +3 -3
- package/components/MazTabsBar.umd.js +2 -2
- package/components/MazTabsContent.d.ts +6 -1
- package/components/MazTabsContent.mjs +1 -1
- package/components/MazTabsContent.umd.js +1 -1
- package/components/MazTabsContentItem.d.ts +6 -1
- package/components/MazTabsContentItem.mjs +3 -4
- package/components/MazTabsContentItem.umd.js +2 -2
- package/components/MazTextarea.d.ts +2 -1
- package/components/MazTransitionExpand.d.ts +6 -1
- package/maz-ui.d.ts +9 -4
- package/modules/maz-ui.mjs +6 -5
- package/modules/maz-ui.umd.js +2 -2
- package/package.json +43 -43
- package/components/MazChart/includes.d.ts +0 -11
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-b0789787]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-b0789787]{display:none}.m-gallery__item[data-v-b0789787]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-b0789787]{left:0;height:100%}.m-gallery__item--1[data-v-b0789787]:not(:last-child){width:50%}.m-gallery__item--2[data-v-b0789787]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-b0789787]:last-child{height:100%}.m-gallery__item--2[data-v-b0789787]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-b0789787]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-b0789787]:last-child{width:50%}.m-gallery__item--3[data-v-b0789787]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-b0789787]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-b0789787]:first-child{border-left:0}.m-gallery__item--3[data-v-b0789787]:last-child,.m-gallery__item--3[data-v-b0789787]:nth-last-child(2),.m-gallery__item--4[data-v-b0789787]:last-child,.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-b0789787]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-b0789787]{position:absolute;inset:0}.m-gallery__remaining-layer a span[data-v-b0789787]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
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) => {
|
|
5
5
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
6
6
|
return value;
|
|
7
7
|
};
|
|
8
|
-
import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick, onBeforeMount,
|
|
8
|
+
import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick, onBeforeMount, normalizeClass, normalizeStyle, unref, createElementVNode, renderList, withDirectives, toDisplayString, createVNode } from "vue";
|
|
9
9
|
const style = `
|
|
10
10
|
.maz-zoom-img {
|
|
11
11
|
position: fixed;
|
|
@@ -470,6 +470,7 @@ class LazyImg {
|
|
|
470
470
|
const dataSrc = this.getImgElement(el).getAttribute("data-src");
|
|
471
471
|
if (dataSrc)
|
|
472
472
|
return dataSrc;
|
|
473
|
+
binding.value;
|
|
473
474
|
const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
|
|
474
475
|
if (!bindingSrc)
|
|
475
476
|
console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
|
|
@@ -791,12 +792,15 @@ const noPhotography = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
|
|
|
791
792
|
__proto__: null,
|
|
792
793
|
default: NoPhotographyIcon
|
|
793
794
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
794
|
-
const
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
795
|
+
const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" };
|
|
796
|
+
const _hoisted_2 = ["alt"];
|
|
797
|
+
const _hoisted_3 = {
|
|
798
|
+
key: 0,
|
|
799
|
+
class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
|
|
800
|
+
};
|
|
801
|
+
const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
|
|
802
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
803
|
+
__name: "MazGallery",
|
|
800
804
|
props: {
|
|
801
805
|
// Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
|
|
802
806
|
images: {
|
|
@@ -828,7 +832,9 @@ const _sfc_main = defineComponent({
|
|
|
828
832
|
// Scale animation effect on image hover
|
|
829
833
|
scale: { type: Boolean, default: true }
|
|
830
834
|
},
|
|
831
|
-
setup(
|
|
835
|
+
setup(__props) {
|
|
836
|
+
const props = __props;
|
|
837
|
+
const lazyImgArgument = "bg-image";
|
|
832
838
|
onBeforeMount(() => {
|
|
833
839
|
if (props.imagesShownCount > 5)
|
|
834
840
|
console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5');
|
|
@@ -866,18 +872,106 @@ const _sfc_main = defineComponent({
|
|
|
866
872
|
const shouldHaveRemainingLayer = (index) => {
|
|
867
873
|
return numberImagesRemaining.value && index + 1 === imagesShown.value.length && !props.noRemaining;
|
|
868
874
|
};
|
|
869
|
-
return {
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
875
|
+
return (_ctx, _cache) => {
|
|
876
|
+
return __props.images.length > 0 || __props.hasEmptyLayer ? (openBlock(), createElementBlock(
|
|
877
|
+
"div",
|
|
878
|
+
{
|
|
879
|
+
key: 0,
|
|
880
|
+
class: normalizeClass(["m-gallery maz-flex", { "maz-rounded": !__props.noRadius }]),
|
|
881
|
+
style: normalizeStyle([unref(sizeStyle)])
|
|
882
|
+
},
|
|
883
|
+
[
|
|
884
|
+
createElementVNode("section", _hoisted_1, [
|
|
885
|
+
(openBlock(true), createElementBlock(
|
|
886
|
+
Fragment,
|
|
887
|
+
null,
|
|
888
|
+
renderList(unref(imagesShown), (image, i) => {
|
|
889
|
+
return openBlock(), createElementBlock(
|
|
890
|
+
"figure",
|
|
891
|
+
{
|
|
892
|
+
key: i,
|
|
893
|
+
class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
|
|
894
|
+
},
|
|
895
|
+
[
|
|
896
|
+
withDirectives(createElementVNode("img", {
|
|
897
|
+
class: "m-gallery__item__image maz-flex-1",
|
|
898
|
+
src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
|
|
899
|
+
alt: image.alt,
|
|
900
|
+
loading: "lazy"
|
|
901
|
+
}, null, 8, _hoisted_2), [
|
|
902
|
+
[unref(vZoomImg), {
|
|
903
|
+
src: image.src,
|
|
904
|
+
alt: image.alt,
|
|
905
|
+
disabled: __props.noZoom || shouldHaveRemainingLayer(i),
|
|
906
|
+
blur: __props.blur,
|
|
907
|
+
scale: __props.scale
|
|
908
|
+
}],
|
|
909
|
+
[unref(vLazyImg), { src: image.src, disabled: !__props.lazy }, lazyImgArgument]
|
|
910
|
+
]),
|
|
911
|
+
shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
|
|
912
|
+
createElementVNode(
|
|
913
|
+
"span",
|
|
914
|
+
_hoisted_4,
|
|
915
|
+
"+" + toDisplayString(unref(numberImagesRemaining)),
|
|
916
|
+
1
|
|
917
|
+
/* TEXT */
|
|
918
|
+
)
|
|
919
|
+
])), [
|
|
920
|
+
[unref(vZoomImg), {
|
|
921
|
+
src: image.src,
|
|
922
|
+
alt: image.alt,
|
|
923
|
+
disabled: __props.noZoom,
|
|
924
|
+
blur: false,
|
|
925
|
+
scale: __props.scale
|
|
926
|
+
}]
|
|
927
|
+
]) : createCommentVNode("v-if", true)
|
|
928
|
+
],
|
|
929
|
+
2
|
|
930
|
+
/* CLASS */
|
|
931
|
+
);
|
|
932
|
+
}),
|
|
933
|
+
128
|
|
934
|
+
/* KEYED_FRAGMENT */
|
|
935
|
+
)),
|
|
936
|
+
__props.hasEmptyLayer && __props.images.length === 0 ? (openBlock(), createElementBlock(
|
|
937
|
+
"div",
|
|
938
|
+
{
|
|
939
|
+
key: 0,
|
|
940
|
+
class: normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal", { "maz-rounded-xl": !__props.noRadius }]),
|
|
941
|
+
style: normalizeStyle([unref(sizeStyle)])
|
|
942
|
+
},
|
|
943
|
+
[
|
|
944
|
+
createVNode(_sfc_main$1, {
|
|
945
|
+
src: unref(NoPhotographyIcon),
|
|
946
|
+
size: "2rem"
|
|
947
|
+
}, null, 8, ["src"])
|
|
948
|
+
],
|
|
949
|
+
6
|
|
950
|
+
/* CLASS, STYLE */
|
|
951
|
+
)) : createCommentVNode("v-if", true)
|
|
952
|
+
]),
|
|
953
|
+
(openBlock(true), createElementBlock(
|
|
954
|
+
Fragment,
|
|
955
|
+
null,
|
|
956
|
+
renderList(unref(imagesHidden), (image, i) => {
|
|
957
|
+
return withDirectives((openBlock(), createElementBlock("div", {
|
|
958
|
+
key: i,
|
|
959
|
+
class: "m-gallery__hidden"
|
|
960
|
+
})), [
|
|
961
|
+
[unref(vZoomImg), { src: image.src, disabled: __props.noZoom }]
|
|
962
|
+
]);
|
|
963
|
+
}),
|
|
964
|
+
128
|
|
965
|
+
/* KEYED_FRAGMENT */
|
|
966
|
+
))
|
|
967
|
+
],
|
|
968
|
+
6
|
|
969
|
+
/* CLASS, STYLE */
|
|
970
|
+
)) : createCommentVNode("v-if", true);
|
|
877
971
|
};
|
|
878
972
|
}
|
|
879
973
|
});
|
|
880
|
-
const
|
|
974
|
+
const MazGallery_vue_vue_type_style_index_0_scoped_b0789787_lang = "";
|
|
881
975
|
const _export_sfc = (sfc, props) => {
|
|
882
976
|
const target = sfc.__vccOpts || sfc;
|
|
883
977
|
for (const [key, val] of props) {
|
|
@@ -885,114 +979,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
885
979
|
}
|
|
886
980
|
return target;
|
|
887
981
|
};
|
|
888
|
-
const
|
|
889
|
-
const _hoisted_2 = ["alt"];
|
|
890
|
-
const _hoisted_3 = {
|
|
891
|
-
key: 0,
|
|
892
|
-
class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
|
|
893
|
-
};
|
|
894
|
-
const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
|
|
895
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
896
|
-
const _component_MazIcon = resolveComponent("MazIcon");
|
|
897
|
-
const _directive_zoom_img = resolveDirective("zoom-img");
|
|
898
|
-
const _directive_lazy_img = resolveDirective("lazy-img");
|
|
899
|
-
return _ctx.images.length > 0 || _ctx.hasEmptyLayer ? (openBlock(), createElementBlock(
|
|
900
|
-
"div",
|
|
901
|
-
{
|
|
902
|
-
key: 0,
|
|
903
|
-
class: normalizeClass(["m-gallery maz-flex", { "maz-rounded": !_ctx.noRadius }]),
|
|
904
|
-
style: normalizeStyle([_ctx.sizeStyle])
|
|
905
|
-
},
|
|
906
|
-
[
|
|
907
|
-
createElementVNode("section", _hoisted_1, [
|
|
908
|
-
(openBlock(true), createElementBlock(
|
|
909
|
-
Fragment,
|
|
910
|
-
null,
|
|
911
|
-
renderList(_ctx.imagesShown, (image, i) => {
|
|
912
|
-
return openBlock(), createElementBlock(
|
|
913
|
-
"figure",
|
|
914
|
-
{
|
|
915
|
-
key: i,
|
|
916
|
-
class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
|
|
917
|
-
},
|
|
918
|
-
[
|
|
919
|
-
withDirectives(createElementVNode("img", {
|
|
920
|
-
class: "m-gallery__item__image maz-flex-1",
|
|
921
|
-
src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
|
|
922
|
-
alt: image.alt,
|
|
923
|
-
loading: "lazy"
|
|
924
|
-
}, null, 8, _hoisted_2), [
|
|
925
|
-
[_directive_zoom_img, {
|
|
926
|
-
src: image.src,
|
|
927
|
-
alt: image.alt,
|
|
928
|
-
disabled: _ctx.noZoom || _ctx.shouldHaveRemainingLayer(i),
|
|
929
|
-
blur: _ctx.blur,
|
|
930
|
-
scale: _ctx.scale
|
|
931
|
-
}],
|
|
932
|
-
[_directive_lazy_img, { src: image.src, disabled: !_ctx.lazy }, "bg-image"]
|
|
933
|
-
]),
|
|
934
|
-
_ctx.shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
|
|
935
|
-
createElementVNode(
|
|
936
|
-
"span",
|
|
937
|
-
_hoisted_4,
|
|
938
|
-
"+" + toDisplayString(_ctx.numberImagesRemaining),
|
|
939
|
-
1
|
|
940
|
-
/* TEXT */
|
|
941
|
-
)
|
|
942
|
-
])), [
|
|
943
|
-
[_directive_zoom_img, {
|
|
944
|
-
src: image.src,
|
|
945
|
-
alt: image.alt,
|
|
946
|
-
disabled: _ctx.noZoom,
|
|
947
|
-
blur: false,
|
|
948
|
-
scale: _ctx.scale
|
|
949
|
-
}]
|
|
950
|
-
]) : createCommentVNode("v-if", true)
|
|
951
|
-
],
|
|
952
|
-
2
|
|
953
|
-
/* CLASS */
|
|
954
|
-
);
|
|
955
|
-
}),
|
|
956
|
-
128
|
|
957
|
-
/* KEYED_FRAGMENT */
|
|
958
|
-
)),
|
|
959
|
-
_ctx.hasEmptyLayer && _ctx.images.length === 0 ? (openBlock(), createElementBlock(
|
|
960
|
-
"div",
|
|
961
|
-
{
|
|
962
|
-
key: 0,
|
|
963
|
-
class: normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal", { "maz-rounded-xl": !_ctx.noRadius }]),
|
|
964
|
-
style: normalizeStyle([_ctx.sizeStyle])
|
|
965
|
-
},
|
|
966
|
-
[
|
|
967
|
-
createVNode(_component_MazIcon, {
|
|
968
|
-
src: _ctx.NoPhotographyIcon,
|
|
969
|
-
size: "2rem"
|
|
970
|
-
}, null, 8, ["src"])
|
|
971
|
-
],
|
|
972
|
-
6
|
|
973
|
-
/* CLASS, STYLE */
|
|
974
|
-
)) : createCommentVNode("v-if", true)
|
|
975
|
-
]),
|
|
976
|
-
(openBlock(true), createElementBlock(
|
|
977
|
-
Fragment,
|
|
978
|
-
null,
|
|
979
|
-
renderList(_ctx.imagesHidden, (image, i) => {
|
|
980
|
-
return withDirectives((openBlock(), createElementBlock("div", {
|
|
981
|
-
key: i,
|
|
982
|
-
class: "m-gallery__hidden"
|
|
983
|
-
})), [
|
|
984
|
-
[_directive_zoom_img, { src: image.src, disabled: _ctx.noZoom }]
|
|
985
|
-
]);
|
|
986
|
-
}),
|
|
987
|
-
128
|
|
988
|
-
/* KEYED_FRAGMENT */
|
|
989
|
-
))
|
|
990
|
-
],
|
|
991
|
-
6
|
|
992
|
-
/* CLASS, STYLE */
|
|
993
|
-
)) : createCommentVNode("v-if", true);
|
|
994
|
-
}
|
|
995
|
-
const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e9dc5a9e"]]);
|
|
982
|
+
const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b0789787"]]);
|
|
996
983
|
export {
|
|
997
984
|
MazGallery as default
|
|
998
985
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
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).MazGallery={},e.Vue)}(this,(function(e,t){"use strict";var s=Object.defineProperty,o=(e,t,o)=>(((e,t,o)=>{t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const n={close:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',previous:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',spinner:'<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'};class i{constructor(e){if(o(this,"options"),o(this,"loader"),o(this,"wrapper"),o(this,"img"),o(this,"keydownHandler"),o(this,"onImgLoadedCallback"),o(this,"buttonsAdded"),o(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),o(this,"mouseEnterListener"),o(this,"mouseLeaveListener"),o(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement("div"),this.wrapper.classList.add("maz-zoom-img__wrapper"),this.wrapper.prepend(this.loader),this.img=document.createElement("img"),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(e){return{...this.defaultOptions,..."object"==typeof e.value?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout((()=>e.classList.add("maz-zoom-img-instance"))),e.setAttribute("data-src",this.options.src),this.options.alt&&e.setAttribute("data-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 1rem;\n z-index: 1050;\n background-color: hsla(238, 15%, 40%, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n min-height: 0;\n max-width: 100%;\n max-height: 100%;\n transition: all 300ms ease-in-out;\n opacity: 0;\n transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n opacity: 1;\n transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: hsla(238, 15%, 40%, 0.7);\n border-radius: 1rem;\n z-index: 2;\n min-width: 60px;\n min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n display: none;\n}\n\n@-webkit-keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n max-width: 100%;\n max-height: 100%;\n min-width: 0;\n border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n margin: 0 auto;\n border: none;\n background-color: hsla(0, 0%, 7%, 0.5);\n box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n height: 2.2rem;\n min-height: 2.2rem;\n width: 2.2rem;\n min-width: 2.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2.2rem;\n cursor: pointer;\n flex: 0 0 auto;\n outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n position: absolute;\n left: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n position: absolute;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n background-color: hsl(0, 0%, 0%);\n}");const s=document.createElement("div");s.classList.add("maz-zoom-img"),s.setAttribute("id","MazImgPreviewFullsize"),s.addEventListener("click",(e=>{s.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),s.append(this.wrapper),document.body.append(s),this.keyboardEventHandler(!0),setTimeout((()=>{s&&s.classList.add("maz-animate")}),100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],s=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,s){const e=this.getButton("previous"),s=this.getButton("next");t.push(e,s)}this.wrapper.append(e),s&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=n.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}keydownLister(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const t=document.createElement("button");return t.innerHTML=n[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),s=document.querySelector(".maz-zoom-img-instance.maz-is-open");s&&s.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,s=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(s){const e=this.allInstances.indexOf(s),o=t?e+1:e-1,n=this.allInstances[this.getNewInstanceIndex(o)];n&&this.useNextInstance(s,n)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const s=t.getAttribute("data-src"),o=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),o&&this.img.setAttribute("alt",o)}addStyle(e){const t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}keyboardEventHandler(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}imgEventHandler(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}let a;const r={created(e,t){a=new i(t),a.create(e)},updated(e,t){a.update(t)},unmounted(e){a.remove(e)}},l={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 m{constructor(e={}){o(this,"observers",[]),o(this,"defaultOptions",l),o(this,"options"),o(this,"onImgLoadedCallback"),o(this,"onImgErrorCallback"),o(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((()=>p));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,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,o;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(o=(s=this.options).onError)||o.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;const o="object"==typeof t.value?t.value.src:t.value;return o||console.warn("[maz-ui][MazLazyImg] src url is not defined"),o}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const s of t){const e=s.getAttribute("data-srcset");e?s.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(),s=e.querySelectorAll("source");if(s.length>0)for await(const o of s)o.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 s=this.getImageUrl(e,t);if(!s)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${s}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,s))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,s,o){var n,i;this.observers.push(o);for(const a of s)if(a.isIntersecting){if(null==(i=(n=this.options).onIntersecting)||i.call(n,a.target),this.options.observerOnce&&o.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,o)=>{this.handleIntersectionObserver(e,t,s,o)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const o of this.observers)o.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}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 s of this.observers)s.unobserve(e);this.observers=[]}}let d;const c={created(e,t){const s="object"==typeof t.value?t.value:{};d=new m(s),d.add(e,t)},updated(e,t){d.update(e,t)},unmounted(e,t){d.remove(e,t)}};const u=["innerHTML"],h=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:s}){const o=e,n={},i=t.ref(),a=t.ref(),r=()=>{try{return function(e,s){const o=t.inject(e,s);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return o}("mazIconPath")}catch{return}},l=t.computed((()=>o.path??r())),m=t.computed((()=>o.src?o.src:l.value?`${l.value}/${o.name}.svg`:`/${o.name}.svg`));t.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},s=e.attributes;if(!s)return t;for(let o=s.length-1;o>=0;o--)t[s[o].name]=s[o].value;return t},c=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const s=e.querySelectorAll("title");if(s.length>0)s[0].textContent=t;else{const s=document.createElementNS("http://www.w3.org/2000/svg","title");s.textContent=t,e.append(s)}})(t,o.title),e.innerHTML},h=e=>new Promise(((t,s)=>{const n=new XMLHttpRequest;n.open("GET",e,!0),n.addEventListener("load",(()=>{if(n.status>=200&&n.status<400)try{const e=new DOMParser;let i=e.parseFromString(n.responseText,"text/xml").querySelectorAll("svg")[0];i?(i=o.transformSource(i),t(i)):s(new Error('Loaded file is not valid SVG"'))}catch(e){s(e)}else s(new Error("Error loading SVG"))})),n.addEventListener("error",(()=>s())),n.send()}));return t.watchEffect((()=>(async e=>{n[e]||(n[e]=h(e));try{i.value=await n[e],await t.nextTick(),s("loaded",a.value)}catch(o){i.value&&(i.value=void 0,s("unloaded")),delete n[e],s("error",o)}})(m.value))),(s,o)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),i.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:a,width:"1em",height:"1em"},{...d(i.value),...(n=s.$attrs,Object.keys(n).reduce(((e,t)=>(!1!==n[t]&&null!==n[t]&&void 0!==n[t]&&(e[t]=n[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:c(i.value)}),null,16,u)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var n}}}),g="data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K",p=Object.freeze(Object.defineProperty({__proto__:null,default:g},Symbol.toStringTag,{value:"Module"})),v=t.defineComponent({components:{MazIcon:h},directives:{"zoom-img":r,"lazy-img":c},props:{images:{type:Array,default:()=>[]},imagesShownCount:{type:Number,default:5},noRemaining:{type:Boolean,default:!1},height:{type:[Number,String],default:150},noHeight:{type:Boolean,default:!1},width:{type:[Number,String],default:"100%"},noWidth:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},noZoom:{type:Boolean,default:!1},hasEmptyLayer:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},blur:{type:Boolean,default:!0},scale:{type:Boolean,default:!0}},setup(e){t.onBeforeMount((()=>{e.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const s=t.computed((()=>{const{height:t,width:s,noWidth:o,noHeight:n}=e;return{...o?{}:{flex:"0 0 "+typeof s=="number"?`${s}px`:s,width:"number"==typeof s?`${s}px`:s},...n?{}:{height:"number"==typeof t?`${t}px`:`${t}`,minHeight:"number"==typeof t?`${t}px`:`${t}`}}})),o=t.computed((()=>e.imagesShownCount<=5?e.imagesShownCount:5)),n=t.computed((()=>e.images.length-(e.images.length<o.value?e.images.length:o.value))),i=t.computed((()=>e.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),a=t.computed((()=>i.value.slice(0,o.value))),r=t.computed((()=>i.value.slice(o.value,e.images.length)));return{sizeStyle:s,imagesCount:o,shouldHaveRemainingLayer:t=>n.value&&t+1===a.value.length&&!e.noRemaining,imagesShown:a,numberImagesRemaining:n,imagesHidden:r,NoPhotographyIcon:g}}}),z={class:"m-gallery__wrapper maz-flex maz-flex-1"},y=["alt"],w={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},b={class:"maz-text-2xl maz-text-white"};const L=((e,t)=>{const s=e.__vccOpts||e;for(const[o,n]of t)s[o]=n;return s})(v,[["render",function(e,s,o,n,i,a){const r=t.resolveComponent("MazIcon"),l=t.resolveDirective("zoom-img"),m=t.resolveDirective("lazy-img");return e.images.length>0||e.hasEmptyLayer?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-gallery maz-flex",{"maz-rounded":!e.noRadius}]),style:t.normalizeStyle([e.sizeStyle])},[t.createElementVNode("section",z,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.imagesShown,((s,o)=>(t.openBlock(),t.createElementBlock("figure",{key:o,class:t.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${o+1}`]])},[t.withDirectives(t.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt,loading:"lazy"},null,8,y),[[l,{src:s.src,alt:s.alt,disabled:e.noZoom||e.shouldHaveRemainingLayer(o),blur:e.blur,scale:e.scale}],[m,{src:s.src,disabled:!e.lazy},"bg-image"]]),e.shouldHaveRemainingLayer(o)?t.withDirectives((t.openBlock(),t.createElementBlock("div",w,[t.createElementVNode("span",b,"+"+t.toDisplayString(e.numberImagesRemaining),1)])),[[l,{src:s.src,alt:s.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):t.createCommentVNode("v-if",!0)],2)))),128)),e.hasEmptyLayer&&0===e.images.length?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!e.noRadius}]),style:t.normalizeStyle([e.sizeStyle])},[t.createVNode(r,{src:e.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):t.createCommentVNode("v-if",!0)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.imagesHidden,((s,o)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:o,class:"m-gallery__hidden"})),[[l,{src:s.src,disabled:e.noZoom}]]))),128))],6)):t.createCommentVNode("v-if",!0)}],["__scopeId","data-v-e9dc5a9e"]]);e.default=L,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-b0789787]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-b0789787]{display:none}.m-gallery__item[data-v-b0789787]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-b0789787]{left:0;height:100%}.m-gallery__item--1[data-v-b0789787]:not(:last-child){width:50%}.m-gallery__item--2[data-v-b0789787]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-b0789787]:last-child{height:100%}.m-gallery__item--2[data-v-b0789787]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-b0789787]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-b0789787]:last-child{width:50%}.m-gallery__item--3[data-v-b0789787]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-b0789787]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-b0789787]:first-child{border-left:0}.m-gallery__item--3[data-v-b0789787]:last-child,.m-gallery__item--3[data-v-b0789787]:nth-last-child(2),.m-gallery__item--4[data-v-b0789787]:last-child,.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-b0789787]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-b0789787]{position:absolute;inset:0}.m-gallery__remaining-layer a span[data-v-b0789787]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
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).MazGallery={},e.Vue)}(this,(function(e,t){"use strict";var s=Object.defineProperty,n=(e,t,n)=>(((e,t,n)=>{t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);const o={close:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',previous:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',spinner:'<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'};class i{constructor(e){if(n(this,"options"),n(this,"loader"),n(this,"wrapper"),n(this,"img"),n(this,"keydownHandler"),n(this,"onImgLoadedCallback"),n(this,"buttonsAdded"),n(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),n(this,"mouseEnterListener"),n(this,"mouseLeaveListener"),n(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement("div"),this.wrapper.classList.add("maz-zoom-img__wrapper"),this.wrapper.prepend(this.loader),this.img=document.createElement("img"),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(e){return{...this.defaultOptions,..."object"==typeof e.value?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout((()=>e.classList.add("maz-zoom-img-instance"))),e.setAttribute("data-src",this.options.src),this.options.alt&&e.setAttribute("data-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 1rem;\n z-index: 1050;\n background-color: hsla(238, 15%, 40%, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n min-height: 0;\n max-width: 100%;\n max-height: 100%;\n transition: all 300ms ease-in-out;\n opacity: 0;\n transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n opacity: 1;\n transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: hsla(238, 15%, 40%, 0.7);\n border-radius: 1rem;\n z-index: 2;\n min-width: 60px;\n min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n display: none;\n}\n\n@-webkit-keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n max-width: 100%;\n max-height: 100%;\n min-width: 0;\n border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n margin: 0 auto;\n border: none;\n background-color: hsla(0, 0%, 7%, 0.5);\n box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n height: 2.2rem;\n min-height: 2.2rem;\n width: 2.2rem;\n min-width: 2.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2.2rem;\n cursor: pointer;\n flex: 0 0 auto;\n outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n position: absolute;\n left: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n position: absolute;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n background-color: hsl(0, 0%, 0%);\n}");const s=document.createElement("div");s.classList.add("maz-zoom-img"),s.setAttribute("id","MazImgPreviewFullsize"),s.addEventListener("click",(e=>{s.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),s.append(this.wrapper),document.body.append(s),this.keyboardEventHandler(!0),setTimeout((()=>{s&&s.classList.add("maz-animate")}),100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],s=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,s){const e=this.getButton("previous"),s=this.getButton("next");t.push(e,s)}this.wrapper.append(e),s&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=o.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}keydownLister(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const t=document.createElement("button");return t.innerHTML=o[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),s=document.querySelector(".maz-zoom-img-instance.maz-is-open");s&&s.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,s=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(s){const e=this.allInstances.indexOf(s),n=t?e+1:e-1,o=this.allInstances[this.getNewInstanceIndex(n)];o&&this.useNextInstance(s,o)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const s=t.getAttribute("data-src"),n=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),n&&this.img.setAttribute("alt",n)}addStyle(e){const t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}keyboardEventHandler(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}imgEventHandler(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}let a;const r={created(e,t){a=new i(t),a.create(e)},updated(e,t){a.update(t)},unmounted(e){a.remove(e)}},l={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 m{constructor(e={}){n(this,"observers",[]),n(this,"defaultOptions",l),n(this,"options"),n(this,"onImgLoadedCallback"),n(this,"onImgErrorCallback"),n(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((()=>p));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,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,n;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(n=(s=this.options).onError)||n.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;t.value;const n="object"==typeof t.value?t.value.src:t.value;return n||console.warn("[maz-ui][MazLazyImg] src url is not defined"),n}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const s of t){const e=s.getAttribute("data-srcset");e?s.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(),s=e.querySelectorAll("source");if(s.length>0)for await(const n of s)n.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 s=this.getImageUrl(e,t);if(!s)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${s}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,s))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,s,n){var o,i;this.observers.push(n);for(const a of s)if(a.isIntersecting){if(null==(i=(o=this.options).onIntersecting)||i.call(o,a.target),this.options.observerOnce&&n.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,n)=>{this.handleIntersectionObserver(e,t,s,n)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const n of this.observers)n.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}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 s of this.observers)s.unobserve(e);this.observers=[]}}let d;const c={created(e,t){const s="object"==typeof t.value?t.value:{};d=new m(s),d.add(e,t)},updated(e,t){d.update(e,t)},unmounted(e,t){d.remove(e,t)}};const u=["innerHTML"],h=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:s}){const n=e,o={},i=t.ref(),a=t.ref(),r=()=>{try{return function(e,s){const n=t.inject(e,s);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}("mazIconPath")}catch{return}},l=t.computed((()=>n.path??r())),m=t.computed((()=>n.src?n.src:l.value?`${l.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},s=e.attributes;if(!s)return t;for(let n=s.length-1;n>=0;n--)t[s[n].name]=s[n].value;return t},c=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const s=e.querySelectorAll("title");if(s.length>0)s[0].textContent=t;else{const s=document.createElementNS("http://www.w3.org/2000/svg","title");s.textContent=t,e.append(s)}})(t,n.title),e.innerHTML},h=e=>new Promise(((t,s)=>{const o=new XMLHttpRequest;o.open("GET",e,!0),o.addEventListener("load",(()=>{if(o.status>=200&&o.status<400)try{const e=new DOMParser;let i=e.parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];i?(i=n.transformSource(i),t(i)):s(new Error('Loaded file is not valid SVG"'))}catch(e){s(e)}else s(new Error("Error loading SVG"))})),o.addEventListener("error",(()=>s())),o.send()}));return t.watchEffect((()=>(async e=>{o[e]||(o[e]=h(e));try{i.value=await o[e],await t.nextTick(),s("loaded",a.value)}catch(n){i.value&&(i.value=void 0,s("unloaded")),delete o[e],s("error",n)}})(m.value))),(s,n)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),i.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:a,width:"1em",height:"1em"},{...d(i.value),...(o=s.$attrs,Object.keys(o).reduce(((e,t)=>(!1!==o[t]&&null!==o[t]&&void 0!==o[t]&&(e[t]=o[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:c(i.value)}),null,16,u)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var o}}}),g="data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K",p=Object.freeze(Object.defineProperty({__proto__:null,default:g},Symbol.toStringTag,{value:"Module"})),v={class:"m-gallery__wrapper maz-flex maz-flex-1"},z=["alt"],y={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},w={class:"maz-text-2xl maz-text-white"},f=((e,t)=>{const s=e.__vccOpts||e;for(const[n,o]of t)s[n]=o;return s})(t.defineComponent({__name:"MazGallery",props:{images:{type:Array,default:()=>[]},imagesShownCount:{type:Number,default:5},noRemaining:{type:Boolean,default:!1},height:{type:[Number,String],default:150},noHeight:{type:Boolean,default:!1},width:{type:[Number,String],default:"100%"},noWidth:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},noZoom:{type:Boolean,default:!1},hasEmptyLayer:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},blur:{type:Boolean,default:!0},scale:{type:Boolean,default:!0}},setup(e){const s=e;t.onBeforeMount((()=>{s.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const n=t.computed((()=>{const{height:e,width:t,noWidth:n,noHeight:o}=s;return{...n?{}:{flex:"0 0 "+typeof t=="number"?`${t}px`:t,width:"number"==typeof t?`${t}px`:t},...o?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),o=t.computed((()=>s.imagesShownCount<=5?s.imagesShownCount:5)),i=t.computed((()=>s.images.length-(s.images.length<o.value?s.images.length:o.value))),a=t.computed((()=>s.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),l=t.computed((()=>a.value.slice(0,o.value))),m=t.computed((()=>a.value.slice(o.value,s.images.length))),d=e=>i.value&&e+1===l.value.length&&!s.noRemaining;return(s,o)=>e.images.length>0||e.hasEmptyLayer?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-gallery maz-flex",{"maz-rounded":!e.noRadius}]),style:t.normalizeStyle([t.unref(n)])},[t.createElementVNode("section",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l),((s,n)=>(t.openBlock(),t.createElementBlock("figure",{key:n,class:t.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${n+1}`]])},[t.withDirectives(t.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt,loading:"lazy"},null,8,z),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom||d(n),blur:e.blur,scale:e.scale}],[t.unref(c),{src:s.src,disabled:!e.lazy},"bg-image"]]),d(n)?t.withDirectives((t.openBlock(),t.createElementBlock("div",y,[t.createElementVNode("span",w,"+"+t.toDisplayString(t.unref(i)),1)])),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):t.createCommentVNode("v-if",!0)],2)))),128)),e.hasEmptyLayer&&0===e.images.length?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!e.noRadius}]),style:t.normalizeStyle([t.unref(n)])},[t.createVNode(h,{src:t.unref(g),size:"2rem"},null,8,["src"])],6)):t.createCommentVNode("v-if",!0)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(m),((s,n)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:n,class:"m-gallery__hidden"})),[[t.unref(r),{src:s.src,disabled:e.noZoom}]]))),128))],6)):t.createCommentVNode("v-if",!0)}}),[["__scopeId","data-v-b0789787"]]);e.default=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/components/MazIcon.d.ts
CHANGED
package/components/MazIcon.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-b0789787]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-b0789787]{display:none}.m-gallery__item[data-v-b0789787]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-b0789787]{left:0;height:100%}.m-gallery__item--1[data-v-b0789787]:not(:last-child){width:50%}.m-gallery__item--2[data-v-b0789787]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-b0789787]:last-child{height:100%}.m-gallery__item--2[data-v-b0789787]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-b0789787]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-b0789787]:last-child{width:50%}.m-gallery__item--3[data-v-b0789787]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-b0789787]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-b0789787]:first-child{border-left:0}.m-gallery__item--3[data-v-b0789787]:last-child,.m-gallery__item--3[data-v-b0789787]:nth-last-child(2),.m-gallery__item--4[data-v-b0789787]:last-child,.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-b0789787]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-b0789787]{position:absolute;inset:0}.m-gallery__remaining-layer a span[data-v-b0789787]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
|
|
3
3
|
function injectStrict(key, fallback) {
|
|
4
4
|
const resolved = inject(key, fallback);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-b0789787]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-b0789787]{display:none}.m-gallery__item[data-v-b0789787]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-b0789787]{left:0;height:100%}.m-gallery__item--1[data-v-b0789787]:not(:last-child){width:50%}.m-gallery__item--2[data-v-b0789787]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-b0789787]:last-child{height:100%}.m-gallery__item--2[data-v-b0789787]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-b0789787]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-b0789787]:last-child{width:50%}.m-gallery__item--3[data-v-b0789787]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-b0789787]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-b0789787]:first-child{border-left:0}.m-gallery__item--3[data-v-b0789787]:last-child,.m-gallery__item--3[data-v-b0789787]:nth-last-child(2),.m-gallery__item--4[data-v-b0789787]:last-child,.m-gallery__item--5[data-v-b0789787]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-b0789787]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-b0789787]{position:absolute;inset:0}.m-gallery__remaining-layer a span[data-v-b0789787]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
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).MazIcon={},e.Vue)}(this,(function(e,t){"use strict";const n=["innerHTML"],r=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:r}){const o=e,l={},a=t.ref(),i=t.ref(),s=()=>{try{return function(e,n){const r=t.inject(e,n);if(!r)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return r}("mazIconPath")}catch{return}},u=t.computed((()=>o.path??s())),c=t.computed((()=>o.src?o.src:u.value?`${u.value}/${o.name}.svg`:`/${o.name}.svg`));t.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},n=e.attributes;if(!n)return t;for(let r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t},m=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=t;else{const n=document.createElementNS("http://www.w3.org/2000/svg","title");n.textContent=t,e.append(n)}})(t,o.title),e.innerHTML},f=e=>new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(()=>{if(r.status>=200&&r.status<400)try{const e=new DOMParser;let l=e.parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=o.transformSource(l),t(l)):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))})),r.addEventListener("error",(()=>n())),r.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=f(e));try{a.value=await l[e],await t.nextTick(),r("loaded",i.value)}catch(n){a.value&&(a.value=void 0,r("unloaded")),delete l[e],r("error",n)}})(c.value))),(r,o)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(a.value),...(l=r.$attrs,Object.keys(l).reduce(((e,t)=>(!1!==l[t]&&null!==l[t]&&void 0!==l[t]&&(e[t]=l[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,n)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var l}}});e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/components/MazInput.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import { type PropType } from 'vue';
|
|
2
3
|
import type { Color, ModelValueSimple, Size } from './types';
|
|
3
4
|
export type { Color, Size, ModelValueSimple } from './types';
|
|
@@ -246,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
246
247
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
247
248
|
onUpdate?: ((...args: any[]) => any) | undefined;
|
|
248
249
|
}, {
|
|
250
|
+
disabled: boolean;
|
|
249
251
|
label: string;
|
|
250
252
|
error: boolean;
|
|
251
253
|
success: boolean;
|
|
@@ -256,7 +258,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
256
258
|
required: boolean;
|
|
257
259
|
name: string;
|
|
258
260
|
modelValue: ModelValueSimple;
|
|
259
|
-
disabled: boolean;
|
|
260
261
|
leftIcon: string;
|
|
261
262
|
rightIcon: string;
|
|
262
263
|
id: string;
|
package/components/MazInput.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-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-input[data-v-c13c1d46]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-c13c1d46]{height:4rem}.m-input.--xl .m-input-input[data-v-c13c1d46],.m-input.--xl .m-input-label[data-v-c13c1d46]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-c13c1d46]{height:3.5rem}.m-input.--lg .m-input-input[data-v-c13c1d46],.m-input.--lg .m-input-label[data-v-c13c1d46]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-c13c1d46]{height:3rem}.m-input.--md .m-input-input[data-v-c13c1d46],.m-input.--md .m-input-label[data-v-c13c1d46]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-c13c1d46]{height:2.5rem}.m-input.--sm .m-input-input[data-v-c13c1d46],.m-input.--sm .m-input-label[data-v-c13c1d46]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-c13c1d46]{height:2rem}.m-input.--xs .m-input-input[data-v-c13c1d46],.m-input.--xs .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-c13c1d46]{height:1.5rem}.m-input.--mini .m-input-input[data-v-c13c1d46],.m-input.--mini .m-input-label[data-v-c13c1d46]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-c13c1d46]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-c13c1d46]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-c13c1d46]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-c13c1d46]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-c13c1d46],.m-input-wrapper-left[data-v-c13c1d46]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-c13c1d46]{padding-right:.5rem}.m-input-wrapper-left[data-v-c13c1d46]{padding-left:.5rem}.m-input-input[data-v-c13c1d46]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-c13c1d46]:-webkit-autofill,.m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,.m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-c13c1d46]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-c13c1d46]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-c13c1d46]{z-index:2}.m-input.--should-up .m-input-label[data-v-c13c1d46]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-c13c1d46]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-c13c1d46]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-c13c1d46]{z-index:3}.m-input.--has-label .m-input-input[data-v-c13c1d46]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-c13c1d46]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-c13c1d46]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:hover,html.dark .m-input-input[data-v-c13c1d46]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-ce89b3c0]{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-ce89b3c0]{line-height:1}.m-btn__icon-left[data-v-ce89b3c0]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-ce89b3c0]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-ce89b3c0]{cursor:pointer}.m-btn.--cursor-default[data-v-ce89b3c0]{cursor:default}.m-btn.--is-link[data-v-ce89b3c0]{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-ce89b3c0]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-ce89b3c0]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-ce89b3c0]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-ce89b3c0]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-ce89b3c0]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-ce89b3c0]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-ce89b3c0]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-ce89b3c0]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-ce89b3c0]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-ce89b3c0]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-ce89b3c0]{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-ce89b3c0]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-ce89b3c0]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-ce89b3c0]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-ce89b3c0]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-ce89b3c0]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-ce89b3c0]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-ce89b3c0]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-ce89b3c0]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-ce89b3c0]{-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-ce89b3c0]:not(.--disabled):hover,.m-btn.--is-button[data-v-ce89b3c0]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-ce89b3c0]{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-ce89b3c0]: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-ce89b3c0]{width:100%}.m-btn.--is-button.--primary[data-v-ce89b3c0]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-ce89b3c0]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-ce89b3c0]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-ce89b3c0]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-ce89b3c0]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-ce89b3c0]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-ce89b3c0]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-ce89b3c0]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-ce89b3c0]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-ce89b3c0]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-ce89b3c0]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-ce89b3c0]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-ce89b3c0]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-ce89b3c0]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-ce89b3c0]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-ce89b3c0]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-ce89b3c0]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-ce89b3c0]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-ce89b3c0]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-ce89b3c0]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-ce89b3c0]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-ce89b3c0]{--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-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-ce89b3c0]{--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-ce89b3c0]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-ce89b3c0]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-ce89b3c0]{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-ce89b3c0]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-ce89b3c0]{position:absolute;inset:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-ce89b3c0]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-ce89b3c0]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-ce89b3c0]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-ce89b3c0]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-ce89b3c0]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-ce89b3c0]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-ce89b3c0]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-ce89b3c0]{background-color:var(--maz-color-black)}.m-input[data-v-447d0d16]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-447d0d16]{height:4rem}.m-input.--xl .m-input-input[data-v-447d0d16],.m-input.--xl .m-input-label[data-v-447d0d16]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-447d0d16]{height:3.5rem}.m-input.--lg .m-input-input[data-v-447d0d16],.m-input.--lg .m-input-label[data-v-447d0d16]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-447d0d16]{height:3rem}.m-input.--md .m-input-input[data-v-447d0d16],.m-input.--md .m-input-label[data-v-447d0d16]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-447d0d16]{height:2.5rem}.m-input.--sm .m-input-input[data-v-447d0d16],.m-input.--sm .m-input-label[data-v-447d0d16]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-447d0d16]{height:2rem}.m-input.--xs .m-input-input[data-v-447d0d16],.m-input.--xs .m-input-label[data-v-447d0d16]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-447d0d16]{height:1.5rem}.m-input.--mini .m-input-input[data-v-447d0d16],.m-input.--mini .m-input-label[data-v-447d0d16]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-447d0d16]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-447d0d16]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-447d0d16]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-447d0d16],.m-input-wrapper-left[data-v-447d0d16]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-447d0d16]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-447d0d16]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-447d0d16],.m-input-wrapper-left[data-v-447d0d16]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-447d0d16]{padding-right:.5rem}.m-input-wrapper-left[data-v-447d0d16]{padding-left:.5rem}.m-input-input[data-v-447d0d16]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-447d0d16]:-webkit-autofill,.m-input-input[data-v-447d0d16]:-webkit-autofill:hover,.m-input-input[data-v-447d0d16]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-label[data-v-447d0d16]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input[data-v-447d0d16]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-447d0d16]{z-index:2}.m-input.--should-up .m-input-label[data-v-447d0d16]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input.--is-readonly .m-input-input[data-v-447d0d16]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-447d0d16]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-447d0d16]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-447d0d16]{z-index:3}.m-input.--has-label .m-input-input[data-v-447d0d16]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-447d0d16]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-447d0d16]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-447d0d16]:-webkit-autofill,html.dark .m-input-input[data-v-447d0d16]:-webkit-autofill:hover,html.dark .m-input-input[data-v-447d0d16]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { computed, defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, inject, ref, onMounted, watchEffect, Fragment, createCommentVNode, mergeProps, nextTick, useAttrs, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createVNode, getCurrentInstance, resolveComponent, withDirectives, toHandlers, vModelDynamic, createTextVNode, toDisplayString, withModifiers } from "vue";
|
|
3
3
|
function debounce(fn, wait = 0, callFirst = false) {
|
|
4
4
|
let timeout;
|
|
@@ -430,8 +430,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
430
430
|
};
|
|
431
431
|
}
|
|
432
432
|
});
|
|
433
|
-
const
|
|
434
|
-
const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
433
|
+
const MazBtn_vue_vue_type_style_index_0_scoped_ce89b3c0_lang = "";
|
|
434
|
+
const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ce89b3c0"]]);
|
|
435
435
|
const EyeOffIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzLjg3NSAxOC44MjVBMTAuMDUgMTAuMDUgMCAwMTEyIDE5Yy00LjQ3OCAwLTguMjY4LTIuOTQzLTkuNTQzLTdhOS45NyA5Ljk3IDAgMDExLjU2My0zLjAyOW01Ljg1OC45MDhhMyAzIDAgMTE0LjI0MyA0LjI0M005Ljg3OCA5Ljg3OGw0LjI0MiA0LjI0Mk05Ljg4IDkuODhsLTMuMjktMy4yOW03LjUzMiA3LjUzMmwzLjI5IDMuMjlNMyAzbDMuNTkgMy41OW0wIDBBOS45NTMgOS45NTMgMCAwMTEyIDVjNC40NzggMCA4LjI2OCAyLjk0MyA5LjU0MyA3YTEwLjAyNSAxMC4wMjUgMCAwMS00LjEzMiA1LjQxMW0wIDBMMjEgMjEiLz4KPC9zdmc+Cg==";
|
|
436
436
|
const EyeIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEyYTMgMyAwIDExLTYgMCAzIDMgMCAwMTYgMHoiLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNDU4IDEyQzMuNzMyIDcuOTQzIDcuNTIzIDUgMTIgNWM0LjQ3OCAwIDguMjY4IDIuOTQzIDkuNTQyIDctMS4yNzQgNC4wNTctNS4wNjQgNy05LjU0MiA3LTQuNDc3IDAtOC4yNjgtMi45NDMtOS41NDItN3oiLz4KPC9zdmc+Cg==";
|
|
437
437
|
const CheckIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTUgMTNsNCA0TDE5IDciLz4KPC9zdmc+Cg==";
|
|
@@ -619,7 +619,7 @@ const _sfc_main = defineComponent({
|
|
|
619
619
|
};
|
|
620
620
|
}
|
|
621
621
|
});
|
|
622
|
-
const
|
|
622
|
+
const MazInput_vue_vue_type_style_index_0_scoped_447d0d16_lang = "";
|
|
623
623
|
const _hoisted_1 = {
|
|
624
624
|
key: 0,
|
|
625
625
|
class: "m-input-wrapper-left"
|
|
@@ -768,7 +768,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
768
768
|
/* CLASS */
|
|
769
769
|
);
|
|
770
770
|
}
|
|
771
|
-
const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
771
|
+
const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-447d0d16"]]);
|
|
772
772
|
export {
|
|
773
773
|
MazInput as default
|
|
774
774
|
};
|