@muenchen/muc-patternlab-vue 1.13.0-beta.5 → 1.13.0-beta.7

package/dist/muc-patternlab-vue.es.js

@@ -1,29 +1,29 @@
-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";
-const fe = ["href"], I = /* @__PURE__ */ v({
+import { defineComponent as v, useAttrs as ie, computed as d, openBlock as l, createElementBlock as n, normalizeClass as C, normalizeStyle as re, createElementVNode as t, createVNode as M, unref as $, renderSlot as h, createBlock as U, createCommentVNode as b, toDisplayString as m, pushScopeId as N, popScopeId as F, useSlots as D, createTextVNode as y, Fragment as P, renderList as j, createSlots as ce, withCtx as B, mergeModels as T, useModel as E, withModifiers as W, ref as R, withDirectives as q, vModelDynamic as ue, inject as de, provide as me, readonly as _e, toRef as pe, onMounted as he, onBeforeUnmount as ve, watch as fe, vModelText as z } from "vue";
+const be = ["href"], S = /* @__PURE__ */ v({
   __name: "MucIcon",
   props: {
     icon: {},
     color: {}
   },
-  setup(a) {
-    const s = le(), e = r(() => s.class ?? "icon");
-    return (o, i) => (n(), l("svg", {
+  setup(o) {
+    const s = ie(), e = d(() => s.class ?? "icon");
+    return (a, u) => (l(), n("svg", {
       "aria-hidden": "true",
-      class: $(e.value),
-      style: ce({ color: o.color })
+      class: C(e.value),
+      style: re({ color: a.color })
     }, [
       t("use", {
-        href: "#icon-" + o.icon
-      }, null, 8, fe)
+        href: "#icon-" + a.icon
+      }, null, 8, be)
     ], 6));
   }
-}), ge = ["role", "aria-label"], be = { class: "container-fluid" }, $e = /* @__PURE__ */ v({
+}), ge = ["role", "aria-label"], ye = { class: "container-fluid" }, $e = /* @__PURE__ */ v({
   __name: "MucBanner",
   props: {
     type: { default: "info" }
   },
-  setup(a) {
-    const s = a, e = r(() => {
+  setup(o) {
+    const s = o, e = d(() => {
       switch (s.type) {
         case "info":
           return "m-banner--info";
@@ -36,7 +36,7 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "m-banner--info";
       }
-    }), o = r(() => {
+    }), a = d(() => {
       switch (s.type) {
         case "info":
           return "dialog";
@@ -49,7 +49,7 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "dialog";
       }
-    }), i = r(() => {
+    }), u = d(() => {
       switch (s.type) {
         case "info":
           return "Information";
@@ -62,7 +62,7 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "Information";
       }
-    }), c = r(() => {
+    }), i = d(() => {
       switch (s.type) {
         case "success":
           return "check";
@@ -74,27 +74,27 @@ const fe = ["href"], I = /* @__PURE__ */ v({
           return "information";
       }
     });
-    return (_, m) => (n(), l("div", null, [
+    return (_, r) => (l(), n("div", null, [
       t("div", null, [
         t("div", {
-          class: $(["m-banner", e.value]),
-          role: o.value,
-          "aria-label": i.value
+          class: C(["m-banner", e.value]),
+          role: a.value,
+          "aria-label": u.value
         }, [
-          t("div", be, [
-            O(C(I), { icon: c.value }, null, 8, ["icon"]),
+          t("div", ye, [
+            M($(S), { icon: i.value }, null, 8, ["icon"]),
             h(_.$slots, "default", {}, void 0, !0)
           ])
         ], 10, ge)
       ])
     ]));
   }
-}), L = (a, s) => {
-  const e = a.__vccOpts || a;
-  for (const [o, i] of s)
-    e[o] = i;
+}), L = (o, s) => {
+  const e = o.__vccOpts || o;
+  for (const [a, u] of s)
+    e[a] = u;
   return e;
-}, ye = /* @__PURE__ */ L($e, [["__scopeId", "data-v-53bc7eca"]]), ke = ["disabled"], z = /* @__PURE__ */ v({
+}, ke = /* @__PURE__ */ L($e, [["__scopeId", "data-v-53bc7eca"]]), Me = ["disabled"], G = /* @__PURE__ */ v({
   __name: "MucButton",
   props: {
     variant: { default: "primary" },
@@ -103,8 +103,8 @@ const fe = ["href"], I = /* @__PURE__ */ v({
     iconAnimated: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(a, { emit: s }) {
-    const e = a, o = s, i = r(() => {
+  setup(o, { emit: s }) {
+    const e = o, a = s, u = d(() => {
       switch (e.variant) {
         case "secondary":
           return "m-button--secondary";
@@ -113,33 +113,33 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "m-button--primary";
       }
-    }), c = r(
+    }), i = d(
       () => e.iconAnimated ? "m-button--animated-right" : ""
     ), _ = () => {
-      o("click");
+      a("click");
     };
-    return (m, f) => (n(), l("button", {
+    return (r, f) => (l(), n("button", {
       onClick: _,
-      disabled: m.disabled,
-      class: $(["m-button", [i.value, c.value]])
+      disabled: r.disabled,
+      class: C(["m-button", [u.value, i.value]])
     }, [
       t("span", null, [
-        h(m.$slots, "default"),
-        m.icon ? (n(), G(C(I), {
+        h(r.$slots, "default"),
+        r.icon ? (l(), U($(S), {
           key: 0,
-          icon: m.icon,
+          icon: r.icon,
           class: "m-button__icon"
-        }, null, 8, ["icon"])) : g("", !0)
+        }, null, 8, ["icon"])) : b("", !0)
       ])
-    ], 10, ke));
+    ], 10, Me));
   }
-}), 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({
+}), Ce = ["aria-label"], Ie = { class: "m-callout__inner" }, we = { class: "m-callout__icon" }, Se = { class: "m-callout__body" }, Be = { class: "m-callout__body__inner" }, Te = { class: "m-callout__headline" }, Ae = { class: "m-callout__content" }, Le = /* @__PURE__ */ v({
   __name: "MucCallout",
   props: {
     type: { default: "info" }
   },
-  setup(a) {
-    const s = a, e = r(() => {
+  setup(o) {
+    const s = o, e = d(() => {
       switch (s.type) {
         case "error":
           return "warning";
@@ -148,7 +148,7 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "information";
       }
-    }), o = r(() => {
+    }), a = d(() => {
       switch (s.type) {
         case "error":
           return "m-callout--error";
@@ -159,7 +159,7 @@ const fe = ["href"], I = /* @__PURE__ */ v({
         default:
           return "m-callout--default";
       }
-    }), i = r(() => {
+    }), u = d(() => {
       switch (s.type) {
         case "success":
           return "Erfolgreich";
@@ -171,148 +171,148 @@ const fe = ["href"], I = /* @__PURE__ */ v({
           return "Information";
       }
     });
-    return (c, _) => (n(), l("div", {
-      class: $(["m-callout", o.value]),
-      "aria-label": i.value
+    return (i, _) => (l(), n("div", {
+      class: C(["m-callout", a.value]),
+      "aria-label": u.value
     }, [
-      t("div", Ce, [
+      t("div", Ie, [
         t("div", we, [
-          h(c.$slots, "icon", {}, () => [
-            O(C(I), { icon: e.value }, null, 8, ["icon"])
+          h(i.$slots, "icon", {}, () => [
+            M($(S), { icon: e.value }, null, 8, ["icon"])
           ], !0)
         ]),
-        t("div", Ie, [
-          t("div", Se, [
-            t("div", Be, [
-              h(c.$slots, "header", {}, void 0, !0)
+        t("div", Se, [
+          t("div", Be, [
+            t("div", Te, [
+              h(i.$slots, "header", {}, void 0, !0)
             ]),
-            t("div", Ve, [
+            t("div", Ae, [
               t("p", null, [
-                h(c.$slots, "content", { class: "m-callout__content" }, void 0, !0)
+                h(i.$slots, "content", { class: "m-callout__content" }, void 0, !0)
               ])
             ])
           ])
         ])
       ])
-    ], 10, Me));
+    ], 10, Ce));
   }
-}), 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 = {
+}), xe = /* @__PURE__ */ L(Le, [["__scopeId", "data-v-e6cf4104"]]), Ve = (o) => (N("data-v-acf0a1dd"), o = o(), F(), o), Re = { class: "card-content" }, Ee = { class: "card-header" }, Oe = {
   key: 0,
   class: "card-tagline"
-}, Te = /* @__PURE__ */ Ee(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), Pe = /* @__PURE__ */ v({
+}, Pe = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), je = /* @__PURE__ */ v({
   __name: "MucCard",
   props: {
     title: {},
     tagline: {}
   },
   emits: ["click"],
-  setup(a, { emit: s }) {
+  setup(o, { emit: s }) {
     const e = s;
-    return (o, i) => (n(), l("div", {
+    return (a, u) => (l(), n("div", {
       class: "card",
-      onClick: i[0] || (i[0] = (c) => e("click", c))
+      onClick: u[0] || (u[0] = (i) => e("click", i))
     }, [
-      t("div", Le, [
-        t("div", Ae, [
-          h(o.$slots, "headerPrefix", {}, void 0, !0),
+      t("div", Re, [
+        t("div", Ee, [
+          h(a.$slots, "headerPrefix", {}, void 0, !0),
           t("div", null, [
-            o.tagline ? (n(), l("div", Oe, u(o.tagline), 1)) : g("", !0),
+            a.tagline ? (l(), n("div", Oe, m(a.tagline), 1)) : b("", !0),
             t("div", null, [
-              t("h3", null, u(o.title), 1)
+              t("h3", null, m(a.title), 1)
             ])
           ])
         ]),
-        Te,
-        h(o.$slots, "content", {}, void 0, !0)
+        Pe,
+        h(a.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}), je = /* @__PURE__ */ L(Pe, [["__scopeId", "data-v-acf0a1dd"]]), Ge = { class: "container card-container" }, Ue = /* @__PURE__ */ v({
+}), Ge = /* @__PURE__ */ L(je, [["__scopeId", "data-v-acf0a1dd"]]), Ue = { class: "container card-container" }, qe = /* @__PURE__ */ v({
   __name: "MucCardContainer",
-  setup(a) {
-    return (s, e) => (n(), l("div", Ge, [
+  setup(o) {
+    return (s, e) => (l(), n("div", Ue, [
       h(s.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), 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 = {
+}), He = /* @__PURE__ */ L(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 = {
   key: 0,
   class: "m-star-rating__item m-star-rating__item--half"
-}, 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({
+}, Ye = { class: "m-star-rating__numeric" }, Ze = { class: "m-comment__body" }, et = { class: "m-comment__headline" }, tt = { class: "m-comment__text" }, st = "de-DE", at = 0.2, ot = 0.8, O = 5, K = /* @__PURE__ */ v({
   __name: "MucComment",
   props: {
     rating: {},
     variant: { default: "listing" }
   },
-  setup(a) {
-    const s = F(), e = a, o = r(() => !!s.date), i = r(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), c = r(
-      () => Math.min(Math.max(e.rating, 0), A)
-    ), _ = r(() => c.value.toLocaleString(tt.valueOf(), {
+  setup(o) {
+    const s = D(), e = o, a = d(() => !!s.date), u = d(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), i = d(
+      () => Math.min(Math.max(e.rating, 0), O)
+    ), _ = d(() => i.value.toLocaleString(st.valueOf(), {
       minimumFractionDigits: 1
-    })), m = r(() => {
-      const f = +(c.value % 1).toFixed(1);
-      let B = Math.min(Math.floor(c.value), A), y = Math.floor(A - c.value), p = !1;
-      return c.value !== 0 && c.value !== A && (f <= st ? y++ : f >= ot ? B++ : p = !0), {
-        fullStars: B,
-        emptyStars: y,
+    })), r = d(() => {
+      const f = +(i.value % 1).toFixed(1);
+      let x = Math.min(Math.floor(i.value), O), I = Math.floor(O - i.value), p = !1;
+      return i.value !== 0 && i.value !== O && (f <= at ? I++ : f >= ot ? x++ : p = !0), {
+        fullStars: x,
+        emptyStars: I,
         isHalfStar: p
       };
     });
-    return (f, B) => (n(), l("div", {
-      class: $(["m-comment", i.value])
+    return (f, x) => (l(), n("div", {
+      class: C(["m-comment", u.value])
     }, [
-      t("div", He, [
-        t("div", Ne, [
+      t("div", Ne, [
+        t("div", Fe, [
           h(f.$slots, "initials")
         ]),
-        t("div", Fe, [
-          t("span", De, [
+        t("div", De, [
+          t("span", We, [
             h(f.$slots, "author")
           ]),
-          o.value ? (n(), l("span", We, [
-            t("span", ze, [
-              b("  "),
+          a.value ? (l(), n("span", ze, [
+            t("span", Ke, [
+              y("  "),
               h(f.$slots, "datePrefix")
             ]),
-            t("span", Ke, [
-              b(" "),
+            t("span", Xe, [
+              y(" "),
               h(f.$slots, "date")
             ])
-          ])) : g("", !0),
+          ])) : b("", !0),
           t("div", {
             class: "m-star-rating",
             role: "img",
-            "aria-label": `Bewertung: ${f.rating} von ${A} Sternen`
+            "aria-label": `Bewertung: ${f.rating} von ${O} Sternen`
           }, [
-            (n(!0), l(T, null, P(m.value.fullStars, (y) => (n(), l("div", {
-              key: y,
+            (l(!0), n(P, null, j(r.value.fullStars, (I) => (l(), n("div", {
+              key: I,
               class: "m-star-rating__item m-star-rating__item--full"
             }, [
-              O(C(I), { icon: "solid-star" })
+              M($(S), { icon: "solid-star" })
             ]))), 128)),
-            m.value.isHalfStar ? (n(), l("div", Je, [
-              O(C(I), { icon: "half-star" })
-            ])) : g("", !0),
-            (n(!0), l(T, null, P(m.value.emptyStars, (y) => (n(), l("div", {
-              key: y,
+            r.value.isHalfStar ? (l(), n("div", Qe, [
+              M($(S), { icon: "half-star" })
+            ])) : b("", !0),
+            (l(!0), n(P, null, j(r.value.emptyStars, (I) => (l(), n("div", {
+              key: I,
               class: "m-star-rating__item"
             }, [
-              O(C(I), { icon: "solid-star" })
+              M($(S), { icon: "solid-star" })
             ]))), 128)),
-            t("div", Qe, u(_.value), 1)
-          ], 8, Xe)
+            t("div", Ye, m(_.value), 1)
+          ], 8, Je)
         ])
       ]),
-      t("div", Ye, [
-        t("div", Ze, [
+      t("div", Ze, [
+        t("div", et, [
           h(f.$slots, "headline")
         ]),
-        t("div", et, [
+        t("div", tt, [
           h(f.$slots, "text")
         ])
       ])
     ], 2));
   }
-}), at = " ", nt = /* @__PURE__ */ v({
+}), lt = " ", nt = /* @__PURE__ */ v({
   __name: "MucCommentText",
   props: {
     datePrefix: { default: "am" },
@@ -324,162 +324,248 @@ const fe = ["href"], I = /* @__PURE__ */ v({
     rating: {},
     variant: { default: "listing" }
   },
-  setup(a) {
-    const s = a, e = r(() => ((s.initials ?? s.author.split(at).map((o) => o.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
-    return (o, i) => (n(), G(C(K), {
-      rating: o.rating,
-      variant: o.variant
-    }, ie({
-      initials: x(() => [
-        b(u(e.value), 1)
+  setup(o) {
+    const s = o, e = d(() => ((s.initials ?? s.author.split(lt).map((a) => a.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
+    return (a, u) => (l(), U($(K), {
+      rating: a.rating,
+      variant: a.variant
+    }, ce({
+      initials: B(() => [
+        y(m(e.value), 1)
       ]),
-      datePrefix: x(() => [
-        b("am")
+      datePrefix: B(() => [
+        y("am")
       ]),
-      author: x(() => [
-        b(u(o.author), 1)
+      author: B(() => [
+        y(m(a.author), 1)
       ]),
-      headline: x(() => [
-        b(u(o.headline), 1)
+      headline: B(() => [
+        y(m(a.headline), 1)
       ]),
-      text: x(() => [
-        b(u(o.text), 1)
+      text: B(() => [
+        y(m(a.text), 1)
       ]),
       _: 2
     }, [
-      o.date ? {
+      a.date ? {
         name: "date",
-        fn: x(() => [
-          b(u(o.date), 1)
+        fn: B(() => [
+          y(m(a.date), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["rating", "variant"]));
   }
-}), lt = {}, ct = { class: "divider-border" };
-function it(a, s) {
-  return n(), l("hr", ct);
+}), it = {}, rt = { class: "divider-border" };
+function ct(o, s) {
+  return l(), n("hr", rt);
 }
-const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b"]]), ut = ["checked"], dt = { class: "m-label m-checkboxes__label" }, _t = /* @__PURE__ */ v({
+const ut = /* @__PURE__ */ L(it, [["render", ct], ["__scopeId", "data-v-a2b37f5b"]]), dt = ["checked"], mt = { class: "m-label m-checkboxes__label" }, _t = /* @__PURE__ */ v({
   __name: "MucCheckbox",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ T({
     label: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["click"], ["update:modelValue"]),
-  setup(a, { emit: s }) {
-    const e = j(a, "modelValue"), o = s, i = () => {
-      e.value = !e.value, o("click");
+  emits: /* @__PURE__ */ T(["click"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const e = E(o, "modelValue"), a = s, u = () => {
+      e.value = !e.value, a("click");
     };
-    return (c, _) => (n(), l("div", {
+    return (i, _) => (l(), n("div", {
       class: "m-checkboxes__item",
-      onClick: i
+      onClick: u
     }, [
       t("input", {
         class: "m-checkboxes__input",
         name: "checkbox",
         type: "checkbox",
         checked: e.value,
-        onClick: D(i, ["stop"])
-      }, null, 8, ut),
-      t("label", dt, u(c.label), 1)
+        onClick: W(u, ["stop"])
+      }, null, 8, dt),
+      t("label", mt, m(i.label), 1)
     ]));
   }
-}), 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 = {
+}), 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" }, gt = /* @__PURE__ */ t("span", null, "Mehr ", -1), yt = {
   "aria-hidden": "true",
   class: "icon icon--after"
-}, $t = ["href"], yt = /* @__PURE__ */ v({
+}, $t = ["href"], kt = /* @__PURE__ */ v({
   __name: "MucCheckboxGroup",
   props: {
     heading: {}
   },
-  setup(a) {
-    const s = E(!0), e = r(() => s.value ? "collapse" : ""), o = r(() => s.value ? "down" : "up"), i = () => s.value = !s.value;
-    return (c, _) => (n(), l("div", mt, [
-      t("fieldset", pt, [
-        t("legend", ht, [
-          t("h3", vt, u(c.heading), 1)
+  setup(o) {
+    const s = R(!0), e = d(() => s.value ? "collapse" : ""), a = d(() => s.value ? "down" : "up"), u = () => s.value = !s.value;
+    return (i, _) => (l(), n("div", pt, [
+      t("fieldset", ht, [
+        t("legend", vt, [
+          t("h3", ft, m(i.heading), 1)
         ]),
-        t("div", ft, [
-          h(c.$slots, "checkboxes"),
-          c.$slots.collapsableCheckboxes ? (n(), l("div", {
+        t("div", bt, [
+          h(i.$slots, "checkboxes"),
+          i.$slots.collapsableCheckboxes ? (l(), n("div", {
             key: 0,
-            class: $(["m-checkboxes__collapse__container", e.value])
+            class: C(["m-checkboxes__collapse__container", e.value])
           }, [
-            h(c.$slots, "collapsableCheckboxes")
-          ], 2)) : g("", !0),
-          c.$slots.collapsableCheckboxes ? (n(), G(C(z), {
+            h(i.$slots, "collapsableCheckboxes")
+          ], 2)) : b("", !0),
+          i.$slots.collapsableCheckboxes ? (l(), U($(G), {
             key: 1,
             variant: "ghost",
-            onClick: i,
+            onClick: u,
             "aria-expanded": !s.value
           }, {
-            default: x(() => [
+            default: B(() => [
               gt,
-              (n(), l("svg", bt, [
+              (l(), n("svg", yt, [
                 t("use", {
-                  href: "#icon-chevron-" + o.value
+                  href: "#icon-chevron-" + a.value
                 }, null, 8, $t)
               ]))
             ]),
             _: 1
-          }, 8, ["aria-expanded"])) : g("", !0)
+          }, 8, ["aria-expanded"])) : b("", !0)
         ])
       ])
     ]));
   }
-}), kt = {
+}), Mt = ["href", "target"], X = /* @__PURE__ */ v({
+  __name: "MucLink",
+  props: {
+    label: {},
+    href: { default: "#" },
+    icon: {},
+    target: { default: "_blank" },
+    noUnderline: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const s = o, e = d(
+      () => s.noUnderline ? "m-link--reversed-underline" : ""
+    );
+    return (a, u) => (l(), n("a", {
+      href: a.href,
+      target: a.target,
+      class: C(["m-link", e.value])
+    }, [
+      y(m(a.label) + " ", 1),
+      h(a.$slots, "icon", {}, () => [
+        a.icon ? (l(), U($(S), {
+          key: 0,
+          icon: a.icon,
+          class: "icon icon--after"
+        }, null, 8, ["icon"])) : b("", !0)
+      ])
+    ], 10, Mt));
+  }
+}), Ct = { class: "wrapper" }, It = {
+  class: "centered-text",
+  style: { color: "var(--color-brand-main-blue)" }
+}, wt = { key: 0 }, St = { class: "centered-text" }, Bt = { key: 1 }, Tt = { class: "centered-text" }, At = /* @__PURE__ */ v({
+  __name: "MucCounter",
+  props: /* @__PURE__ */ T({
+    label: {},
+    min: {},
+    max: {},
+    link: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const s = E(o, "modelValue"), e = o, a = () => s.value++, u = () => s.value--, i = d(
+      () => !!e.max && !(s.value < e.max) || e.disabled
+    ), _ = d(
+      () => s.value == 0 || !!e.min && !(s.value > e.min) || e.disabled
+    );
+    return (r, f) => (l(), n("div", Ct, [
+      M($(G), {
+        onClick: u,
+        variant: "secondary",
+        disabled: _.value
+      }, {
+        default: B(() => [
+          M($(S), { icon: "minus" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      t("p", null, [
+        t("strong", It, m(s.value), 1)
+      ]),
+      M($(G), {
+        onClick: a,
+        variant: "secondary",
+        disabled: i.value
+      }, {
+        default: B(() => [
+          M($(S), { icon: "plus" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      r.link ? (l(), n("p", wt, [
+        t("label", St, [
+          M($(X), {
+            label: r.label,
+            href: r.link
+          }, null, 8, ["label", "href"])
+        ])
+      ])) : (l(), n("p", Bt, [
+        t("label", Tt, m(r.label), 1)
+      ]))
+    ]));
+  }
+}), Lt = /* @__PURE__ */ L(At, [["__scopeId", "data-v-a20e4a10"]]), xt = {
   class: "m-error-list",
   role: "alert",
   tabindex: "-1"
-}, Mt = { class: "m-error-list__title" }, Ct = { class: "m-error-list__body" }, wt = { class: "m-list m-error-list__list" }, It = /* @__PURE__ */ v({
+}, Vt = { class: "m-error-list__title" }, Rt = { class: "m-error-list__body" }, Et = { class: "m-list m-error-list__list" }, Ot = /* @__PURE__ */ v({
   __name: "MucErrorList",
   props: {
     title: {},
     errors: {}
   },
-  setup(a) {
-    const s = a, e = r(
+  setup(o) {
+    const s = o, e = d(
       () => typeof s.errors == "string" ? [s.errors] : s.errors
     );
-    return (o, i) => (n(), l("div", kt, [
-      t("h2", Mt, u(o.title), 1),
-      t("div", Ct, [
-        t("ul", wt, [
-          (n(!0), l(T, null, P(e.value, (c, _) => (n(), l("li", { key: _ }, [
-            t("a", null, u(c), 1)
+    return (a, u) => (l(), n("div", xt, [
+      t("h2", Vt, m(a.title), 1),
+      t("div", Rt, [
+        t("ul", Et, [
+          (l(!0), n(P, null, j(e.value, (i, _) => (l(), n("li", { key: _ }, [
+            t("a", null, m(i), 1)
           ]))), 128))
         ])
       ])
     ]));
   }
-}), St = {
+}), Pt = {
   for: "search-input",
   class: "m-label"
-}, Bt = {
+}, jt = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, Vt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), Rt = {
+}, Gt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), Ut = {
   id: "text-input-error",
   class: "m-error-message"
-}, xt = { class: "m-input-wrapper m-autocomplete" }, Et = {
+}, qt = { class: "m-input-wrapper m-autocomplete" }, Ht = {
   key: 0,
   class: "m-input__prefix"
-}, Lt = ["type", "aria-describedby", "placeholder", "required"], At = {
+}, Nt = ["type", "aria-describedby", "placeholder", "required"], Ft = {
   key: 1,
   class: "autocomplete-result-list autocomplete-result-list--location"
-}, Ot = ["onClick"], Tt = {
+}, Dt = ["onClick"], Wt = {
   "aria-hidden": "true",
   class: "icon"
-}, Pt = ["xlink:href"], jt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Suchen", -1), Gt = {
+}, zt = ["xlink:href"], Kt = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Suchen", -1), Xt = {
   class: "m-hint",
   id: "text-input-hint"
-}, Ut = /* @__PURE__ */ v({
+}, Jt = /* @__PURE__ */ v({
   __name: "MucInput",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ T({
     errorMsg: {},
     placeholder: {},
     required: { type: Boolean, default: !1 },
@@ -492,69 +578,69 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["suffixClick"], ["update:modelValue"]),
-  setup(a, { emit: s }) {
-    const e = j(a, "modelValue"), o = a, i = F(), c = s, _ = r(() => o.errorMsg ? "has-error" : ""), m = r(() => o.type === "search"), f = r(() => {
+  emits: /* @__PURE__ */ T(["suffixClick"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const e = E(o, "modelValue"), a = o, u = D(), i = s, _ = d(() => a.errorMsg ? "has-error" : ""), r = d(() => a.type === "search"), f = d(() => {
       if (e.value === "") return [];
       const p = e.value.toLowerCase();
-      return o.datalist.filter(
+      return a.datalist.filter(
         (V) => V.toLowerCase().startsWith(p) && V.toLowerCase() !== p
       );
-    }), B = (p) => e.value = p, y = () => c("suffixClick");
-    return (p, V) => (n(), l("div", {
-      class: $(["m-form-group", _.value])
+    }), x = (p) => e.value = p, I = () => i("suffixClick");
+    return (p, V) => (l(), n("div", {
+      class: C(["m-form-group", _.value])
     }, [
-      t("label", St, [
-        b(u(p.label) + " ", 1),
-        p.required ? (n(), l("span", Bt, [
-          b(" * "),
-          Vt
-        ])) : g("", !0)
+      t("label", Pt, [
+        y(m(p.label) + " ", 1),
+        p.required ? (l(), n("span", jt, [
+          y(" * "),
+          Gt
+        ])) : b("", !0)
       ]),
-      t("p", Rt, u(p.errorMsg), 1),
-      t("div", xt, [
-        i.prefix ? (n(), l("div", Et, [
+      t("p", Ut, m(p.errorMsg), 1),
+      t("div", qt, [
+        u.prefix ? (l(), n("div", Ht, [
           t("span", null, [
             h(p.$slots, "prefix")
           ])
-        ])) : g("", !0),
-        U(t("input", {
+        ])) : b("", !0),
+        q(t("input", {
           class: "m-input autocomplete-input",
           type: p.type,
-          "onUpdate:modelValue": V[0] || (V[0] = (k) => e.value = k),
+          "onUpdate:modelValue": V[0] || (V[0] = (w) => e.value = w),
           "aria-describedby": p.type + "-input",
           placeholder: p.placeholder,
           required: p.required
-        }, null, 8, Lt), [
-          [re, e.value]
+        }, null, 8, Nt), [
+          [ue, e.value]
         ]),
-        m.value && f.value.length !== 0 ? (n(), l("ul", At, [
-          (n(!0), l(T, null, P(f.value, (k) => (n(), l("li", {
+        r.value && f.value.length !== 0 ? (l(), n("ul", Ft, [
+          (l(!0), n(P, null, j(f.value, (w) => (l(), n("li", {
             class: "autocomplete-result",
-            key: k,
-            onClick: (w) => B(k)
-          }, u(k), 9, Ot))), 128))
-        ])) : g("", !0),
-        p.suffixIcon ? (n(), l("button", {
+            key: w,
+            onClick: (A) => x(w)
+          }, m(w), 9, Dt))), 128))
+        ])) : b("", !0),
+        p.suffixIcon ? (l(), n("button", {
           key: 2,
           class: "m-input__suffix",
-          onClick: y
+          onClick: I
         }, [
-          (n(), l("svg", Tt, [
+          (l(), n("svg", Wt, [
             t("use", {
               "xlink:href": "#icon-" + p.suffixIcon
-            }, null, 8, Pt)
+            }, null, 8, zt)
           ])),
-          jt
-        ])) : g("", !0)
+          Kt
+        ])) : b("", !0)
       ]),
-      t("p", Gt, u(p.hint), 1)
+      t("p", Xt, m(p.hint), 1)
     ], 2));
   }
-}), X = Symbol("mucRadioGroup"), qt = {
+}), J = Symbol("mucRadioGroup"), Qt = {
   key: 0,
   class: "m-radios__item"
-}, Ht = ["checked", "disabled"], Nt = { class: "m-hint" }, Ft = /* @__PURE__ */ v({
+}, Yt = ["checked", "disabled"], Zt = { class: "m-hint" }, es = /* @__PURE__ */ v({
   __name: "MucRadioButton",
   props: {
     value: {},
@@ -562,88 +648,101 @@ const rt = /* @__PURE__ */ L(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
     hint: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    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));
-    return (m, f) => _.value ? (n(), l("div", qt, [
+  setup(o) {
+    const s = o, e = de(J), a = () => e == null ? void 0 : e.set(s.value), u = d(() => (e == null ? void 0 : e.modelValue.value) === s.value), i = d(() => s.disabled || (e == null ? void 0 : e.disabled.value)), _ = d(() => !!(e != null && e.disabled));
+    return (r, f) => _.value ? (l(), n("div", Qt, [
       t("input", {
         class: "m-radios__input",
         type: "radio",
-        checked: i.value,
-        disabled: c.value,
-        onClick: D(o, ["stop"])
-      }, null, 8, Ht),
+        checked: u.value,
+        disabled: i.value,
+        onClick: W(a, ["stop"])
+      }, null, 8, Yt),
       t("label", {
         class: "m-label m-radios__label",
-        onClick: o
+        onClick: a
       }, [
-        b(u(m.label) + " ", 1),
-        t("span", Nt, u(m.hint), 1)
+        y(m(r.label) + " ", 1),
+        t("span", Zt, m(r.hint), 1)
       ])
-    ])) : g("", !0);
+    ])) : b("", !0);
   }
-}), 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({
+}), ts = { class: "m-form-group" }, ss = { class: "m-radio-group" }, as = { class: "m-radio-group__legend" }, os = { class: "m-radio-group__heading" }, ls = { class: "m-radios" }, ns = /* @__PURE__ */ v({
   __name: "MucRadioButtonGroup",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ T({
     heading: {},
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: [Boolean, String, Array, Object, Number, null] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(a, { emit: s }) {
-    const e = j(a, "modelValue"), o = a, i = s;
-    return de(X, {
-      set: (c) => {
-        i("change", c), e.value = c;
+  emits: /* @__PURE__ */ T(["change"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const e = E(o, "modelValue"), a = o, u = s;
+    return me(J, {
+      set: (i) => {
+        u("change", i), e.value = i;
       },
       modelValue: e,
-      disabled: _e(me(o.disabled))
-    }), (c, _) => (n(), l("div", Dt, [
-      t("fieldset", Wt, [
-        t("legend", zt, [
-          t("h3", Kt, u(c.heading), 1)
+      disabled: _e(pe(a.disabled))
+    }), (i, _) => (l(), n("div", ts, [
+      t("fieldset", ss, [
+        t("legend", as, [
+          t("h3", os, m(i.heading), 1)
         ]),
-        t("div", Xt, [
-          h(c.$slots, "default")
+        t("div", ls, [
+          h(i.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function Qt(a, s) {
-  if (!a) return;
-  const e = (o) => {
-    o.target !== a.value && o.composedPath().includes(a.value) || typeof s == "function" && s();
+function is(o, s) {
+  if (!o) return;
+  const e = (a) => {
+    a.target !== o.value && a.composedPath().includes(o.value) || typeof s == "function" && s();
   };
-  return pe(() => {
+  return he(() => {
     window.addEventListener("click", e);
-  }), he(() => {
+  }), ve(() => {
     window.removeEventListener("click", e);
   }), { listener: e };
 }
-const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label" }, Zt = /* @__PURE__ */ J(() => /* @__PURE__ */ t("svg", {
+const rs = /* @__PURE__ */ v({
+  __name: "MucSelectItem",
+  props: {
+    item: {},
+    itemLabel: {}
+  },
+  setup(o) {
+    const s = o, e = d(
+      () => typeof s.item == "string" ? s.item : s.item[s.itemLabel].toString()
+    );
+    return (a, u) => (l(), n("span", null, m(e.value), 1));
+  }
+}), Q = (o) => (N("data-v-e39e3aae"), o = o(), F(), o), cs = { class: "m-label" }, us = /* @__PURE__ */ Q(() => /* @__PURE__ */ t("svg", {
   "aria-hidden": "true",
   class: "icon"
 }, [
   /* @__PURE__ */ t("use", { "xlink:href": "#icon-chevron-down" })
-], -1)), es = /* @__PURE__ */ J(() => /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)), ts = [
-  Zt,
-  es
-], ss = ["onMouseenter", "onClick"], os = {
+], -1)), ds = /* @__PURE__ */ Q(() => /* @__PURE__ */ t("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)), ms = [
+  us,
+  ds
+], _s = ["onMouseenter", "onClick"], ps = {
   key: 0,
   class: "option"
-}, as = {
+}, hs = {
   key: 0,
   class: "m-hint"
-}, ns = /* @__PURE__ */ v({
+}, vs = /* @__PURE__ */ v({
   __name: "MucSelect",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ T({
     items: {},
     label: {},
     hint: {},
     multiple: { type: Boolean, default: !1 },
-    noItemFoundMessage: { default: "No items found." }
+    noItemFoundMessage: { default: "No items found." },
+    itemTitle: { default: "title" }
   }, {
     modelValue: {
       default: []
@@ -651,83 +750,106 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const s = E(), e = j(a, "modelValue"), o = E(!1), i = E(), c = E(!1), _ = E(), m = a, f = () => {
-      o.value = !o.value, _.value = i.value;
-    }, B = () => {
-      o.value = !0, _.value = i.value, w.value = "";
+  setup(o) {
+    const s = R(), e = E(
+      o,
+      "modelValue"
+    ), a = R(!1), u = R(), i = R(!1), _ = R(), r = o, f = () => {
+      a.value = !a.value, _.value = u.value;
+    }, x = () => {
+      a.value = !0, _.value = u.value, A.value = "";
     };
-    Qt(s, () => {
-      o.value = !1, w.value = k.value;
+    is(s, () => {
+      a.value = !1, A.value = w.value;
     });
-    const y = (d) => {
-      i.value = d, m.multiple ? V(d) : p(d), m.multiple || (o.value = !1);
-    }, p = (d) => {
-      typeof e.value == "object" && (e.value = e.value.join(" ")), e.value = e.value === d ? "" : d;
-    }, V = (d) => {
-      typeof e.value == "string" && (e.value = [e.value]), e.value = e.value.includes(d) ? e.value.filter((R) => R !== d) : [...e.value, d];
-    }, k = r(() => typeof e.value == "string" ? e.value : e.value.join(m.multiple ? ", " : " "));
-    ve(k, (d) => {
-      w.value = d;
+    const I = (c) => {
+      u.value = c, r.multiple ? V(c) : p(c), r.multiple || (a.value = !1);
+    }, p = (c) => {
+      Array.isArray(e.value) && (e.value = e.value.join(" ")), typeof e.value != "string" && typeof c != "string" ? e.value = e.value[r.itemTitle] === c[r.itemTitle] ? "" : c : e.value = e.value === c ? "" : c;
+    }, V = (c) => {
+      Array.isArray(e.value) || (e.value = [e.value]), Array.isArray(e.value) && (typeof c == "string" ? e.value = e.value.map((g) => g).includes(c) ? e.value.filter((g) => g !== c) : [...e.value, c] : e.value = e.value.map((g) => g[r.itemTitle]).includes(c[r.itemTitle]) ? e.value.filter(
+        (g) => g[r.itemTitle] !== c[r.itemTitle]
+      ) : [...e.value, c]);
+    }, w = d(() => typeof e.value == "string" ? e.value : Array.isArray(e.value) ? e.value.every((c) => typeof c == "string") ? e.value.join(r.multiple ? ", " : " ") : e.value.map((c) => c[r.itemTitle].toString()).join(r.multiple ? ", " : " ") : e.value[r.itemTitle].toString());
+    fe(w, (c) => {
+      A.value = c;
     });
-    const w = E(k.value), Q = r(
-      () => w.value == k.value ? m.items : Y(w.value)
-    ), Y = (d) => {
-      c.value = !1;
-      const R = m.items.filter((M) => M.includes(d));
-      return R.length === 0 && (c.value = !0), R;
-    }, Z = (d) => d === _.value ? "active" : "", ee = (d) => e.value.includes(d) ? "selected" : "", te = () => _.value = "", se = r(
-      () => o.value ? "display-listbox" : ""
-    ), oe = r(
-      () => m.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
+    const A = R(w.value), Y = d(
+      () => A.value == w.value ? r.items : Z(A.value)
+    ), Z = (c) => {
+      i.value = !1;
+      const g = r.items.every(
+        (k) => typeof k == "string"
+      ) ? r.items.filter(
+        (k) => k.toLowerCase().includes(c.toLowerCase())
+      ) : r.items.filter(
+        (k) => k[r.itemTitle].toString().toLowerCase().includes(c.toLowerCase())
+      );
+      return g.length === 0 && (i.value = !0), g;
+    }, ee = (c) => c === _.value ? "active" : "", te = (c) => {
+      if (typeof c == "string")
+        return e.value.includes(c) ? "selected" : "";
+      if (Array.isArray(e.value))
+        return e.value.map((g) => g[r.itemTitle]).includes(c[r.itemTitle]) ? "selected" : "";
+      if (typeof e.value != "string")
+        return e.value[r.itemTitle] === c[r.itemTitle] ? "selected" : "";
+    }, se = () => _.value = "", ae = d(
+      () => a.value ? "display-listbox" : ""
+    ), oe = d(
+      () => r.multiple && !i.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
     );
-    return (d, R) => (n(), l("div", {
+    return (c, g) => (l(), n("div", {
       class: "m-form-group",
       ref_key: "selectComponentRef",
       ref: s
     }, [
-      t("label", Yt, u(d.label), 1),
+      t("label", cs, m(c.label), 1),
       t("div", {
-        class: $(["m-input-wrapper", oe.value])
+        class: C(["m-input-wrapper", oe.value])
       }, [
-        U(t("input", {
+        q(t("input", {
           type: "text",
           class: "m-input m-combobox m-combobox--single",
-          "onUpdate:modelValue": R[0] || (R[0] = (M) => w.value = M),
-          onClick: B
+          "onUpdate:modelValue": g[0] || (g[0] = (k) => A.value = k),
+          onClick: x
         }, null, 512), [
-          [W, w.value]
+          [z, A.value]
         ]),
         t("span", {
           class: "m-input__trigger",
           onClick: f
-        }, ts),
+        }, ms),
         t("ul", {
-          class: $(["listbox", se.value]),
-          onMouseleave: te
+          class: C(["listbox", ae.value]),
+          onMouseleave: se
         }, [
-          (n(!0), l(T, null, P(Q.value, (M, ae) => (n(), l("li", {
-            key: ae,
-            class: $(["option", [Z(M), ee(M)]]),
-            onMouseenter: (ne) => _.value = M,
-            onClick: (ne) => y(M)
-          }, u(M), 43, ss))), 128)),
-          c.value ? (n(), l("li", os, u(d.noItemFoundMessage), 1)) : g("", !0)
+          (l(!0), n(P, null, j(Y.value, (k, le) => (l(), n("li", {
+            key: le,
+            class: C(["option", [ee(k), te(k)]]),
+            onMouseenter: (ne) => _.value = k,
+            onClick: (ne) => I(k)
+          }, [
+            M(rs, {
+              item: k,
+              "item-label": c.itemTitle
+            }, null, 8, ["item", "item-label"])
+          ], 42, _s))), 128)),
+          i.value ? (l(), n("li", ps, m(c.noItemFoundMessage), 1)) : b("", !0)
         ], 34)
       ], 2),
-      d.hint ? (n(), l("p", as, u(d.hint), 1)) : g("", !0)
+      c.hint ? (l(), n("p", hs, m(c.hint), 1)) : b("", !0)
     ], 512));
   }
-}), ls = /* @__PURE__ */ L(ns, [["__scopeId", "data-v-0f229e1b"]]), cs = { class: "m-form-group has-error" }, is = {
+}), fs = /* @__PURE__ */ L(vs, [["__scopeId", "data-v-e39e3aae"]]), bs = { class: "m-form-group has-error" }, gs = {
   for: "textarea",
   class: "m-label"
-}, rs = {
+}, ys = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, 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({
+}, $s = /* @__PURE__ */ t("span", { class: "visually-hidden" }, "(erforderlich)", -1), ks = { class: "m-error-message" }, Ms = { class: "m-input-wrapper" }, Cs = ["rows", "placeholder"], Is = { class: "m-hint" }, ws = /* @__PURE__ */ v({
   __name: "MucTextArea",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ T({
     errorMsg: {},
     rows: { default: 3 },
     placeholder: {},
@@ -739,58 +861,58 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const s = j(a, "modelValue");
-    return (e, o) => (n(), l("div", cs, [
-      t("label", is, [
-        b(u(e.label) + " ", 1),
-        e.required ? (n(), l("span", rs, [
-          b(" * "),
-          us
-        ])) : g("", !0)
+  setup(o) {
+    const s = E(o, "modelValue");
+    return (e, a) => (l(), n("div", bs, [
+      t("label", gs, [
+        y(m(e.label) + " ", 1),
+        e.required ? (l(), n("span", ys, [
+          y(" * "),
+          $s
+        ])) : b("", !0)
       ]),
-      t("p", ds, u(e.errorMsg), 1),
-      t("div", _s, [
-        U(t("textarea", {
+      t("p", ks, m(e.errorMsg), 1),
+      t("div", Ms, [
+        q(t("textarea", {
           class: "m-textarea",
           rows: e.rows,
           "aria-describedby": "textarea input",
           placeholder: e.placeholder,
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i)
-        }, null, 8, ms), [
-          [W, s.value]
+          "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value = u)
+        }, null, 8, Cs), [
+          [z, s.value]
         ])
       ]),
-      t("p", ps, u(e.hint), 1)
+      t("p", Is, m(e.hint), 1)
     ]));
   }
-}), vs = {
+}), Ss = {
   class: "m-intro m-intro-static-image",
   style: { "background-color": "var(--color-neutrals-blue-xlight)" }
-}, fs = { class: "container" }, gs = { class: "muc-intro-content" }, bs = {
+}, Bs = { class: "container" }, Ts = { class: "muc-intro-content" }, As = {
   key: 0,
   class: "m-intro-vertical__tagline"
-}, $s = { class: "m-intro-vertical__title" }, ys = {
+}, Ls = { class: "m-intro-vertical__title" }, xs = {
   key: 0,
   class: "muc-divider"
-}, ks = { class: "m-intro-vertical__content" }, Ms = { style: { "padding-bottom": "32px" } }, Cs = /* @__PURE__ */ v({
+}, Vs = { class: "m-intro-vertical__content" }, Rs = { style: { "padding-bottom": "32px" } }, Es = /* @__PURE__ */ v({
   __name: "MucIntro",
   props: {
     title: {},
     tagline: {},
     divider: { type: Boolean }
   },
-  setup(a) {
-    return (s, e) => (n(), l("div", vs, [
-      t("div", fs, [
-        t("div", gs, [
+  setup(o) {
+    return (s, e) => (l(), n("div", Ss, [
+      t("div", Bs, [
+        t("div", Ts, [
           t("div", null, [
-            s.tagline ? (n(), l("p", bs, u(s.tagline), 1)) : g("", !0),
-            t("h1", $s, u(s.title), 1)
+            s.tagline ? (l(), n("p", As, m(s.tagline), 1)) : b("", !0),
+            t("h1", Ls, m(s.title), 1)
           ]),
-          s.divider ? (n(), l("div", ys)) : g("", !0),
-          t("div", ks, [
-            t("p", Ms, [
+          s.divider ? (l(), n("div", xs)) : b("", !0),
+          t("div", Vs, [
+            t("p", Rs, [
               h(s.$slots, "default", {}, void 0, !0)
             ])
           ])
@@ -798,80 +920,54 @@ const J = (a) => (H("data-v-0f229e1b"), a = a(), N(), a), Yt = { class: "m-label
       ])
     ]));
   }
-}), ws = /* @__PURE__ */ L(Cs, [["__scopeId", "data-v-5c768acc"]]), Is = ["href", "target"], Ss = /* @__PURE__ */ v({
-  __name: "MucLink",
-  props: {
-    label: {},
-    href: { default: "#" },
-    icon: {},
-    target: { default: "_blank" },
-    noUnderline: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const s = a, e = r(
-      () => s.noUnderline ? "m-link--reversed-underline" : ""
-    );
-    return (o, i) => (n(), l("a", {
-      href: o.href,
-      target: o.target,
-      class: $(["m-link", e.value])
-    }, [
-      b(u(o.label) + " ", 1),
-      h(o.$slots, "icon", {}, () => [
-        o.icon ? (n(), G(C(I), {
-          key: 0,
-          icon: o.icon,
-          class: "icon icon--after"
-        }, null, 8, ["icon"])) : g("", !0)
-      ])
-    ], 10, Is));
-  }
-}), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Os = /* @__PURE__ */ L(Es, [["__scopeId", "data-v-5c768acc"]]), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MucBanner: ye,
-  MucButton: z,
+  MucBanner: ke,
+  MucButton: G,
   MucCallout: xe,
-  MucCard: je,
-  MucCardContainer: qe,
+  MucCard: Ge,
+  MucCardContainer: He,
   MucCheckbox: _t,
-  MucCheckboxGroup: yt,
+  MucCheckboxGroup: kt,
   MucComment: K,
   MucCommentText: nt,
-  MucDivider: rt,
-  MucErrorList: It,
-  MucIcon: I,
-  MucInput: Ut,
-  MucIntro: ws,
-  MucLink: Ss,
-  MucRadioButton: Ft,
-  MucRadioButtonGroup: Jt,
-  MucSelect: ls,
-  MucTextArea: hs
+  MucCounter: Lt,
+  MucDivider: ut,
+  MucErrorList: Ot,
+  MucIcon: S,
+  MucInput: Jt,
+  MucIntro: Os,
+  MucLink: X,
+  MucRadioButton: es,
+  MucRadioButtonGroup: ns,
+  MucSelect: fs,
+  MucTextArea: ws
 }, Symbol.toStringTag, { value: "Module" }));
-function Bs(a) {
-  for (const s in q)
-    a.component(s, q[s]);
+function Ps(o) {
+  for (const s in H)
+    o.component(s, H[s]);
 }
-const Rs = { install: Bs };
+const Gs = { install: Ps };
 export {
-  ye as MucBanner,
-  z as MucButton,
+  ke as MucBanner,
+  G as MucButton,
   xe as MucCallout,
-  je as MucCard,
-  qe as MucCardContainer,
+  Ge as MucCard,
+  He as MucCardContainer,
   _t as MucCheckbox,
-  yt as MucCheckboxGroup,
+  kt as MucCheckboxGroup,
   K as MucComment,
   nt as MucCommentText,
-  rt as MucDivider,
-  It as MucErrorList,
-  I as MucIcon,
-  Ut as MucInput,
-  ws as MucIntro,
-  Ss as MucLink,
-  Ft as MucRadioButton,
-  Jt as MucRadioButtonGroup,
-  ls as MucSelect,
-  hs as MucTextArea,
-  Rs as default
+  Lt as MucCounter,
+  ut as MucDivider,
+  Ot as MucErrorList,
+  S as MucIcon,
+  Jt as MucInput,
+  Os as MucIntro,
+  X as MucLink,
+  es as MucRadioButton,
+  ns as MucRadioButtonGroup,
+  fs as MucSelect,
+  ws as MucTextArea,
+  Gs as default
 };