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.
- package/dist/assets/{MazBtn.D86vFfaR.css → MazBtn.DDnoE3K1.css} +1 -1
- package/dist/assets/MazDropzone.B5e-z_Ba.css +1 -0
- package/dist/assets/MazIcon.Cl1pfRbK.css +1 -0
- package/dist/assets/MazPickerCalendarMonth.CdpSHmMr.css +1 -0
- package/dist/assets/{MazTable.DLVdp4na.css → MazTable.BKlwCDt4.css} +1 -1
- 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
- package/dist/chunks/{MazDatePicker.C5f1ViA8.js → MazDatePicker.CYfNHwnV.js} +82 -82
- 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
- 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
- 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
- package/dist/chunks/{MazInputPhoneNumber.BFEXMmvC.js → MazInputPhoneNumber.CbNnLvU_.js} +32 -32
- 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
- package/dist/chunks/{MazPickerCalendar.BpHfGufN.js → MazPickerCalendar.BOSPVh7n.js} +26 -26
- package/dist/chunks/{MazPickerCalendarMonth.Cp41DoYR.js → MazPickerCalendarMonth.C-dBLRva.js} +4 -4
- package/dist/chunks/{MazPickerCalendarSwitcher.eONnlP4p.js → MazPickerCalendarSwitcher.CBt_inzB.js} +1 -1
- package/dist/chunks/{MazPickerHeader.8NgtJicu.js → MazPickerHeader.CPmuARqp.js} +4 -4
- package/dist/chunks/{MazPickerMonthSwitcher.Dlwz6t6Y.js → MazPickerMonthSwitcher.A5uh7cC7.js} +1 -1
- package/dist/chunks/{MazPickerShortcuts.B0CYBkxL.js → MazPickerShortcuts.iJe-kl_a.js} +2 -2
- package/dist/chunks/{MazPickerTime.C4lzgTv-.js → MazPickerTime.xQhgnYKJ.js} +1 -1
- package/dist/chunks/{MazPickerYearSwitcher.B1BVoF2x.js → MazPickerYearSwitcher.eQe37UOI.js} +1 -1
- 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
- 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
- package/dist/chunks/{PhoneInput.BcmutVwQ.js → PhoneInput.DQZjDqMK.js} +12 -12
- package/dist/chunks/{fullscreen-img.directive.e2KyfwYA.js → fullscreen-img.directive.BqO7XUdi.js} +1 -1
- package/dist/components/MazAccordion.js +1 -1
- package/dist/components/MazAnimatedCounter.js +5 -5
- package/dist/components/MazAnimatedElement.js +1 -1
- package/dist/components/MazAnimatedText.js +12 -12
- package/dist/components/MazAvatar.js +25 -25
- package/dist/components/MazBackdrop.js +6 -6
- package/dist/components/MazBadge.js +4 -4
- package/dist/components/MazBottomSheet.js +3 -3
- package/dist/components/MazBtn.js +42 -32
- package/dist/components/MazCard.js +17 -17
- package/dist/components/MazCardSpotlight.js +4 -4
- package/dist/components/MazCarousel.js +3 -3
- package/dist/components/MazChart.js +1 -1
- package/dist/components/MazCheckbox.js +13 -13
- package/dist/components/MazChecklist.js +15 -15
- package/dist/components/MazCircularProgressBar.js +11 -11
- package/dist/components/MazDatePicker.js +1 -1
- package/dist/components/MazDialog.js +9 -9
- package/dist/components/MazDialogConfirm.js +2 -2
- package/dist/components/MazDrawer.js +6 -6
- package/dist/components/MazDropdown.js +1 -1
- package/dist/components/MazDropzone.js +132 -97
- package/dist/components/MazDropzone.vue.d.ts +10 -16
- package/dist/components/MazExpandAnimation.js +1 -1
- package/dist/components/MazFullscreenLoader.js +3 -3
- package/dist/components/MazGallery.js +14 -14
- package/dist/components/MazIcon.js +29 -10
- package/dist/components/MazIcon.vue.d.ts +9 -2
- package/dist/components/MazInput.js +40 -40
- package/dist/components/MazInputCode.js +11 -11
- package/dist/components/MazInputNumber.js +1 -1
- package/dist/components/MazInputPhoneNumber.js +1 -1
- package/dist/components/MazInputPrice.js +1 -1
- package/dist/components/MazInputTags.js +16 -16
- package/dist/components/MazInputTags.vue.d.ts +2 -2
- package/dist/components/MazLazyImg.js +9 -9
- package/dist/components/MazLink.js +18 -18
- package/dist/components/MazLoadingBar.js +1 -1
- package/dist/components/MazPagination.js +20 -20
- package/dist/components/MazPopover.js +15 -15
- package/dist/components/MazPullToRefresh.js +2 -2
- package/dist/components/MazRadio.js +12 -12
- package/dist/components/MazRadioButtons.js +15 -15
- package/dist/components/MazReadingProgressBar.js +3 -3
- package/dist/components/MazSelect.js +30 -30
- package/dist/components/MazSelectCountry.js +34 -34
- package/dist/components/MazSlider.js +6 -6
- package/dist/components/MazSpinner.js +3 -3
- package/dist/components/MazStepper.js +3 -3
- package/dist/components/MazSwitch.js +1 -1
- package/dist/components/MazTable.js +3 -3
- package/dist/components/MazTableCell.js +1 -1
- package/dist/components/MazTableRow.js +2 -2
- package/dist/components/MazTableTitle.js +1 -1
- package/dist/components/MazTabsBar.js +3 -3
- package/dist/components/MazTextarea.js +17 -17
- package/dist/components/index.js +8 -8
- package/dist/composables/useDisplayNames.d.ts +2 -2
- package/dist/composables/useDisplayNames.js +1 -1
- package/dist/composables/useDropzone.js +10 -2
- package/dist/directives/index.js +1 -1
- package/dist/directives/vFullscreenImg.js +1 -1
- package/dist/directives/vZoomImg/zoom-img.directive.d.ts +2 -2
- package/dist/plugins/dialog.js +1 -1
- package/dist/plugins/toast.js +5 -5
- package/dist/resolvers/MazComponentsResolver.js +15 -0
- package/dist/types/components/MazDropzone.vue.d.ts +10 -16
- package/dist/types/components/MazIcon.vue.d.ts +9 -2
- package/dist/types/components/MazInputTags.vue.d.ts +2 -2
- package/dist/types/composables/useDisplayNames.d.ts +2 -2
- package/dist/types/directives/vZoomImg/zoom-img.directive.d.ts +2 -2
- package/package.json +22 -23
- package/dist/assets/MazDropzone._2HwHowu.css +0 -1
- package/dist/assets/MazIcon.3Pn7omz5.css +0 -1
- 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:
|
|
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":
|
|
100
|
+
"prefer-position": __props.preferPosition,
|
|
101
101
|
color: "background",
|
|
102
|
-
position:
|
|
103
|
-
transition:
|
|
104
|
-
disabled:
|
|
105
|
-
offset:
|
|
106
|
-
delay:
|
|
107
|
-
"fallback-position":
|
|
108
|
-
persistent:
|
|
109
|
-
"hover-delay":
|
|
110
|
-
"panel-class":
|
|
111
|
-
"panel-style":
|
|
112
|
-
"close-on-escape":
|
|
113
|
-
"close-on-click":
|
|
114
|
-
"teleport-to":
|
|
115
|
-
"trap-focus":
|
|
116
|
-
"overlay-class":
|
|
117
|
-
"close-on-click-outside":
|
|
118
|
-
"aria-describedby":
|
|
119
|
-
"announce-changes":
|
|
120
|
-
"aria-label":
|
|
121
|
-
"aria-labelledby":
|
|
122
|
-
"position-reference":
|
|
123
|
-
"keep-open-on-hover":
|
|
124
|
-
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(
|
|
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:
|
|
152
|
-
disabled:
|
|
151
|
+
color: __props.color,
|
|
152
|
+
disabled: __props.disabled
|
|
153
153
|
}, _ctx.$attrs, {
|
|
154
|
-
block:
|
|
155
|
-
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
|
-
|
|
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
|
|
176
|
+
typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
177
177
|
key: 0,
|
|
178
|
-
name:
|
|
179
|
-
class: normalizeClass([{ "--open": isOpen.value &&
|
|
180
|
-
}, null, 8, ["name", "class"])) :
|
|
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 &&
|
|
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 &&
|
|
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",
|
|
200
|
+
class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
|
|
201
201
|
tabindex: "-1",
|
|
202
|
-
style: normalizeStyle(
|
|
202
|
+
style: normalizeStyle(__props.menuPanelStyle)
|
|
203
203
|
}, [
|
|
204
204
|
renderSlot(_ctx.$slots, "dropdown", {
|
|
205
|
-
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(
|
|
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--${
|
|
66
|
-
style: normalizeStyle(
|
|
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
|
-
|
|
68
|
+
__props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
|
|
69
69
|
key: 0,
|
|
70
70
|
color: "transparent",
|
|
71
|
-
size:
|
|
71
|
+
size: __props.size,
|
|
72
72
|
class: "m-input-number__button m-input-number__decrement-button",
|
|
73
|
-
disabled: decrementDisabled.value ||
|
|
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":
|
|
85
|
-
}, { ..._ctx.$attrs, ...
|
|
86
|
-
disabled:
|
|
87
|
-
min:
|
|
88
|
-
max:
|
|
89
|
-
step:
|
|
90
|
-
error:
|
|
91
|
-
success:
|
|
92
|
-
warning:
|
|
93
|
-
hint:
|
|
94
|
-
inputmode:
|
|
95
|
-
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
|
-
|
|
107
|
+
__props.hideButtons ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazBtn), {
|
|
108
108
|
key: 1,
|
|
109
109
|
color: "transparent",
|
|
110
|
-
size:
|
|
110
|
+
size: __props.size,
|
|
111
111
|
class: "m-input-number__button m-input-number__increment-button",
|
|
112
|
-
disabled: incrementDisabled.value ||
|
|
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.
|
|
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":
|
|
335
|
-
style: normalizeStyle(
|
|
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
|
-
|
|
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
|
-
},
|
|
341
|
+
}, __props.countrySelectAttributes, {
|
|
342
342
|
"model-value": selectedCountry.value,
|
|
343
|
-
"option-input-value-key":
|
|
344
|
-
color:
|
|
345
|
-
size:
|
|
346
|
-
locale:
|
|
347
|
-
"countries-list":
|
|
348
|
-
"list-position":
|
|
349
|
-
"hide-flags":
|
|
350
|
-
search:
|
|
351
|
-
block:
|
|
352
|
-
error:
|
|
353
|
-
success:
|
|
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:
|
|
358
|
-
"search-threshold":
|
|
359
|
-
"format-input-value":
|
|
360
|
-
"show-code-in-list":
|
|
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, ...
|
|
389
|
-
color:
|
|
390
|
-
size:
|
|
391
|
-
"auto-format":
|
|
392
|
-
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:
|
|
395
|
-
name:
|
|
396
|
-
"has-radius": !
|
|
397
|
-
success:
|
|
398
|
-
error:
|
|
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:
|
|
401
|
-
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:
|
|
92
|
-
error:
|
|
93
|
-
success:
|
|
94
|
-
warning:
|
|
95
|
-
hint:
|
|
96
|
-
"left-icon":
|
|
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.
|
|
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:
|
|
40
|
-
shortcuts:
|
|
41
|
-
shortcut:
|
|
42
|
-
double:
|
|
43
|
-
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":
|
|
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:
|
|
52
|
-
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:
|
|
63
|
-
double:
|
|
64
|
-
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:
|
|
77
|
-
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":
|
|
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:
|
|
94
|
-
"has-time":
|
|
95
|
-
inline:
|
|
96
|
-
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":
|
|
99
|
-
"min-date":
|
|
100
|
-
"max-date":
|
|
101
|
-
disabled:
|
|
102
|
-
"disabled-weekly":
|
|
103
|
-
"disabled-dates":
|
|
104
|
-
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)
|
package/dist/chunks/{MazPickerCalendarMonth.Cp41DoYR.js → MazPickerCalendarMonth.C-dBLRva.js}
RENAMED
|
@@ -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.
|
|
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.
|
|
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
|
-
|
|
44
|
-
|
|
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,
|
package/dist/chunks/{MazPickerCalendarSwitcher.eONnlP4p.js → MazPickerCalendarSwitcher.CBt_inzB.js}
RENAMED
|
@@ -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.
|
|
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.
|
|
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", [`--${
|
|
73
|
+
class: normalizeClass(["m-date-picker-header", [`--${__props.color}`]])
|
|
74
74
|
}, [
|
|
75
|
-
|
|
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":
|
|
105
|
+
class: normalizeClass(["m-date-picker-header__time", { "--has-date": __props.hasDate }])
|
|
106
106
|
}, [
|
|
107
107
|
createVNode(TransitionGroup, {
|
|
108
108
|
name: transitionName.value,
|
package/dist/chunks/{MazPickerMonthSwitcher.Dlwz6t6Y.js → MazPickerMonthSwitcher.A5uh7cC7.js}
RENAMED
|
@@ -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.
|
|
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(
|
|
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:
|
|
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.
|
|
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.
|
|
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":
|
|
44
|
+
class: normalizeClass(["m-switch m-reset-css", [{ "--is-disabled": __props.disabled }, props.class]]),
|
|
45
45
|
role: "switch",
|
|
46
|
-
style: normalizeStyle([
|
|
47
|
-
"aria-checked":
|
|
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:
|
|
57
|
+
name: __props.name,
|
|
58
58
|
tabindex: "-1",
|
|
59
|
-
checked:
|
|
60
|
-
"aria-label":
|
|
61
|
-
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 ||
|
|
67
|
-
renderSlot(_ctx.$slots, "default", { value:
|
|
68
|
-
createTextVNode(toDisplayString(
|
|
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
|
-
|
|
70
|
+
__props.hint ? (openBlock(), createElementBlock("span", {
|
|
71
71
|
key: 0,
|
|
72
72
|
class: normalizeClass(["m-switch__hint", {
|
|
73
|
-
"--error":
|
|
74
|
-
"--success":
|
|
75
|
-
"--warning":
|
|
73
|
+
"--error": __props.error,
|
|
74
|
+
"--success": __props.success,
|
|
75
|
+
"--warning": __props.warning
|
|
76
76
|
}])
|
|
77
|
-
}, toDisplayString(
|
|
77
|
+
}, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
|
|
78
78
|
])) : createCommentVNode("", !0)
|
|
79
79
|
], 46, _hoisted_1));
|
|
80
80
|
}
|