maz-ui 4.1.7-beta.6 → 4.1.7-beta.7

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 (99) hide show
  1. package/dist/assets/{MazBtn.D86vFfaR.css → MazBtn.DDnoE3K1.css} +1 -1
  2. package/dist/assets/MazDropzone.B5e-z_Ba.css +1 -0
  3. package/dist/assets/MazIcon.Cl1pfRbK.css +1 -0
  4. package/dist/assets/MazPickerCalendarMonth.CdpSHmMr.css +1 -0
  5. package/dist/assets/{MazTable.DLVdp4na.css → MazTable.BKlwCDt4.css} +1 -1
  6. package/dist/chunks/{MazChart.vue_vue_type_script_setup_true_lang.JSYXGyfn.js → MazChart.vue_vue_type_script_setup_true_lang.CUrokkc_.js} +5 -5
  7. package/dist/chunks/{MazDatePicker.C5f1ViA8.js → MazDatePicker.CYfNHwnV.js} +82 -82
  8. package/dist/chunks/{MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js → MazDialogConfirm.vue_vue_type_script_setup_true_lang.BaOg5MoP.js} +4 -4
  9. package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.C5WEfuse.js → MazDropdown.vue_vue_type_style_index_0_lang.qBaRy629.js} +41 -41
  10. package/dist/chunks/{MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js → MazInputNumber.vue_vue_type_style_index_0_lang.D_OF4KbM.js} +20 -20
  11. package/dist/chunks/{MazInputPhoneNumber.BFEXMmvC.js → MazInputPhoneNumber.CbNnLvU_.js} +32 -32
  12. package/dist/chunks/{MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js → MazInputPrice.vue_vue_type_script_setup_true_lang.CcQ71H1z.js} +6 -6
  13. package/dist/chunks/{MazPickerCalendar.BpHfGufN.js → MazPickerCalendar.BOSPVh7n.js} +26 -26
  14. package/dist/chunks/{MazPickerCalendarMonth.Cp41DoYR.js → MazPickerCalendarMonth.C-dBLRva.js} +4 -4
  15. package/dist/chunks/{MazPickerCalendarSwitcher.eONnlP4p.js → MazPickerCalendarSwitcher.CBt_inzB.js} +1 -1
  16. package/dist/chunks/{MazPickerHeader.8NgtJicu.js → MazPickerHeader.CPmuARqp.js} +4 -4
  17. package/dist/chunks/{MazPickerMonthSwitcher.Dlwz6t6Y.js → MazPickerMonthSwitcher.A5uh7cC7.js} +1 -1
  18. package/dist/chunks/{MazPickerShortcuts.B0CYBkxL.js → MazPickerShortcuts.iJe-kl_a.js} +2 -2
  19. package/dist/chunks/{MazPickerTime.C4lzgTv-.js → MazPickerTime.xQhgnYKJ.js} +1 -1
  20. package/dist/chunks/{MazPickerYearSwitcher.B1BVoF2x.js → MazPickerYearSwitcher.eQe37UOI.js} +1 -1
  21. package/dist/chunks/{MazSwitch.vue_vue_type_style_index_0_lang.Dz7-dIc9.js → MazSwitch.vue_vue_type_style_index_0_lang.DctlXsMK.js} +15 -15
  22. package/dist/chunks/{MazTable.vue_vue_type_script_setup_true_lang.lsJngJJn.js → MazTable.vue_vue_type_script_setup_true_lang.F9DFa_6O.js} +35 -35
  23. package/dist/chunks/{PhoneInput.BcmutVwQ.js → PhoneInput.DQZjDqMK.js} +12 -12
  24. package/dist/chunks/{fullscreen-img.directive.e2KyfwYA.js → fullscreen-img.directive.BqO7XUdi.js} +1 -1
  25. package/dist/components/MazAccordion.js +1 -1
  26. package/dist/components/MazAnimatedCounter.js +5 -5
  27. package/dist/components/MazAnimatedElement.js +1 -1
  28. package/dist/components/MazAnimatedText.js +12 -12
  29. package/dist/components/MazAvatar.js +25 -25
  30. package/dist/components/MazBackdrop.js +6 -6
  31. package/dist/components/MazBadge.js +4 -4
  32. package/dist/components/MazBottomSheet.js +3 -3
  33. package/dist/components/MazBtn.js +42 -32
  34. package/dist/components/MazCard.js +17 -17
  35. package/dist/components/MazCardSpotlight.js +4 -4
  36. package/dist/components/MazCarousel.js +3 -3
  37. package/dist/components/MazChart.js +1 -1
  38. package/dist/components/MazCheckbox.js +13 -13
  39. package/dist/components/MazChecklist.js +15 -15
  40. package/dist/components/MazCircularProgressBar.js +11 -11
  41. package/dist/components/MazDatePicker.js +1 -1
  42. package/dist/components/MazDialog.js +9 -9
  43. package/dist/components/MazDialogConfirm.js +2 -2
  44. package/dist/components/MazDrawer.js +6 -6
  45. package/dist/components/MazDropdown.js +1 -1
  46. package/dist/components/MazDropzone.js +132 -97
  47. package/dist/components/MazDropzone.vue.d.ts +10 -16
  48. package/dist/components/MazExpandAnimation.js +1 -1
  49. package/dist/components/MazFullscreenLoader.js +3 -3
  50. package/dist/components/MazGallery.js +14 -14
  51. package/dist/components/MazIcon.js +29 -10
  52. package/dist/components/MazIcon.vue.d.ts +9 -2
  53. package/dist/components/MazInput.js +40 -40
  54. package/dist/components/MazInputCode.js +11 -11
  55. package/dist/components/MazInputNumber.js +1 -1
  56. package/dist/components/MazInputPhoneNumber.js +1 -1
  57. package/dist/components/MazInputPrice.js +1 -1
  58. package/dist/components/MazInputTags.js +16 -16
  59. package/dist/components/MazInputTags.vue.d.ts +2 -2
  60. package/dist/components/MazLazyImg.js +9 -9
  61. package/dist/components/MazLink.js +18 -18
  62. package/dist/components/MazLoadingBar.js +1 -1
  63. package/dist/components/MazPagination.js +20 -20
  64. package/dist/components/MazPopover.js +15 -15
  65. package/dist/components/MazPullToRefresh.js +2 -2
  66. package/dist/components/MazRadio.js +12 -12
  67. package/dist/components/MazRadioButtons.js +15 -15
  68. package/dist/components/MazReadingProgressBar.js +3 -3
  69. package/dist/components/MazSelect.js +30 -30
  70. package/dist/components/MazSelectCountry.js +34 -34
  71. package/dist/components/MazSlider.js +6 -6
  72. package/dist/components/MazSpinner.js +3 -3
  73. package/dist/components/MazStepper.js +3 -3
  74. package/dist/components/MazSwitch.js +1 -1
  75. package/dist/components/MazTable.js +3 -3
  76. package/dist/components/MazTableCell.js +1 -1
  77. package/dist/components/MazTableRow.js +2 -2
  78. package/dist/components/MazTableTitle.js +1 -1
  79. package/dist/components/MazTabsBar.js +3 -3
  80. package/dist/components/MazTextarea.js +17 -17
  81. package/dist/components/index.js +8 -8
  82. package/dist/composables/useDisplayNames.d.ts +2 -2
  83. package/dist/composables/useDisplayNames.js +1 -1
  84. package/dist/composables/useDropzone.js +10 -2
  85. package/dist/directives/index.js +1 -1
  86. package/dist/directives/vFullscreenImg.js +1 -1
  87. package/dist/directives/vZoomImg/zoom-img.directive.d.ts +2 -2
  88. package/dist/plugins/dialog.js +1 -1
  89. package/dist/plugins/toast.js +5 -5
  90. package/dist/resolvers/MazComponentsResolver.js +15 -0
  91. package/dist/types/components/MazDropzone.vue.d.ts +10 -16
  92. package/dist/types/components/MazIcon.vue.d.ts +9 -2
  93. package/dist/types/components/MazInputTags.vue.d.ts +2 -2
  94. package/dist/types/composables/useDisplayNames.d.ts +2 -2
  95. package/dist/types/directives/vZoomImg/zoom-img.directive.d.ts +2 -2
  96. package/package.json +22 -23
  97. package/dist/assets/MazDropzone._2HwHowu.css +0 -1
  98. package/dist/assets/MazIcon.3Pn7omz5.css +0 -1
  99. package/dist/assets/MazPickerCalendarMonth.BZJQGPhS.css +0 -1
@@ -92,36 +92,36 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
92
92
  isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
93
93
  }
94
94
  ), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
95
- trigger: _ctx.trigger,
95
+ trigger: __props.trigger,
96
96
  "model-value": isOpen.value,
97
97
  class: normalizeClass(["m-dropdown m-reset-css", [__props.class]]),
98
98
  role: "menu",
99
99
  style: normalizeStyle(__props.style),
100
- "prefer-position": _ctx.preferPosition,
100
+ "prefer-position": __props.preferPosition,
101
101
  color: "background",
102
- position: _ctx.position,
103
- transition: _ctx.transition,
104
- disabled: _ctx.disabled,
105
- offset: _ctx.offset,
106
- delay: _ctx.delay,
107
- "fallback-position": _ctx.fallbackPosition,
108
- persistent: _ctx.persistent,
109
- "hover-delay": _ctx.hoverDelay,
110
- "panel-class": _ctx.panelClass,
111
- "panel-style": _ctx.panelStyle,
112
- "close-on-escape": _ctx.closeOnEscape,
113
- "close-on-click": _ctx.closeOnClick,
114
- "teleport-to": _ctx.teleportTo,
115
- "trap-focus": _ctx.trapFocus,
116
- "overlay-class": _ctx.overlayClass,
117
- "close-on-click-outside": _ctx.closeOnClickOutside,
118
- "aria-describedby": _ctx.ariaDescribedby,
119
- "announce-changes": _ctx.announceChanges,
120
- "aria-label": _ctx.ariaLabel,
121
- "aria-labelledby": _ctx.ariaLabelledby,
122
- "position-reference": _ctx.positionReference,
123
- "keep-open-on-hover": _ctx.trigger === "hover" || _ctx.trigger === "adaptive",
124
- block: _ctx.block,
102
+ position: __props.position,
103
+ transition: __props.transition,
104
+ disabled: __props.disabled,
105
+ offset: __props.offset,
106
+ delay: __props.delay,
107
+ "fallback-position": __props.fallbackPosition,
108
+ persistent: __props.persistent,
109
+ "hover-delay": __props.hoverDelay,
110
+ "panel-class": __props.panelClass,
111
+ "panel-style": __props.panelStyle,
112
+ "close-on-escape": __props.closeOnEscape,
113
+ "close-on-click": __props.closeOnClick,
114
+ "teleport-to": __props.teleportTo,
115
+ "trap-focus": __props.trapFocus,
116
+ "overlay-class": __props.overlayClass,
117
+ "close-on-click-outside": __props.closeOnClickOutside,
118
+ "aria-describedby": __props.ariaDescribedby,
119
+ "announce-changes": __props.announceChanges,
120
+ "aria-label": __props.ariaLabel,
121
+ "aria-labelledby": __props.ariaLabelledby,
122
+ "position-reference": __props.positionReference,
123
+ "keep-open-on-hover": __props.trigger === "hover" || __props.trigger === "adaptive",
124
+ block: __props.block,
125
125
  "onUpdate:modelValue": setDropdown
126
126
  }, {
127
127
  trigger: withCtx(({ toggle, close, open, trigger: triggerType }) => [
@@ -137,7 +137,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
137
137
  class: "maz-sr-only"
138
138
  }, [
139
139
  renderSlot(_ctx.$slots, "screen-reader-description", {}, () => [
140
- createTextVNode(toDisplayString(_ctx.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
140
+ createTextVNode(toDisplayString(__props.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
141
141
  ])
142
142
  ], 8, _hoisted_2),
143
143
  renderSlot(_ctx.$slots, "trigger", {
@@ -148,11 +148,11 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
148
148
  }, () => [
149
149
  createVNode(unref(MazBtn), mergeProps({
150
150
  "aria-labelledby": `${unref(instanceId)}-labelspan`,
151
- color: _ctx.color,
152
- disabled: _ctx.disabled
151
+ color: __props.color,
152
+ disabled: __props.disabled
153
153
  }, _ctx.$attrs, {
154
- block: _ctx.block,
155
- size: _ctx.size,
154
+ block: __props.block,
155
+ size: __props.size,
156
156
  onKeydown: [
157
157
  withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
158
158
  withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"])
@@ -164,7 +164,7 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
164
164
  ]),
165
165
  _: 2
166
166
  }, [
167
- _ctx.chevron || _ctx.$slots["dropdown-icon"] ? {
167
+ __props.chevron || _ctx.$slots["dropdown-icon"] ? {
168
168
  name: "right-icon",
169
169
  fn: withCtx(() => [
170
170
  renderSlot(_ctx.$slots, "dropdown-icon", {
@@ -173,16 +173,16 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
173
173
  close,
174
174
  open
175
175
  }, () => [
176
- typeof _ctx.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
176
+ typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
177
177
  key: 0,
178
- name: _ctx.dropdownIcon,
179
- class: normalizeClass([{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value])
180
- }, null, 8, ["name", "class"])) : _ctx.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.dropdownIcon), {
178
+ name: __props.dropdownIcon,
179
+ class: normalizeClass([{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value])
180
+ }, null, 8, ["name", "class"])) : __props.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dropdownIcon), {
181
181
  key: 1,
182
- class: normalizeClass([[{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
182
+ class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
183
183
  }, null, 8, ["class"])) : (openBlock(), createBlock(unref(MazChevronDown), {
184
184
  key: 2,
185
- class: normalizeClass([[{ "--open": isOpen.value && _ctx.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
185
+ class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
186
186
  }, null, 8, ["class"]))
187
187
  ])
188
188
  ]),
@@ -197,18 +197,18 @@ import '../assets/MazDropdown.D90GEKDB.css';const _hoisted_1 = ["id", "aria-expa
197
197
  id: `${unref(instanceId)}-menu`,
198
198
  role: "menu",
199
199
  "aria-label": "Menu",
200
- class: normalizeClass(["m-dropdown__menu", _ctx.menuPanelClass]),
200
+ class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
201
201
  tabindex: "-1",
202
- style: normalizeStyle(_ctx.menuPanelStyle)
202
+ style: normalizeStyle(__props.menuPanelStyle)
203
203
  }, [
204
204
  renderSlot(_ctx.$slots, "dropdown", {
205
- items: _ctx.items,
205
+ items: __props.items,
206
206
  open,
207
207
  close,
208
208
  isOpen: isOpen.value,
209
209
  toggle
210
210
  }, () => [
211
- (openBlock(!0), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
211
+ (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
212
212
  key: index,
213
213
  item,
214
214
  open,
@@ -62,15 +62,15 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
62
62
  }
63
63
  }
64
64
  return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
65
- class: normalizeClass(["m-input-number m-reset-css", [`m-input-number--${_ctx.size}`, props.class, { "--block": _ctx.block }]]),
66
- style: normalizeStyle(_ctx.style)
65
+ class: normalizeClass(["m-input-number m-reset-css", [`m-input-number--${__props.size}`, props.class, { "--block": __props.block }]]),
66
+ style: normalizeStyle(__props.style)
67
67
  }, [
68
- _ctx.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
68
+ __props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
69
69
  key: 0,
70
70
  color: "transparent",
71
- size: _ctx.size,
71
+ size: __props.size,
72
72
  class: "m-input-number__button m-input-number__decrement-button",
73
- disabled: decrementDisabled.value || _ctx.disabled,
73
+ disabled: decrementDisabled.value || __props.disabled,
74
74
  onClick: decrement
75
75
  }, {
76
76
  default: withCtx(() => [
@@ -81,18 +81,18 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
81
81
  createVNode(MazInput, mergeProps({
82
82
  "model-value": currentValue.value,
83
83
  type: "number",
84
- class: ["m-input-number__input", { "--no-buttons": _ctx.hideButtons, "--text-center": _ctx.textCenter }]
85
- }, { ..._ctx.$attrs, ..._ctx.inputProps }, {
86
- disabled: _ctx.disabled,
87
- min: _ctx.min,
88
- max: _ctx.max,
89
- step: _ctx.step,
90
- error: _ctx.error,
91
- success: _ctx.success,
92
- warning: _ctx.warning,
93
- hint: _ctx.hint,
94
- inputmode: _ctx.inputmode,
95
- size: _ctx.size,
84
+ class: ["m-input-number__input", { "--no-buttons": __props.hideButtons, "--text-center": __props.textCenter }]
85
+ }, { ..._ctx.$attrs, ...__props.inputProps }, {
86
+ disabled: __props.disabled,
87
+ min: __props.min,
88
+ max: __props.max,
89
+ step: __props.step,
90
+ error: __props.error,
91
+ success: __props.success,
92
+ warning: __props.warning,
93
+ hint: __props.hint,
94
+ inputmode: __props.inputmode,
95
+ size: __props.size,
96
96
  block: "",
97
97
  onKeydown: [
98
98
  withKeys(withModifiers(increment, ["prevent"]), ["up"]),
@@ -104,12 +104,12 @@ import '../assets/MazInputNumber.C3rw4i2e.css';const _sfc_main = /* @__PURE__ */
104
104
  onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", $event)),
105
105
  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(emitDebounced)($event))
106
106
  }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
107
- _ctx.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
107
+ __props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
108
108
  key: 1,
109
109
  color: "transparent",
110
- size: _ctx.size,
110
+ size: __props.size,
111
111
  class: "m-input-number__button m-input-number__increment-button",
112
- disabled: incrementDisabled.value || _ctx.disabled,
112
+ disabled: incrementDisabled.value || __props.disabled,
113
113
  onClick: increment
114
114
  }, {
115
115
  default: withCtx(() => [
@@ -216,7 +216,7 @@ const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-
216
216
  },
217
217
  emits: ["update:model-value", "country-code", "update:country-code", "data"],
218
218
  setup(__props, { emit: __emit }) {
219
- const props = __props, emits = __emit, MazSelectCountry = defineAsyncComponent(() => import("../components/MazSelectCountry.js")), PhoneInput = defineAsyncComponent(() => import("./PhoneInput.BcmutVwQ.js")), { fetchCountryCode: fetchCountryCode2, getBrowserLocale: getBrowserLocale2, getCountryList: getCountryList2 } = useMazInputPhoneNumber(), { isCountryAvailable: isCountryAvailable2, getPhoneNumberResults: getPhoneNumberResults2 } = useLibphonenumber(), instanceId = useInstanceUniqId({
219
+ const props = __props, emits = __emit, MazSelectCountry = defineAsyncComponent(() => import("../components/MazSelectCountry.js")), PhoneInput = defineAsyncComponent(() => import("./PhoneInput.DQZjDqMK.js")), { fetchCountryCode: fetchCountryCode2, getBrowserLocale: getBrowserLocale2, getCountryList: getCountryList2 } = useMazInputPhoneNumber(), { isCountryAvailable: isCountryAvailable2, getPhoneNumberResults: getPhoneNumberResults2 } = useLibphonenumber(), instanceId = useInstanceUniqId({
220
220
  componentName: "MazInputPhoneNumber",
221
221
  providedId: props.id
222
222
  }), phoneNumber = ref(), selectedCountry = ref(), { t } = useTranslations(), messages = computed(() => ({
@@ -331,33 +331,33 @@ const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-
331
331
  results
332
332
  }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
333
333
  id: unref(instanceId),
334
- class: normalizeClass(["m-input-phone-number m-reset-css", [props.class, { "--block": _ctx.block }, _ctx.orientation ? `--${_ctx.orientation}` : void 0]]),
335
- style: normalizeStyle(_ctx.style)
334
+ class: normalizeClass(["m-input-phone-number m-reset-css", [props.class, { "--block": __props.block }, __props.orientation ? `--${__props.orientation}` : void 0]]),
335
+ style: normalizeStyle(__props.style)
336
336
  }, [
337
- _ctx.hideCountrySelect ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazSelectCountry), mergeProps({
337
+ __props.hideCountrySelect ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazSelectCountry), mergeProps({
338
338
  key: 0,
339
339
  id: `${unref(instanceId)}-country`,
340
340
  class: "m-input-phone-number__country-select"
341
- }, _ctx.countrySelectAttributes, {
341
+ }, __props.countrySelectAttributes, {
342
342
  "model-value": selectedCountry.value,
343
- "option-input-value-key": _ctx.displayCountryName ? "name" : "dialCode",
344
- color: _ctx.color,
345
- size: _ctx.size,
346
- locale: _ctx.countryLocale,
347
- "countries-list": _ctx.customCountriesList,
348
- "list-position": _ctx.listPosition,
349
- "hide-flags": _ctx.hideFlags,
350
- search: _ctx.search,
351
- block: _ctx.block,
352
- error: _ctx.error || (_ctx.validationError ? !!phoneNumber.value && !selectedCountry.value : !1),
353
- success: _ctx.success || (_ctx.validationSuccess ? results.value?.isValid : !1),
343
+ "option-input-value-key": __props.displayCountryName ? "name" : "dialCode",
344
+ color: __props.color,
345
+ size: __props.size,
346
+ locale: __props.countryLocale,
347
+ "countries-list": __props.customCountriesList,
348
+ "list-position": __props.listPosition,
349
+ "hide-flags": __props.hideFlags,
350
+ search: __props.search,
351
+ block: __props.block,
352
+ error: __props.error || (__props.validationError ? !!phoneNumber.value && !selectedCountry.value : !1),
353
+ success: __props.success || (__props.validationSuccess ? results.value?.isValid : !1),
354
354
  translations: messages.value.countrySelect,
355
355
  hint: phoneNumber.value && !selectedCountry.value ? messages.value.countrySelect.error : void 0,
356
356
  options: countriesList.value,
357
- disabled: _ctx.disabled,
358
- "search-threshold": _ctx.searchThreshold,
359
- "format-input-value": _ctx.displayCountryName || !selectedCountry.value ? void 0 : (value) => `+${value}`,
360
- "show-code-in-list": _ctx.showCodeInList,
357
+ disabled: __props.disabled,
358
+ "search-threshold": __props.searchThreshold,
359
+ "format-input-value": __props.displayCountryName || !selectedCountry.value ? void 0 : (value) => `+${value}`,
360
+ "show-code-in-list": __props.showCodeInList,
361
361
  label: messages.value.countrySelect.placeholder,
362
362
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => onCountryChanged({ countryCode: $event, selectPhoneNumber: !0 }))
363
363
  }), {
@@ -385,20 +385,20 @@ const _hoisted_1 = ["id"], _hoisted_2 = { class: "m-input-phone-number__country-
385
385
  ref: PhoneInputRef,
386
386
  class: "m-input-phone-number__phone-input",
387
387
  "model-value": phoneNumber.value
388
- }, { ..._ctx.$attrs, ..._ctx.phoneInputAttributes }, {
389
- color: _ctx.color,
390
- size: _ctx.size,
391
- "auto-format": _ctx.autoFormat,
392
- example: _ctx.example,
388
+ }, { ..._ctx.$attrs, ...__props.phoneInputAttributes }, {
389
+ color: __props.color,
390
+ size: __props.size,
391
+ "auto-format": __props.autoFormat,
392
+ example: __props.example,
393
393
  block: "",
394
- disabled: _ctx.disabled,
395
- name: _ctx.phoneInputAttributes.name,
396
- "has-radius": !_ctx.hideCountrySelect,
397
- success: _ctx.success || (_ctx.validationSuccess ? results.value.isValid : !1),
398
- error: _ctx.error || (_ctx.validationError ? !!phoneNumber.value && !results.value.isValid : !1),
394
+ disabled: __props.disabled,
395
+ name: __props.phoneInputAttributes.name,
396
+ "has-radius": !__props.hideCountrySelect,
397
+ success: __props.success || (__props.validationSuccess ? results.value.isValid : !1),
398
+ error: __props.error || (__props.validationError ? !!phoneNumber.value && !results.value.isValid : !1),
399
399
  locales: messages.value.phoneInput,
400
- label: _ctx.label,
401
- placeholder: _ctx.placeholder,
400
+ label: __props.label,
401
+ placeholder: __props.placeholder,
402
402
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => onPhoneNumberChanged({ newPhoneNumber: $event }))
403
403
  }), null, 16, ["id", "model-value", "color", "size", "auto-format", "example", "disabled", "name", "has-radius", "success", "error", "locales", "label", "placeholder"])
404
404
  ], 14, _hoisted_1));
@@ -88,12 +88,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
88
88
  return (_ctx, _cache) => (openBlock(), createBlock(MazInput, {
89
89
  "model-value": displayPrice.value,
90
90
  class: "maz-input-price m-reset-css",
91
- block: _ctx.block,
92
- error: _ctx.error,
93
- success: _ctx.success,
94
- warning: _ctx.warning,
95
- hint: _ctx.hint,
96
- "left-icon": _ctx.noIcon ? void 0 : unref(MazBanknotes),
91
+ block: __props.block,
92
+ error: __props.error,
93
+ success: __props.success,
94
+ warning: __props.warning,
95
+ hint: __props.hint,
96
+ "left-icon": __props.noIcon ? void 0 : unref(MazBanknotes),
97
97
  onFocus,
98
98
  onBlur,
99
99
  onInput,
@@ -22,7 +22,7 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
22
22
  },
23
23
  emits: ["update:model-value", "update:calendar-date"],
24
24
  setup(__props, { emit: __emit }) {
25
- const props = __props, emits = __emit, MazPickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.Cp41DoYR.js")), MazPickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.eONnlP4p.js")), MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.Dlwz6t6Y.js")), MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.B0CYBkxL.js")), MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.B1BVoF2x.js")), hoverredDay = ref(), hasShortcuts = computed(
25
+ const props = __props, emits = __emit, MazPickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.C-dBLRva.js")), MazPickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.CBt_inzB.js")), MazPickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.A5uh7cC7.js")), MazPickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.iJe-kl_a.js")), MazPickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.eQe37UOI.js")), hoverredDay = ref(), hasShortcuts = computed(
26
26
  () => props.shortcuts && props.shortcuts.length > 0 && props.range
27
27
  ), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
28
28
  get: () => props.modelValue,
@@ -36,20 +36,20 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
36
36
  key: 0,
37
37
  modelValue: currentValue.value,
38
38
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
39
- color: _ctx.color,
40
- shortcuts: _ctx.shortcuts,
41
- shortcut: _ctx.shortcut,
42
- double: _ctx.double,
43
- disabled: _ctx.disabled
39
+ color: __props.color,
40
+ shortcuts: __props.shortcuts,
41
+ shortcut: __props.shortcut,
42
+ double: __props.double,
43
+ disabled: __props.disabled
44
44
  }, null, 8, ["modelValue", "color", "shortcuts", "shortcut", "double", "disabled"])) : createCommentVNode("", !0),
45
45
  createElementVNode("div", {
46
- class: normalizeClass(["maz-picker-calendar__main", { "--has-double": _ctx.double }])
46
+ class: normalizeClass(["maz-picker-calendar__main", { "--has-double": __props.double }])
47
47
  }, [
48
48
  createVNode(unref(MazPickerCalendarSwitcher), {
49
49
  "calendar-date": calendarDate.value,
50
50
  "onUpdate:calendarDate": _cache[1] || (_cache[1] = ($event) => calendarDate.value = $event),
51
- locale: _ctx.locale,
52
- double: _ctx.double,
51
+ locale: __props.locale,
52
+ double: __props.double,
53
53
  onOpenMonthSwitcher: _cache[2] || (_cache[2] = ($event) => monthSwitcherOpen.value = !0),
54
54
  onOpenYearSwitcher: _cache[3] || (_cache[3] = ($event) => yearSwitcherOpen.value = !0)
55
55
  }, null, 8, ["calendar-date", "locale", "double"]),
@@ -59,9 +59,9 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
59
59
  key: 0,
60
60
  "calendar-date": calendarDate.value,
61
61
  "onUpdate:calendarDate": _cache[4] || (_cache[4] = ($event) => calendarDate.value = $event),
62
- color: _ctx.color,
63
- double: _ctx.double,
64
- locale: _ctx.locale,
62
+ color: __props.color,
63
+ double: __props.double,
64
+ locale: __props.locale,
65
65
  onClose: _cache[5] || (_cache[5] = ($event) => monthSwitcherOpen.value = !1)
66
66
  }, null, 8, ["calendar-date", "color", "double", "locale"])) : createCommentVNode("", !0)
67
67
  ]),
@@ -73,15 +73,15 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
73
73
  key: 0,
74
74
  "calendar-date": calendarDate.value,
75
75
  "onUpdate:calendarDate": _cache[6] || (_cache[6] = ($event) => calendarDate.value = $event),
76
- color: _ctx.color,
77
- locale: _ctx.locale,
76
+ color: __props.color,
77
+ locale: __props.locale,
78
78
  onClose: _cache[7] || (_cache[7] = ($event) => yearSwitcherOpen.value = !1)
79
79
  }, null, 8, ["calendar-date", "color", "locale"])) : createCommentVNode("", !0)
80
80
  ]),
81
81
  _: 1
82
82
  }),
83
83
  createElementVNode("div", {
84
- class: normalizeClass(["maz-picker-calendar__months", { "--is-range": _ctx.range }])
84
+ class: normalizeClass(["maz-picker-calendar__months", { "--is-range": __props.range }])
85
85
  }, [
86
86
  (openBlock(!0), createElementBlock(Fragment, null, renderList(months.value, (month) => (openBlock(), createBlock(unref(MazPickerCalendarMonth), {
87
87
  key: month,
@@ -90,18 +90,18 @@ import '../assets/MazPickerCalendar.CwCiPtzY.css';const _hoisted_1 = { class: "m
90
90
  "hoverred-day": hoverredDay.value,
91
91
  "onUpdate:hoverredDay": _cache[9] || (_cache[9] = ($event) => hoverredDay.value = $event),
92
92
  "calendar-date": calendarDate.value,
93
- locale: _ctx.locale,
94
- "has-time": _ctx.hasTime,
95
- inline: _ctx.inline,
96
- color: _ctx.color,
93
+ locale: __props.locale,
94
+ "has-time": __props.hasTime,
95
+ inline: __props.inline,
96
+ color: __props.color,
97
97
  "offset-month": month,
98
- "first-day-of-week": _ctx.firstDayOfWeek,
99
- "min-date": _ctx.minDate,
100
- "max-date": _ctx.maxDate,
101
- disabled: _ctx.disabled,
102
- "disabled-weekly": _ctx.disabledWeekly,
103
- "disabled-dates": _ctx.disabledDates,
104
- range: _ctx.range
98
+ "first-day-of-week": __props.firstDayOfWeek,
99
+ "min-date": __props.minDate,
100
+ "max-date": __props.maxDate,
101
+ disabled: __props.disabled,
102
+ "disabled-weekly": __props.disabledWeekly,
103
+ "disabled-dates": __props.disabledDates,
104
+ range: __props.range
105
105
  }, null, 8, ["modelValue", "hoverred-day", "calendar-date", "locale", "has-time", "inline", "color", "offset-month", "first-day-of-week", "min-date", "max-date", "disabled", "disabled-weekly", "disabled-dates", "range"]))), 128))
106
106
  ], 2)
107
107
  ], 2)
@@ -1,10 +1,10 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, toDisplayString, useCssVars, ref, watch, createVNode, TransitionGroup, withCtx, normalizeClass, createBlock, createElementVNode } from "vue";
2
2
  import dayjs from "dayjs";
3
- import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.C5f1ViA8.js";
3
+ import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.CYfNHwnV.js";
4
4
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
5
5
  import { d as debounce } from "./debounce.Brzkn9pm.js";
6
6
  import MazBtn from "../components/MazBtn.js";
7
- import '../assets/MazPickerCalendarMonth.BZJQGPhS.css';const _hoisted_1 = { class: "maz-picker-calendar-days" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
7
+ import '../assets/MazPickerCalendarMonth.CdpSHmMr.css';const _hoisted_1 = { class: "maz-picker-calendar-days" }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
8
8
  __name: "MazPickerCalendarDays",
9
9
  props: {
10
10
  locale: { type: String, required: !0 },
@@ -40,8 +40,8 @@ import '../assets/MazPickerCalendarMonth.BZJQGPhS.css';const _hoisted_1 = { clas
40
40
  emits: ["update:model-value", "update:hoverred-day"],
41
41
  setup(__props, { emit: __emit }) {
42
42
  useCssVars((_ctx) => ({
43
- "241fbd37": hoverColor.value,
44
- "9c9e9bec": hoverTextColor.value
43
+ v241fbd37: hoverColor.value,
44
+ v9c9e9bec: hoverTextColor.value
45
45
  }));
46
46
  const props = __props, emits = __emit, MazDatePickerGrid = ref(), transitionName = ref("maz-slidenext"), calendarDateArray = computed(() => [props.calendarDate]), hoverColor = computed(() => `hsl(var(--maz-${props.color}) / 20%)`), hoverTextColor = computed(() => `hsl(var(--maz-${props.color}-foreground))`), modelValue = computed({
47
47
  get: () => props.modelValue,
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate } from "./MazDatePicker.C5f1ViA8.js";
4
+ import { f as formatDate } from "./MazDatePicker.CYfNHwnV.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString } from "vue";
2
2
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
3
- import { f as formatDate } from "./MazDatePicker.C5f1ViA8.js";
3
+ import { f as formatDate } from "./MazDatePicker.CYfNHwnV.js";
4
4
  import dayjs from "dayjs";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
6
  import '../assets/MazPickerHeader.B53yAhQ9.css';const _hoisted_1 = {
@@ -70,9 +70,9 @@ import '../assets/MazPickerHeader.B53yAhQ9.css';const _hoisted_1 = {
70
70
  transitionName.value = dayjs(currentValue).isAfter(oldValue, "date") || dayjs(currentValue).isSame(oldValue, "date") ? "maz-slidevnext" : "maz-slidevprev";
71
71
  }
72
72
  ), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
73
- class: normalizeClass(["m-date-picker-header", [`--${_ctx.color}`]])
73
+ class: normalizeClass(["m-date-picker-header", [`--${__props.color}`]])
74
74
  }, [
75
- _ctx.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1, [
75
+ __props.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1, [
76
76
  createVNode(TransitionGroup, {
77
77
  name: transitionName.value,
78
78
  tag: "div",
@@ -102,7 +102,7 @@ import '../assets/MazPickerHeader.B53yAhQ9.css';const _hoisted_1 = {
102
102
  ])) : createCommentVNode("", !0),
103
103
  timeArray.value ? (openBlock(), createElementBlock("div", {
104
104
  key: 1,
105
- class: normalizeClass(["m-date-picker-header__time", { "--has-date": _ctx.hasDate }])
105
+ class: normalizeClass(["m-date-picker-header__time", { "--has-date": __props.hasDate }])
106
106
  }, [
107
107
  createVNode(TransitionGroup, {
108
108
  name: transitionName.value,
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazXMark } from "@maz-ui/icons";
3
3
  import { c as capitalize } from "./capitalize.BF6CDS_4.js";
4
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.C5f1ViA8.js";
4
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.CYfNHwnV.js";
5
5
  import dayjs from "dayjs";
6
6
  import MazBtn from "../components/MazBtn.js";
7
7
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -33,11 +33,11 @@ import '../assets/MazPickerShortcuts.CCyYVPVa.css';const _hoisted_1 = { class: "
33
33
  },
34
34
  { immediate: !0 }
35
35
  ), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
36
- (openBlock(!0), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, ({ identifier, label, value }) => (openBlock(), createBlock(MazBtn, {
36
+ (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.shortcuts, ({ identifier, label, value }) => (openBlock(), createBlock(MazBtn, {
37
37
  key: identifier,
38
38
  type: "button",
39
39
  size: "sm",
40
- disabled: _ctx.disabled,
40
+ disabled: __props.disabled,
41
41
  color: identifier === selectedShortcut.value ? props.color : "transparent",
42
42
  class: normalizeClass({ "--is-selected": identifier === selectedShortcut.value }),
43
43
  onClick: withModifiers(($event) => selectShortcut(value, identifier), ["stop"])
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, ref, onMounted, watch, nextTick, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
2
2
  import dayjs from "dayjs";
3
3
  import MazBtn from "../components/MazBtn.js";
4
- import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.C5f1ViA8.js";
4
+ import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.CYfNHwnV.js";
5
5
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
6
6
  import '../assets/MazPickerTime.ChkQASmb.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  __name: "MazPickerTime",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
2
2
  import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
3
- import { f as formatDate, i as isSameDate } from "./MazDatePicker.C5f1ViA8.js";
3
+ import { f as formatDate, i as isSameDate } from "./MazDatePicker.CYfNHwnV.js";
4
4
  import dayjs from "dayjs";
5
5
  import MazBtn from "../components/MazBtn.js";
6
6
  import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
@@ -41,10 +41,10 @@ import '../assets/MazSwitch.LCcK91L7.css';const _hoisted_1 = ["for", "aria-check
41
41
  }
42
42
  return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
43
43
  for: unref(instanceId),
44
- class: normalizeClass(["m-switch m-reset-css", [{ "--is-disabled": _ctx.disabled }, props.class]]),
44
+ class: normalizeClass(["m-switch m-reset-css", [{ "--is-disabled": __props.disabled }, props.class]]),
45
45
  role: "switch",
46
- style: normalizeStyle([_ctx.style, { "--switch-color": bgColorClassVar.value }]),
47
- "aria-checked": _ctx.modelValue,
46
+ style: normalizeStyle([__props.style, { "--switch-color": bgColorClassVar.value }]),
47
+ "aria-checked": __props.modelValue,
48
48
  tabindex: "0",
49
49
  onBlur,
50
50
  onFocus,
@@ -54,27 +54,27 @@ import '../assets/MazSwitch.LCcK91L7.css';const _hoisted_1 = ["for", "aria-check
54
54
  ref_key: "inputRef",
55
55
  ref: inputRef,
56
56
  type: "checkbox",
57
- name: _ctx.name,
57
+ name: __props.name,
58
58
  tabindex: "-1",
59
- checked: _ctx.modelValue,
60
- "aria-label": _ctx.label,
61
- disabled: _ctx.disabled,
59
+ checked: __props.modelValue,
60
+ "aria-label": __props.label,
61
+ disabled: __props.disabled,
62
62
  class: "m-switch__input",
63
63
  onChange: emit
64
64
  }), null, 16, _hoisted_2),
65
65
  _cache[0] || (_cache[0] = createElementVNode("span", { class: "m-switch__toggle" }, null, -1)),
66
- _ctx.$slots.default || _ctx.label || _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_3, [
67
- renderSlot(_ctx.$slots, "default", { value: _ctx.modelValue }, () => [
68
- createTextVNode(toDisplayString(_ctx.label), 1)
66
+ _ctx.$slots.default || __props.label || __props.hint ? (openBlock(), createElementBlock("span", _hoisted_3, [
67
+ renderSlot(_ctx.$slots, "default", { value: __props.modelValue }, () => [
68
+ createTextVNode(toDisplayString(__props.label), 1)
69
69
  ]),
70
- _ctx.hint ? (openBlock(), createElementBlock("span", {
70
+ __props.hint ? (openBlock(), createElementBlock("span", {
71
71
  key: 0,
72
72
  class: normalizeClass(["m-switch__hint", {
73
- "--error": _ctx.error,
74
- "--success": _ctx.success,
75
- "--warning": _ctx.warning
73
+ "--error": __props.error,
74
+ "--success": __props.success,
75
+ "--warning": __props.warning
76
76
  }])
77
- }, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", !0)
77
+ }, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
78
78
  ])) : createCommentVNode("", !0)
79
79
  ], 46, _hoisted_1));
80
80
  }