@muenchen/muc-patternlab-vue 1.13.0-beta.4 → 1.13.0-beta.6
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/components/Form/MucCounter.stories.d.ts +89 -0
- package/dist/components/Form/MucCounter.vue.d.ts +54 -0
- package/dist/components/Form/index.d.ts +2 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/muc-patternlab-vue.es.js +398 -338
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/components/Form/MucCounter.stories.ts +47 -0
- package/src/components/Form/MucCounter.vue +128 -0
- package/src/components/Form/index.ts +2 -0
- package/src/components/Intro/MucIntro.vue +7 -1
- package/src/components/index.ts +2 -0
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { defineComponent as v, useAttrs as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as v, useAttrs as ce, computed as r, openBlock as n, createElementBlock as l, normalizeClass as y, normalizeStyle as ie, createElementVNode as t, createVNode as C, unref as g, renderSlot as h, createBlock as U, createCommentVNode as b, toDisplayString as u, pushScopeId as N, popScopeId as F, useSlots as D, createTextVNode as $, Fragment as P, renderList as j, createSlots as re, withCtx as S, mergeModels as B, useModel as O, withModifiers as W, ref as A, withDirectives as q, vModelDynamic as ue, inject as de, provide as _e, readonly as me, toRef as pe, onMounted as he, onBeforeUnmount as ve, watch as fe, vModelText as z } from "vue";
|
|
2
|
+
const be = ["href"], w = /* @__PURE__ */ v({
|
|
3
3
|
__name: "MucIcon",
|
|
4
4
|
props: {
|
|
5
5
|
icon: {},
|
|
6
6
|
color: {}
|
|
7
7
|
},
|
|
8
8
|
setup(a) {
|
|
9
|
-
const s =
|
|
9
|
+
const s = ce(), e = r(() => s.class ?? "icon");
|
|
10
10
|
return (o, i) => (n(), l("svg", {
|
|
11
11
|
"aria-hidden": "true",
|
|
12
|
-
class:
|
|
13
|
-
style:
|
|
12
|
+
class: y(e.value),
|
|
13
|
+
style: ie({ color: o.color })
|
|
14
14
|
}, [
|
|
15
15
|
t("use", {
|
|
16
16
|
href: "#icon-" + o.icon
|
|
17
|
-
}, null, 8,
|
|
17
|
+
}, null, 8, be)
|
|
18
18
|
], 6));
|
|
19
19
|
}
|
|
20
|
-
}),
|
|
20
|
+
}), $e = ["role", "aria-label"], ge = { class: "container-fluid" }, ye = /* @__PURE__ */ v({
|
|
21
21
|
__name: "MucBanner",
|
|
22
22
|
props: {
|
|
23
23
|
type: { default: "info" }
|
|
@@ -74,27 +74,27 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
74
74
|
return "information";
|
|
75
75
|
}
|
|
76
76
|
});
|
|
77
|
-
return (_,
|
|
77
|
+
return (_, d) => (n(), l("div", null, [
|
|
78
78
|
t("div", null, [
|
|
79
79
|
t("div", {
|
|
80
|
-
class:
|
|
80
|
+
class: y(["m-banner", e.value]),
|
|
81
81
|
role: o.value,
|
|
82
82
|
"aria-label": i.value
|
|
83
83
|
}, [
|
|
84
|
-
t("div",
|
|
85
|
-
|
|
84
|
+
t("div", ge, [
|
|
85
|
+
C(g(w), { icon: c.value }, null, 8, ["icon"]),
|
|
86
86
|
h(_.$slots, "default", {}, void 0, !0)
|
|
87
87
|
])
|
|
88
|
-
], 10,
|
|
88
|
+
], 10, $e)
|
|
89
89
|
])
|
|
90
90
|
]));
|
|
91
91
|
}
|
|
92
|
-
}),
|
|
92
|
+
}), x = (a, s) => {
|
|
93
93
|
const e = a.__vccOpts || a;
|
|
94
94
|
for (const [o, i] of s)
|
|
95
95
|
e[o] = i;
|
|
96
96
|
return e;
|
|
97
|
-
},
|
|
97
|
+
}, ke = /* @__PURE__ */ x(ye, [["__scopeId", "data-v-53bc7eca"]]), Me = ["disabled"], G = /* @__PURE__ */ v({
|
|
98
98
|
__name: "MucButton",
|
|
99
99
|
props: {
|
|
100
100
|
variant: { default: "primary" },
|
|
@@ -118,22 +118,22 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
118
118
|
), _ = () => {
|
|
119
119
|
o("click");
|
|
120
120
|
};
|
|
121
|
-
return (
|
|
121
|
+
return (d, f) => (n(), l("button", {
|
|
122
122
|
onClick: _,
|
|
123
|
-
disabled:
|
|
124
|
-
class:
|
|
123
|
+
disabled: d.disabled,
|
|
124
|
+
class: y(["m-button", [i.value, c.value]])
|
|
125
125
|
}, [
|
|
126
126
|
t("span", null, [
|
|
127
|
-
h(
|
|
128
|
-
|
|
127
|
+
h(d.$slots, "default"),
|
|
128
|
+
d.icon ? (n(), U(g(w), {
|
|
129
129
|
key: 0,
|
|
130
|
-
icon:
|
|
130
|
+
icon: d.icon,
|
|
131
131
|
class: "m-button__icon"
|
|
132
|
-
}, null, 8, ["icon"])) :
|
|
132
|
+
}, null, 8, ["icon"])) : b("", !0)
|
|
133
133
|
])
|
|
134
|
-
], 10,
|
|
134
|
+
], 10, Me));
|
|
135
135
|
}
|
|
136
|
-
}),
|
|
136
|
+
}), Ce = ["aria-label"], we = { class: "m-callout__inner" }, Ie = { class: "m-callout__icon" }, Se = { class: "m-callout__body" }, Be = { class: "m-callout__body__inner" }, Ve = { class: "m-callout__headline" }, xe = { class: "m-callout__content" }, Re = /* @__PURE__ */ v({
|
|
137
137
|
__name: "MucCallout",
|
|
138
138
|
props: {
|
|
139
139
|
type: { default: "info" }
|
|
@@ -172,21 +172,21 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
172
172
|
}
|
|
173
173
|
});
|
|
174
174
|
return (c, _) => (n(), l("div", {
|
|
175
|
-
class:
|
|
175
|
+
class: y(["m-callout", o.value]),
|
|
176
176
|
"aria-label": i.value
|
|
177
177
|
}, [
|
|
178
|
-
t("div",
|
|
179
|
-
t("div",
|
|
178
|
+
t("div", we, [
|
|
179
|
+
t("div", Ie, [
|
|
180
180
|
h(c.$slots, "icon", {}, () => [
|
|
181
|
-
|
|
181
|
+
C(g(w), { icon: e.value }, null, 8, ["icon"])
|
|
182
182
|
], !0)
|
|
183
183
|
]),
|
|
184
|
-
t("div",
|
|
185
|
-
t("div",
|
|
186
|
-
t("div",
|
|
184
|
+
t("div", Se, [
|
|
185
|
+
t("div", Be, [
|
|
186
|
+
t("div", Ve, [
|
|
187
187
|
h(c.$slots, "header", {}, void 0, !0)
|
|
188
188
|
]),
|
|
189
|
-
t("div",
|
|
189
|
+
t("div", xe, [
|
|
190
190
|
t("p", null, [
|
|
191
191
|
h(c.$slots, "content", { class: "m-callout__content" }, void 0, !0)
|
|
192
192
|
])
|
|
@@ -194,12 +194,12 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
194
194
|
])
|
|
195
195
|
])
|
|
196
196
|
])
|
|
197
|
-
], 10,
|
|
197
|
+
], 10, Ce));
|
|
198
198
|
}
|
|
199
|
-
}),
|
|
199
|
+
}), Ee = /* @__PURE__ */ x(Re, [["__scopeId", "data-v-e6cf4104"]]), Le = (a) => (N("data-v-acf0a1dd"), a = a(), F(), a), Ae = { class: "card-content" }, Oe = { class: "card-header" }, Te = {
|
|
200
200
|
key: 0,
|
|
201
201
|
class: "card-tagline"
|
|
202
|
-
},
|
|
202
|
+
}, Pe = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), je = /* @__PURE__ */ v({
|
|
203
203
|
__name: "MucCard",
|
|
204
204
|
props: {
|
|
205
205
|
title: {},
|
|
@@ -212,107 +212,107 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
212
212
|
class: "card",
|
|
213
213
|
onClick: i[0] || (i[0] = (c) => e("click", c))
|
|
214
214
|
}, [
|
|
215
|
-
t("div",
|
|
216
|
-
t("div",
|
|
215
|
+
t("div", Ae, [
|
|
216
|
+
t("div", Oe, [
|
|
217
217
|
h(o.$slots, "headerPrefix", {}, void 0, !0),
|
|
218
218
|
t("div", null, [
|
|
219
|
-
o.tagline ? (n(), l("div",
|
|
219
|
+
o.tagline ? (n(), l("div", Te, u(o.tagline), 1)) : b("", !0),
|
|
220
220
|
t("div", null, [
|
|
221
221
|
t("h3", null, u(o.title), 1)
|
|
222
222
|
])
|
|
223
223
|
])
|
|
224
224
|
]),
|
|
225
|
-
|
|
225
|
+
Pe,
|
|
226
226
|
h(o.$slots, "content", {}, void 0, !0)
|
|
227
227
|
])
|
|
228
228
|
]));
|
|
229
229
|
}
|
|
230
|
-
}),
|
|
230
|
+
}), Ge = /* @__PURE__ */ x(je, [["__scopeId", "data-v-acf0a1dd"]]), Ue = { class: "container card-container" }, qe = /* @__PURE__ */ v({
|
|
231
231
|
__name: "MucCardContainer",
|
|
232
232
|
setup(a) {
|
|
233
|
-
return (s, e) => (n(), l("div",
|
|
233
|
+
return (s, e) => (n(), l("div", Ue, [
|
|
234
234
|
h(s.$slots, "default", {}, void 0, !0)
|
|
235
235
|
]));
|
|
236
236
|
}
|
|
237
|
-
}),
|
|
237
|
+
}), He = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-6740df8f"]]), Ne = { class: "m-comment__head" }, Fe = { class: "m-comment__initials" }, De = { class: "m-comment__info" }, We = { class: "m-comment__author" }, ze = { key: 0 }, Ke = { class: "m-comment__author" }, Xe = { class: "m-comment__date" }, Je = ["aria-label"], Qe = {
|
|
238
238
|
key: 0,
|
|
239
239
|
class: "m-star-rating__item m-star-rating__item--half"
|
|
240
|
-
},
|
|
240
|
+
}, Ye = { class: "m-star-rating__numeric" }, Ze = { class: "m-comment__body" }, et = { class: "m-comment__headline" }, tt = { class: "m-comment__text" }, st = "de-DE", ot = 0.2, at = 0.8, T = 5, K = /* @__PURE__ */ v({
|
|
241
241
|
__name: "MucComment",
|
|
242
242
|
props: {
|
|
243
243
|
rating: {},
|
|
244
244
|
variant: { default: "listing" }
|
|
245
245
|
},
|
|
246
246
|
setup(a) {
|
|
247
|
-
const s =
|
|
248
|
-
() => Math.min(Math.max(e.rating, 0),
|
|
249
|
-
), _ = r(() => c.value.toLocaleString(
|
|
247
|
+
const s = D(), e = a, o = r(() => !!s.date), i = r(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), c = r(
|
|
248
|
+
() => Math.min(Math.max(e.rating, 0), T)
|
|
249
|
+
), _ = r(() => c.value.toLocaleString(st.valueOf(), {
|
|
250
250
|
minimumFractionDigits: 1
|
|
251
|
-
})),
|
|
251
|
+
})), d = r(() => {
|
|
252
252
|
const f = +(c.value % 1).toFixed(1);
|
|
253
|
-
let
|
|
254
|
-
return c.value !== 0 && c.value !==
|
|
255
|
-
fullStars:
|
|
256
|
-
emptyStars:
|
|
253
|
+
let R = Math.min(Math.floor(c.value), T), k = Math.floor(T - c.value), p = !1;
|
|
254
|
+
return c.value !== 0 && c.value !== T && (f <= ot ? k++ : f >= at ? R++ : p = !0), {
|
|
255
|
+
fullStars: R,
|
|
256
|
+
emptyStars: k,
|
|
257
257
|
isHalfStar: p
|
|
258
258
|
};
|
|
259
259
|
});
|
|
260
|
-
return (f,
|
|
261
|
-
class:
|
|
260
|
+
return (f, R) => (n(), l("div", {
|
|
261
|
+
class: y(["m-comment", i.value])
|
|
262
262
|
}, [
|
|
263
|
-
t("div",
|
|
264
|
-
t("div",
|
|
263
|
+
t("div", Ne, [
|
|
264
|
+
t("div", Fe, [
|
|
265
265
|
h(f.$slots, "initials")
|
|
266
266
|
]),
|
|
267
|
-
t("div",
|
|
268
|
-
t("span",
|
|
267
|
+
t("div", De, [
|
|
268
|
+
t("span", We, [
|
|
269
269
|
h(f.$slots, "author")
|
|
270
270
|
]),
|
|
271
|
-
o.value ? (n(), l("span",
|
|
272
|
-
t("span",
|
|
273
|
-
|
|
271
|
+
o.value ? (n(), l("span", ze, [
|
|
272
|
+
t("span", Ke, [
|
|
273
|
+
$(" "),
|
|
274
274
|
h(f.$slots, "datePrefix")
|
|
275
275
|
]),
|
|
276
|
-
t("span",
|
|
277
|
-
|
|
276
|
+
t("span", Xe, [
|
|
277
|
+
$(" "),
|
|
278
278
|
h(f.$slots, "date")
|
|
279
279
|
])
|
|
280
|
-
])) :
|
|
280
|
+
])) : b("", !0),
|
|
281
281
|
t("div", {
|
|
282
282
|
class: "m-star-rating",
|
|
283
283
|
role: "img",
|
|
284
|
-
"aria-label": `Bewertung: ${f.rating} von ${
|
|
284
|
+
"aria-label": `Bewertung: ${f.rating} von ${T} Sternen`
|
|
285
285
|
}, [
|
|
286
|
-
(n(!0), l(
|
|
287
|
-
key:
|
|
286
|
+
(n(!0), l(P, null, j(d.value.fullStars, (k) => (n(), l("div", {
|
|
287
|
+
key: k,
|
|
288
288
|
class: "m-star-rating__item m-star-rating__item--full"
|
|
289
289
|
}, [
|
|
290
|
-
|
|
290
|
+
C(g(w), { icon: "solid-star" })
|
|
291
291
|
]))), 128)),
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
])) :
|
|
295
|
-
(n(!0), l(
|
|
296
|
-
key:
|
|
292
|
+
d.value.isHalfStar ? (n(), l("div", Qe, [
|
|
293
|
+
C(g(w), { icon: "half-star" })
|
|
294
|
+
])) : b("", !0),
|
|
295
|
+
(n(!0), l(P, null, j(d.value.emptyStars, (k) => (n(), l("div", {
|
|
296
|
+
key: k,
|
|
297
297
|
class: "m-star-rating__item"
|
|
298
298
|
}, [
|
|
299
|
-
|
|
299
|
+
C(g(w), { icon: "solid-star" })
|
|
300
300
|
]))), 128)),
|
|
301
|
-
t("div",
|
|
302
|
-
], 8,
|
|
301
|
+
t("div", Ye, u(_.value), 1)
|
|
302
|
+
], 8, Je)
|
|
303
303
|
])
|
|
304
304
|
]),
|
|
305
|
-
t("div",
|
|
306
|
-
t("div",
|
|
305
|
+
t("div", Ze, [
|
|
306
|
+
t("div", et, [
|
|
307
307
|
h(f.$slots, "headline")
|
|
308
308
|
]),
|
|
309
|
-
t("div",
|
|
309
|
+
t("div", tt, [
|
|
310
310
|
h(f.$slots, "text")
|
|
311
311
|
])
|
|
312
312
|
])
|
|
313
313
|
], 2));
|
|
314
314
|
}
|
|
315
|
-
}),
|
|
315
|
+
}), nt = " ", lt = /* @__PURE__ */ v({
|
|
316
316
|
__name: "MucCommentText",
|
|
317
317
|
props: {
|
|
318
318
|
datePrefix: { default: "am" },
|
|
@@ -325,52 +325,52 @@ const fe = ["href"], I = /* @__PURE__ */ v({
|
|
|
325
325
|
variant: { default: "listing" }
|
|
326
326
|
},
|
|
327
327
|
setup(a) {
|
|
328
|
-
const s = a, e = r(() => ((s.initials ?? s.author.split(
|
|
329
|
-
return (o, i) => (n(),
|
|
328
|
+
const s = a, e = r(() => ((s.initials ?? s.author.split(nt).map((o) => o.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
|
|
329
|
+
return (o, i) => (n(), U(g(K), {
|
|
330
330
|
rating: o.rating,
|
|
331
331
|
variant: o.variant
|
|
332
|
-
},
|
|
333
|
-
initials:
|
|
334
|
-
|
|
332
|
+
}, re({
|
|
333
|
+
initials: S(() => [
|
|
334
|
+
$(u(e.value), 1)
|
|
335
335
|
]),
|
|
336
|
-
datePrefix:
|
|
337
|
-
|
|
336
|
+
datePrefix: S(() => [
|
|
337
|
+
$("am")
|
|
338
338
|
]),
|
|
339
|
-
author:
|
|
340
|
-
|
|
339
|
+
author: S(() => [
|
|
340
|
+
$(u(o.author), 1)
|
|
341
341
|
]),
|
|
342
|
-
headline:
|
|
343
|
-
|
|
342
|
+
headline: S(() => [
|
|
343
|
+
$(u(o.headline), 1)
|
|
344
344
|
]),
|
|
345
|
-
text:
|
|
346
|
-
|
|
345
|
+
text: S(() => [
|
|
346
|
+
$(u(o.text), 1)
|
|
347
347
|
]),
|
|
348
348
|
_: 2
|
|
349
349
|
}, [
|
|
350
350
|
o.date ? {
|
|
351
351
|
name: "date",
|
|
352
|
-
fn:
|
|
353
|
-
|
|
352
|
+
fn: S(() => [
|
|
353
|
+
$(u(o.date), 1)
|
|
354
354
|
]),
|
|
355
355
|
key: "0"
|
|
356
356
|
} : void 0
|
|
357
357
|
]), 1032, ["rating", "variant"]));
|
|
358
358
|
}
|
|
359
|
-
}),
|
|
360
|
-
function
|
|
361
|
-
return n(), l("hr",
|
|
359
|
+
}), ct = {}, it = { class: "divider-border" };
|
|
360
|
+
function rt(a, s) {
|
|
361
|
+
return n(), l("hr", it);
|
|
362
362
|
}
|
|
363
|
-
const
|
|
363
|
+
const ut = /* @__PURE__ */ x(ct, [["render", rt], ["__scopeId", "data-v-a2b37f5b"]]), dt = ["checked"], _t = { class: "m-label m-checkboxes__label" }, mt = /* @__PURE__ */ v({
|
|
364
364
|
__name: "MucCheckbox",
|
|
365
|
-
props: /* @__PURE__ */
|
|
365
|
+
props: /* @__PURE__ */ B({
|
|
366
366
|
label: {}
|
|
367
367
|
}, {
|
|
368
368
|
modelValue: { type: Boolean, default: !1 },
|
|
369
369
|
modelModifiers: {}
|
|
370
370
|
}),
|
|
371
|
-
emits: /* @__PURE__ */
|
|
371
|
+
emits: /* @__PURE__ */ B(["click"], ["update:modelValue"]),
|
|
372
372
|
setup(a, { emit: s }) {
|
|
373
|
-
const e =
|
|
373
|
+
const e = O(a, "modelValue"), o = s, i = () => {
|
|
374
374
|
e.value = !e.value, o("click");
|
|
375
375
|
};
|
|
376
376
|
return (c, _) => (n(), l("div", {
|
|
@@ -382,59 +382,145 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
|
|
|
382
382
|
name: "checkbox",
|
|
383
383
|
type: "checkbox",
|
|
384
384
|
checked: e.value,
|
|
385
|
-
onClick:
|
|
386
|
-
}, null, 8,
|
|
387
|
-
t("label",
|
|
385
|
+
onClick: W(i, ["stop"])
|
|
386
|
+
}, null, 8, dt),
|
|
387
|
+
t("label", _t, u(c.label), 1)
|
|
388
388
|
]));
|
|
389
389
|
}
|
|
390
|
-
}),
|
|
390
|
+
}), pt = { class: "m-form-group" }, ht = { class: "m-checkbox-group" }, vt = { class: "m-checkbox-group__legend" }, ft = { class: "m-checkbox-group__heading" }, bt = { class: "m-checkboxes m-checkboxes--collapse" }, $t = /* @__PURE__ */ t("span", null, "Mehr ", -1), gt = {
|
|
391
391
|
"aria-hidden": "true",
|
|
392
392
|
class: "icon icon--after"
|
|
393
|
-
},
|
|
393
|
+
}, yt = ["href"], kt = /* @__PURE__ */ v({
|
|
394
394
|
__name: "MucCheckboxGroup",
|
|
395
395
|
props: {
|
|
396
396
|
heading: {}
|
|
397
397
|
},
|
|
398
398
|
setup(a) {
|
|
399
|
-
const s =
|
|
400
|
-
return (c, _) => (n(), l("div",
|
|
401
|
-
t("fieldset",
|
|
402
|
-
t("legend",
|
|
403
|
-
t("h3",
|
|
399
|
+
const s = A(!0), e = r(() => s.value ? "collapse" : ""), o = r(() => s.value ? "down" : "up"), i = () => s.value = !s.value;
|
|
400
|
+
return (c, _) => (n(), l("div", pt, [
|
|
401
|
+
t("fieldset", ht, [
|
|
402
|
+
t("legend", vt, [
|
|
403
|
+
t("h3", ft, u(c.heading), 1)
|
|
404
404
|
]),
|
|
405
|
-
t("div",
|
|
405
|
+
t("div", bt, [
|
|
406
406
|
h(c.$slots, "checkboxes"),
|
|
407
407
|
c.$slots.collapsableCheckboxes ? (n(), l("div", {
|
|
408
408
|
key: 0,
|
|
409
|
-
class:
|
|
409
|
+
class: y(["m-checkboxes__collapse__container", e.value])
|
|
410
410
|
}, [
|
|
411
411
|
h(c.$slots, "collapsableCheckboxes")
|
|
412
|
-
], 2)) :
|
|
413
|
-
c.$slots.collapsableCheckboxes ? (n(),
|
|
412
|
+
], 2)) : b("", !0),
|
|
413
|
+
c.$slots.collapsableCheckboxes ? (n(), U(g(G), {
|
|
414
414
|
key: 1,
|
|
415
415
|
variant: "ghost",
|
|
416
416
|
onClick: i,
|
|
417
417
|
"aria-expanded": !s.value
|
|
418
418
|
}, {
|
|
419
|
-
default:
|
|
420
|
-
|
|
421
|
-
(n(), l("svg",
|
|
419
|
+
default: S(() => [
|
|
420
|
+
$t,
|
|
421
|
+
(n(), l("svg", gt, [
|
|
422
422
|
t("use", {
|
|
423
423
|
href: "#icon-chevron-" + o.value
|
|
424
|
-
}, null, 8,
|
|
424
|
+
}, null, 8, yt)
|
|
425
425
|
]))
|
|
426
426
|
]),
|
|
427
427
|
_: 1
|
|
428
|
-
}, 8, ["aria-expanded"])) :
|
|
428
|
+
}, 8, ["aria-expanded"])) : b("", !0)
|
|
429
429
|
])
|
|
430
430
|
])
|
|
431
431
|
]));
|
|
432
432
|
}
|
|
433
|
-
}),
|
|
433
|
+
}), Mt = ["href", "target"], X = /* @__PURE__ */ v({
|
|
434
|
+
__name: "MucLink",
|
|
435
|
+
props: {
|
|
436
|
+
label: {},
|
|
437
|
+
href: { default: "#" },
|
|
438
|
+
icon: {},
|
|
439
|
+
target: { default: "_blank" },
|
|
440
|
+
noUnderline: { type: Boolean, default: !1 }
|
|
441
|
+
},
|
|
442
|
+
setup(a) {
|
|
443
|
+
const s = a, e = r(
|
|
444
|
+
() => s.noUnderline ? "m-link--reversed-underline" : ""
|
|
445
|
+
);
|
|
446
|
+
return (o, i) => (n(), l("a", {
|
|
447
|
+
href: o.href,
|
|
448
|
+
target: o.target,
|
|
449
|
+
class: y(["m-link", e.value])
|
|
450
|
+
}, [
|
|
451
|
+
$(u(o.label) + " ", 1),
|
|
452
|
+
h(o.$slots, "icon", {}, () => [
|
|
453
|
+
o.icon ? (n(), U(g(w), {
|
|
454
|
+
key: 0,
|
|
455
|
+
icon: o.icon,
|
|
456
|
+
class: "icon icon--after"
|
|
457
|
+
}, null, 8, ["icon"])) : b("", !0)
|
|
458
|
+
])
|
|
459
|
+
], 10, Mt));
|
|
460
|
+
}
|
|
461
|
+
}), Ct = { class: "wrapper" }, wt = {
|
|
462
|
+
class: "centered-text",
|
|
463
|
+
style: { color: "var(--color-brand-main-blue)" }
|
|
464
|
+
}, It = { key: 0 }, St = { class: "centered-text" }, Bt = { key: 1 }, Vt = { class: "centered-text" }, xt = /* @__PURE__ */ v({
|
|
465
|
+
__name: "MucCounter",
|
|
466
|
+
props: /* @__PURE__ */ B({
|
|
467
|
+
label: {},
|
|
468
|
+
min: {},
|
|
469
|
+
max: {},
|
|
470
|
+
link: {},
|
|
471
|
+
disabled: { type: Boolean, default: !1 }
|
|
472
|
+
}, {
|
|
473
|
+
modelValue: { default: 0 },
|
|
474
|
+
modelModifiers: {}
|
|
475
|
+
}),
|
|
476
|
+
emits: ["update:modelValue"],
|
|
477
|
+
setup(a) {
|
|
478
|
+
const s = O(a, "modelValue"), e = a, o = () => s.value++, i = () => s.value--, c = r(
|
|
479
|
+
() => !!e.max && !(s.value < e.max) || e.disabled
|
|
480
|
+
), _ = r(
|
|
481
|
+
() => s.value == 0 || !!e.min && !(s.value > e.min) || e.disabled
|
|
482
|
+
);
|
|
483
|
+
return (d, f) => (n(), l("div", Ct, [
|
|
484
|
+
C(g(G), {
|
|
485
|
+
onClick: i,
|
|
486
|
+
variant: "secondary",
|
|
487
|
+
disabled: _.value
|
|
488
|
+
}, {
|
|
489
|
+
default: S(() => [
|
|
490
|
+
C(g(w), { icon: "minus" })
|
|
491
|
+
]),
|
|
492
|
+
_: 1
|
|
493
|
+
}, 8, ["disabled"]),
|
|
494
|
+
t("p", null, [
|
|
495
|
+
t("strong", wt, u(s.value), 1)
|
|
496
|
+
]),
|
|
497
|
+
C(g(G), {
|
|
498
|
+
onClick: o,
|
|
499
|
+
variant: "secondary",
|
|
500
|
+
disabled: c.value
|
|
501
|
+
}, {
|
|
502
|
+
default: S(() => [
|
|
503
|
+
C(g(w), { icon: "plus" })
|
|
504
|
+
]),
|
|
505
|
+
_: 1
|
|
506
|
+
}, 8, ["disabled"]),
|
|
507
|
+
d.link ? (n(), l("p", It, [
|
|
508
|
+
t("label", St, [
|
|
509
|
+
C(g(X), {
|
|
510
|
+
label: d.label,
|
|
511
|
+
href: d.link
|
|
512
|
+
}, null, 8, ["label", "href"])
|
|
513
|
+
])
|
|
514
|
+
])) : (n(), l("p", Bt, [
|
|
515
|
+
t("label", Vt, u(d.label), 1)
|
|
516
|
+
]))
|
|
517
|
+
]));
|
|
518
|
+
}
|
|
519
|
+
}), Rt = /* @__PURE__ */ x(xt, [["__scopeId", "data-v-a20e4a10"]]), Et = {
|
|
434
520
|
class: "m-error-list",
|
|
435
521
|
role: "alert",
|
|
436
522
|
tabindex: "-1"
|
|
437
|
-
},
|
|
523
|
+
}, Lt = { class: "m-error-list__title" }, At = { class: "m-error-list__body" }, Ot = { class: "m-list m-error-list__list" }, Tt = /* @__PURE__ */ v({
|
|
438
524
|
__name: "MucErrorList",
|
|
439
525
|
props: {
|
|
440
526
|
title: {},
|
|
@@ -444,42 +530,42 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
|
|
|
444
530
|
const s = a, e = r(
|
|
445
531
|
() => typeof s.errors == "string" ? [s.errors] : s.errors
|
|
446
532
|
);
|
|
447
|
-
return (o, i) => (n(), l("div",
|
|
448
|
-
t("h2",
|
|
449
|
-
t("div",
|
|
450
|
-
t("ul",
|
|
451
|
-
(n(!0), l(
|
|
533
|
+
return (o, i) => (n(), l("div", Et, [
|
|
534
|
+
t("h2", Lt, u(o.title), 1),
|
|
535
|
+
t("div", At, [
|
|
536
|
+
t("ul", Ot, [
|
|
537
|
+
(n(!0), l(P, null, j(e.value, (c, _) => (n(), l("li", { key: _ }, [
|
|
452
538
|
t("a", null, u(c), 1)
|
|
453
539
|
]))), 128))
|
|
454
540
|
])
|
|
455
541
|
])
|
|
456
542
|
]));
|
|
457
543
|
}
|
|
458
|
-
}),
|
|
544
|
+
}), Pt = {
|
|
459
545
|
for: "search-input",
|
|
460
546
|
class: "m-label"
|
|
461
|
-
},
|
|
547
|
+
}, jt = {
|
|
462
548
|
key: 0,
|
|
463
549
|
"aria-hidden": "true",
|
|
464
550
|
class: "mandatory"
|
|
465
|
-
},
|
|
551
|
+
}, Gt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), Ut = {
|
|
466
552
|
id: "text-input-error",
|
|
467
553
|
class: "m-error-message"
|
|
468
|
-
},
|
|
554
|
+
}, qt = { class: "m-input-wrapper m-autocomplete" }, Ht = {
|
|
469
555
|
key: 0,
|
|
470
556
|
class: "m-input__prefix"
|
|
471
|
-
},
|
|
557
|
+
}, Nt = ["type", "aria-describedby", "placeholder", "required"], Ft = {
|
|
472
558
|
key: 1,
|
|
473
559
|
class: "autocomplete-result-list autocomplete-result-list--location"
|
|
474
|
-
},
|
|
560
|
+
}, Dt = ["onClick"], Wt = {
|
|
475
561
|
"aria-hidden": "true",
|
|
476
562
|
class: "icon"
|
|
477
|
-
},
|
|
563
|
+
}, zt = ["xlink:href"], Kt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Suchen", -1), Xt = {
|
|
478
564
|
class: "m-hint",
|
|
479
565
|
id: "text-input-hint"
|
|
480
|
-
},
|
|
566
|
+
}, Jt = /* @__PURE__ */ v({
|
|
481
567
|
__name: "MucInput",
|
|
482
|
-
props: /* @__PURE__ */
|
|
568
|
+
props: /* @__PURE__ */ B({
|
|
483
569
|
errorMsg: {},
|
|
484
570
|
placeholder: {},
|
|
485
571
|
required: { type: Boolean, default: !1 },
|
|
@@ -492,69 +578,69 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
|
|
|
492
578
|
modelValue: { default: "" },
|
|
493
579
|
modelModifiers: {}
|
|
494
580
|
}),
|
|
495
|
-
emits: /* @__PURE__ */
|
|
581
|
+
emits: /* @__PURE__ */ B(["suffixClick"], ["update:modelValue"]),
|
|
496
582
|
setup(a, { emit: s }) {
|
|
497
|
-
const e =
|
|
583
|
+
const e = O(a, "modelValue"), o = a, i = D(), c = s, _ = r(() => o.errorMsg ? "has-error" : ""), d = r(() => o.type === "search"), f = r(() => {
|
|
498
584
|
if (e.value === "") return [];
|
|
499
585
|
const p = e.value.toLowerCase();
|
|
500
586
|
return o.datalist.filter(
|
|
501
|
-
(
|
|
587
|
+
(E) => E.toLowerCase().startsWith(p) && E.toLowerCase() !== p
|
|
502
588
|
);
|
|
503
|
-
}),
|
|
504
|
-
return (p,
|
|
505
|
-
class:
|
|
589
|
+
}), R = (p) => e.value = p, k = () => c("suffixClick");
|
|
590
|
+
return (p, E) => (n(), l("div", {
|
|
591
|
+
class: y(["m-form-group", _.value])
|
|
506
592
|
}, [
|
|
507
|
-
t("label",
|
|
508
|
-
|
|
509
|
-
p.required ? (n(), l("span",
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
])) :
|
|
593
|
+
t("label", Pt, [
|
|
594
|
+
$(u(p.label) + " ", 1),
|
|
595
|
+
p.required ? (n(), l("span", jt, [
|
|
596
|
+
$(" * "),
|
|
597
|
+
Gt
|
|
598
|
+
])) : b("", !0)
|
|
513
599
|
]),
|
|
514
|
-
t("p",
|
|
515
|
-
t("div",
|
|
516
|
-
i.prefix ? (n(), l("div",
|
|
600
|
+
t("p", Ut, u(p.errorMsg), 1),
|
|
601
|
+
t("div", qt, [
|
|
602
|
+
i.prefix ? (n(), l("div", Ht, [
|
|
517
603
|
t("span", null, [
|
|
518
604
|
h(p.$slots, "prefix")
|
|
519
605
|
])
|
|
520
|
-
])) :
|
|
521
|
-
|
|
606
|
+
])) : b("", !0),
|
|
607
|
+
q(t("input", {
|
|
522
608
|
class: "m-input autocomplete-input",
|
|
523
609
|
type: p.type,
|
|
524
|
-
"onUpdate:modelValue":
|
|
610
|
+
"onUpdate:modelValue": E[0] || (E[0] = (M) => e.value = M),
|
|
525
611
|
"aria-describedby": p.type + "-input",
|
|
526
612
|
placeholder: p.placeholder,
|
|
527
613
|
required: p.required
|
|
528
|
-
}, null, 8,
|
|
529
|
-
[
|
|
614
|
+
}, null, 8, Nt), [
|
|
615
|
+
[ue, e.value]
|
|
530
616
|
]),
|
|
531
|
-
|
|
532
|
-
(n(!0), l(
|
|
617
|
+
d.value && f.value.length !== 0 ? (n(), l("ul", Ft, [
|
|
618
|
+
(n(!0), l(P, null, j(f.value, (M) => (n(), l("li", {
|
|
533
619
|
class: "autocomplete-result",
|
|
534
|
-
key:
|
|
535
|
-
onClick: (
|
|
536
|
-
}, u(
|
|
537
|
-
])) :
|
|
620
|
+
key: M,
|
|
621
|
+
onClick: (V) => R(M)
|
|
622
|
+
}, u(M), 9, Dt))), 128))
|
|
623
|
+
])) : b("", !0),
|
|
538
624
|
p.suffixIcon ? (n(), l("button", {
|
|
539
625
|
key: 2,
|
|
540
626
|
class: "m-input__suffix",
|
|
541
|
-
onClick:
|
|
627
|
+
onClick: k
|
|
542
628
|
}, [
|
|
543
|
-
(n(), l("svg",
|
|
629
|
+
(n(), l("svg", Wt, [
|
|
544
630
|
t("use", {
|
|
545
631
|
"xlink:href": "#icon-" + p.suffixIcon
|
|
546
|
-
}, null, 8,
|
|
632
|
+
}, null, 8, zt)
|
|
547
633
|
])),
|
|
548
|
-
|
|
549
|
-
])) :
|
|
634
|
+
Kt
|
|
635
|
+
])) : b("", !0)
|
|
550
636
|
]),
|
|
551
|
-
t("p",
|
|
637
|
+
t("p", Xt, u(p.hint), 1)
|
|
552
638
|
], 2));
|
|
553
639
|
}
|
|
554
|
-
}),
|
|
640
|
+
}), J = Symbol("mucRadioGroup"), Qt = {
|
|
555
641
|
key: 0,
|
|
556
642
|
class: "m-radios__item"
|
|
557
|
-
},
|
|
643
|
+
}, Yt = ["checked", "disabled"], Zt = { class: "m-hint" }, es = /* @__PURE__ */ v({
|
|
558
644
|
__name: "MucRadioButton",
|
|
559
645
|
props: {
|
|
560
646
|
value: {},
|
|
@@ -563,82 +649,82 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
|
|
|
563
649
|
disabled: { type: Boolean, default: !1 }
|
|
564
650
|
},
|
|
565
651
|
setup(a) {
|
|
566
|
-
const s = a, e =
|
|
567
|
-
return (
|
|
652
|
+
const s = a, e = de(J), o = () => e == null ? void 0 : e.set(s.value), i = r(() => (e == null ? void 0 : e.modelValue.value) === s.value), c = r(() => s.disabled || (e == null ? void 0 : e.disabled.value)), _ = r(() => !!(e != null && e.disabled));
|
|
653
|
+
return (d, f) => _.value ? (n(), l("div", Qt, [
|
|
568
654
|
t("input", {
|
|
569
655
|
class: "m-radios__input",
|
|
570
656
|
type: "radio",
|
|
571
657
|
checked: i.value,
|
|
572
658
|
disabled: c.value,
|
|
573
|
-
onClick:
|
|
574
|
-
}, null, 8,
|
|
659
|
+
onClick: W(o, ["stop"])
|
|
660
|
+
}, null, 8, Yt),
|
|
575
661
|
t("label", {
|
|
576
662
|
class: "m-label m-radios__label",
|
|
577
663
|
onClick: o
|
|
578
664
|
}, [
|
|
579
|
-
|
|
580
|
-
t("span",
|
|
665
|
+
$(u(d.label) + " ", 1),
|
|
666
|
+
t("span", Zt, u(d.hint), 1)
|
|
581
667
|
])
|
|
582
|
-
])) :
|
|
668
|
+
])) : b("", !0);
|
|
583
669
|
}
|
|
584
|
-
}),
|
|
670
|
+
}), ts = { class: "m-form-group" }, ss = { class: "m-radio-group" }, os = { class: "m-radio-group__legend" }, as = { class: "m-radio-group__heading" }, ns = { class: "m-radios" }, ls = /* @__PURE__ */ v({
|
|
585
671
|
__name: "MucRadioButtonGroup",
|
|
586
|
-
props: /* @__PURE__ */
|
|
672
|
+
props: /* @__PURE__ */ B({
|
|
587
673
|
heading: {},
|
|
588
674
|
disabled: { type: Boolean, default: !1 }
|
|
589
675
|
}, {
|
|
590
676
|
modelValue: { type: [Boolean, String, Array, Object, Number, null] },
|
|
591
677
|
modelModifiers: {}
|
|
592
678
|
}),
|
|
593
|
-
emits: /* @__PURE__ */
|
|
679
|
+
emits: /* @__PURE__ */ B(["change"], ["update:modelValue"]),
|
|
594
680
|
setup(a, { emit: s }) {
|
|
595
|
-
const e =
|
|
596
|
-
return
|
|
681
|
+
const e = O(a, "modelValue"), o = a, i = s;
|
|
682
|
+
return _e(J, {
|
|
597
683
|
set: (c) => {
|
|
598
684
|
i("change", c), e.value = c;
|
|
599
685
|
},
|
|
600
686
|
modelValue: e,
|
|
601
|
-
disabled:
|
|
602
|
-
}), (c, _) => (n(), l("div",
|
|
603
|
-
t("fieldset",
|
|
604
|
-
t("legend",
|
|
605
|
-
t("h3",
|
|
687
|
+
disabled: me(pe(o.disabled))
|
|
688
|
+
}), (c, _) => (n(), l("div", ts, [
|
|
689
|
+
t("fieldset", ss, [
|
|
690
|
+
t("legend", os, [
|
|
691
|
+
t("h3", as, u(c.heading), 1)
|
|
606
692
|
]),
|
|
607
|
-
t("div",
|
|
693
|
+
t("div", ns, [
|
|
608
694
|
h(c.$slots, "default")
|
|
609
695
|
])
|
|
610
696
|
])
|
|
611
697
|
]));
|
|
612
698
|
}
|
|
613
699
|
});
|
|
614
|
-
function
|
|
700
|
+
function cs(a, s) {
|
|
615
701
|
if (!a) return;
|
|
616
702
|
const e = (o) => {
|
|
617
703
|
o.target !== a.value && o.composedPath().includes(a.value) || typeof s == "function" && s();
|
|
618
704
|
};
|
|
619
|
-
return
|
|
705
|
+
return he(() => {
|
|
620
706
|
window.addEventListener("click", e);
|
|
621
|
-
}),
|
|
707
|
+
}), ve(() => {
|
|
622
708
|
window.removeEventListener("click", e);
|
|
623
709
|
}), { listener: e };
|
|
624
710
|
}
|
|
625
|
-
const
|
|
711
|
+
const Q = (a) => (N("data-v-0f229e1b"), a = a(), F(), a), is = { class: "m-label" }, rs = /* @__PURE__ */ Q(() => /* @__PURE__ */ t("svg", {
|
|
626
712
|
"aria-hidden": "true",
|
|
627
713
|
class: "icon"
|
|
628
714
|
}, [
|
|
629
715
|
/* @__PURE__ */ t("use", { "xlink:href": "#icon-chevron-down" })
|
|
630
|
-
], -1)),
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
],
|
|
716
|
+
], -1)), us = /* @__PURE__ */ Q(() => /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)), ds = [
|
|
717
|
+
rs,
|
|
718
|
+
us
|
|
719
|
+
], _s = ["onMouseenter", "onClick"], ms = {
|
|
634
720
|
key: 0,
|
|
635
721
|
class: "option"
|
|
636
|
-
},
|
|
722
|
+
}, ps = {
|
|
637
723
|
key: 0,
|
|
638
724
|
class: "m-hint"
|
|
639
|
-
},
|
|
725
|
+
}, hs = /* @__PURE__ */ v({
|
|
640
726
|
__name: "MucSelect",
|
|
641
|
-
props: /* @__PURE__ */
|
|
727
|
+
props: /* @__PURE__ */ B({
|
|
642
728
|
items: {},
|
|
643
729
|
label: {},
|
|
644
730
|
hint: {},
|
|
@@ -652,82 +738,82 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
|
|
|
652
738
|
}),
|
|
653
739
|
emits: ["update:modelValue"],
|
|
654
740
|
setup(a) {
|
|
655
|
-
const s =
|
|
741
|
+
const s = A(), e = O(a, "modelValue"), o = A(!1), i = A(), c = A(!1), _ = A(), d = a, f = () => {
|
|
656
742
|
o.value = !o.value, _.value = i.value;
|
|
657
|
-
},
|
|
658
|
-
o.value = !0, _.value = i.value,
|
|
743
|
+
}, R = () => {
|
|
744
|
+
o.value = !0, _.value = i.value, V.value = "";
|
|
659
745
|
};
|
|
660
|
-
|
|
661
|
-
o.value = !1,
|
|
746
|
+
cs(s, () => {
|
|
747
|
+
o.value = !1, V.value = M.value;
|
|
662
748
|
});
|
|
663
|
-
const
|
|
664
|
-
i.value =
|
|
665
|
-
}, p = (
|
|
666
|
-
typeof e.value == "object" && (e.value = e.value.join(" ")), e.value = e.value ===
|
|
667
|
-
},
|
|
668
|
-
typeof e.value == "string" && (e.value = [e.value]), e.value = e.value.includes(
|
|
669
|
-
},
|
|
670
|
-
|
|
671
|
-
|
|
749
|
+
const k = (m) => {
|
|
750
|
+
i.value = m, d.multiple ? E(m) : p(m), d.multiple || (o.value = !1);
|
|
751
|
+
}, p = (m) => {
|
|
752
|
+
typeof e.value == "object" && (e.value = e.value.join(" ")), e.value = e.value === m ? "" : m;
|
|
753
|
+
}, E = (m) => {
|
|
754
|
+
typeof e.value == "string" && (e.value = [e.value]), e.value = e.value.includes(m) ? e.value.filter((L) => L !== m) : [...e.value, m];
|
|
755
|
+
}, M = r(() => typeof e.value == "string" ? e.value : e.value.join(d.multiple ? ", " : " "));
|
|
756
|
+
fe(M, (m) => {
|
|
757
|
+
V.value = m;
|
|
672
758
|
});
|
|
673
|
-
const
|
|
674
|
-
() =>
|
|
675
|
-
),
|
|
759
|
+
const V = A(M.value), Y = r(
|
|
760
|
+
() => V.value == M.value ? d.items : Z(V.value)
|
|
761
|
+
), Z = (m) => {
|
|
676
762
|
c.value = !1;
|
|
677
|
-
const
|
|
678
|
-
return
|
|
679
|
-
},
|
|
763
|
+
const L = d.items.filter((I) => I.includes(m));
|
|
764
|
+
return L.length === 0 && (c.value = !0), L;
|
|
765
|
+
}, ee = (m) => m === _.value ? "active" : "", te = (m) => e.value.includes(m) ? "selected" : "", se = () => _.value = "", oe = r(
|
|
680
766
|
() => o.value ? "display-listbox" : ""
|
|
681
|
-
),
|
|
682
|
-
() =>
|
|
767
|
+
), ae = r(
|
|
768
|
+
() => d.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
|
|
683
769
|
);
|
|
684
|
-
return (
|
|
770
|
+
return (m, L) => (n(), l("div", {
|
|
685
771
|
class: "m-form-group",
|
|
686
772
|
ref_key: "selectComponentRef",
|
|
687
773
|
ref: s
|
|
688
774
|
}, [
|
|
689
|
-
t("label",
|
|
775
|
+
t("label", is, u(m.label), 1),
|
|
690
776
|
t("div", {
|
|
691
|
-
class:
|
|
777
|
+
class: y(["m-input-wrapper", ae.value])
|
|
692
778
|
}, [
|
|
693
|
-
|
|
779
|
+
q(t("input", {
|
|
694
780
|
type: "text",
|
|
695
781
|
class: "m-input m-combobox m-combobox--single",
|
|
696
|
-
"onUpdate:modelValue":
|
|
697
|
-
onClick:
|
|
782
|
+
"onUpdate:modelValue": L[0] || (L[0] = (I) => V.value = I),
|
|
783
|
+
onClick: R
|
|
698
784
|
}, null, 512), [
|
|
699
|
-
[
|
|
785
|
+
[z, V.value]
|
|
700
786
|
]),
|
|
701
787
|
t("span", {
|
|
702
788
|
class: "m-input__trigger",
|
|
703
789
|
onClick: f
|
|
704
|
-
},
|
|
790
|
+
}, ds),
|
|
705
791
|
t("ul", {
|
|
706
|
-
class:
|
|
707
|
-
onMouseleave:
|
|
792
|
+
class: y(["listbox", oe.value]),
|
|
793
|
+
onMouseleave: se
|
|
708
794
|
}, [
|
|
709
|
-
(n(!0), l(
|
|
710
|
-
key:
|
|
711
|
-
class:
|
|
712
|
-
onMouseenter: (
|
|
713
|
-
onClick: (
|
|
714
|
-
}, u(
|
|
715
|
-
c.value ? (n(), l("li",
|
|
795
|
+
(n(!0), l(P, null, j(Y.value, (I, ne) => (n(), l("li", {
|
|
796
|
+
key: ne,
|
|
797
|
+
class: y(["option", [ee(I), te(I)]]),
|
|
798
|
+
onMouseenter: (le) => _.value = I,
|
|
799
|
+
onClick: (le) => k(I)
|
|
800
|
+
}, u(I), 43, _s))), 128)),
|
|
801
|
+
c.value ? (n(), l("li", ms, u(m.noItemFoundMessage), 1)) : b("", !0)
|
|
716
802
|
], 34)
|
|
717
803
|
], 2),
|
|
718
|
-
|
|
804
|
+
m.hint ? (n(), l("p", ps, u(m.hint), 1)) : b("", !0)
|
|
719
805
|
], 512));
|
|
720
806
|
}
|
|
721
|
-
}),
|
|
807
|
+
}), vs = /* @__PURE__ */ x(hs, [["__scopeId", "data-v-0f229e1b"]]), fs = { class: "m-form-group has-error" }, bs = {
|
|
722
808
|
for: "textarea",
|
|
723
809
|
class: "m-label"
|
|
724
|
-
},
|
|
810
|
+
}, $s = {
|
|
725
811
|
key: 0,
|
|
726
812
|
"aria-hidden": "true",
|
|
727
813
|
class: "mandatory"
|
|
728
|
-
},
|
|
814
|
+
}, gs = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), ys = { class: "m-error-message" }, ks = { class: "m-input-wrapper" }, Ms = ["rows", "placeholder"], Cs = { class: "m-hint" }, ws = /* @__PURE__ */ v({
|
|
729
815
|
__name: "MucTextArea",
|
|
730
|
-
props: /* @__PURE__ */
|
|
816
|
+
props: /* @__PURE__ */ B({
|
|
731
817
|
errorMsg: {},
|
|
732
818
|
rows: { default: 3 },
|
|
733
819
|
placeholder: {},
|
|
@@ -740,40 +826,40 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
|
|
|
740
826
|
}),
|
|
741
827
|
emits: ["update:modelValue"],
|
|
742
828
|
setup(a) {
|
|
743
|
-
const s =
|
|
744
|
-
return (e, o) => (n(), l("div",
|
|
745
|
-
t("label",
|
|
746
|
-
|
|
747
|
-
e.required ? (n(), l("span",
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
])) :
|
|
829
|
+
const s = O(a, "modelValue");
|
|
830
|
+
return (e, o) => (n(), l("div", fs, [
|
|
831
|
+
t("label", bs, [
|
|
832
|
+
$(u(e.label) + " ", 1),
|
|
833
|
+
e.required ? (n(), l("span", $s, [
|
|
834
|
+
$(" * "),
|
|
835
|
+
gs
|
|
836
|
+
])) : b("", !0)
|
|
751
837
|
]),
|
|
752
|
-
t("p",
|
|
753
|
-
t("div",
|
|
754
|
-
|
|
838
|
+
t("p", ys, u(e.errorMsg), 1),
|
|
839
|
+
t("div", ks, [
|
|
840
|
+
q(t("textarea", {
|
|
755
841
|
class: "m-textarea",
|
|
756
842
|
rows: e.rows,
|
|
757
843
|
"aria-describedby": "textarea input",
|
|
758
844
|
placeholder: e.placeholder,
|
|
759
845
|
"onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i)
|
|
760
|
-
}, null, 8,
|
|
761
|
-
[
|
|
846
|
+
}, null, 8, Ms), [
|
|
847
|
+
[z, s.value]
|
|
762
848
|
])
|
|
763
849
|
]),
|
|
764
|
-
t("p",
|
|
850
|
+
t("p", Cs, u(e.hint), 1)
|
|
765
851
|
]));
|
|
766
852
|
}
|
|
767
|
-
}),
|
|
853
|
+
}), Is = {
|
|
768
854
|
class: "m-intro m-intro-static-image",
|
|
769
855
|
style: { "background-color": "var(--color-neutrals-blue-xlight)" }
|
|
770
|
-
},
|
|
856
|
+
}, Ss = { class: "container" }, Bs = { class: "muc-intro-content" }, Vs = {
|
|
771
857
|
key: 0,
|
|
772
858
|
class: "m-intro-vertical__tagline"
|
|
773
|
-
},
|
|
859
|
+
}, xs = { class: "m-intro-vertical__title" }, Rs = {
|
|
774
860
|
key: 0,
|
|
775
861
|
class: "muc-divider"
|
|
776
|
-
},
|
|
862
|
+
}, Es = { class: "m-intro-vertical__content" }, Ls = { style: { "padding-bottom": "32px" } }, As = /* @__PURE__ */ v({
|
|
777
863
|
__name: "MucIntro",
|
|
778
864
|
props: {
|
|
779
865
|
title: {},
|
|
@@ -781,16 +867,16 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
|
|
|
781
867
|
divider: { type: Boolean }
|
|
782
868
|
},
|
|
783
869
|
setup(a) {
|
|
784
|
-
return (s, e) => (n(), l("div",
|
|
785
|
-
t("div",
|
|
786
|
-
t("div",
|
|
870
|
+
return (s, e) => (n(), l("div", Is, [
|
|
871
|
+
t("div", Ss, [
|
|
872
|
+
t("div", Bs, [
|
|
787
873
|
t("div", null, [
|
|
788
|
-
s.tagline ? (n(), l("p",
|
|
789
|
-
t("h1",
|
|
874
|
+
s.tagline ? (n(), l("p", Vs, u(s.tagline), 1)) : b("", !0),
|
|
875
|
+
t("h1", xs, u(s.title), 1)
|
|
790
876
|
]),
|
|
791
|
-
s.divider ? (n(), l("div",
|
|
792
|
-
t("div",
|
|
793
|
-
t("p",
|
|
877
|
+
s.divider ? (n(), l("div", Rs)) : b("", !0),
|
|
878
|
+
t("div", Es, [
|
|
879
|
+
t("p", Ls, [
|
|
794
880
|
h(s.$slots, "default", {}, void 0, !0)
|
|
795
881
|
])
|
|
796
882
|
])
|
|
@@ -798,80 +884,54 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
|
|
|
798
884
|
])
|
|
799
885
|
]));
|
|
800
886
|
}
|
|
801
|
-
}),
|
|
802
|
-
__name: "MucLink",
|
|
803
|
-
props: {
|
|
804
|
-
label: {},
|
|
805
|
-
href: { default: "#" },
|
|
806
|
-
icon: {},
|
|
807
|
-
target: { default: "_blank" },
|
|
808
|
-
noUnderline: { type: Boolean, default: !1 }
|
|
809
|
-
},
|
|
810
|
-
setup(a) {
|
|
811
|
-
const s = a, e = r(
|
|
812
|
-
() => s.noUnderline ? "m-link--reversed-underline" : ""
|
|
813
|
-
);
|
|
814
|
-
return (o, i) => (n(), l("a", {
|
|
815
|
-
href: o.href,
|
|
816
|
-
target: o.target,
|
|
817
|
-
class: $(["m-link", e.value])
|
|
818
|
-
}, [
|
|
819
|
-
b(u(o.label) + " ", 1),
|
|
820
|
-
h(o.$slots, "icon", {}, () => [
|
|
821
|
-
o.icon ? (n(), G(C(I), {
|
|
822
|
-
key: 0,
|
|
823
|
-
icon: o.icon,
|
|
824
|
-
class: "icon icon--after"
|
|
825
|
-
}, null, 8, ["icon"])) : g("", !0)
|
|
826
|
-
])
|
|
827
|
-
], 10, Is));
|
|
828
|
-
}
|
|
829
|
-
}), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
887
|
+
}), Os = /* @__PURE__ */ x(As, [["__scopeId", "data-v-5c768acc"]]), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
830
888
|
__proto__: null,
|
|
831
|
-
MucBanner:
|
|
832
|
-
MucButton:
|
|
833
|
-
MucCallout:
|
|
834
|
-
MucCard:
|
|
835
|
-
MucCardContainer:
|
|
836
|
-
MucCheckbox:
|
|
837
|
-
MucCheckboxGroup:
|
|
889
|
+
MucBanner: ke,
|
|
890
|
+
MucButton: G,
|
|
891
|
+
MucCallout: Ee,
|
|
892
|
+
MucCard: Ge,
|
|
893
|
+
MucCardContainer: He,
|
|
894
|
+
MucCheckbox: mt,
|
|
895
|
+
MucCheckboxGroup: kt,
|
|
838
896
|
MucComment: K,
|
|
839
|
-
MucCommentText:
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
897
|
+
MucCommentText: lt,
|
|
898
|
+
MucCounter: Rt,
|
|
899
|
+
MucDivider: ut,
|
|
900
|
+
MucErrorList: Tt,
|
|
901
|
+
MucIcon: w,
|
|
902
|
+
MucInput: Jt,
|
|
903
|
+
MucIntro: Os,
|
|
904
|
+
MucLink: X,
|
|
905
|
+
MucRadioButton: es,
|
|
906
|
+
MucRadioButtonGroup: ls,
|
|
907
|
+
MucSelect: vs,
|
|
908
|
+
MucTextArea: ws
|
|
850
909
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
851
|
-
function
|
|
852
|
-
for (const s in
|
|
853
|
-
a.component(s,
|
|
910
|
+
function Ts(a) {
|
|
911
|
+
for (const s in H)
|
|
912
|
+
a.component(s, H[s]);
|
|
854
913
|
}
|
|
855
|
-
const
|
|
914
|
+
const js = { install: Ts };
|
|
856
915
|
export {
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
916
|
+
ke as MucBanner,
|
|
917
|
+
G as MucButton,
|
|
918
|
+
Ee as MucCallout,
|
|
919
|
+
Ge as MucCard,
|
|
920
|
+
He as MucCardContainer,
|
|
921
|
+
mt as MucCheckbox,
|
|
922
|
+
kt as MucCheckboxGroup,
|
|
864
923
|
K as MucComment,
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
ls as
|
|
875
|
-
|
|
876
|
-
|
|
924
|
+
lt as MucCommentText,
|
|
925
|
+
Rt as MucCounter,
|
|
926
|
+
ut as MucDivider,
|
|
927
|
+
Tt as MucErrorList,
|
|
928
|
+
w as MucIcon,
|
|
929
|
+
Jt as MucInput,
|
|
930
|
+
Os as MucIntro,
|
|
931
|
+
X as MucLink,
|
|
932
|
+
es as MucRadioButton,
|
|
933
|
+
ls as MucRadioButtonGroup,
|
|
934
|
+
vs as MucSelect,
|
|
935
|
+
ws as MucTextArea,
|
|
936
|
+
js as default
|
|
877
937
|
};
|