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
|
@@ -126,39 +126,39 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
|
|
|
126
126
|
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
127
127
|
class: normalizeClass(["m-input m-reset-css", [
|
|
128
128
|
{
|
|
129
|
-
"--is-focused": isFocused.value ||
|
|
129
|
+
"--is-focused": isFocused.value || __props.borderActive,
|
|
130
130
|
"--should-up": shouldUp.value,
|
|
131
131
|
"--has-label": hasLabel.value,
|
|
132
|
-
"--is-readonly":
|
|
133
|
-
"--has-z-2":
|
|
134
|
-
"--has-state":
|
|
135
|
-
"--block":
|
|
132
|
+
"--is-readonly": __props.readonly,
|
|
133
|
+
"--has-z-2": __props.error || __props.warning || __props.success,
|
|
134
|
+
"--has-state": __props.error || __props.warning || __props.success,
|
|
135
|
+
"--block": __props.block
|
|
136
136
|
},
|
|
137
137
|
props.class,
|
|
138
|
-
`--${
|
|
138
|
+
`--${__props.color}`
|
|
139
139
|
]]),
|
|
140
|
-
style: normalizeStyle([
|
|
140
|
+
style: normalizeStyle([__props.style, { "--maz-input-color": `hsl(var(--maz-${__props.color}-100))` }])
|
|
141
141
|
}, [
|
|
142
|
-
|
|
142
|
+
__props.topLabel ? (openBlock(), createElementBlock("label", {
|
|
143
143
|
key: 0,
|
|
144
144
|
for: unref(instanceId),
|
|
145
145
|
class: normalizeClass(["m-input-top-label", stateColor.value])
|
|
146
|
-
}, toDisplayString(
|
|
146
|
+
}, toDisplayString(__props.topLabel), 11, _hoisted_1)) : createCommentVNode("", !0),
|
|
147
147
|
createElementVNode("div", {
|
|
148
148
|
class: normalizeClass(["m-input-wrapper", [
|
|
149
|
-
|
|
149
|
+
__props.inputClasses,
|
|
150
150
|
borderStyle.value,
|
|
151
|
-
`--rounded-${
|
|
152
|
-
{ "--block":
|
|
151
|
+
`--rounded-${__props.roundedSize}`,
|
|
152
|
+
{ "--block": __props.block, "--border": __props.border }
|
|
153
153
|
]])
|
|
154
154
|
}, [
|
|
155
155
|
hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
156
|
-
_ctx.$slots["left-icon"] ||
|
|
157
|
-
typeof
|
|
156
|
+
_ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
|
|
157
|
+
typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
158
158
|
key: 0,
|
|
159
|
-
name:
|
|
159
|
+
name: __props.leftIcon,
|
|
160
160
|
class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
|
|
161
|
-
}, null, 8, ["name", "class"])) :
|
|
161
|
+
}, null, 8, ["name", "class"])) : __props.leftIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.leftIcon), {
|
|
162
162
|
key: 1,
|
|
163
163
|
class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
|
|
164
164
|
}, null, 8, ["class"])) : createCommentVNode("", !0)
|
|
@@ -166,9 +166,9 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
|
|
|
166
166
|
])) : createCommentVNode("", !0),
|
|
167
167
|
createElementVNode("div", {
|
|
168
168
|
class: normalizeClass(["m-input-wrapper-input", [
|
|
169
|
-
`--${
|
|
169
|
+
`--${__props.size}`,
|
|
170
170
|
{
|
|
171
|
-
"--top-label": !!
|
|
171
|
+
"--top-label": !!__props.topLabel,
|
|
172
172
|
"--has-left-icon": hasLeftPart(),
|
|
173
173
|
"--has-right-icon": hasRightPart()
|
|
174
174
|
}
|
|
@@ -178,15 +178,15 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
|
|
|
178
178
|
ref_key: "input",
|
|
179
179
|
ref: input,
|
|
180
180
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
|
|
181
|
-
placeholder:
|
|
182
|
-
"aria-label":
|
|
181
|
+
placeholder: __props.placeholder,
|
|
182
|
+
"aria-label": __props.label || __props.placeholder,
|
|
183
183
|
type: inputType.value,
|
|
184
|
-
inputmode:
|
|
185
|
-
name:
|
|
186
|
-
autocomplete:
|
|
187
|
-
disabled:
|
|
188
|
-
readonly:
|
|
189
|
-
required:
|
|
184
|
+
inputmode: __props.inputmode,
|
|
185
|
+
name: __props.name,
|
|
186
|
+
autocomplete: __props.autocomplete,
|
|
187
|
+
disabled: __props.disabled,
|
|
188
|
+
readonly: __props.readonly,
|
|
189
|
+
required: __props.required,
|
|
190
190
|
class: "m-input-input"
|
|
191
191
|
}, toHandlers({
|
|
192
192
|
blur,
|
|
@@ -198,18 +198,18 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
|
|
|
198
198
|
}), null, 16, _hoisted_3), [
|
|
199
199
|
[vModelDynamic, model.value]
|
|
200
200
|
]),
|
|
201
|
-
|
|
201
|
+
__props.label || __props.hint ? (openBlock(), createElementBlock("span", {
|
|
202
202
|
key: 0,
|
|
203
203
|
class: normalizeClass(["m-input-label", stateColor.value])
|
|
204
|
-
}, toDisplayString(
|
|
204
|
+
}, toDisplayString(__props.hint || __props.label), 3)) : createCommentVNode("", !0)
|
|
205
205
|
], 2),
|
|
206
206
|
hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
207
|
-
_ctx.$slots["right-icon"] ||
|
|
208
|
-
typeof
|
|
207
|
+
_ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
|
|
208
|
+
typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
209
209
|
key: 0,
|
|
210
|
-
name:
|
|
210
|
+
name: __props.rightIcon,
|
|
211
211
|
class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
|
|
212
|
-
}, null, 8, ["name", "class"])) :
|
|
212
|
+
}, null, 8, ["name", "class"])) : __props.rightIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.rightIcon), {
|
|
213
213
|
key: 1,
|
|
214
214
|
class: normalizeClass(["maz-text-xl", stateColor.value || "maz-text-muted"])
|
|
215
215
|
}, null, 8, ["class"])) : createCommentVNode("", !0)
|
|
@@ -232,22 +232,22 @@ import '../assets/MazInput.CHYQSgY8.css';const _hoisted_1 = ["for"], _hoisted_2
|
|
|
232
232
|
]),
|
|
233
233
|
_: 1
|
|
234
234
|
})) : createCommentVNode("", !0),
|
|
235
|
-
|
|
236
|
-
createVNode(unref(MazSpinner), { color:
|
|
235
|
+
__props.loading ? renderSlot(_ctx.$slots, "loader", { key: 2 }, () => [
|
|
236
|
+
createVNode(unref(MazSpinner), { color: __props.color }, null, 8, ["color"])
|
|
237
237
|
], !0) : createCommentVNode("", !0)
|
|
238
238
|
])) : createCommentVNode("", !0)
|
|
239
239
|
], 2),
|
|
240
|
-
|
|
240
|
+
__props.assistiveText ? (openBlock(), createElementBlock("div", {
|
|
241
241
|
key: 1,
|
|
242
242
|
class: normalizeClass(["m-input-bottom-text", [
|
|
243
243
|
{
|
|
244
|
-
"maz-text-destructive-600":
|
|
245
|
-
"maz-text-success-600":
|
|
246
|
-
"maz-text-warning-600":
|
|
247
|
-
"maz-text-muted": !
|
|
244
|
+
"maz-text-destructive-600": __props.error,
|
|
245
|
+
"maz-text-success-600": __props.success,
|
|
246
|
+
"maz-text-warning-600": __props.warning,
|
|
247
|
+
"maz-text-muted": !__props.error && !__props.success && !__props.warning
|
|
248
248
|
}
|
|
249
249
|
]])
|
|
250
|
-
}, toDisplayString(
|
|
250
|
+
}, toDisplayString(__props.assistiveText), 3)) : createCommentVNode("", !0)
|
|
251
251
|
], 6));
|
|
252
252
|
}
|
|
253
253
|
}), MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa5abc1f"]]);
|
|
@@ -104,12 +104,12 @@ import '../assets/MazInputCode.CimXArpg.css';const _hoisted_1 = ["disabled"], _h
|
|
|
104
104
|
return "!maz-border-warning";
|
|
105
105
|
});
|
|
106
106
|
return (_ctx, _cache) => (openBlock(), createElementBlock("fieldset", {
|
|
107
|
-
class: normalizeClass(["m-input-code m-reset-css", [
|
|
108
|
-
disabled:
|
|
109
|
-
style: normalizeStyle([
|
|
107
|
+
class: normalizeClass(["m-input-code m-reset-css", [__props.size ? `--${__props.size}` : void 0, props.class]]),
|
|
108
|
+
disabled: __props.disabled,
|
|
109
|
+
style: normalizeStyle([__props.style, { "--input-border-color": `hsl(var(--maz-${props.color}))` }])
|
|
110
110
|
}, [
|
|
111
111
|
createElementVNode("div", _hoisted_2, [
|
|
112
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(
|
|
112
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(__props.codeLength, (item) => (openBlock(), createElementBlock("div", {
|
|
113
113
|
key: item,
|
|
114
114
|
class: normalizeClass(["input-wrapper", borderColorState.value])
|
|
115
115
|
}, [
|
|
@@ -123,10 +123,10 @@ import '../assets/MazInputCode.CimXArpg.css';const _hoisted_1 = ["disabled"], _h
|
|
|
123
123
|
name: `m-input-code-${item}`,
|
|
124
124
|
minlength: "1",
|
|
125
125
|
maxlength: "1",
|
|
126
|
-
inputmode:
|
|
127
|
-
pattern:
|
|
126
|
+
inputmode: __props.acceptAlpha ? "text" : "numeric",
|
|
127
|
+
pattern: __props.acceptAlpha ? "[a-zA-Z0-9]{1}" : "[0-9]{1}",
|
|
128
128
|
autocomplete: "do-not-autofill",
|
|
129
|
-
required:
|
|
129
|
+
required: __props.required
|
|
130
130
|
}, { ref_for: !0 }, _ctx.$attrs, {
|
|
131
131
|
value: inputValues.value.get(item),
|
|
132
132
|
onInput: ($event) => handleNewValue($event, item),
|
|
@@ -138,11 +138,11 @@ import '../assets/MazInputCode.CimXArpg.css';const _hoisted_1 = ["disabled"], _h
|
|
|
138
138
|
]),
|
|
139
139
|
createElementVNode("span", {
|
|
140
140
|
class: normalizeClass(["m-input-code__hint", {
|
|
141
|
-
"--error":
|
|
142
|
-
"--success":
|
|
143
|
-
"--warning":
|
|
141
|
+
"--error": __props.error,
|
|
142
|
+
"--success": __props.success,
|
|
143
|
+
"--warning": __props.warning
|
|
144
144
|
}])
|
|
145
|
-
}, toDisplayString(
|
|
145
|
+
}, toDisplayString(__props.hint), 3)
|
|
146
146
|
], 14, _hoisted_1));
|
|
147
147
|
}
|
|
148
148
|
}), MazInputCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d5705617"]]);
|
|
@@ -78,8 +78,8 @@ import '../assets/MazInputTags.C1S_LfG7.css';const _sfc_main = /* @__PURE__ */ d
|
|
|
78
78
|
}
|
|
79
79
|
const buttonSize = computed(() => props.size === "mini" || props.size === "xs" ? "mini" : props.size === "sm" ? "xs" : props.size === "md" ? "sm" : props.size === "lg" ? "md" : props.size === "xl" ? "lg" : props.size);
|
|
80
80
|
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
81
|
-
class: normalizeClass(["m-input-tags m-reset-css", [borderStyle.value, `--${
|
|
82
|
-
style: normalizeStyle(
|
|
81
|
+
class: normalizeClass(["m-input-tags m-reset-css", [borderStyle.value, `--${__props.color}`, `--${__props.size}`, props.class, { "--block": __props.block }]]),
|
|
82
|
+
style: normalizeStyle(__props.style),
|
|
83
83
|
onFocusCapture: _cache[4] || (_cache[4] = ($event) => isFocused.value = !0),
|
|
84
84
|
onBlurCapture: _cache[5] || (_cache[5] = ($event) => isFocused.value = !1)
|
|
85
85
|
}, [
|
|
@@ -91,9 +91,9 @@ import '../assets/MazInputTags.C1S_LfG7.css';const _sfc_main = /* @__PURE__ */ d
|
|
|
91
91
|
}, [
|
|
92
92
|
createVNode(MazBtn, {
|
|
93
93
|
class: "m-input-tags__tag",
|
|
94
|
-
disabled:
|
|
94
|
+
disabled: __props.disabled,
|
|
95
95
|
size: buttonSize.value,
|
|
96
|
-
color: tagsHoveredId.value === id || lastIdToDelete.value === id ? "destructive" :
|
|
96
|
+
color: tagsHoveredId.value === id || lastIdToDelete.value === id ? "destructive" : __props.color,
|
|
97
97
|
"right-icon": tagsHoveredId.value === id || lastIdToDelete.value === id ? unref(MazTrash) : void 0,
|
|
98
98
|
onClick: withModifiers(($event) => removeTag(id), ["stop"]),
|
|
99
99
|
onMouseenter: ($event) => tagsHoveredId.value = id,
|
|
@@ -115,19 +115,19 @@ import '../assets/MazInputTags.C1S_LfG7.css';const _sfc_main = /* @__PURE__ */ d
|
|
|
115
115
|
modelValue: inputValue.value,
|
|
116
116
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => inputValue.value = $event)
|
|
117
117
|
}, _ctx.$attrs, {
|
|
118
|
-
placeholder:
|
|
119
|
-
label:
|
|
120
|
-
"aria-label":
|
|
121
|
-
error:
|
|
122
|
-
hint:
|
|
123
|
-
success:
|
|
124
|
-
warning:
|
|
125
|
-
disabled:
|
|
118
|
+
placeholder: __props.placeholder,
|
|
119
|
+
label: __props.label,
|
|
120
|
+
"aria-label": __props.label || __props.placeholder,
|
|
121
|
+
error: __props.error,
|
|
122
|
+
hint: __props.hint,
|
|
123
|
+
success: __props.success,
|
|
124
|
+
warning: __props.warning,
|
|
125
|
+
disabled: __props.disabled,
|
|
126
126
|
"top-label": void 0,
|
|
127
127
|
"assistive-text": void 0,
|
|
128
|
-
color:
|
|
129
|
-
block:
|
|
130
|
-
size:
|
|
128
|
+
color: __props.color,
|
|
129
|
+
block: __props.block,
|
|
130
|
+
size: __props.size,
|
|
131
131
|
"input-classes": "maz-w-full",
|
|
132
132
|
border: !1,
|
|
133
133
|
class: "m-input-tags__input",
|
|
@@ -135,7 +135,7 @@ import '../assets/MazInputTags.C1S_LfG7.css';const _sfc_main = /* @__PURE__ */ d
|
|
|
135
135
|
withKeys(addTags, ["enter"]),
|
|
136
136
|
withKeys(removeLastTag, ["delete"])
|
|
137
137
|
],
|
|
138
|
-
onBlur: _cache[3] || (_cache[3] = ($event) =>
|
|
138
|
+
onBlur: _cache[3] || (_cache[3] = ($event) => __props.addTagsOnBlur ? addTags($event) : void 0)
|
|
139
139
|
}), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
|
|
140
140
|
], 38));
|
|
141
141
|
}
|
|
@@ -36,12 +36,12 @@ declare const _default: import('vue').DefineComponent<MazInputTagsProps, {}, {},
|
|
|
36
36
|
"onUpdate:model-value"?: ((value?: (string | number)[] | undefined) => any) | undefined;
|
|
37
37
|
}>, {
|
|
38
38
|
error: boolean;
|
|
39
|
-
success: boolean;
|
|
40
|
-
warning: boolean;
|
|
41
39
|
size: MazSize;
|
|
42
40
|
label: string;
|
|
43
41
|
style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
|
|
44
42
|
class: HTMLAttributes["class"];
|
|
43
|
+
success: boolean;
|
|
44
|
+
warning: boolean;
|
|
45
45
|
color: MazColor;
|
|
46
46
|
disabled: boolean;
|
|
47
47
|
placeholder: string;
|
|
@@ -25,8 +25,8 @@ import '../assets/MazLazyImg.DO7a4PDm.css';const _hoisted_1 = ["data-lazy-srcset
|
|
|
25
25
|
setup(__props, { emit: __emit }) {
|
|
26
26
|
const props = __props, emits = __emit, MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), sources = computed(() => typeof props.src == "string" ? [{ srcset: props.src }] : props.src?.sources);
|
|
27
27
|
return (_ctx, _cache) => withDirectives((openBlock(), createElementBlock("picture", {
|
|
28
|
-
class: normalizeClass(["m-lazy-img-component m-reset-css", [{ "--use-loader": !
|
|
29
|
-
style: normalizeStyle(
|
|
28
|
+
class: normalizeClass(["m-lazy-img-component m-reset-css", [{ "--use-loader": !__props.hideLoader, "--height-full": __props.imageHeightFull, "--block": __props.block }, props.class]]),
|
|
29
|
+
style: normalizeStyle(__props.style)
|
|
30
30
|
}, [
|
|
31
31
|
(openBlock(!0), createElementBlock(Fragment, null, renderList(sources.value, ({ srcset, media }, sourceIndex) => (openBlock(), createElementBlock("source", {
|
|
32
32
|
key: sourceIndex,
|
|
@@ -36,19 +36,19 @@ import '../assets/MazLazyImg.DO7a4PDm.css';const _hoisted_1 = ["data-lazy-srcset
|
|
|
36
36
|
createElementVNode("img", mergeProps(_ctx.$attrs, {
|
|
37
37
|
src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
|
|
38
38
|
loading: "lazy",
|
|
39
|
-
alt:
|
|
40
|
-
class:
|
|
39
|
+
alt: __props.alt,
|
|
40
|
+
class: __props.imgClass
|
|
41
41
|
}), null, 16, _hoisted_2),
|
|
42
|
-
|
|
42
|
+
__props.hideLoader ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
43
43
|
createVNode(unref(MazSpinner), { size: "2em" })
|
|
44
44
|
])),
|
|
45
45
|
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
46
46
|
], 6)), [
|
|
47
47
|
[unref(directive), {
|
|
48
|
-
loadOnce:
|
|
49
|
-
observerOptions:
|
|
50
|
-
fallbackSrc:
|
|
51
|
-
observerOnce:
|
|
48
|
+
loadOnce: __props.loadOnce,
|
|
49
|
+
observerOptions: __props.observerOptions,
|
|
50
|
+
fallbackSrc: __props.fallbackSrc,
|
|
51
|
+
observerOnce: __props.observerOnce,
|
|
52
52
|
onIntersecting: (el) => emits("intersecting", el),
|
|
53
53
|
onLoading: (el) => emits("loading", el),
|
|
54
54
|
onLoaded: (el) => emits("loaded", el),
|
|
@@ -35,38 +35,38 @@ import '../assets/MazLink.CXeMXonQ.css';const _sfc_main = /* @__PURE__ */ define
|
|
|
35
35
|
id: unref(instanceId),
|
|
36
36
|
class: ["m-link m-reset-css", [
|
|
37
37
|
{
|
|
38
|
-
"--underline":
|
|
39
|
-
"--underline-hover": !
|
|
38
|
+
"--underline": __props.underline,
|
|
39
|
+
"--underline-hover": !__props.underline && __props.underlineHover
|
|
40
40
|
},
|
|
41
|
-
|
|
41
|
+
__props.color !== "inherit" && `--${unref(getColor)(__props.color)}`,
|
|
42
42
|
__props.class
|
|
43
43
|
]],
|
|
44
|
-
to:
|
|
45
|
-
href:
|
|
46
|
-
title:
|
|
47
|
-
target: !isButton.value &&
|
|
48
|
-
rel: !isButton.value &&
|
|
49
|
-
download: !isButton.value &&
|
|
50
|
-
"aria-label": !isButton.value &&
|
|
44
|
+
to: __props.to,
|
|
45
|
+
href: __props.href,
|
|
46
|
+
title: __props.title,
|
|
47
|
+
target: !isButton.value && __props.target,
|
|
48
|
+
rel: !isButton.value && __props.rel,
|
|
49
|
+
download: !isButton.value && __props.download,
|
|
50
|
+
"aria-label": !isButton.value && __props.ariaLabel,
|
|
51
51
|
type: isButton.value && "button",
|
|
52
|
-
disabled: isButton.value &&
|
|
52
|
+
disabled: isButton.value && __props.disabled,
|
|
53
53
|
style: __props.style
|
|
54
54
|
}, _ctx.$attrs), {
|
|
55
55
|
default: withCtx(() => [
|
|
56
56
|
renderSlot(_ctx.$slots, "left-icon", {}, () => [
|
|
57
|
-
typeof
|
|
57
|
+
typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
58
58
|
key: 0,
|
|
59
|
-
name:
|
|
60
|
-
}, null, 8, ["name"])) :
|
|
59
|
+
name: __props.leftIcon
|
|
60
|
+
}, null, 8, ["name"])) : __props.leftIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.leftIcon), { key: 1 })) : createCommentVNode("", !0)
|
|
61
61
|
], !0),
|
|
62
62
|
renderSlot(_ctx.$slots, "default", {}, void 0, !0),
|
|
63
63
|
renderSlot(_ctx.$slots, "right-icon", {}, () => [
|
|
64
|
-
typeof
|
|
64
|
+
typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
65
65
|
key: 0,
|
|
66
|
-
name:
|
|
67
|
-
}, null, 8, ["name"])) :
|
|
66
|
+
name: __props.rightIcon
|
|
67
|
+
}, null, 8, ["name"])) : __props.rightIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.rightIcon), { key: 1 })) : createCommentVNode("", !0)
|
|
68
68
|
], !0),
|
|
69
|
-
|
|
69
|
+
__props.autoExternal && __props.target === "_blank" ? renderSlot(_ctx.$slots, "external-icon", { key: 0 }, () => [
|
|
70
70
|
createVNode(unref(MazArrowTopRightOnSquare))
|
|
71
71
|
], !0) : createCommentVNode("", !0)
|
|
72
72
|
]),
|
|
@@ -13,7 +13,7 @@ import '../assets/MazLoadingBar.D7PAgZHl.css';const _sfc_main = /* @__PURE__ */
|
|
|
13
13
|
}));
|
|
14
14
|
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
15
15
|
class: "m-loading-bar m-reset-css",
|
|
16
|
-
style: normalizeStyle([{ "--loading-bar-height":
|
|
16
|
+
style: normalizeStyle([{ "--loading-bar-height": __props.height, "--loading-bar-color": colorCSSVariables.value.alpha, "--loading-bar-main-color": colorCSSVariables.value.main }])
|
|
17
17
|
}, [..._cache[0] || (_cache[0] = [
|
|
18
18
|
createElementVNode("div", null, null, -1)
|
|
19
19
|
])], 4));
|
|
@@ -68,11 +68,11 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
|
|
|
68
68
|
createElementVNode("ul", null, [
|
|
69
69
|
createElementVNode("li", null, [
|
|
70
70
|
createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
|
|
71
|
-
disabled:
|
|
71
|
+
disabled: __props.modelValue === 1,
|
|
72
72
|
"aria-label": "First Page, Page 1",
|
|
73
|
-
"aria-setsize":
|
|
73
|
+
"aria-setsize": __props.resultsSize ?? void 0,
|
|
74
74
|
"aria-posinset": "1",
|
|
75
|
-
size:
|
|
75
|
+
size: __props.size,
|
|
76
76
|
onClick: _cache[0] || (_cache[0] = ($event) => setPageNumber(1))
|
|
77
77
|
}), {
|
|
78
78
|
default: withCtx(() => [
|
|
@@ -88,11 +88,11 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
|
|
|
88
88
|
]),
|
|
89
89
|
createElementVNode("li", null, [
|
|
90
90
|
createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
|
|
91
|
-
disabled:
|
|
91
|
+
disabled: __props.modelValue === 1,
|
|
92
92
|
"aria-label": `Previous Page, Page ${previousPage.value}`,
|
|
93
|
-
"aria-setsize":
|
|
93
|
+
"aria-setsize": __props.resultsSize ?? void 0,
|
|
94
94
|
"aria-posinset": previousPage.value,
|
|
95
|
-
size:
|
|
95
|
+
size: __props.size,
|
|
96
96
|
onClick: _cache[1] || (_cache[1] = ($event) => setPageNumber(previousPage.value))
|
|
97
97
|
}), {
|
|
98
98
|
default: withCtx(() => [
|
|
@@ -115,13 +115,13 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
|
|
|
115
115
|
ref_for: !0
|
|
116
116
|
}, {
|
|
117
117
|
...buttonsPropsMerged.value,
|
|
118
|
-
color: page.isActive ?
|
|
118
|
+
color: page.isActive ? __props.activeColor : buttonsPropsMerged.value.color,
|
|
119
119
|
outlined: page.isActive ? !1 : buttonsPropsMerged.value.outlined
|
|
120
120
|
}, {
|
|
121
|
-
size:
|
|
121
|
+
size: __props.size,
|
|
122
122
|
"aria-label": `Page ${page.number}`,
|
|
123
123
|
"aria-current": page.isActive ? "true" : "false",
|
|
124
|
-
"aria-setsize":
|
|
124
|
+
"aria-setsize": __props.resultsSize ?? void 0,
|
|
125
125
|
loading: page.loading,
|
|
126
126
|
"aria-posinset": page.number,
|
|
127
127
|
class: { active: page.isActive },
|
|
@@ -147,11 +147,11 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
|
|
|
147
147
|
], 8, _hoisted_4))), 128)),
|
|
148
148
|
createElementVNode("li", null, [
|
|
149
149
|
createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
|
|
150
|
-
disabled:
|
|
150
|
+
disabled: __props.modelValue === __props.totalPages,
|
|
151
151
|
"aria-label": `Next Page, Page ${nextPage.value}`,
|
|
152
|
-
"aria-setsize":
|
|
152
|
+
"aria-setsize": __props.resultsSize ?? void 0,
|
|
153
153
|
"aria-posinset": nextPage.value,
|
|
154
|
-
size:
|
|
154
|
+
size: __props.size,
|
|
155
155
|
onClick: _cache[2] || (_cache[2] = ($event) => setPageNumber(nextPage.value))
|
|
156
156
|
}), {
|
|
157
157
|
default: withCtx(() => [
|
|
@@ -167,17 +167,17 @@ import '../assets/MazPagination.BUhf2Qr7.css';const _hoisted_1 = ["aria-label"],
|
|
|
167
167
|
]),
|
|
168
168
|
createElementVNode("li", null, [
|
|
169
169
|
createVNode(MazBtn, mergeProps(buttonsPropsMerged.value, {
|
|
170
|
-
disabled:
|
|
171
|
-
"aria-label": `Next Page, Page ${
|
|
172
|
-
"aria-setsize":
|
|
173
|
-
"aria-posinset":
|
|
174
|
-
size:
|
|
175
|
-
onClick: _cache[3] || (_cache[3] = ($event) => setPageNumber(
|
|
170
|
+
disabled: __props.modelValue === __props.totalPages,
|
|
171
|
+
"aria-label": `Next Page, Page ${__props.totalPages}`,
|
|
172
|
+
"aria-setsize": __props.resultsSize ?? void 0,
|
|
173
|
+
"aria-posinset": __props.totalPages,
|
|
174
|
+
size: __props.size,
|
|
175
|
+
onClick: _cache[3] || (_cache[3] = ($event) => setPageNumber(__props.totalPages))
|
|
176
176
|
}), {
|
|
177
177
|
default: withCtx(() => [
|
|
178
178
|
createElementVNode("span", _hoisted_7, [
|
|
179
|
-
renderSlot(_ctx.$slots, "last-page-sr", { page:
|
|
180
|
-
createTextVNode(toDisplayString(unref(t)("pagination.screenReader.lastPage", { page:
|
|
179
|
+
renderSlot(_ctx.$slots, "last-page-sr", { page: __props.totalPages }, () => [
|
|
180
|
+
createTextVNode(toDisplayString(unref(t)("pagination.screenReader.lastPage", { page: __props.totalPages })), 1)
|
|
181
181
|
], !0)
|
|
182
182
|
]),
|
|
183
183
|
createVNode(unref(MazChevronDoubleLeft), { class: "-maz-rotate-180" })
|
|
@@ -244,8 +244,8 @@ import '../assets/MazPopover.BSKQcDPm.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
244
244
|
unref(attrs).class,
|
|
245
245
|
{
|
|
246
246
|
"--open": isOpen.value,
|
|
247
|
-
"--disabled":
|
|
248
|
-
"--block":
|
|
247
|
+
"--disabled": __props.disabled,
|
|
248
|
+
"--block": __props.block
|
|
249
249
|
}
|
|
250
250
|
]]),
|
|
251
251
|
style: normalizeStyle(rootStyles.value)
|
|
@@ -255,10 +255,10 @@ import '../assets/MazPopover.BSKQcDPm.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
255
255
|
ref: "trigger",
|
|
256
256
|
role: "button",
|
|
257
257
|
class: "m-popover-trigger",
|
|
258
|
-
"aria-expanded":
|
|
259
|
-
"aria-haspopup":
|
|
260
|
-
"aria-describedby":
|
|
261
|
-
"aria-labelledby":
|
|
258
|
+
"aria-expanded": __props.role === "dialog" || __props.role === "menu" ? isOpen.value : void 0,
|
|
259
|
+
"aria-haspopup": __props.role === "dialog" ? "dialog" : void 0,
|
|
260
|
+
"aria-describedby": __props.role === "tooltip" && isOpen.value ? panelId.value : __props.ariaDescribedby,
|
|
261
|
+
"aria-labelledby": __props.ariaLabelledby
|
|
262
262
|
}, triggerEvents.value), [
|
|
263
263
|
renderSlot(_ctx.$slots, "trigger", {
|
|
264
264
|
open,
|
|
@@ -269,7 +269,7 @@ import '../assets/MazPopover.BSKQcDPm.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
269
269
|
}, void 0, !0)
|
|
270
270
|
], 16, _hoisted_1)
|
|
271
271
|
], 6)) : createCommentVNode("", !0),
|
|
272
|
-
(openBlock(), createBlock(Teleport, { to:
|
|
272
|
+
(openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [
|
|
273
273
|
createVNode(Transition, {
|
|
274
274
|
name: transitionName.value,
|
|
275
275
|
appear: "",
|
|
@@ -280,16 +280,16 @@ import '../assets/MazPopover.BSKQcDPm.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
280
280
|
key: 0,
|
|
281
281
|
id: panelId.value,
|
|
282
282
|
ref: "panel",
|
|
283
|
-
role:
|
|
284
|
-
"aria-label":
|
|
285
|
-
"aria-labelledby":
|
|
286
|
-
"aria-describedby":
|
|
287
|
-
"aria-modal":
|
|
288
|
-
tabindex:
|
|
283
|
+
role: __props.role,
|
|
284
|
+
"aria-label": __props.ariaLabel,
|
|
285
|
+
"aria-labelledby": __props.role === "dialog" ? __props.ariaLabelledby || unref(triggerId) : void 0,
|
|
286
|
+
"aria-describedby": __props.role === "dialog" ? __props.ariaDescribedby : void 0,
|
|
287
|
+
"aria-modal": __props.role === "dialog" ? "true" : void 0,
|
|
288
|
+
tabindex: __props.role === "dialog" ? "-1" : void 0,
|
|
289
289
|
class: ["m-popover-panel", panelClasses.value],
|
|
290
|
-
"aria-live":
|
|
290
|
+
"aria-live": __props.announceChanges ? "polite" : void 0,
|
|
291
291
|
style: [
|
|
292
|
-
|
|
292
|
+
__props.panelStyle,
|
|
293
293
|
panelStyles.value,
|
|
294
294
|
{
|
|
295
295
|
transformOrigin: getTransformOrigin(computedPosition.value),
|
|
@@ -118,7 +118,7 @@ const _hoisted_1 = {
|
|
|
118
118
|
}, [
|
|
119
119
|
isDisabled.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
|
|
120
120
|
key: 0,
|
|
121
|
-
class: normalizeClass(["loading-header",
|
|
121
|
+
class: normalizeClass(["loading-header", __props.headerClass]),
|
|
122
122
|
style: normalizeStyle({ height: `${pullHeight.value}px` })
|
|
123
123
|
}, [
|
|
124
124
|
pull.value.available ? pull.value.available && !internalLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
@@ -134,7 +134,7 @@ const _hoisted_1 = {
|
|
|
134
134
|
renderSlot(_ctx.$slots, "pull-loading", {}, () => [
|
|
135
135
|
createElementVNode("div", _hoisted_4, [
|
|
136
136
|
createVNode(unref(MazSpinner), {
|
|
137
|
-
color:
|
|
137
|
+
color: __props.spinnerColor,
|
|
138
138
|
size: "2.5em"
|
|
139
139
|
}, null, 8, ["color"])
|
|
140
140
|
])
|
|
@@ -54,10 +54,10 @@ import '../assets/MazRadio.B0B3P1QS.css';const _hoisted_1 = ["for", "aria-checke
|
|
|
54
54
|
}
|
|
55
55
|
return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
|
|
56
56
|
for: unref(instanceId),
|
|
57
|
-
class: normalizeClass(["m-radio m-reset-css", [{ "--selected": isSelected.value, "--error":
|
|
57
|
+
class: normalizeClass(["m-radio m-reset-css", [{ "--selected": isSelected.value, "--error": __props.error, "--warning": __props.warning, "--success": __props.success }, props.class]]),
|
|
58
58
|
tabindex: "0",
|
|
59
59
|
role: "radio",
|
|
60
|
-
style: normalizeStyle([
|
|
60
|
+
style: normalizeStyle([__props.style, { "--radio-size": radioSize.value, "--radio-selected-color": radioSelectedColor.value, "--radio-box-shadow": radioBoxShadow.value }]),
|
|
61
61
|
"aria-checked": isSelected.value,
|
|
62
62
|
onBlur,
|
|
63
63
|
onFocus,
|
|
@@ -67,11 +67,11 @@ import '../assets/MazRadio.B0B3P1QS.css';const _hoisted_1 = ["for", "aria-checke
|
|
|
67
67
|
id: unref(instanceId),
|
|
68
68
|
ref_key: "inputRef",
|
|
69
69
|
ref: inputRef,
|
|
70
|
-
value:
|
|
70
|
+
value: __props.value
|
|
71
71
|
}, _ctx.$attrs, {
|
|
72
72
|
tabindex: "-1",
|
|
73
|
-
disabled:
|
|
74
|
-
name:
|
|
73
|
+
disabled: __props.disabled,
|
|
74
|
+
name: __props.name,
|
|
75
75
|
type: "radio",
|
|
76
76
|
checked: isSelected.value,
|
|
77
77
|
onChange: _cache[0] || (_cache[0] = ($event) => emitValue())
|
|
@@ -82,18 +82,18 @@ import '../assets/MazRadio.B0B3P1QS.css';const _hoisted_1 = ["for", "aria-checke
|
|
|
82
82
|
createElementVNode("div", _hoisted_3, [
|
|
83
83
|
renderSlot(_ctx.$slots, "default", {
|
|
84
84
|
isSelected: isSelected.value,
|
|
85
|
-
value:
|
|
85
|
+
value: __props.value
|
|
86
86
|
}, () => [
|
|
87
|
-
createTextVNode(toDisplayString(
|
|
87
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
88
88
|
], !0),
|
|
89
|
-
|
|
89
|
+
__props.hint ? (openBlock(), createElementBlock("span", {
|
|
90
90
|
key: 0,
|
|
91
91
|
class: normalizeClass(["m-radio__hint", {
|
|
92
|
-
"--error":
|
|
93
|
-
"--success":
|
|
94
|
-
"--warning":
|
|
92
|
+
"--error": __props.error,
|
|
93
|
+
"--success": __props.success,
|
|
94
|
+
"--warning": __props.warning
|
|
95
95
|
}])
|
|
96
|
-
}, toDisplayString(
|
|
96
|
+
}, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
|
|
97
97
|
])
|
|
98
98
|
], 46, _hoisted_1));
|
|
99
99
|
}
|