maz-ui 3.18.2 → 3.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/components/MazPhoneNumberInput/{constantes/locales.d.ts → default-locales.d.ts} +1 -2
  2. package/components/MazPhoneNumberInput/types.d.ts +40 -2
  3. package/components/MazPhoneNumberInput/use-libphonenumber.d.ts +32 -0
  4. package/components/MazPhoneNumberInput.d.ts +65 -14
  5. package/components/MazPhoneNumberInput.mjs +1 -1
  6. package/components/MazSelect.d.ts +2 -0
  7. package/components/MazSelect.mjs +1 -1
  8. package/components/assets/MazPhoneNumberInput.css +1 -1
  9. package/components/assets/MazSelect.css +1 -1
  10. package/components/chunks/{MazBtn-b191eece.mjs → MazBtn-290141e9.mjs} +2 -2
  11. package/components/chunks/{MazBtn-875045b0.mjs → MazBtn-8d0f8eb2.mjs} +2 -2
  12. package/components/chunks/{MazInput-3021f55e.mjs → MazInput-4775c6de.mjs} +2 -2
  13. package/components/chunks/MazPhoneNumberInput-37eb2437.mjs +650 -0
  14. package/components/chunks/{MazSelect-d3d81ae8.mjs → MazSelect-13d3fe3a.mjs} +52 -17
  15. package/components/chunks/{MazSelect-c03eaaf8.mjs → MazSelect-9270ae9c.mjs} +51 -16
  16. package/components/chunks/{MazSpinner-87273e1f.mjs → MazSpinner-3e5a5ee0.mjs} +1 -1
  17. package/components/chunks/{MazSpinner-a3fe9ccb.mjs → MazSpinner-bfd1f135.mjs} +1 -1
  18. package/modules/assets/index.css +1 -1
  19. package/modules/chunks/{MazBtn-bf5d1483.mjs → MazBtn-c57ccb54.mjs} +3 -3
  20. package/modules/chunks/{MazIcon-1567cfaf.mjs → MazIcon-c5f0f47e.mjs} +1 -1
  21. package/modules/chunks/{MazSpinner-dda0b697.mjs → MazSpinner-bb0e791a.mjs} +1 -1
  22. package/modules/chunks/{index-a39534c8.mjs → index-7220b7e8.mjs} +4 -4
  23. package/modules/index.mjs +1 -1
  24. package/nuxt/index.json +1 -1
  25. package/package.json +1 -1
  26. package/types/components/MazPhoneNumberInput/{constantes/locales.d.ts → default-locales.d.ts} +1 -2
  27. package/types/components/MazPhoneNumberInput/types.d.ts +40 -2
  28. package/types/components/MazPhoneNumberInput/use-libphonenumber.d.ts +32 -0
  29. package/types/components/MazPhoneNumberInput.vue.d.ts +65 -14
  30. package/types/components/MazSelect.vue.d.ts +2 -0
  31. package/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +0 -2
  32. package/components/MazPhoneNumberInput/utils/index.d.ts +0 -12
  33. package/components/chunks/MazPhoneNumberInput-59aa8e06.mjs +0 -854
  34. package/types/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +0 -2
  35. package/types/components/MazPhoneNumberInput/utils/index.d.ts +0 -12
@@ -1,7 +1,7 @@
1
1
  import "../assets/MazSelect.css";
2
- import { ref, defineComponent, defineAsyncComponent, getCurrentInstance, computed, onBeforeMount, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, unref, withModifiers, withCtx, createElementVNode, Transition, normalizeStyle, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString, nextTick } from "vue";
3
- import MazInput from "./MazInput-3021f55e.mjs";
4
- import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-59aa8e06.mjs";
2
+ import { ref, defineComponent, defineAsyncComponent, getCurrentInstance, computed, onBeforeMount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, unref, withModifiers, withCtx, createElementVNode, Transition, normalizeStyle, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from "vue";
3
+ import MazInput from "./MazInput-4775c6de.mjs";
4
+ import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-37eb2437.mjs";
5
5
  ref();
6
6
  ref();
7
7
  ref([]);
@@ -66,7 +66,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
66
66
  search: { type: Boolean, default: false },
67
67
  searchPlaceholder: { type: String, default: "Search in options" }
68
68
  },
69
- emits: ["close", "open", "update:model-value", "blur", "focus", "change"],
69
+ emits: [
70
+ "close",
71
+ "open",
72
+ "blur",
73
+ "focus",
74
+ "change",
75
+ "update:model-value",
76
+ /** On selected value, returns the option object */
77
+ "selected-option"
78
+ ],
70
79
  setup(__props, { emit: emits }) {
71
80
  const props = __props;
72
81
  const SearchIcon = defineAsyncComponent(() => import("./magnifying-glass-6a0dd1a2.mjs"));
@@ -117,9 +126,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
117
126
  );
118
127
  const searchQuery = ref("");
119
128
  const query = ref("");
129
+ function normalizeString(str) {
130
+ return str.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z]/g, "");
131
+ }
120
132
  const searchInValue = (value, query2) => {
121
- return query2 && (value == null ? void 0 : value.toString().toLocaleLowerCase().trim().includes(query2.toLocaleLowerCase().trim()));
133
+ return query2 && value && normalizeString(value.toString().toLocaleLowerCase().trim()).includes(
134
+ normalizeString(query2.toLocaleLowerCase().trim())
135
+ );
122
136
  };
137
+ watch(
138
+ () => props.modelValue,
139
+ (value, oldValue) => {
140
+ if (value && value !== oldValue) {
141
+ scrollToSelected();
142
+ updateTmpModelValueIndex();
143
+ }
144
+ }
145
+ );
123
146
  function getFilteredOptionWithQuery(query2) {
124
147
  var _a;
125
148
  return query2 ? (_a = props.options) == null ? void 0 : _a.filter((option) => {
@@ -137,6 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
137
160
  }
138
161
  await nextTick();
139
162
  listOpened.value = false;
163
+ tmpModelValueIndex.value = 0;
140
164
  emits("close", event);
141
165
  };
142
166
  const openList = async (event) => {
@@ -149,7 +173,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
149
173
  emits("open", listOpened.value);
150
174
  };
151
175
  function toggleList(event) {
152
- return listOpened.value ? closeList(event) : openList(event);
176
+ var _a, _b;
177
+ return listOpened.value ? closeList(event) : ((_b = (_a = mazInputComponent.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus()) ?? openList();
153
178
  }
154
179
  function focusSearchInputAndSetQuery(q) {
155
180
  var _a;
@@ -168,11 +193,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
168
193
  tmpModelValueIndex.value = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
169
194
  (option) => option[props.optionValueKey] === filteredOptions[0][props.optionValueKey]
170
195
  );
171
- scrollToSelected();
196
+ scrollToSelected(tmpModelValueIndex.value);
172
197
  }
173
198
  debounceCallback(() => {
174
199
  query.value = "";
175
- }, 2e3);
200
+ }, 1e3);
176
201
  }
177
202
  const mainInputKeyboardHandler = (event) => {
178
203
  const keyPressed = event.key;
@@ -218,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
218
243
  } else {
219
244
  tmpModelValueIndex.value = code === "ArrowDown" ? 0 : optionsLength - 1;
220
245
  }
221
- scrollToSelected();
246
+ scrollToSelected(tmpModelValueIndex.value);
222
247
  };
223
248
  const enterHandler = (event, currentIndex) => {
224
249
  var _a, _b, _c;
@@ -231,16 +256,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
231
256
  updateValue(newValue);
232
257
  }
233
258
  };
234
- async function scrollToSelected(itemIndex = tmpModelValueIndex.value) {
259
+ async function scrollToSelected(index) {
235
260
  var _a, _b, _c;
236
261
  await nextTick();
237
- const selectedIndex = itemIndex ?? ((_a = optionsList.value) == null ? void 0 : _a.findIndex(
262
+ const selectedIndex = index ?? ((_a = optionsList.value) == null ? void 0 : _a.findIndex(
238
263
  (option) => {
239
264
  var _a2;
240
265
  return ((_a2 = selectedOption.value) == null ? void 0 : _a2[props.optionValueKey]) === option[props.optionValueKey];
241
266
  }
242
267
  ));
243
268
  if (typeof selectedIndex === "number") {
269
+ if (!tmpModelValueIndex.value)
270
+ tmpModelValueIndex.value = selectedIndex;
244
271
  (_c = (_b = optionsListElement.value) == null ? void 0 : _b.querySelectorAll(".m-select-list-item")[selectedIndex]) == null ? void 0 : _c.scrollIntoView({
245
272
  behavior: "auto",
246
273
  block: "nearest",
@@ -248,16 +275,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
248
275
  });
249
276
  }
250
277
  }
251
- const updateValue = (selectedOption2, mustCloseList = true) => {
278
+ function updateTmpModelValueIndex() {
252
279
  var _a;
253
- tmpModelValueIndex.value = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
254
- (option) => selectedOption2[props.optionValueKey] === option[props.optionValueKey]
280
+ const index = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
281
+ (option) => selectedOption[props.optionValueKey] === option[props.optionValueKey]
255
282
  );
283
+ tmpModelValueIndex.value = index && index >= 0 ? index : void 0;
284
+ }
285
+ const updateValue = (selectedOption2, mustCloseList = true) => {
256
286
  if (mustCloseList) {
257
287
  nextTick(() => closeList());
258
288
  }
259
289
  searchQuery.value = "";
260
290
  emits("update:model-value", selectedOption2[props.optionValueKey]);
291
+ emits("selected-option", selectedOption2);
292
+ updateTmpModelValueIndex();
261
293
  };
262
294
  return (_ctx, _cache) => {
263
295
  return openBlock(), createElementBlock(
@@ -324,7 +356,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
324
356
  ref_key: "searchInputComponent",
325
357
  ref: searchInputComponent,
326
358
  modelValue: searchQuery.value,
327
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
359
+ "onUpdate:modelValue": [
360
+ _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
361
+ _cache[2] || (_cache[2] = ($event) => tmpModelValueIndex.value = 0)
362
+ ],
328
363
  size: "sm",
329
364
  color: __props.color,
330
365
  placeholder: __props.searchPlaceholder,
@@ -401,8 +436,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
401
436
  };
402
437
  }
403
438
  });
404
- const MazSelect_vue_vue_type_style_index_0_scoped_982bfd47_lang = "";
405
- const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-982bfd47"]]);
439
+ const MazSelect_vue_vue_type_style_index_0_scoped_2589528b_lang = "";
440
+ const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2589528b"]]);
406
441
  export {
407
442
  MazSelect as default
408
443
  };
@@ -1,5 +1,5 @@
1
1
  import "../assets/MazSelect.css";
2
- import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, onBeforeMount, unref, Transition, normalizeStyle, Fragment, renderList, nextTick } from "vue";
2
+ import { computed, defineAsyncComponent, defineComponent, ref, getCurrentInstance, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx, onBeforeMount, watch, nextTick, unref, Transition, normalizeStyle, Fragment, renderList } from "vue";
3
3
  function debounce(func, delay) {
4
4
  let timeoutId;
5
5
  return (...args) => {
@@ -18,7 +18,7 @@ const useInstanceUniqId = ({
18
18
  }) => {
19
19
  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
20
20
  };
21
- const MazBtn = defineAsyncComponent(() => import("./MazBtn-b191eece.mjs"));
21
+ const MazBtn = defineAsyncComponent(() => import("./MazBtn-290141e9.mjs"));
22
22
  const MazIcon = defineAsyncComponent(() => import("./MazIcon-146f73d3.mjs"));
23
23
  const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-3c6844fc.mjs"));
24
24
  const EyeIcon = defineAsyncComponent(() => import("./eye-290c6a03.mjs"));
@@ -416,7 +416,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
416
416
  search: { type: Boolean, default: false },
417
417
  searchPlaceholder: { type: String, default: "Search in options" }
418
418
  },
419
- emits: ["close", "open", "update:model-value", "blur", "focus", "change"],
419
+ emits: [
420
+ "close",
421
+ "open",
422
+ "blur",
423
+ "focus",
424
+ "change",
425
+ "update:model-value",
426
+ /** On selected value, returns the option object */
427
+ "selected-option"
428
+ ],
420
429
  setup(__props, { emit: emits }) {
421
430
  const props = __props;
422
431
  const SearchIcon = defineAsyncComponent(() => import("./magnifying-glass-6a0dd1a2.mjs"));
@@ -467,9 +476,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
467
476
  );
468
477
  const searchQuery = ref("");
469
478
  const query = ref("");
479
+ function normalizeString(str) {
480
+ return str.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z]/g, "");
481
+ }
470
482
  const searchInValue = (value, query2) => {
471
- return query2 && (value == null ? void 0 : value.toString().toLocaleLowerCase().trim().includes(query2.toLocaleLowerCase().trim()));
483
+ return query2 && value && normalizeString(value.toString().toLocaleLowerCase().trim()).includes(
484
+ normalizeString(query2.toLocaleLowerCase().trim())
485
+ );
472
486
  };
487
+ watch(
488
+ () => props.modelValue,
489
+ (value, oldValue) => {
490
+ if (value && value !== oldValue) {
491
+ scrollToSelected();
492
+ updateTmpModelValueIndex();
493
+ }
494
+ }
495
+ );
473
496
  function getFilteredOptionWithQuery(query2) {
474
497
  var _a;
475
498
  return query2 ? (_a = props.options) == null ? void 0 : _a.filter((option) => {
@@ -487,6 +510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
487
510
  }
488
511
  await nextTick();
489
512
  listOpened.value = false;
513
+ tmpModelValueIndex.value = 0;
490
514
  emits("close", event);
491
515
  };
492
516
  const openList = async (event) => {
@@ -499,7 +523,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
499
523
  emits("open", listOpened.value);
500
524
  };
501
525
  function toggleList(event) {
502
- return listOpened.value ? closeList(event) : openList(event);
526
+ var _a, _b;
527
+ return listOpened.value ? closeList(event) : ((_b = (_a = mazInputComponent.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus()) ?? openList();
503
528
  }
504
529
  function focusSearchInputAndSetQuery(q) {
505
530
  var _a;
@@ -518,11 +543,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
518
543
  tmpModelValueIndex.value = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
519
544
  (option) => option[props.optionValueKey] === filteredOptions[0][props.optionValueKey]
520
545
  );
521
- scrollToSelected();
546
+ scrollToSelected(tmpModelValueIndex.value);
522
547
  }
523
548
  debounceCallback(() => {
524
549
  query.value = "";
525
- }, 2e3);
550
+ }, 1e3);
526
551
  }
527
552
  const mainInputKeyboardHandler = (event) => {
528
553
  const keyPressed = event.key;
@@ -568,7 +593,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
568
593
  } else {
569
594
  tmpModelValueIndex.value = code === "ArrowDown" ? 0 : optionsLength - 1;
570
595
  }
571
- scrollToSelected();
596
+ scrollToSelected(tmpModelValueIndex.value);
572
597
  };
573
598
  const enterHandler = (event, currentIndex) => {
574
599
  var _a, _b, _c;
@@ -581,16 +606,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
581
606
  updateValue(newValue);
582
607
  }
583
608
  };
584
- async function scrollToSelected(itemIndex = tmpModelValueIndex.value) {
609
+ async function scrollToSelected(index) {
585
610
  var _a, _b, _c;
586
611
  await nextTick();
587
- const selectedIndex = itemIndex ?? ((_a = optionsList.value) == null ? void 0 : _a.findIndex(
612
+ const selectedIndex = index ?? ((_a = optionsList.value) == null ? void 0 : _a.findIndex(
588
613
  (option) => {
589
614
  var _a2;
590
615
  return ((_a2 = selectedOption.value) == null ? void 0 : _a2[props.optionValueKey]) === option[props.optionValueKey];
591
616
  }
592
617
  ));
593
618
  if (typeof selectedIndex === "number") {
619
+ if (!tmpModelValueIndex.value)
620
+ tmpModelValueIndex.value = selectedIndex;
594
621
  (_c = (_b = optionsListElement.value) == null ? void 0 : _b.querySelectorAll(".m-select-list-item")[selectedIndex]) == null ? void 0 : _c.scrollIntoView({
595
622
  behavior: "auto",
596
623
  block: "nearest",
@@ -598,16 +625,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
598
625
  });
599
626
  }
600
627
  }
601
- const updateValue = (selectedOption2, mustCloseList = true) => {
628
+ function updateTmpModelValueIndex() {
602
629
  var _a;
603
- tmpModelValueIndex.value = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
604
- (option) => selectedOption2[props.optionValueKey] === option[props.optionValueKey]
630
+ const index = (_a = optionsList.value) == null ? void 0 : _a.findIndex(
631
+ (option) => selectedOption[props.optionValueKey] === option[props.optionValueKey]
605
632
  );
633
+ tmpModelValueIndex.value = index && index >= 0 ? index : void 0;
634
+ }
635
+ const updateValue = (selectedOption2, mustCloseList = true) => {
606
636
  if (mustCloseList) {
607
637
  nextTick(() => closeList());
608
638
  }
609
639
  searchQuery.value = "";
610
640
  emits("update:model-value", selectedOption2[props.optionValueKey]);
641
+ emits("selected-option", selectedOption2);
642
+ updateTmpModelValueIndex();
611
643
  };
612
644
  return (_ctx, _cache) => {
613
645
  return openBlock(), createElementBlock(
@@ -674,7 +706,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
674
706
  ref_key: "searchInputComponent",
675
707
  ref: searchInputComponent,
676
708
  modelValue: searchQuery.value,
677
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
709
+ "onUpdate:modelValue": [
710
+ _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
711
+ _cache[2] || (_cache[2] = ($event) => tmpModelValueIndex.value = 0)
712
+ ],
678
713
  size: "sm",
679
714
  color: __props.color,
680
715
  placeholder: __props.searchPlaceholder,
@@ -751,8 +786,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
751
786
  };
752
787
  }
753
788
  });
754
- const MazSelect_vue_vue_type_style_index_0_scoped_982bfd47_lang = "";
755
- const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-982bfd47"]]);
789
+ const MazSelect_vue_vue_type_style_index_0_scoped_2589528b_lang = "";
790
+ const MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2589528b"]]);
756
791
  export {
757
792
  MazSelect as M,
758
793
  _export_sfc as _
@@ -1,6 +1,6 @@
1
1
  import "../assets/MazSpinner.css";
2
2
  import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
3
- import { _ as _export_sfc } from "./MazSelect-c03eaaf8.mjs";
3
+ import { _ as _export_sfc } from "./MazSelect-9270ae9c.mjs";
4
4
  const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
5
5
  const _hoisted_1 = ["width", "height"];
6
6
  const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
@@ -1,6 +1,6 @@
1
1
  import "../assets/MazSpinner.css";
2
2
  import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
3
- import { _ as _export_sfc } from "./MazPhoneNumberInput-59aa8e06.mjs";
3
+ import { _ as _export_sfc } from "./MazPhoneNumberInput-37eb2437.mjs";
4
4
  const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
5
5
  const _hoisted_1 = ["width", "height"];
6
6
  const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
@@ -1 +1 @@
1
- html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-1b5808d8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-1b5808d8]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-1b5808d8]{height:100vh;width:100vw}.m-fullscreen-img[data-v-1b5808d8]:not(.--animation-active){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-fullscreen-img img[data-v-1b5808d8]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-1b5808d8]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-1b5808d8]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-1b5808d8]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-1b5808d8]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-1b5808d8]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-1b5808d8],.maz-scale-fade-leave-to[data-v-1b5808d8]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-1b5808d8],.maz-scale-fade-leave-active[data-v-1b5808d8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-04b2e191],.m-toast *[data-v-04b2e191]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-04b2e191]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-04b2e191],.m-toast.--right[data-v-04b2e191]{width:20rem}.m-toast.--center[data-v-04b2e191]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-04b2e191]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-04b2e191]{margin:0;text-align:left;font-weight:500}.m-toast .--close[data-v-04b2e191]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;width:2.25rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-04b2e191]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-04b2e191]{cursor:pointer}.m-toast.--info[data-v-04b2e191]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-04b2e191]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-04b2e191]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-04b2e191]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-04b2e191]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-04b2e191]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-04b2e191]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-04b2e191]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-04b2e191]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-04b2e191]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-04b2e191]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-04b2e191]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-04b2e191],.m-slide-top-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-04b2e191],.m-slide-top-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-04b2e191],.m-slide-bottom-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-04b2e191],.m-slide-bottom-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-04b2e191],.m-slide-right-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-04b2e191],.m-slide-right-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-04b2e191],.m-slide-left-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-04b2e191],.m-slide-left-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}
1
+ html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-1b5808d8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-1b5808d8]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-1b5808d8]{height:100vh;width:100vw}.m-fullscreen-img[data-v-1b5808d8]:not(.--animation-active){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-fullscreen-img img[data-v-1b5808d8]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-1b5808d8]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-1b5808d8]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-1b5808d8]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-1b5808d8]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-1b5808d8]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-1b5808d8],.maz-scale-fade-leave-to[data-v-1b5808d8]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-1b5808d8],.maz-scale-fade-leave-active[data-v-1b5808d8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-d9bb9493],.m-toast *[data-v-d9bb9493]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-d9bb9493]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-d9bb9493],.m-toast.--right[data-v-d9bb9493]{width:20rem}.m-toast.--center[data-v-d9bb9493]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-d9bb9493]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-d9bb9493]{margin:0;text-align:left;font-weight:500}.m-toast .--close[data-v-d9bb9493]{display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;width:2.25rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-d9bb9493]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-d9bb9493]{cursor:pointer}.m-toast.--info[data-v-d9bb9493]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-d9bb9493]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-d9bb9493]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-d9bb9493]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-d9bb9493]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-d9bb9493]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-d9bb9493]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-d9bb9493]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-d9bb9493]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-d9bb9493]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-d9bb9493]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-d9bb9493]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-d9bb9493],.m-slide-top-leave-active[data-v-d9bb9493]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-d9bb9493],.m-slide-top-leave-to[data-v-d9bb9493]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-d9bb9493],.m-slide-bottom-leave-active[data-v-d9bb9493]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-d9bb9493],.m-slide-bottom-leave-to[data-v-d9bb9493]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-d9bb9493],.m-slide-right-leave-active[data-v-d9bb9493]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-d9bb9493],.m-slide-right-leave-to[data-v-d9bb9493]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-d9bb9493],.m-slide-left-leave-active[data-v-d9bb9493]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-d9bb9493],.m-slide-left-leave-to[data-v-d9bb9493]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}
@@ -1,6 +1,6 @@
1
1
  import "../assets/MazBtn.css";
2
2
  import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
3
- import { _ as _export_sfc } from "./index-a39534c8.mjs";
3
+ import { _ as _export_sfc } from "./index-7220b7e8.mjs";
4
4
  const _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  __name: "MazBtn",
6
6
  props: {
@@ -47,8 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
47
47
  },
48
48
  setup(__props) {
49
49
  const props = __props;
50
- const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
51
- const MazIcon = defineAsyncComponent(() => import("./MazIcon-1567cfaf.mjs"));
50
+ const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-bb0e791a.mjs"));
51
+ const MazIcon = defineAsyncComponent(() => import("./MazIcon-c5f0f47e.mjs"));
52
52
  const { href, to } = useAttrs();
53
53
  const slots = useSlots();
54
54
  onBeforeMount(() => {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
2
- import { i as injectStrict } from "./index-a39534c8.mjs";
2
+ import { i as injectStrict } from "./index-7220b7e8.mjs";
3
3
  const _hoisted_1 = ["innerHTML"];
4
4
  const _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  __name: "MazIcon",
@@ -1,6 +1,6 @@
1
1
  import "../assets/MazSpinner.css";
2
2
  import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
3
- import { _ as _export_sfc } from "./index-a39534c8.mjs";
3
+ import { _ as _export_sfc } from "./index-7220b7e8.mjs";
4
4
  const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
5
5
  const _hoisted_1 = ["width", "height"];
6
6
  const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
@@ -1105,7 +1105,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
1105
1105
  emits: ["close", "previous", "next", "before-close"],
1106
1106
  setup(__props, { emit: emits }) {
1107
1107
  const props = __props;
1108
- const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
1108
+ const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-bb0e791a.mjs"));
1109
1109
  const XMark = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
1110
1110
  const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-7ab9664d.mjs"));
1111
1111
  let vueScrollTo;
@@ -1684,7 +1684,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1684
1684
  () => import("./arrow-top-right-on-square-3878577d.mjs")
1685
1685
  );
1686
1686
  const Link = defineAsyncComponent(() => import("./link-74f1af7a.mjs"));
1687
- const MazBtn = defineAsyncComponent(() => import("./MazBtn-bf5d1483.mjs"));
1687
+ const MazBtn = defineAsyncComponent(() => import("./MazBtn-c57ccb54.mjs"));
1688
1688
  const Toaster = ref();
1689
1689
  const positionY = computed(() => props.position.includes("top") ? "top" : "bottom");
1690
1690
  const positionX = computed(() => {
@@ -1883,8 +1883,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1883
1883
  }
1884
1884
  });
1885
1885
  const MazToast_vue_vue_type_style_index_0_lang = "";
1886
- const MazToast_vue_vue_type_style_index_1_scoped_04b2e191_lang = "";
1887
- const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04b2e191"]]);
1886
+ const MazToast_vue_vue_type_style_index_1_scoped_d9bb9493_lang = "";
1887
+ const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9bb9493"]]);
1888
1888
  const DEFAULT_OPTIONS$2 = {
1889
1889
  position: "bottom-right",
1890
1890
  timeout: 1e4,
package/modules/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-a39534c8.mjs";
1
+ import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-7220b7e8.mjs";
2
2
  export {
3
3
  B as AosHandler,
4
4
  I as IdleTimeout,
package/nuxt/index.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "3.18.2"
7
+ "version": "3.19.0"
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.18.2",
3
+ "version": "3.19.0",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.mjs",
@@ -1,4 +1,4 @@
1
- declare const _default: {
1
+ export declare const defaultLocales: {
2
2
  countrySelector: {
3
3
  placeholder: string;
4
4
  error: string;
@@ -9,4 +9,3 @@ declare const _default: {
9
9
  example: string;
10
10
  };
11
11
  };
12
- export default _default;
@@ -1,5 +1,5 @@
1
1
  import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
2
- import type locales from './constantes/locales';
2
+ import { type defaultLocales } from './default-locales';
3
3
  export type Result = {
4
4
  isValid: boolean;
5
5
  isPossible?: boolean;
@@ -13,9 +13,47 @@ export type Result = {
13
13
  e164?: string;
14
14
  rfc3966?: string;
15
15
  };
16
- export type Translations = typeof locales;
16
+ export type Translations = typeof defaultLocales;
17
17
  export type Country = {
18
18
  iso2: CountryCode;
19
19
  dialCode: CountryCallingCode;
20
20
  name: string;
21
21
  };
22
+ export interface IpWhoResponse {
23
+ ip: string;
24
+ success: true;
25
+ type?: string;
26
+ continent?: string;
27
+ continent_code?: string;
28
+ country?: string;
29
+ country_code?: string;
30
+ region?: string;
31
+ region_code?: string;
32
+ city?: string;
33
+ latitude?: number;
34
+ longitude?: number;
35
+ is_eu: true;
36
+ postal?: string;
37
+ calling_code?: string;
38
+ capital?: string;
39
+ borders?: string;
40
+ flag: {
41
+ img?: string;
42
+ emoji?: string;
43
+ emoji_unicode?: string;
44
+ };
45
+ connection: {
46
+ asn?: number;
47
+ org?: string;
48
+ isp?: string;
49
+ domain?: string;
50
+ };
51
+ timezone: {
52
+ id?: string;
53
+ abbr?: string;
54
+ is_dst: false;
55
+ offset?: number;
56
+ utc?: string;
57
+ current_time?: string;
58
+ };
59
+ }
@@ -0,0 +1,32 @@
1
+ import { type CountryCode, type Examples } from 'libphonenumber-js';
2
+ import type { Country, Result } from './types';
3
+ declare function loadPhoneNumberExamplesFile(): Promise<Examples>;
4
+ declare function isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode): boolean;
5
+ declare function getPhoneNumberExample(countryCode?: CountryCode): string | undefined;
6
+ declare function sanitizePhoneNumber(input?: string): string;
7
+ declare function getCountriesList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
8
+ declare function browserLocale(): {
9
+ locale?: undefined;
10
+ browserLocale?: undefined;
11
+ } | {
12
+ locale: string;
13
+ browserLocale: string;
14
+ };
15
+ export declare function isCountryAvailable(locale: string): boolean;
16
+ declare function getAsYouTypeFormat(countryCode?: CountryCode, phoneNumber?: string): string | undefined;
17
+ declare function fetchCountryCode(): Promise<string | undefined>;
18
+ export declare function useLibphonenumber(): {
19
+ fetchCountryCode: typeof fetchCountryCode;
20
+ getAsYouTypeFormat: typeof getAsYouTypeFormat;
21
+ getResultsFromPhoneNumber: ({ phoneNumber, countryCode, }: {
22
+ phoneNumber?: string | undefined;
23
+ countryCode?: CountryCode | undefined;
24
+ }) => Result;
25
+ loadPhoneNumberExamplesFile: typeof loadPhoneNumberExamplesFile;
26
+ getPhoneNumberExample: typeof getPhoneNumberExample;
27
+ sanitizePhoneNumber: typeof sanitizePhoneNumber;
28
+ getCountriesList: typeof getCountriesList;
29
+ browserLocale: typeof browserLocale;
30
+ isSameCountryCallingCode: typeof isSameCountryCallingCode;
31
+ };
32
+ export {};