@muenchen/muc-patternlab-vue 1.13.0-beta.3 → 1.13.0-beta.4

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

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