@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.
@@ -1,23 +1,23 @@
1
- import { defineComponent as v, useAttrs as le, computed as r, openBlock as n, createElementBlock as l, normalizeClass as $, normalizeStyle as ce, createElementVNode as t, createVNode as O, unref as C, renderSlot as h, createBlock as G, createCommentVNode as g, toDisplayString as u, pushScopeId as H, popScopeId as N, useSlots as F, createTextVNode as b, Fragment as T, renderList as P, createSlots as ie, withCtx as x, mergeModels as S, useModel as j, withModifiers as D, ref as E, withDirectives as U, vModelDynamic as re, inject as ue, provide as de, readonly as _e, toRef as me, onMounted as pe, onBeforeUnmount as he, watch as ve, vModelText as W } from "vue";
2
- const fe = ["href"], I = /* @__PURE__ */ v({
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 = le(), e = r(() => s.class ?? "icon");
9
+ const s = ce(), e = r(() => s.class ?? "icon");
10
10
  return (o, i) => (n(), l("svg", {
11
11
  "aria-hidden": "true",
12
- class: $(e.value),
13
- style: ce({ color: o.color })
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, fe)
17
+ }, null, 8, be)
18
18
  ], 6));
19
19
  }
20
- }), ge = ["role", "aria-label"], be = { class: "container-fluid" }, $e = /* @__PURE__ */ v({
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 (_, m) => (n(), l("div", null, [
77
+ return (_, d) => (n(), l("div", null, [
78
78
  t("div", null, [
79
79
  t("div", {
80
- class: $(["m-banner", e.value]),
80
+ class: y(["m-banner", e.value]),
81
81
  role: o.value,
82
82
  "aria-label": i.value
83
83
  }, [
84
- t("div", be, [
85
- O(C(I), { icon: c.value }, null, 8, ["icon"]),
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, ge)
88
+ ], 10, $e)
89
89
  ])
90
90
  ]));
91
91
  }
92
- }), L = (a, s) => {
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
- }, ye = /* @__PURE__ */ L($e, [["__scopeId", "data-v-53bc7eca"]]), ke = ["disabled"], z = /* @__PURE__ */ v({
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 (m, f) => (n(), l("button", {
121
+ return (d, f) => (n(), l("button", {
122
122
  onClick: _,
123
- disabled: m.disabled,
124
- class: $(["m-button", [i.value, c.value]])
123
+ disabled: d.disabled,
124
+ class: y(["m-button", [i.value, c.value]])
125
125
  }, [
126
126
  t("span", null, [
127
- h(m.$slots, "default"),
128
- m.icon ? (n(), G(C(I), {
127
+ h(d.$slots, "default"),
128
+ d.icon ? (n(), U(g(w), {
129
129
  key: 0,
130
- icon: m.icon,
130
+ icon: d.icon,
131
131
  class: "m-button__icon"
132
- }, null, 8, ["icon"])) : g("", !0)
132
+ }, null, 8, ["icon"])) : b("", !0)
133
133
  ])
134
- ], 10, ke));
134
+ ], 10, Me));
135
135
  }
136
- }), Me = ["aria-label"], Ce = { class: "m-callout__inner" }, we = { class: "m-callout__icon" }, Ie = { class: "m-callout__body" }, Se = { class: "m-callout__body__inner" }, Be = { class: "m-callout__headline" }, Ve = { class: "m-callout__content" }, Re = /* @__PURE__ */ v({
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: $(["m-callout", o.value]),
175
+ class: y(["m-callout", o.value]),
176
176
  "aria-label": i.value
177
177
  }, [
178
- t("div", Ce, [
179
- t("div", we, [
178
+ t("div", we, [
179
+ t("div", Ie, [
180
180
  h(c.$slots, "icon", {}, () => [
181
- O(C(I), { icon: e.value }, null, 8, ["icon"])
181
+ C(g(w), { icon: e.value }, null, 8, ["icon"])
182
182
  ], !0)
183
183
  ]),
184
- t("div", Ie, [
185
- t("div", Se, [
186
- t("div", Be, [
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", Ve, [
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, Me));
197
+ ], 10, Ce));
198
198
  }
199
- }), xe = /* @__PURE__ */ L(Re, [["__scopeId", "data-v-e6cf4104"]]), Ee = (a) => (H("data-v-acf0a1dd"), a = a(), N(), a), Le = { class: "card-content" }, Ae = { class: "card-header" }, Oe = {
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
- }, Te = /* @__PURE__ */ Ee(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), Pe = /* @__PURE__ */ v({
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", Le, [
216
- t("div", Ae, [
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", Oe, u(o.tagline), 1)) : g("", !0),
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
- Te,
225
+ Pe,
226
226
  h(o.$slots, "content", {}, void 0, !0)
227
227
  ])
228
228
  ]));
229
229
  }
230
- }), je = /* @__PURE__ */ L(Pe, [["__scopeId", "data-v-acf0a1dd"]]), Ge = { class: "container card-container" }, Ue = /* @__PURE__ */ v({
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", Ge, [
233
+ return (s, e) => (n(), l("div", Ue, [
234
234
  h(s.$slots, "default", {}, void 0, !0)
235
235
  ]));
236
236
  }
237
- }), qe = /* @__PURE__ */ L(Ue, [["__scopeId", "data-v-6740df8f"]]), He = { class: "m-comment__head" }, Ne = { class: "m-comment__initials" }, Fe = { class: "m-comment__info" }, De = { class: "m-comment__author" }, We = { key: 0 }, ze = { class: "m-comment__author" }, Ke = { class: "m-comment__date" }, Xe = ["aria-label"], Je = {
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
- }, Qe = { class: "m-star-rating__numeric" }, Ye = { class: "m-comment__body" }, Ze = { class: "m-comment__headline" }, et = { class: "m-comment__text" }, tt = "de-DE", st = 0.2, ot = 0.8, A = 5, K = /* @__PURE__ */ v({
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 = F(), 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), A)
249
- ), _ = r(() => c.value.toLocaleString(tt.valueOf(), {
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
- })), m = r(() => {
251
+ })), d = r(() => {
252
252
  const f = +(c.value % 1).toFixed(1);
253
- let B = Math.min(Math.floor(c.value), A), y = Math.floor(A - c.value), p = !1;
254
- return c.value !== 0 && c.value !== A && (f <= st ? y++ : f >= ot ? B++ : p = !0), {
255
- fullStars: B,
256
- emptyStars: y,
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, B) => (n(), l("div", {
261
- class: $(["m-comment", i.value])
260
+ return (f, R) => (n(), l("div", {
261
+ class: y(["m-comment", i.value])
262
262
  }, [
263
- t("div", He, [
264
- t("div", Ne, [
263
+ t("div", Ne, [
264
+ t("div", Fe, [
265
265
  h(f.$slots, "initials")
266
266
  ]),
267
- t("div", Fe, [
268
- t("span", De, [
267
+ t("div", De, [
268
+ t("span", We, [
269
269
  h(f.$slots, "author")
270
270
  ]),
271
- o.value ? (n(), l("span", We, [
272
- t("span", ze, [
273
- b("  "),
271
+ o.value ? (n(), l("span", ze, [
272
+ t("span", Ke, [
273
+ $("  "),
274
274
  h(f.$slots, "datePrefix")
275
275
  ]),
276
- t("span", Ke, [
277
- b(" "),
276
+ t("span", Xe, [
277
+ $(" "),
278
278
  h(f.$slots, "date")
279
279
  ])
280
- ])) : g("", !0),
280
+ ])) : b("", !0),
281
281
  t("div", {
282
282
  class: "m-star-rating",
283
283
  role: "img",
284
- "aria-label": `Bewertung: ${f.rating} von ${A} Sternen`
284
+ "aria-label": `Bewertung: ${f.rating} von ${T} Sternen`
285
285
  }, [
286
- (n(!0), l(T, null, P(m.value.fullStars, (y) => (n(), l("div", {
287
- key: y,
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
- O(C(I), { icon: "solid-star" })
290
+ C(g(w), { icon: "solid-star" })
291
291
  ]))), 128)),
292
- m.value.isHalfStar ? (n(), l("div", Je, [
293
- O(C(I), { icon: "half-star" })
294
- ])) : g("", !0),
295
- (n(!0), l(T, null, P(m.value.emptyStars, (y) => (n(), l("div", {
296
- key: y,
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
- O(C(I), { icon: "solid-star" })
299
+ C(g(w), { icon: "solid-star" })
300
300
  ]))), 128)),
301
- t("div", Qe, u(_.value), 1)
302
- ], 8, Xe)
301
+ t("div", Ye, u(_.value), 1)
302
+ ], 8, Je)
303
303
  ])
304
304
  ]),
305
- t("div", Ye, [
306
- t("div", Ze, [
305
+ t("div", Ze, [
306
+ t("div", et, [
307
307
  h(f.$slots, "headline")
308
308
  ]),
309
- t("div", et, [
309
+ t("div", tt, [
310
310
  h(f.$slots, "text")
311
311
  ])
312
312
  ])
313
313
  ], 2));
314
314
  }
315
- }), at = " ", nt = /* @__PURE__ */ v({
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(at).map((o) => o.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
329
- return (o, i) => (n(), G(C(K), {
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
- }, ie({
333
- initials: x(() => [
334
- b(u(e.value), 1)
332
+ }, re({
333
+ initials: S(() => [
334
+ $(u(e.value), 1)
335
335
  ]),
336
- datePrefix: x(() => [
337
- b("am")
336
+ datePrefix: S(() => [
337
+ $("am")
338
338
  ]),
339
- author: x(() => [
340
- b(u(o.author), 1)
339
+ author: S(() => [
340
+ $(u(o.author), 1)
341
341
  ]),
342
- headline: x(() => [
343
- b(u(o.headline), 1)
342
+ headline: S(() => [
343
+ $(u(o.headline), 1)
344
344
  ]),
345
- text: x(() => [
346
- b(u(o.text), 1)
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: x(() => [
353
- b(u(o.date), 1)
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
- }), lt = {}, ct = { class: "divider-border" };
360
- function it(a, s) {
361
- return n(), l("hr", ct);
359
+ }), ct = {}, it = { class: "divider-border" };
360
+ function rt(a, s) {
361
+ return n(), l("hr", it);
362
362
  }
363
- const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b"]]), ut = ["checked"], dt = { class: "m-label m-checkboxes__label" }, _t = /* @__PURE__ */ v({
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__ */ S({
365
+ props: /* @__PURE__ */ B({
366
366
  label: {}
367
367
  }, {
368
368
  modelValue: { type: Boolean, default: !1 },
369
369
  modelModifiers: {}
370
370
  }),
371
- emits: /* @__PURE__ */ S(["click"], ["update:modelValue"]),
371
+ emits: /* @__PURE__ */ B(["click"], ["update:modelValue"]),
372
372
  setup(a, { emit: s }) {
373
- const e = j(a, "modelValue"), o = s, i = () => {
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: D(i, ["stop"])
386
- }, null, 8, ut),
387
- t("label", dt, u(c.label), 1)
385
+ onClick: W(i, ["stop"])
386
+ }, null, 8, dt),
387
+ t("label", _t, u(c.label), 1)
388
388
  ]));
389
389
  }
390
- }), mt = { class: "m-form-group" }, pt = { class: "m-checkbox-group" }, ht = { class: "m-checkbox-group__legend" }, vt = { class: "m-checkbox-group__heading" }, ft = { class: "m-checkboxes m-checkboxes--collapse" }, gt = /* @__PURE__ */ t("span", null, "Mehr ", -1), bt = {
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
- }, $t = ["href"], yt = /* @__PURE__ */ v({
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 = E(!0), e = r(() => s.value ? "collapse" : ""), o = r(() => s.value ? "down" : "up"), i = () => s.value = !s.value;
400
- return (c, _) => (n(), l("div", mt, [
401
- t("fieldset", pt, [
402
- t("legend", ht, [
403
- t("h3", vt, u(c.heading), 1)
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", ft, [
405
+ t("div", bt, [
406
406
  h(c.$slots, "checkboxes"),
407
407
  c.$slots.collapsableCheckboxes ? (n(), l("div", {
408
408
  key: 0,
409
- class: $(["m-checkboxes__collapse__container", e.value])
409
+ class: y(["m-checkboxes__collapse__container", e.value])
410
410
  }, [
411
411
  h(c.$slots, "collapsableCheckboxes")
412
- ], 2)) : g("", !0),
413
- c.$slots.collapsableCheckboxes ? (n(), G(C(z), {
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: x(() => [
420
- gt,
421
- (n(), l("svg", bt, [
419
+ default: S(() => [
420
+ $t,
421
+ (n(), l("svg", gt, [
422
422
  t("use", {
423
423
  href: "#icon-chevron-" + o.value
424
- }, null, 8, $t)
424
+ }, null, 8, yt)
425
425
  ]))
426
426
  ]),
427
427
  _: 1
428
- }, 8, ["aria-expanded"])) : g("", !0)
428
+ }, 8, ["aria-expanded"])) : b("", !0)
429
429
  ])
430
430
  ])
431
431
  ]));
432
432
  }
433
- }), kt = {
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
- }, Mt = { class: "m-error-list__title" }, Ct = { class: "m-error-list__body" }, wt = { class: "m-list m-error-list__list" }, It = /* @__PURE__ */ v({
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", kt, [
448
- t("h2", Mt, u(o.title), 1),
449
- t("div", Ct, [
450
- t("ul", wt, [
451
- (n(!0), l(T, null, P(e.value, (c, _) => (n(), l("li", { key: _ }, [
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
- }), St = {
544
+ }), Pt = {
459
545
  for: "search-input",
460
546
  class: "m-label"
461
- }, Bt = {
547
+ }, jt = {
462
548
  key: 0,
463
549
  "aria-hidden": "true",
464
550
  class: "mandatory"
465
- }, Vt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), Rt = {
551
+ }, Gt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), Ut = {
466
552
  id: "text-input-error",
467
553
  class: "m-error-message"
468
- }, xt = { class: "m-input-wrapper m-autocomplete" }, Et = {
554
+ }, qt = { class: "m-input-wrapper m-autocomplete" }, Ht = {
469
555
  key: 0,
470
556
  class: "m-input__prefix"
471
- }, Lt = ["type", "aria-describedby", "placeholder", "required"], At = {
557
+ }, Nt = ["type", "aria-describedby", "placeholder", "required"], Ft = {
472
558
  key: 1,
473
559
  class: "autocomplete-result-list autocomplete-result-list--location"
474
- }, Ot = ["onClick"], Tt = {
560
+ }, Dt = ["onClick"], Wt = {
475
561
  "aria-hidden": "true",
476
562
  class: "icon"
477
- }, Pt = ["xlink:href"], jt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Suchen", -1), Gt = {
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
- }, Ut = /* @__PURE__ */ v({
566
+ }, Jt = /* @__PURE__ */ v({
481
567
  __name: "MucInput",
482
- props: /* @__PURE__ */ S({
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__ */ S(["suffixClick"], ["update:modelValue"]),
581
+ emits: /* @__PURE__ */ B(["suffixClick"], ["update:modelValue"]),
496
582
  setup(a, { emit: s }) {
497
- const e = j(a, "modelValue"), o = a, i = F(), c = s, _ = r(() => o.errorMsg ? "has-error" : ""), m = r(() => o.type === "search"), f = r(() => {
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
- (V) => V.toLowerCase().startsWith(p) && V.toLowerCase() !== p
587
+ (E) => E.toLowerCase().startsWith(p) && E.toLowerCase() !== p
502
588
  );
503
- }), B = (p) => e.value = p, y = () => c("suffixClick");
504
- return (p, V) => (n(), l("div", {
505
- class: $(["m-form-group", _.value])
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", St, [
508
- b(u(p.label) + " ", 1),
509
- p.required ? (n(), l("span", Bt, [
510
- b(" * "),
511
- Vt
512
- ])) : g("", !0)
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", Rt, u(p.errorMsg), 1),
515
- t("div", xt, [
516
- i.prefix ? (n(), l("div", Et, [
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
- ])) : g("", !0),
521
- U(t("input", {
606
+ ])) : b("", !0),
607
+ q(t("input", {
522
608
  class: "m-input autocomplete-input",
523
609
  type: p.type,
524
- "onUpdate:modelValue": V[0] || (V[0] = (k) => e.value = k),
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, Lt), [
529
- [re, e.value]
614
+ }, null, 8, Nt), [
615
+ [ue, e.value]
530
616
  ]),
531
- m.value && f.value.length !== 0 ? (n(), l("ul", At, [
532
- (n(!0), l(T, null, P(f.value, (k) => (n(), l("li", {
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: k,
535
- onClick: (w) => B(k)
536
- }, u(k), 9, Ot))), 128))
537
- ])) : g("", !0),
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: y
627
+ onClick: k
542
628
  }, [
543
- (n(), l("svg", Tt, [
629
+ (n(), l("svg", Wt, [
544
630
  t("use", {
545
631
  "xlink:href": "#icon-" + p.suffixIcon
546
- }, null, 8, Pt)
632
+ }, null, 8, zt)
547
633
  ])),
548
- jt
549
- ])) : g("", !0)
634
+ Kt
635
+ ])) : b("", !0)
550
636
  ]),
551
- t("p", Gt, u(p.hint), 1)
637
+ t("p", Xt, u(p.hint), 1)
552
638
  ], 2));
553
639
  }
554
- }), X = Symbol("mucRadioGroup"), qt = {
640
+ }), J = Symbol("mucRadioGroup"), Qt = {
555
641
  key: 0,
556
642
  class: "m-radios__item"
557
- }, Ht = ["checked", "disabled"], Nt = { class: "m-hint" }, Ft = /* @__PURE__ */ v({
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 = ue(X), 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));
567
- return (m, f) => _.value ? (n(), l("div", qt, [
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: D(o, ["stop"])
574
- }, null, 8, Ht),
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
- b(u(m.label) + " ", 1),
580
- t("span", Nt, u(m.hint), 1)
665
+ $(u(d.label) + " ", 1),
666
+ t("span", Zt, u(d.hint), 1)
581
667
  ])
582
- ])) : g("", !0);
668
+ ])) : b("", !0);
583
669
  }
584
- }), Dt = { class: "m-form-group" }, Wt = { class: "m-radio-group" }, zt = { class: "m-radio-group__legend" }, Kt = { class: "m-radio-group__heading" }, Xt = { class: "m-radios" }, Jt = /* @__PURE__ */ v({
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__ */ S({
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__ */ S(["change"], ["update:modelValue"]),
679
+ emits: /* @__PURE__ */ B(["change"], ["update:modelValue"]),
594
680
  setup(a, { emit: s }) {
595
- const e = j(a, "modelValue"), o = a, i = s;
596
- return de(X, {
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: _e(me(o.disabled))
602
- }), (c, _) => (n(), l("div", Dt, [
603
- t("fieldset", Wt, [
604
- t("legend", zt, [
605
- t("h3", Kt, u(c.heading), 1)
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", Xt, [
693
+ t("div", ns, [
608
694
  h(c.$slots, "default")
609
695
  ])
610
696
  ])
611
697
  ]));
612
698
  }
613
699
  });
614
- function Qt(a, s) {
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 pe(() => {
705
+ return he(() => {
620
706
  window.addEventListener("click", e);
621
- }), he(() => {
707
+ }), ve(() => {
622
708
  window.removeEventListener("click", e);
623
709
  }), { listener: e };
624
710
  }
625
- const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label" }, Zt = /* @__PURE__ */ J(() => /* @__PURE__ */ t("svg", {
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)), es = /* @__PURE__ */ J(() => /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)), ts = [
631
- Zt,
632
- es
633
- ], ss = ["onMouseenter", "onClick"], os = {
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
- }, as = {
722
+ }, ps = {
637
723
  key: 0,
638
724
  class: "m-hint"
639
- }, ns = /* @__PURE__ */ v({
725
+ }, hs = /* @__PURE__ */ v({
640
726
  __name: "MucSelect",
641
- props: /* @__PURE__ */ S({
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 = E(), e = j(a, "modelValue"), o = E(!1), i = E(), c = E(!1), _ = E(), m = a, f = () => {
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
- }, B = () => {
658
- o.value = !0, _.value = i.value, w.value = "";
743
+ }, R = () => {
744
+ o.value = !0, _.value = i.value, V.value = "";
659
745
  };
660
- Qt(s, () => {
661
- o.value = !1, w.value = k.value;
746
+ cs(s, () => {
747
+ o.value = !1, V.value = M.value;
662
748
  });
663
- const y = (d) => {
664
- i.value = d, m.multiple ? V(d) : p(d), m.multiple || (o.value = !1);
665
- }, p = (d) => {
666
- typeof e.value == "object" && (e.value = e.value.join(" ")), e.value = e.value === d ? "" : d;
667
- }, V = (d) => {
668
- typeof e.value == "string" && (e.value = [e.value]), e.value = e.value.includes(d) ? e.value.filter((R) => R !== d) : [...e.value, d];
669
- }, k = r(() => typeof e.value == "string" ? e.value : e.value.join(m.multiple ? ", " : " "));
670
- ve(k, (d) => {
671
- w.value = d;
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 w = E(k.value), Q = r(
674
- () => w.value == k.value ? m.items : Y(w.value)
675
- ), Y = (d) => {
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 R = m.items.filter((M) => M.includes(d));
678
- return R.length === 0 && (c.value = !0), R;
679
- }, Z = (d) => d === _.value ? "active" : "", ee = (d) => e.value.includes(d) ? "selected" : "", te = () => _.value = "", se = r(
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
- ), oe = r(
682
- () => m.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
767
+ ), ae = r(
768
+ () => d.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
683
769
  );
684
- return (d, R) => (n(), l("div", {
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", Yt, u(d.label), 1),
775
+ t("label", is, u(m.label), 1),
690
776
  t("div", {
691
- class: $(["m-input-wrapper", oe.value])
777
+ class: y(["m-input-wrapper", ae.value])
692
778
  }, [
693
- U(t("input", {
779
+ q(t("input", {
694
780
  type: "text",
695
781
  class: "m-input m-combobox m-combobox--single",
696
- "onUpdate:modelValue": R[0] || (R[0] = (M) => w.value = M),
697
- onClick: B
782
+ "onUpdate:modelValue": L[0] || (L[0] = (I) => V.value = I),
783
+ onClick: R
698
784
  }, null, 512), [
699
- [W, w.value]
785
+ [z, V.value]
700
786
  ]),
701
787
  t("span", {
702
788
  class: "m-input__trigger",
703
789
  onClick: f
704
- }, ts),
790
+ }, ds),
705
791
  t("ul", {
706
- class: $(["listbox", se.value]),
707
- onMouseleave: te
792
+ class: y(["listbox", oe.value]),
793
+ onMouseleave: se
708
794
  }, [
709
- (n(!0), l(T, null, P(Q.value, (M, ae) => (n(), l("li", {
710
- key: ae,
711
- class: $(["option", [Z(M), ee(M)]]),
712
- onMouseenter: (ne) => _.value = M,
713
- onClick: (ne) => y(M)
714
- }, u(M), 43, ss))), 128)),
715
- c.value ? (n(), l("li", os, u(d.noItemFoundMessage), 1)) : g("", !0)
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
- d.hint ? (n(), l("p", as, u(d.hint), 1)) : g("", !0)
804
+ m.hint ? (n(), l("p", ps, u(m.hint), 1)) : b("", !0)
719
805
  ], 512));
720
806
  }
721
- }), ls = /* @__PURE__ */ L(ns, [["__scopeId", "data-v-0f229e1b"]]), cs = { class: "m-form-group has-error" }, is = {
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
- }, rs = {
810
+ }, $s = {
725
811
  key: 0,
726
812
  "aria-hidden": "true",
727
813
  class: "mandatory"
728
- }, us = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), ds = { class: "m-error-message" }, _s = { class: "m-input-wrapper" }, ms = ["rows", "placeholder"], ps = { class: "m-hint" }, hs = /* @__PURE__ */ v({
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__ */ S({
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 = j(a, "modelValue");
744
- return (e, o) => (n(), l("div", cs, [
745
- t("label", is, [
746
- b(u(e.label) + " ", 1),
747
- e.required ? (n(), l("span", rs, [
748
- b(" * "),
749
- us
750
- ])) : g("", !0)
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", ds, u(e.errorMsg), 1),
753
- t("div", _s, [
754
- U(t("textarea", {
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, ms), [
761
- [W, s.value]
846
+ }, null, 8, Ms), [
847
+ [z, s.value]
762
848
  ])
763
849
  ]),
764
- t("p", ps, u(e.hint), 1)
850
+ t("p", Cs, u(e.hint), 1)
765
851
  ]));
766
852
  }
767
- }), vs = {
853
+ }), Is = {
768
854
  class: "m-intro m-intro-static-image",
769
855
  style: { "background-color": "var(--color-neutrals-blue-xlight)" }
770
- }, fs = { class: "container" }, gs = { style: { width: "66.6%" } }, bs = {
856
+ }, Ss = { class: "container" }, Bs = { class: "muc-intro-content" }, Vs = {
771
857
  key: 0,
772
858
  class: "m-intro-vertical__tagline"
773
- }, $s = { class: "m-intro-vertical__title" }, ys = {
859
+ }, xs = { class: "m-intro-vertical__title" }, Rs = {
774
860
  key: 0,
775
861
  class: "muc-divider"
776
- }, ks = { class: "m-intro-vertical__content" }, Ms = { style: { "padding-bottom": "32px" } }, Cs = /* @__PURE__ */ v({
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", vs, [
785
- t("div", fs, [
786
- t("div", gs, [
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", bs, u(s.tagline), 1)) : g("", !0),
789
- t("h1", $s, u(s.title), 1)
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", ys)) : g("", !0),
792
- t("div", ks, [
793
- t("p", Ms, [
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
- }), ws = /* @__PURE__ */ L(Cs, [["__scopeId", "data-v-9ad3adc7"]]), Is = ["href", "target"], Ss = /* @__PURE__ */ v({
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: ye,
832
- MucButton: z,
833
- MucCallout: xe,
834
- MucCard: je,
835
- MucCardContainer: qe,
836
- MucCheckbox: _t,
837
- MucCheckboxGroup: yt,
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: nt,
840
- MucDivider: rt,
841
- MucErrorList: It,
842
- MucIcon: I,
843
- MucInput: Ut,
844
- MucIntro: ws,
845
- MucLink: Ss,
846
- MucRadioButton: Ft,
847
- MucRadioButtonGroup: Jt,
848
- MucSelect: ls,
849
- MucTextArea: hs
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 Bs(a) {
852
- for (const s in q)
853
- a.component(s, q[s]);
910
+ function Ts(a) {
911
+ for (const s in H)
912
+ a.component(s, H[s]);
854
913
  }
855
- const Rs = { install: Bs };
914
+ const js = { install: Ts };
856
915
  export {
857
- ye as MucBanner,
858
- z as MucButton,
859
- xe as MucCallout,
860
- je as MucCard,
861
- qe as MucCardContainer,
862
- _t as MucCheckbox,
863
- yt as MucCheckboxGroup,
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
- nt as MucCommentText,
866
- rt as MucDivider,
867
- It as MucErrorList,
868
- I as MucIcon,
869
- Ut as MucInput,
870
- ws as MucIntro,
871
- Ss as MucLink,
872
- Ft as MucRadioButton,
873
- Jt as MucRadioButtonGroup,
874
- ls as MucSelect,
875
- hs as MucTextArea,
876
- Rs as default
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
  };