@muenchen/muc-patternlab-vue 1.15.0-beta.2 → 1.15.0-beta.4

package/muc-patternlab-vue.es.js

@@ -1,30 +1,30 @@
-import { defineComponent as p, useAttrs as ie, computed as m, openBlock as l, createElementBlock as i, normalizeClass as x, normalizeStyle as oe, createElementVNode as a, createVNode as M, unref as k, renderSlot as g, createBlock as G, createCommentVNode as b, toDisplayString as c, useSlots as K, createTextVNode as y, Fragment as R, renderList as O, createSlots as re, withCtx as B, createStaticVNode as X, ref as V, onMounted as J, onUpdated as ce, withModifiers as j, mergeModels as E, useModel as H, watch as N, withDirectives as q, vModelDynamic as ue, inject as de, provide as me, readonly as fe, toRef as he, onBeforeUnmount as ve, useTemplateRef as pe, vModelText as Q } from "vue";
-const _e = ["href"], T = /* @__PURE__ */ p({
+import { defineComponent as g, useAttrs as _e, computed as d, openBlock as i, createElementBlock as o, normalizeClass as I, normalizeStyle as ge, createElementVNode as n, createVNode as M, unref as $, renderSlot as w, createBlock as j, createCommentVNode as b, inject as te, toDisplayString as h, Fragment as E, renderList as O, mergeModels as V, ref as L, useModel as H, provide as ae, readonly as Z, toRef as X, withCtx as T, Transition as K, useSlots as ne, createTextVNode as S, createSlots as ye, createStaticVNode as le, onMounted as se, onUpdated as ke, withModifiers as N, watch as G, withDirectives as Q, vModelDynamic as be, onBeforeUnmount as Me, useTemplateRef as $e, vModelText as ie } from "vue";
+const we = ["href"], B = /* @__PURE__ */ g({
   __name: "MucIcon",
   props: {
     icon: {},
     color: {}
   },
-  setup(e) {
-    const s = ie(), t = m(() => s.class ?? "icon");
-    return (n, o) => (l(), i("svg", {
+  setup(t) {
+    const a = _e(), e = d(() => a.class ?? "icon");
+    return (s, l) => (i(), o("svg", {
       "aria-hidden": "true",
-      class: x(t.value),
-      style: oe({ color: n.color })
+      class: I(e.value),
+      style: ge({ color: s.color })
     }, [
-      a("use", {
-        href: "#icon-" + n.icon
-      }, null, 8, _e)
+      n("use", {
+        href: "#icon-" + s.icon
+      }, null, 8, we)
     ], 6));
   }
-}), ge = ["role", "aria-label"], be = { class: "container-fluid" }, ye = /* @__PURE__ */ p({
+}), Ae = ["role", "aria-label"], Ce = { class: "container-fluid" }, De = /* @__PURE__ */ g({
   __name: "MucBanner",
   props: {
     type: { default: "info" }
   },
-  setup(e) {
-    const s = m(() => {
-      switch (e.type) {
+  setup(t) {
+    const a = d(() => {
+      switch (t.type) {
         case "info":
           return "m-banner--info";
         case "success":
@@ -36,8 +36,8 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "m-banner--info";
       }
-    }), t = m(() => {
-      switch (e.type) {
+    }), e = d(() => {
+      switch (t.type) {
         case "info":
           return "dialog";
         case "success":
@@ -49,8 +49,8 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "dialog";
       }
-    }), n = m(() => {
-      switch (e.type) {
+    }), s = d(() => {
+      switch (t.type) {
         case "info":
           return "Information";
         case "success":
@@ -62,8 +62,8 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "Information";
       }
-    }), o = m(() => {
-      switch (e.type) {
+    }), l = d(() => {
+      switch (t.type) {
         case "success":
           return "check";
         case "warning":
@@ -74,27 +74,27 @@ const _e = ["href"], T = /* @__PURE__ */ p({
           return "information";
       }
     });
-    return (d, u) => (l(), i("div", null, [
-      a("div", null, [
-        a("div", {
-          class: x(["m-banner", s.value]),
-          role: t.value,
-          "aria-label": n.value
+    return (c, u) => (i(), o("div", null, [
+      n("div", null, [
+        n("div", {
+          class: I(["m-banner", a.value]),
+          role: e.value,
+          "aria-label": s.value
         }, [
-          a("div", be, [
-            M(k(T), { icon: o.value }, null, 8, ["icon"]),
-            g(d.$slots, "default", {}, void 0, !0)
+          n("div", Ce, [
+            M($(B), { icon: l.value }, null, 8, ["icon"]),
+            w(c.$slots, "default", {}, void 0, !0)
           ])
-        ], 10, ge)
+        ], 10, Ae)
       ])
     ]));
   }
-}), z = (e, s) => {
-  const t = e.__vccOpts || e;
-  for (const [n, o] of s)
-    t[n] = o;
-  return t;
-}, ke = /* @__PURE__ */ z(ye, [["__scopeId", "data-v-01cbc1dd"]]), $e = ["disabled"], P = /* @__PURE__ */ p({
+}), F = (t, a) => {
+  const e = t.__vccOpts || t;
+  for (const [s, l] of a)
+    e[s] = l;
+  return e;
+}, Se = /* @__PURE__ */ F(De, [["__scopeId", "data-v-01cbc1dd"]]), Ie = ["disabled"], Y = /* @__PURE__ */ g({
   __name: "MucButton",
   props: {
     variant: { default: "primary" },
@@ -103,9 +103,9 @@ const _e = ["href"], T = /* @__PURE__ */ p({
     iconAnimated: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const t = s, n = m(() => {
-      switch (e.variant) {
+  setup(t, { emit: a }) {
+    const e = a, s = d(() => {
+      switch (t.variant) {
         case "secondary":
           return "m-button--secondary";
         case "ghost":
@@ -113,34 +113,346 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "m-button--primary";
       }
-    }), o = m(
-      () => e.iconAnimated ? "m-button--animated-right" : ""
-    ), d = () => {
-      t("click");
+    }), l = d(
+      () => t.iconAnimated ? "m-button--animated-right" : ""
+    ), c = () => {
+      e("click");
     };
-    return (u, f) => (l(), i("button", {
-      onClick: d,
+    return (u, f) => (i(), o("button", {
+      onClick: c,
       disabled: u.disabled,
-      class: x(["m-button", [n.value, o.value]])
+      class: I(["m-button", [s.value, l.value]])
     }, [
-      a("span", null, [
-        g(u.$slots, "default"),
-        u.icon ? (l(), G(k(T), {
+      n("span", null, [
+        w(u.$slots, "default"),
+        u.icon ? (i(), j($(B), {
           key: 0,
           icon: u.icon,
           class: "m-button__icon"
         }, null, 8, ["icon"])) : b("", !0)
       ])
-    ], 10, $e));
+    ], 10, Ie));
   }
-}), Me = ["aria-label"], Ce = { class: "m-callout__inner" }, we = { class: "m-callout__icon" }, Ae = { class: "m-callout__body" }, Se = { class: "m-callout__body__inner" }, Te = { class: "m-callout__headline" }, Fe = { class: "m-callout__content" }, Ie = /* @__PURE__ */ p({
+}), oe = "de-DE", re = 12, ce = Symbol("mucCalendar"), P = (t, a) => t.getDate() === a.getDate() && t.getMonth() === a.getMonth() && t.getFullYear() === a.getFullYear(), J = (t, a) => t > a, U = (t) => t !== null && t.from !== void 0 && t.to !== void 0, Fe = /* @__PURE__ */ g({
+  __name: "MucDayTile",
+  props: {
+    date: {},
+    showAdjacentMonths: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const e = te(ce), s = a, l = d(() => {
+      if ((e == null ? void 0 : e.selectedDate.value) === null)
+        return !1;
+      if ((e == null ? void 0 : e.selectedDate.value) instanceof Date)
+        return P(e == null ? void 0 : e.selectedDate.value, t.date);
+      if (Array.isArray(e == null ? void 0 : e.selectedDate.value))
+        return e == null ? void 0 : e.selectedDate.value.some(
+          (m) => P(m, t.date)
+        );
+      if (U(e.selectedDate.value)) {
+        const { from: m, to: _ } = e.selectedDate.value;
+        return m && P(m, t.date) || _ && P(_, t.date);
+      }
+    }), c = d(() => (e == null ? void 0 : e.variant.value) === "range" && U(e.selectedDate.value) ? (e == null ? void 0 : e.selectedDate.value.from) !== null && (e == null ? void 0 : e.selectedDate.value.to) !== null && J(t.date, e.selectedDate.value.from) && J(e.selectedDate.value.to, t.date) : !1), u = d(
+      () => t.date.getMonth() === (e == null ? void 0 : e.viewDate.value.getMonth())
+    ), f = () => {
+      e != null && e.allowedDates(t.date) && s("click", t.date);
+    };
+    return (m, _) => {
+      var v;
+      return u.value || m.showAdjacentMonths ? (i(), o("div", {
+        key: 0,
+        onClick: f,
+        class: I({
+          "disabled-tile": !((v = $(e)) != null && v.allowedDates(m.date)),
+          "off-month": !u.value,
+          selected: l.value,
+          "selected-range": c.value
+        })
+      }, h(m.date.getDate()), 3)) : b("", !0);
+    };
+  }
+}), Te = /* @__PURE__ */ F(Fe, [["__scopeId", "data-v-a7631835"]]), Le = { class: "muc-calendar-view-full-size" }, Be = { class: "muc-calendar-container table-header" }, xe = { class: "muc-calendar-container" }, ze = 7, Ee = /* @__PURE__ */ g({
+  __name: "MucCalendarDay",
+  props: {
+    viewDate: {},
+    variant: {},
+    disabled: { type: Boolean },
+    showAdjacentMonths: { type: Boolean }
+  },
+  emits: ["clicked"],
+  setup(t, { emit: a }) {
+    const e = 6 * ze, s = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"], l = t, c = a, u = d(
+      () => new Date(l.viewDate.getFullYear(), l.viewDate.getMonth(), 1)
+    ), f = d(
+      () => l.showAdjacentMonths ? 0 : (u.value.getDay() || 7) - 1
+    ), m = d(
+      () => v(u.value, -u.value.getDay() || -7)
+    ), _ = (y) => {
+      c("clicked", y);
+    }, v = (y, A) => new Date(new Date(y).setDate(y.getDate() + A));
+    return (y, A) => (i(), o("div", Le, [
+      n("div", Be, [
+        (i(), o(E, null, O(s, (C, R) => n("div", {
+          class: "header-item",
+          key: R
+        }, [
+          n("strong", null, h(C), 1)
+        ])), 64))
+      ]),
+      n("div", xe, [
+        (i(!0), o(E, null, O(f.value, (C) => (i(), o("div", { key: C }))), 128)),
+        (i(), o(E, null, O(e, (C) => M(Te, {
+          class: "muc-calendar-item",
+          date: v(m.value, C),
+          "show-adjacent-months": y.showAdjacentMonths,
+          onClick: _,
+          key: C
+        }, null, 8, ["date", "show-adjacent-months"])), 64))
+      ])
+    ]));
+  }
+}), Oe = /* @__PURE__ */ F(Ee, [["__scopeId", "data-v-e7805970"]]), Ve = { class: "muc-calendar-container muc-calendar-view-full-size" }, je = ["onClick"], Ye = "short", Re = /* @__PURE__ */ g({
+  __name: "MucCalendarMonth",
+  props: {
+    viewDate: {}
+  },
+  emits: ["clicked"],
+  setup(t, { emit: a }) {
+    const e = t, s = a, l = d(
+      () => Array.from(
+        { length: re },
+        (f, m) => new Date(e.viewDate.getFullYear(), m)
+      )
+    ), c = (f) => f.toLocaleDateString(oe, { month: Ye }), u = (f) => s("clicked", f);
+    return (f, m) => (i(), o("div", Ve, [
+      (i(!0), o(E, null, O(l.value, (_, v) => (i(), o("div", {
+        key: v,
+        class: I([{
+          "muc-calendar-current-item": (/* @__PURE__ */ new Date()).getMonth() === _.getMonth() && (/* @__PURE__ */ new Date()).getFullYear() === _.getFullYear()
+        }, "muc-calendar-item"]),
+        onClick: (y) => u(_)
+      }, [
+        n("p", null, h(c(_)), 1)
+      ], 10, je))), 128))
+    ]));
+  }
+}), He = /* @__PURE__ */ F(Re, [["__scopeId", "data-v-61bf5bda"]]), Pe = { class: "muc-calendar-container muc-calendar-view-full-size" }, Ne = ["onClick"], Ue = "numeric", We = /* @__PURE__ */ g({
+  __name: "MucCalendarYear",
+  props: {
+    viewDate: {}
+  },
+  emits: ["clicked"],
+  setup(t, { emit: a }) {
+    const e = t, s = a, l = d(
+      () => Array.from(
+        { length: re },
+        (f, m) => new Date(
+          e.viewDate.getFullYear() - e.viewDate.getFullYear() % 10 + m,
+          e.viewDate.getMonth()
+        )
+      )
+    ), c = (f) => f.toLocaleDateString(oe, { year: Ue }), u = (f) => s("clicked", f);
+    return (f, m) => (i(), o("div", Pe, [
+      (i(!0), o(E, null, O(l.value, (_, v) => (i(), o("div", {
+        key: v,
+        class: I(["muc-calendar-item", {
+          "muc-calendar-current-item": (/* @__PURE__ */ new Date()).getFullYear() === _.getFullYear()
+        }]),
+        onClick: (y) => u(_)
+      }, h(c(_)), 11, Ne))), 128))
+    ]));
+  }
+}), Ge = /* @__PURE__ */ F(We, [["__scopeId", "data-v-67492bc8"]]), qe = { class: "container-wrapper" }, Ke = { class: "caption" }, Ze = { class: "container-view-size" }, Xe = /* @__PURE__ */ g({
+  __name: "MucCalendar",
+  props: /* @__PURE__ */ V({
+    viewMonth: {},
+    showAdjacentMonths: { type: Boolean, default: !1 },
+    variant: { default: "single" },
+    disabled: { type: Boolean, default: !1 },
+    noAnimation: { type: Boolean, default: !1 },
+    allowedDates: { type: Function, default: () => !0 }
+  }, {
+    modelValue: {
+      default: null
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const a = L(
+      t.viewMonth || new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1)
+    ), e = L("day"), s = L(), l = H(t, "modelValue"), c = d(() => {
+      switch (e.value) {
+        case "day":
+          return a.value.toLocaleDateString("de-De", {
+            month: "long",
+            year: "numeric"
+          });
+        case "month":
+          return a.value.toLocaleDateString("de-De", {
+            year: "numeric"
+          });
+        case "year": {
+          const r = a.value.getFullYear() - a.value.getFullYear() % 10;
+          return `${r} - ${r + 11}`;
+        }
+        default:
+          return "";
+      }
+    }), u = () => {
+      switch (e.value) {
+        case "day":
+          a.value = new Date(
+            a.value.setMonth(a.value.getMonth() - 1)
+          );
+          break;
+        case "month":
+          a.value = new Date(
+            a.value.setFullYear(a.value.getFullYear() - 1)
+          );
+          break;
+        case "year":
+          a.value = new Date(
+            a.value.setFullYear(a.value.getFullYear() - 12)
+          );
+      }
+    }, f = () => {
+      switch (e.value) {
+        case "day":
+          a.value = new Date(
+            a.value.setMonth(a.value.getMonth() + 1)
+          );
+          break;
+        case "month":
+          a.value = new Date(
+            a.value.setFullYear(a.value.getFullYear() + 1)
+          );
+          break;
+        case "year":
+          a.value = new Date(
+            a.value.setFullYear(a.value.getFullYear() + 12)
+          );
+      }
+    }, m = (r) => {
+      console.log(U(l.value)), (Array.isArray(l.value) || U(l.value)) && (l.value = Object.values(l.value)[0]), l.value = l.value === null || !P(l.value, r) ? r : null;
+    }, _ = (r) => {
+      l.value === null ? l.value = [] : l.value instanceof Date ? l.value = [l.value] : U(l.value) && (l.value = [
+        l.value.from,
+        l.value.to
+      ].filter((k) => k !== null)), l.value = l.value.includes(r) ? l.value.filter((k) => k !== r) : [...l.value, r];
+    }, v = (r) => {
+      l.value === null || Array.isArray(l.value) ? l.value = { from: null, to: null } : l.value instanceof Date && (l.value = { from: l.value, to: null }), l.value = !l.value.from || l.value.to ? { from: r, to: null } : J(l.value.from, r) ? { from: r, to: l.value.from } : { from: l.value.from, to: r };
+    }, y = (r) => {
+      if (!t.disabled)
+        switch (t.variant) {
+          case "single":
+            m(r);
+            break;
+          case "multiple":
+            _(r);
+            break;
+          case "range":
+            v(r);
+            break;
+        }
+    }, A = (r) => {
+      s.value = "view-detail", a.value = new Date(r.getFullYear(), r.getMonth()), R();
+    }, C = () => {
+      s.value = "view-broad", e.value === "day" ? e.value = "month" : e.value === "month" && (e.value = "year");
+    }, R = () => {
+      e.value === "year" ? e.value = "month" : e.value === "month" && (e.value = "day");
+    };
+    return ae(ce, {
+      viewDate: a,
+      selectedDate: l,
+      variant: Z(X(() => t.variant)),
+      showAdjacentMonths: Z(X(() => t.showAdjacentMonths)),
+      allowedDates: t.allowedDates
+    }), (r, k) => (i(), o("div", null, [
+      n("div", qe, [
+        n("div", Ke, [
+          M($(Y), {
+            onClick: u,
+            variant: "ghost",
+            icon: "chevron-left"
+          }),
+          M($(Y), {
+            class: "header",
+            variant: "ghost",
+            onClick: C
+          }, {
+            default: T(() => [
+              n("h3", null, h(c.value), 1)
+            ]),
+            _: 1
+          }),
+          M($(Y), {
+            onClick: f,
+            variant: "ghost",
+            icon: "chevron-right"
+          })
+        ]),
+        n("div", Ze, [
+          M(K, {
+            class: "transition",
+            css: !r.noAnimation,
+            name: s.value
+          }, {
+            default: T(() => [
+              e.value === "year" ? (i(), j(Ge, {
+                key: 0,
+                "view-date": a.value,
+                onClicked: A
+              }, null, 8, ["view-date"])) : b("", !0)
+            ]),
+            _: 1
+          }, 8, ["css", "name"]),
+          M(K, {
+            class: "transition",
+            css: !r.noAnimation,
+            name: s.value
+          }, {
+            default: T(() => [
+              e.value === "month" ? (i(), j(He, {
+                key: 0,
+                "view-date": a.value,
+                onClicked: A
+              }, null, 8, ["view-date"])) : b("", !0)
+            ]),
+            _: 1
+          }, 8, ["css", "name"]),
+          M(K, {
+            class: "transition",
+            css: !r.noAnimation,
+            name: s.value
+          }, {
+            default: T(() => [
+              e.value === "day" ? (i(), j(Oe, {
+                key: 0,
+                variant: r.variant,
+                disabled: r.disabled,
+                "show-adjacent-months": r.showAdjacentMonths,
+                "selected-date": l.value,
+                "view-date": a.value,
+                onClicked: y
+              }, null, 8, ["variant", "disabled", "show-adjacent-months", "selected-date", "view-date"])) : b("", !0)
+            ]),
+            _: 1
+          }, 8, ["css", "name"])
+        ])
+      ])
+    ]));
+  }
+}), Je = /* @__PURE__ */ F(Xe, [["__scopeId", "data-v-9744d6fd"]]), Qe = ["aria-label"], et = { class: "m-callout__inner" }, tt = { class: "m-callout__icon" }, at = { class: "m-callout__body" }, nt = { class: "m-callout__body__inner" }, lt = { class: "m-callout__headline" }, st = { class: "m-callout__content" }, it = /* @__PURE__ */ g({
   __name: "MucCallout",
   props: {
     type: { default: "info" }
   },
-  setup(e) {
-    const s = m(() => {
-      switch (e.type) {
+  setup(t) {
+    const a = d(() => {
+      switch (t.type) {
         case "error":
         case "warning":
           return "warning";
@@ -149,8 +461,8 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "information";
       }
-    }), t = m(() => {
-      switch (e.type) {
+    }), e = d(() => {
+      switch (t.type) {
         case "error":
           return "m-callout--error";
         case "warning":
@@ -160,8 +472,8 @@ const _e = ["href"], T = /* @__PURE__ */ p({
         default:
           return "m-callout--default";
       }
-    }), n = m(() => {
-      switch (e.type) {
+    }), s = d(() => {
+      switch (t.type) {
         case "success":
           return "Erfolgreich";
         case "warning":
@@ -172,146 +484,149 @@ const _e = ["href"], T = /* @__PURE__ */ p({
           return "Information";
       }
     });
-    return (o, d) => (l(), i("div", {
-      class: x(["m-callout", t.value]),
-      "aria-label": n.value
+    return (l, c) => (i(), o("div", {
+      class: I(["m-callout", e.value]),
+      "aria-label": s.value
     }, [
-      a("div", Ce, [
-        a("div", we, [
-          g(o.$slots, "icon", {}, () => [
-            M(k(T), { icon: s.value }, null, 8, ["icon"])
+      n("div", et, [
+        n("div", tt, [
+          w(l.$slots, "icon", {}, () => [
+            M($(B), { icon: a.value }, null, 8, ["icon"])
           ], !0)
         ]),
-        a("div", Ae, [
-          a("div", Se, [
-            a("div", Te, [
-              g(o.$slots, "header", {}, void 0, !0)
+        n("div", at, [
+          n("div", nt, [
+            n("div", lt, [
+              w(l.$slots, "header", {}, void 0, !0)
             ]),
-            a("div", Fe, [
-              a("p", null, [
-                g(o.$slots, "content", { class: "m-callout__content" }, void 0, !0)
+            n("div", st, [
+              n("p", null, [
+                w(l.$slots, "content", { class: "m-callout__content" }, void 0, !0)
               ])
             ])
           ])
         ])
       ])
-    ], 10, Me));
+    ], 10, Qe));
   }
-}), xe = /* @__PURE__ */ z(Ie, [["__scopeId", "data-v-71a5ca15"]]), Le = { class: "card-content" }, Be = { class: "card-header" }, Ve = {
+}), ot = /* @__PURE__ */ F(it, [["__scopeId", "data-v-71a5ca15"]]), rt = { class: "card-content" }, ct = { class: "card-header" }, ut = {
   key: 0,
   class: "card-tagline"
-}, ze = /* @__PURE__ */ p({
+}, dt = /* @__PURE__ */ g({
   __name: "MucCard",
   props: {
     title: {},
     tagline: {}
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const t = s;
-    return (n, o) => (l(), i("div", {
+  setup(t, { emit: a }) {
+    const e = a;
+    return (s, l) => (i(), o("div", {
       class: "card",
-      onClick: o[0] || (o[0] = (d) => t("click", d))
+      onClick: l[0] || (l[0] = (c) => e("click", c))
     }, [
-      a("div", Le, [
-        a("div", Be, [
-          g(n.$slots, "headerPrefix", {}, void 0, !0),
-          a("div", null, [
-            n.tagline ? (l(), i("div", Ve, c(n.tagline), 1)) : b("", !0),
-            a("div", null, [
-              a("h3", null, c(n.title), 1)
+      n("div", rt, [
+        n("div", ct, [
+          w(s.$slots, "headerPrefix", {}, void 0, !0),
+          n("div", null, [
+            s.tagline ? (i(), o("div", ut, h(s.tagline), 1)) : b("", !0),
+            n("div", null, [
+              n("h3", null, h(s.title), 1)
             ])
           ])
         ]),
-        o[1] || (o[1] = a("div", { class: "muc-divider" }, null, -1)),
-        g(n.$slots, "content", {}, void 0, !0)
+        l[1] || (l[1] = n("div", { class: "muc-divider" }, null, -1)),
+        w(s.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}), Ee = /* @__PURE__ */ z(ze, [["__scopeId", "data-v-6dbe63e1"]]), Re = { class: "container card-container" }, He = /* @__PURE__ */ p({
+}), mt = /* @__PURE__ */ F(dt, [["__scopeId", "data-v-6dbe63e1"]]), vt = { class: "container card-container" }, ht = /* @__PURE__ */ g({
   __name: "MucCardContainer",
-  setup(e) {
-    return (s, t) => (l(), i("div", Re, [
-      g(s.$slots, "default", {}, void 0, !0)
+  setup(t) {
+    return (a, e) => (i(), o("div", vt, [
+      w(a.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), je = /* @__PURE__ */ z(He, [["__scopeId", "data-v-6740df8f"]]), Oe = { class: "m-comment__head" }, Pe = { class: "m-comment__initials" }, De = { class: "m-comment__info" }, Ge = { class: "m-comment__author" }, Ue = { key: 0 }, We = { class: "m-comment__author" }, Ne = { class: "m-comment__date" }, qe = ["aria-label"], Ze = {
+}), ft = /* @__PURE__ */ F(ht, [["__scopeId", "data-v-6740df8f"]]), pt = { class: "m-comment__head" }, _t = {
+  key: 0,
+  class: "m-comment__initials"
+}, gt = { class: "m-comment__info" }, yt = { class: "m-comment__author" }, kt = { key: 0 }, bt = { class: "m-comment__author" }, Mt = { class: "m-comment__date" }, $t = ["aria-label"], wt = {
   key: 0,
   class: "m-star-rating__item m-star-rating__item--half"
-}, Ke = { class: "m-star-rating__numeric" }, Xe = { class: "m-comment__body" }, Je = { class: "m-comment__headline" }, Qe = { class: "m-comment__text" }, Ye = "de-DE", et = 0.2, tt = 0.8, D = 5, Y = /* @__PURE__ */ p({
+}, At = { class: "m-star-rating__numeric" }, Ct = { class: "m-comment__body" }, Dt = { class: "m-comment__headline" }, St = { class: "m-comment__text" }, It = "de-DE", Ft = 0.2, Tt = 0.8, W = 5, ue = /* @__PURE__ */ g({
   __name: "MucComment",
   props: {
     rating: {},
     variant: { default: "listing" }
   },
-  setup(e) {
-    const s = K(), t = m(() => !!s.date), n = m(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), o = m(() => Math.min(Math.max(e.rating, 0), D)), d = m(() => o.value.toLocaleString(Ye.valueOf(), {
+  setup(t) {
+    const a = ne(), e = d(() => !!a.date), s = d(() => !!a.initials), l = d(() => t.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), c = d(() => Math.min(Math.max(t.rating, 0), W)), u = d(() => c.value.toLocaleString(It.valueOf(), {
       minimumFractionDigits: 1
-    })), u = m(() => {
-      const f = +(o.value % 1).toFixed(1);
-      let C = Math.min(Math.floor(o.value), D), F = Math.floor(D - o.value), v = !1;
-      return f !== 0 && (f <= et ? F++ : f >= tt ? C++ : v = !0), {
-        fullStars: C,
-        emptyStars: F,
-        isHalfStar: v
+    })), f = d(() => {
+      const m = +(c.value % 1).toFixed(1);
+      let _ = Math.min(Math.floor(c.value), W), v = Math.floor(W - c.value), y = !1;
+      return m !== 0 && (m <= Ft ? v++ : m >= Tt ? _++ : y = !0), {
+        fullStars: _,
+        emptyStars: v,
+        isHalfStar: y
       };
     });
-    return (f, C) => (l(), i("div", {
-      class: x(["m-comment", n.value])
+    return (m, _) => (i(), o("div", {
+      class: I(["m-comment", l.value])
     }, [
-      a("div", Oe, [
-        a("div", Pe, [
-          g(f.$slots, "initials")
-        ]),
-        a("div", De, [
-          a("span", Ge, [
-            g(f.$slots, "author")
+      n("div", pt, [
+        s.value ? (i(), o("div", _t, [
+          w(m.$slots, "initials")
+        ])) : b("", !0),
+        n("div", gt, [
+          n("span", yt, [
+            w(m.$slots, "author")
           ]),
-          t.value ? (l(), i("span", Ue, [
-            a("span", We, [
-              C[0] || (C[0] = y("  ")),
-              g(f.$slots, "datePrefix")
+          e.value ? (i(), o("span", kt, [
+            n("span", bt, [
+              _[0] || (_[0] = S("  ")),
+              w(m.$slots, "datePrefix")
             ]),
-            a("span", Ne, [
-              C[1] || (C[1] = y(" ")),
-              g(f.$slots, "date")
+            n("span", Mt, [
+              _[1] || (_[1] = S(" ")),
+              w(m.$slots, "date")
             ])
           ])) : b("", !0),
-          a("div", {
+          n("div", {
             class: "m-star-rating",
             role: "img",
-            "aria-label": `Bewertung: ${f.rating} von ${D} Sternen`
+            "aria-label": `Bewertung: ${m.rating} von ${W} Sternen`
           }, [
-            (l(!0), i(R, null, O(u.value.fullStars, (F) => (l(), i("div", {
-              key: F,
+            (i(!0), o(E, null, O(f.value.fullStars, (v) => (i(), o("div", {
+              key: v,
               class: "m-star-rating__item m-star-rating__item--full"
             }, [
-              M(k(T), { icon: "solid-star" })
+              M($(B), { icon: "solid-star" })
             ]))), 128)),
-            u.value.isHalfStar ? (l(), i("div", Ze, [
-              M(k(T), { icon: "half-star" })
+            f.value.isHalfStar ? (i(), o("div", wt, [
+              M($(B), { icon: "half-star" })
             ])) : b("", !0),
-            (l(!0), i(R, null, O(u.value.emptyStars, (F) => (l(), i("div", {
-              key: F,
+            (i(!0), o(E, null, O(f.value.emptyStars, (v) => (i(), o("div", {
+              key: v,
               class: "m-star-rating__item"
             }, [
-              M(k(T), { icon: "solid-star" })
+              M($(B), { icon: "solid-star" })
             ]))), 128)),
-            a("div", Ke, c(d.value), 1)
-          ], 8, qe)
+            n("div", At, h(u.value), 1)
+          ], 8, $t)
         ])
       ]),
-      a("div", Xe, [
-        a("div", Je, [
-          g(f.$slots, "headline")
+      n("div", Ct, [
+        n("div", Dt, [
+          w(m.$slots, "headline")
         ]),
-        a("div", Qe, [
-          g(f.$slots, "text")
+        n("div", St, [
+          w(m.$slots, "text")
         ])
       ])
     ], 2));
   }
-}), st = " ", at = /* @__PURE__ */ p({
+}), Lt = " ", Bt = /* @__PURE__ */ g({
   __name: "MucCommentText",
   props: {
     datePrefix: { default: "am" },
@@ -323,43 +638,47 @@ const _e = ["href"], T = /* @__PURE__ */ p({
     rating: {},
     variant: { default: "listing" }
   },
-  setup(e) {
-    const s = m(() => ((e.initials ?? e.author.split(st).map((t) => t.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
-    return (t, n) => (l(), G(k(Y), {
-      rating: t.rating,
-      variant: t.variant
-    }, re({
-      initials: B(() => [
-        y(c(s.value), 1)
+  setup(t) {
+    const a = d(() => ((t.initials ?? t.author.split(Lt).map((e) => e.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
+    return (e, s) => (i(), j($(ue), {
+      rating: e.rating,
+      variant: e.variant
+    }, ye({
+      datePrefix: T(() => [
+        s[0] || (s[0] = S("am"))
       ]),
-      datePrefix: B(() => [
-        y(c(t.datePrefix), 1)
+      author: T(() => [
+        S(h(e.author), 1)
       ]),
-      author: B(() => [
-        y(c(t.author), 1)
+      headline: T(() => [
+        S(h(e.headline), 1)
       ]),
-      headline: B(() => [
-        y(c(t.headline), 1)
-      ]),
-      text: B(() => [
-        y(c(t.text), 1)
+      text: T(() => [
+        S(h(e.text), 1)
       ]),
       _: 2
     }, [
-      t.date ? {
-        name: "date",
-        fn: B(() => [
-          y(c(t.date), 1)
+      a.value ? {
+        name: "initials",
+        fn: T(() => [
+          S(h(a.value), 1)
         ]),
         key: "0"
+      } : void 0,
+      e.date ? {
+        name: "date",
+        fn: T(() => [
+          S(h(e.date), 1)
+        ]),
+        key: "1"
       } : void 0
     ]), 1032, ["rating", "variant"]));
   }
-}), lt = {}, nt = { class: "divider-border" };
-function it(e, s) {
-  return l(), i("hr", nt);
+}), xt = {}, zt = { class: "divider-border" };
+function Et(t, a) {
+  return i(), o("hr", zt);
 }
-const ot = /* @__PURE__ */ z(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b"]]), rt = {}, ct = {
+const Ot = /* @__PURE__ */ F(xt, [["render", Et], ["__scopeId", "data-v-a2b37f5b"]]), Vt = {}, jt = {
   "aria-hidden": "true",
   width: "108",
   height: "56",
@@ -367,21 +686,21 @@ const ot = /* @__PURE__ */ z(lt, [["render", it], ["__scopeId", "data-v-a2b37f5b
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ut(e, s) {
-  return l(), i("svg", ct, s[0] || (s[0] = [
-    X('<g clip-path="url(#clip0_875_841)"><path d="M107.655 18.699L106.594 11.0435L98.9873 12.1173" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M106.594 11.0435C106.594 11.0435 94.1981 33.255 58.2578 27.2483" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M85.5371 32.8255C92.2897 31.142 97.5195 28.1144 101.261 25.2393" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M0.344727 45.982C0.344727 45.982 13.4778 24.2 49.1976 31.426" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M22.1184 24.9275C15.3107 26.3755 9.98438 29.2299 6.15332 31.9734" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M68.3603 2.69507H37.1055V55.6536H77.5314V11.9164L68.3603 2.69507Z" fill="#005A9F" stroke="#005A9F" stroke-linecap="round" stroke-linejoin="round"></path><path d="M73.7345 53.3119H33.3086V0.346436H64.5634L73.7345 9.57469V53.3119Z" fill="white" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 14.4868H45.3667" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 21.1584H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 27.8372H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 34.509H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 41.1877H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M73.7346 9.57469H64.5635V0.346436L73.7346 9.57469Z" fill="white" stroke="#005A9F" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_875_841"><rect width="108" height="56" fill="white"></rect></clipPath></defs>', 2)
+function Yt(t, a) {
+  return i(), o("svg", jt, a[0] || (a[0] = [
+    le('<g clip-path="url(#clip0_875_841)"><path d="M107.655 18.699L106.594 11.0435L98.9873 12.1173" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M106.594 11.0435C106.594 11.0435 94.1981 33.255 58.2578 27.2483" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M85.5371 32.8255C92.2897 31.142 97.5195 28.1144 101.261 25.2393" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M0.344727 45.982C0.344727 45.982 13.4778 24.2 49.1976 31.426" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M22.1184 24.9275C15.3107 26.3755 9.98438 29.2299 6.15332 31.9734" stroke="#005A9F" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M68.3603 2.69507H37.1055V55.6536H77.5314V11.9164L68.3603 2.69507Z" fill="#005A9F" stroke="#005A9F" stroke-linecap="round" stroke-linejoin="round"></path><path d="M73.7345 53.3119H33.3086V0.346436H64.5634L73.7345 9.57469V53.3119Z" fill="white" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 14.4868H45.3667" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 21.1584H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 27.8372H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 34.509H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M38.5039 41.1877H68.5391" stroke="#005A9F" stroke-linejoin="round"></path><path d="M73.7346 9.57469H64.5635V0.346436L73.7346 9.57469Z" fill="white" stroke="#005A9F" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_875_841"><rect width="108" height="56" fill="white"></rect></clipPath></defs>', 2)
   ]));
 }
-const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
+const Rt = /* @__PURE__ */ F(Vt, [["render", Yt]]), Ht = {
   key: 0,
-  class: "m-error-message"
-}, ft = {
+  class: "m-error-message drop-zone-error-message"
+}, Pt = {
   key: 1,
-  class: "m-error-message"
-}, ht = {
+  class: "m-error-message drop-zone-error-message"
+}, Nt = {
   key: 2,
-  class: "m-error-message"
-}, vt = /* @__PURE__ */ p({
+  class: "m-error-message drop-zone-error-message"
+}, Ut = /* @__PURE__ */ g({
   __name: "MucFileDropzone",
   props: {
     buttonText: { default: "Upload file" },
@@ -400,151 +719,154 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
      */
     "files"
   ],
-  setup(e, { emit: s }) {
-    const t = s, n = V(!0), o = V(!0), d = V(!0), u = V(!1), f = document.createElement("input");
-    J(() => {
-      f.type = "file", f.multiple = e.multiple, f.onchange = (h) => {
-        const _ = h.target;
-        if (_ != null && _.files && _.files.length > 0) {
-          const I = Array.from(_.files);
-          A(I);
+  setup(t, { emit: a }) {
+    const e = a, s = L(!0), l = L(!0), c = L(!0), u = L(!1), f = document.createElement("input");
+    se(() => {
+      f.type = "file", f.multiple = t.multiple, f.onchange = (r) => {
+        const k = r.target;
+        if (k != null && k.files && k.files.length > 0) {
+          const z = Array.from(k.files);
+          A(z);
         }
       };
-    }), ce(() => {
-      f.multiple = e.multiple;
+    }), ke(() => {
+      f.multiple = t.multiple;
     });
-    const C = () => {
-      e.disabled || f.click();
-    }, F = (h) => {
-      var _;
-      if (!e.disabled) {
+    const m = () => {
+      t.disabled || f.click();
+    }, _ = (r) => {
+      var k;
+      if (!t.disabled) {
         if (!(f != null && f.multiple)) {
-          const I = h.dataTransfer;
-          if (((_ = I == null ? void 0 : I.items) == null ? void 0 : _.length) > 1) {
-            d.value = !1;
+          const z = r.dataTransfer;
+          if (((k = z == null ? void 0 : z.items) == null ? void 0 : k.length) > 1) {
+            c.value = !1;
             return;
           }
         }
         u.value = !0;
       }
     }, v = () => {
-      u.value = !1, d.value = !0;
-    }, w = (h) => {
-      var I;
-      if (e.disabled) return;
-      if (!d.value) {
-        d.value = !0;
+      u.value = !1, c.value = !0;
+    }, y = (r) => {
+      var z;
+      if (t.disabled) return;
+      if (!c.value) {
+        c.value = !0;
         return;
       }
       u.value = !1;
-      const _ = h.dataTransfer;
-      if (((I = _ == null ? void 0 : _.files) == null ? void 0 : I.length) > 0) {
-        const W = Array.from(_.files);
-        A(W);
+      const k = r.dataTransfer;
+      if (((z = k == null ? void 0 : k.files) == null ? void 0 : z.length) > 0) {
+        const q = Array.from(k.files);
+        A(q);
       }
-    }, A = (h) => {
-      n.value = L(h), o.value = U(h), !(!n.value || !o.value) && t("files", h);
-    }, L = (h) => e.maxFileSize ? !h.some((_) => _.size > e.maxFileSize * 1024 * 1024) : !0, U = (h) => e.maxTotalFileSize ? h.reduce((_, I) => _ + (I.size || 0), 0) <= e.maxTotalFileSize * 1024 * 1024 : !0;
-    return (h, _) => (l(), i(R, null, [
-      a("div", {
-        class: x(["drop-zone", {
+    }, A = (r) => {
+      s.value = C(r), l.value = R(r), !(!s.value || !l.value) && e("files", r);
+    }, C = (r) => t.maxFileSize ? !r.some((k) => k.size > t.maxFileSize * 1024 * 1024) : !0, R = (r) => t.maxTotalFileSize ? r.reduce((k, z) => k + (z.size || 0), 0) <= t.maxTotalFileSize * 1024 * 1024 : !0;
+    return (r, k) => (i(), o(E, null, [
+      n("div", {
+        class: I(["drop-zone", {
           "is-dragover": u.value,
-          "is-not-disabled": !h.disabled
+          "is-not-disabled": !r.disabled
         }]),
-        onDragover: j(F, ["prevent"]),
-        onDragleave: j(v, ["prevent"]),
-        onDrop: j(w, ["prevent"]),
-        onClick: C
+        onDragover: N(_, ["prevent"]),
+        onDragleave: N(v, ["prevent"]),
+        onDrop: N(y, ["prevent"]),
+        onClick: m
       }, [
-        M(dt),
-        M(k(P), {
+        M(Rt),
+        M($(Y), {
           variant: "secondary",
           icon: "upload",
-          disabled: h.disabled
+          disabled: r.disabled
         }, {
-          default: B(() => [
-            y(c(h.buttonText), 1)
+          default: T(() => [
+            S(h(r.buttonText), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        a("small", null, c(h.additionalInformation), 1)
+        n("small", null, h(r.additionalInformation), 1)
       ], 34),
-      !n.value && h.maxFileSizeWarning ? (l(), i("span", mt, [
-        M(k(T), { icon: "warning" }),
-        y(" " + c(h.maxFileSizeWarning), 1)
+      !s.value && r.maxFileSizeWarning ? (i(), o("span", Ht, [
+        M($(B), {
+          icon: "warning--filled",
+          class: "icon"
+        }),
+        n("span", null, h(r.maxFileSizeWarning), 1)
       ])) : b("", !0),
-      !o.value && h.maxTotalFileSizeWarning ? (l(), i("span", ft, [
-        M(k(T), { icon: "warning" }),
-        y(" " + c(h.maxTotalFileSizeWarning), 1)
+      !l.value && r.maxTotalFileSizeWarning ? (i(), o("span", Pt, [
+        M($(B), { icon: "warning--filled" }),
+        n("span", null, h(r.maxTotalFileSizeWarning), 1)
       ])) : b("", !0),
-      d.value ? b("", !0) : (l(), i("span", ht, [
-        M(k(T), { icon: "warning" }),
-        y(" " + c(h.invalidAmountWarning), 1)
+      c.value ? b("", !0) : (i(), o("span", Nt, [
+        M($(B), { icon: "warning--filled" }),
+        n("span", null, h(r.invalidAmountWarning), 1)
       ]))
     ], 64));
   }
-}), pt = /* @__PURE__ */ z(vt, [["__scopeId", "data-v-8c3a02f8"]]), _t = ["checked"], gt = { class: "m-label m-checkboxes__label" }, bt = /* @__PURE__ */ p({
+}), Wt = /* @__PURE__ */ F(Ut, [["__scopeId", "data-v-6c7f1541"]]), Gt = ["checked"], qt = { class: "m-label m-checkboxes__label" }, Kt = /* @__PURE__ */ g({
   __name: "MucCheckbox",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     label: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["click"], ["update:modelValue"]),
-  setup(e, { emit: s }) {
-    const t = H(e, "modelValue"), n = s, o = () => {
-      t.value = !t.value, n("click");
+  emits: /* @__PURE__ */ V(["click"], ["update:modelValue"]),
+  setup(t, { emit: a }) {
+    const e = H(t, "modelValue"), s = a, l = () => {
+      e.value = !e.value, s("click");
     };
-    return (d, u) => (l(), i("div", {
+    return (c, u) => (i(), o("div", {
       class: "m-checkboxes__item",
-      onClick: o
+      onClick: l
     }, [
-      a("input", {
+      n("input", {
         class: "m-checkboxes__input",
         name: "checkbox",
         type: "checkbox",
-        checked: t.value,
-        onClick: j(o, ["stop"])
-      }, null, 8, _t),
-      a("label", gt, c(d.label), 1)
+        checked: e.value,
+        onClick: N(l, ["stop"])
+      }, null, 8, Gt),
+      n("label", qt, h(c.label), 1)
     ]));
   }
-}), yt = { class: "m-form-group" }, kt = { class: "m-checkbox-group" }, $t = { class: "m-checkbox-group__legend" }, Mt = { class: "m-checkbox-group__heading" }, Ct = { class: "m-checkboxes m-checkboxes--collapse" }, wt = {
+}), Zt = { class: "m-form-group" }, Xt = { class: "m-checkbox-group" }, Jt = { class: "m-checkbox-group__legend" }, Qt = { class: "m-checkbox-group__heading" }, ea = { class: "m-checkboxes m-checkboxes--collapse" }, ta = {
   "aria-hidden": "true",
   class: "icon icon--after"
-}, At = ["href"], St = /* @__PURE__ */ p({
+}, aa = ["href"], na = /* @__PURE__ */ g({
   __name: "MucCheckboxGroup",
   props: {
     heading: {}
   },
-  setup(e) {
-    const s = V(!0), t = m(() => s.value ? "collapse" : ""), n = m(() => s.value ? "down" : "up"), o = () => s.value = !s.value;
-    return (d, u) => (l(), i("div", yt, [
-      a("fieldset", kt, [
-        a("legend", $t, [
-          a("h3", Mt, c(d.heading), 1)
+  setup(t) {
+    const a = L(!0), e = d(() => a.value ? "collapse" : ""), s = d(() => a.value ? "down" : "up"), l = () => a.value = !a.value;
+    return (c, u) => (i(), o("div", Zt, [
+      n("fieldset", Xt, [
+        n("legend", Jt, [
+          n("h3", Qt, h(c.heading), 1)
         ]),
-        a("div", Ct, [
-          g(d.$slots, "checkboxes"),
-          d.$slots.collapsableCheckboxes ? (l(), i("div", {
+        n("div", ea, [
+          w(c.$slots, "checkboxes"),
+          c.$slots.collapsableCheckboxes ? (i(), o("div", {
             key: 0,
-            class: x(["m-checkboxes__collapse__container", t.value])
+            class: I(["m-checkboxes__collapse__container", e.value])
           }, [
-            g(d.$slots, "collapsableCheckboxes")
+            w(c.$slots, "collapsableCheckboxes")
           ], 2)) : b("", !0),
-          d.$slots.collapsableCheckboxes ? (l(), G(k(P), {
+          c.$slots.collapsableCheckboxes ? (i(), j($(Y), {
             key: 1,
             variant: "ghost",
-            onClick: o,
-            "aria-expanded": !s.value
+            onClick: l,
+            "aria-expanded": !a.value
           }, {
-            default: B(() => [
-              u[0] || (u[0] = a("span", null, "Mehr ", -1)),
-              (l(), i("svg", wt, [
-                a("use", {
-                  href: "#icon-chevron-" + n.value
-                }, null, 8, At)
+            default: T(() => [
+              u[0] || (u[0] = n("span", null, "Mehr ", -1)),
+              (i(), o("svg", ta, [
+                n("use", {
+                  href: "#icon-chevron-" + s.value
+                }, null, 8, aa)
               ]))
             ]),
             _: 1
@@ -553,7 +875,7 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
       ])
     ]));
   }
-}), Tt = ["href", "target"], ee = /* @__PURE__ */ p({
+}), la = ["href", "target"], de = /* @__PURE__ */ g({
   __name: "MucLink",
   props: {
     label: {},
@@ -562,31 +884,31 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
     target: { default: "_blank" },
     noUnderline: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const s = m(
-      () => e.noUnderline ? "m-link--reversed-underline" : ""
+  setup(t) {
+    const a = d(
+      () => t.noUnderline ? "m-link--reversed-underline" : ""
     );
-    return (t, n) => (l(), i("a", {
-      href: t.href,
-      target: t.target,
-      class: x(["m-link", s.value])
+    return (e, s) => (i(), o("a", {
+      href: e.href,
+      target: e.target,
+      class: I(["m-link", a.value])
     }, [
-      y(c(t.label) + " ", 1),
-      g(t.$slots, "icon", {}, () => [
-        t.icon ? (l(), G(k(T), {
+      S(h(e.label) + " ", 1),
+      w(e.$slots, "icon", {}, () => [
+        e.icon ? (i(), j($(B), {
           key: 0,
-          icon: t.icon,
+          icon: e.icon,
           class: "icon icon--after"
         }, null, 8, ["icon"])) : b("", !0)
       ])
-    ], 10, Tt));
+    ], 10, la));
   }
-}), Ft = { class: "grid" }, It = { class: "grid-item" }, xt = { tabindex: "0" }, Lt = {
+}), sa = { class: "grid" }, ia = { class: "grid-item" }, oa = { tabindex: "0" }, ra = {
   class: "centered-text-number",
   style: { color: "var(--color-brand-main-blue)" }
-}, Bt = { class: "visually-hidden" }, Vt = { class: "grid-item centered-text-label" }, zt = { key: 0 }, Et = { key: 1 }, Rt = /* @__PURE__ */ p({
+}, ca = { class: "visually-hidden" }, ua = { class: "grid-item centered-text-label" }, da = { key: 0 }, ma = { key: 1 }, va = /* @__PURE__ */ g({
   __name: "MucCounter",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     label: {},
     min: {},
     max: {},
@@ -597,120 +919,120 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const s = H(e, "modelValue");
-    N(
-      () => e.min,
+  setup(t) {
+    const a = H(t, "modelValue");
+    G(
+      () => t.min,
       () => {
-        e.min && s.value < e.min && (s.value = e.min);
+        t.min && a.value < t.min && (a.value = t.min);
       }
-    ), N(
-      () => e.max,
+    ), G(
+      () => t.max,
       () => {
-        e.max && s.value > e.max && (s.value = e.max);
+        t.max && a.value > t.max && (a.value = t.max);
       }
     );
-    const t = () => s.value++, n = () => s.value--, o = m(
-      () => !!e.max && !(s.value < e.max) || e.disabled
-    ), d = m(
-      () => s.value == 0 || !!e.min && !(s.value > e.min) || e.disabled
+    const e = () => a.value++, s = () => a.value--, l = d(
+      () => !!t.max && !(a.value < t.max) || t.disabled
+    ), c = d(
+      () => a.value == 0 || !!t.min && !(a.value > t.min) || t.disabled
     );
-    return (u, f) => (l(), i("div", Ft, [
-      a("div", It, [
-        M(k(P), {
-          onClick: n,
+    return (u, f) => (i(), o("div", sa, [
+      n("div", ia, [
+        M($(Y), {
+          onClick: s,
           variant: "secondary",
-          disabled: d.value,
-          "aria-label": "Anzahl " + u.label + " reduzieren auf " + (s.value - 1)
+          disabled: c.value,
+          "aria-label": "Anzahl " + u.label + " reduzieren auf " + (a.value - 1)
         }, {
-          default: B(() => [
-            M(k(T), { icon: "minus" })
+          default: T(() => [
+            M($(B), { icon: "minus" })
           ]),
           _: 1
         }, 8, ["disabled", "aria-label"]),
-        a("p", xt, [
-          a("strong", Lt, [
-            a("span", Bt, " Aktuell ausgewählte Anzahl für " + c(u.label) + " ist", 1),
-            y(" " + c(s.value), 1)
+        n("p", oa, [
+          n("strong", ra, [
+            n("span", ca, " Aktuell ausgewählte Anzahl für " + h(u.label) + " ist", 1),
+            S(" " + h(a.value), 1)
           ])
         ]),
-        M(k(P), {
-          onClick: t,
+        M($(Y), {
+          onClick: e,
           variant: "secondary",
-          disabled: o.value,
-          "aria-label": "Anzahl " + u.label + " erhöhen auf " + (s.value + 1)
+          disabled: l.value,
+          "aria-label": "Anzahl " + u.label + " erhöhen auf " + (a.value + 1)
         }, {
-          default: B(() => [
-            M(k(T), { icon: "plus" })
+          default: T(() => [
+            M($(B), { icon: "plus" })
           ]),
           _: 1
         }, 8, ["disabled", "aria-label"])
       ]),
-      a("div", Vt, [
-        u.link ? (l(), i("p", zt, [
-          a("label", null, [
-            M(k(ee), {
+      n("div", ua, [
+        u.link ? (i(), o("p", da, [
+          n("label", null, [
+            M($(de), {
               tabindex: "0",
               label: u.label,
               href: u.link
             }, null, 8, ["label", "href"])
           ])
-        ])) : (l(), i("p", Et, [
-          a("label", null, c(u.label), 1)
+        ])) : (i(), o("p", ma, [
+          n("label", null, h(u.label), 1)
         ]))
       ])
     ]));
   }
-}), Ht = /* @__PURE__ */ z(Rt, [["__scopeId", "data-v-e3bbeec7"]]), jt = {
+}), ha = /* @__PURE__ */ F(va, [["__scopeId", "data-v-e3bbeec7"]]), fa = {
   class: "m-error-list",
   role: "alert",
   tabindex: "-1"
-}, Ot = { class: "m-error-list__title" }, Pt = { class: "m-error-list__body" }, Dt = { class: "m-list m-error-list__list" }, Gt = "Ein Fehler ist aufgetreten!", Ut = /* @__PURE__ */ p({
+}, pa = { class: "m-error-list__title" }, _a = { class: "m-error-list__body" }, ga = { class: "m-list m-error-list__list" }, ya = "Ein Fehler ist aufgetreten!", ka = /* @__PURE__ */ g({
   __name: "MucErrorList",
   props: {
-    title: { default: () => Gt },
+    title: { default: () => ya },
     errors: {}
   },
-  setup(e) {
-    const s = m(
-      () => typeof e.errors == "string" ? [e.errors] : e.errors
+  setup(t) {
+    const a = d(
+      () => typeof t.errors == "string" ? [t.errors] : t.errors
     );
-    return (t, n) => (l(), i("div", jt, [
-      a("h2", Ot, c(t.title), 1),
-      a("div", Pt, [
-        a("ul", Dt, [
-          (l(!0), i(R, null, O(s.value, (o, d) => (l(), i("li", { key: d }, [
-            a("a", null, c(o), 1)
+    return (e, s) => (i(), o("div", fa, [
+      n("h2", pa, h(e.title), 1),
+      n("div", _a, [
+        n("ul", ga, [
+          (i(!0), o(E, null, O(a.value, (l, c) => (i(), o("li", { key: c }, [
+            n("a", null, h(l), 1)
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Wt = {
+}), ba = {
   for: "search-input",
   class: "m-label"
-}, Nt = {
+}, Ma = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, qt = {
+}, $a = {
   id: "text-input-error",
   class: "m-error-message"
-}, Zt = { class: "m-input-wrapper m-autocomplete" }, Kt = {
+}, wa = { class: "m-input-wrapper m-autocomplete" }, Aa = {
   key: 0,
   class: "m-input__prefix"
-}, Xt = ["type", "aria-describedby", "placeholder", "required"], Jt = {
+}, Ca = ["type", "aria-describedby", "placeholder", "required"], Da = {
   key: 1,
   class: "autocomplete-result-list autocomplete-result-list--location"
-}, Qt = ["onClick"], Yt = {
+}, Sa = ["onClick"], Ia = {
   "aria-hidden": "true",
   class: "icon"
-}, es = ["xlink:href"], ts = {
+}, Fa = ["xlink:href"], Ta = {
   class: "m-hint",
   id: "text-input-hint"
-}, ss = /* @__PURE__ */ p({
+}, La = /* @__PURE__ */ g({
   __name: "MucInput",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     errorMsg: {},
     placeholder: {},
     required: { type: Boolean, default: !1 },
@@ -723,69 +1045,69 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["suffixClick"], ["update:modelValue"]),
-  setup(e, { emit: s }) {
-    const t = H(e, "modelValue"), n = K(), o = s, d = m(() => e.errorMsg ? "has-error" : ""), u = m(() => e.type === "search"), f = m(() => {
-      if (t.value === "") return [];
-      const v = t.value.toLowerCase();
-      return e.dataList.filter(
-        (w) => w.toLowerCase().startsWith(v) && w.toLowerCase() !== v
+  emits: /* @__PURE__ */ V(["suffixClick"], ["update:modelValue"]),
+  setup(t, { emit: a }) {
+    const e = H(t, "modelValue"), s = ne(), l = a, c = d(() => t.errorMsg ? "has-error" : ""), u = d(() => t.type === "search"), f = d(() => {
+      if (e.value === "") return [];
+      const v = e.value.toLowerCase();
+      return t.dataList.filter(
+        (y) => y.toLowerCase().startsWith(v) && y.toLowerCase() !== v
       );
-    }), C = (v) => t.value = v, F = () => o("suffixClick");
-    return (v, w) => (l(), i("div", {
-      class: x(["m-form-group", d.value])
+    }), m = (v) => e.value = v, _ = () => l("suffixClick");
+    return (v, y) => (i(), o("div", {
+      class: I(["m-form-group", c.value])
     }, [
-      a("label", Wt, [
-        y(c(v.label) + " ", 1),
-        v.required ? (l(), i("span", Nt, w[1] || (w[1] = [
-          y(" * "),
-          a("span", { class: "visually-hidden" }, "(erforderlich)", -1)
+      n("label", ba, [
+        S(h(v.label) + " ", 1),
+        v.required ? (i(), o("span", Ma, y[1] || (y[1] = [
+          S(" * "),
+          n("span", { class: "visually-hidden" }, "(erforderlich)", -1)
         ]))) : b("", !0)
       ]),
-      a("p", qt, c(v.errorMsg), 1),
-      a("div", Zt, [
-        n.prefix ? (l(), i("div", Kt, [
-          a("span", null, [
-            g(v.$slots, "prefix")
+      n("p", $a, h(v.errorMsg), 1),
+      n("div", wa, [
+        s.prefix ? (i(), o("div", Aa, [
+          n("span", null, [
+            w(v.$slots, "prefix")
           ])
         ])) : b("", !0),
-        q(a("input", {
+        Q(n("input", {
           class: "m-input autocomplete-input",
           type: v.type,
-          "onUpdate:modelValue": w[0] || (w[0] = (A) => t.value = A),
+          "onUpdate:modelValue": y[0] || (y[0] = (A) => e.value = A),
           "aria-describedby": v.type + "-input",
           placeholder: v.placeholder,
           required: v.required
-        }, null, 8, Xt), [
-          [ue, t.value]
+        }, null, 8, Ca), [
+          [be, e.value]
         ]),
-        u.value && f.value.length !== 0 ? (l(), i("ul", Jt, [
-          (l(!0), i(R, null, O(f.value, (A) => (l(), i("li", {
+        u.value && f.value.length !== 0 ? (i(), o("ul", Da, [
+          (i(!0), o(E, null, O(f.value, (A) => (i(), o("li", {
             class: "autocomplete-result",
             key: A,
-            onClick: (L) => C(A)
-          }, c(A), 9, Qt))), 128))
+            onClick: (C) => m(A)
+          }, h(A), 9, Sa))), 128))
         ])) : b("", !0),
-        v.suffixIcon ? (l(), i("button", {
+        v.suffixIcon ? (i(), o("button", {
           key: 2,
           class: "m-input__suffix",
-          onClick: F
+          onClick: _
         }, [
-          (l(), i("svg", Yt, [
-            a("use", {
+          (i(), o("svg", Ia, [
+            n("use", {
               "xlink:href": "#icon-" + v.suffixIcon
-            }, null, 8, es)
+            }, null, 8, Fa)
           ])),
-          w[2] || (w[2] = a("span", { class: "visually-hidden" }, "Suchen", -1))
+          y[2] || (y[2] = n("span", { class: "visually-hidden" }, "Suchen", -1))
         ])) : b("", !0)
       ]),
-      a("p", ts, c(v.hint), 1)
+      n("p", Ta, h(v.hint), 1)
     ], 2));
   }
-}), te = Symbol("mucRadioGroup"), as = {
+}), me = Symbol("mucRadioGroup"), Ba = {
   key: 0,
   class: "m-radios__item"
-}, ls = ["checked", "disabled"], ns = { class: "m-hint" }, is = /* @__PURE__ */ p({
+}, xa = ["checked", "disabled"], za = { class: "m-hint" }, Ea = /* @__PURE__ */ g({
   __name: "MucRadioButton",
   props: {
     value: {},
@@ -793,87 +1115,87 @@ const dt = /* @__PURE__ */ z(rt, [["render", ut]]), mt = {
     hint: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const s = de(te), t = () => s == null ? void 0 : s.set(e.value), n = m(() => (s == null ? void 0 : s.modelValue.value) === e.value), o = m(() => e.disabled || (s == null ? void 0 : s.disabled.value)), d = m(() => (s == null ? void 0 : s.disabled) ?? !1);
-    return (u, f) => d.value ? (l(), i("div", as, [
-      a("input", {
+  setup(t) {
+    const a = te(me), e = () => a == null ? void 0 : a.set(t.value), s = d(() => (a == null ? void 0 : a.modelValue.value) === t.value), l = d(() => t.disabled || (a == null ? void 0 : a.disabled.value)), c = d(() => (a == null ? void 0 : a.disabled) ?? !1);
+    return (u, f) => c.value ? (i(), o("div", Ba, [
+      n("input", {
         class: "m-radios__input",
         type: "radio",
-        checked: n.value,
-        disabled: o.value,
-        onClick: j(t, ["stop"])
-      }, null, 8, ls),
-      a("label", {
+        checked: s.value,
+        disabled: l.value,
+        onClick: N(e, ["stop"])
+      }, null, 8, xa),
+      n("label", {
         class: "m-label m-radios__label",
-        onClick: t
+        onClick: e
       }, [
-        y(c(u.label) + " ", 1),
-        a("span", ns, c(u.hint), 1)
+        S(h(u.label) + " ", 1),
+        n("span", za, h(u.hint), 1)
       ])
     ])) : b("", !0);
   }
-}), os = { class: "m-form-group" }, rs = { class: "m-radio-group" }, cs = { class: "m-radio-group__legend" }, us = { class: "m-radio-group__heading" }, ds = { class: "m-radios" }, ms = /* @__PURE__ */ p({
+}), Oa = { class: "m-form-group" }, Va = { class: "m-radio-group" }, ja = { class: "m-radio-group__legend" }, Ya = { class: "m-radio-group__heading" }, Ra = { class: "m-radios" }, Ha = /* @__PURE__ */ g({
   __name: "MucRadioButtonGroup",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     heading: {},
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: [Boolean, String, Array, Object, Number, null] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["change"], ["update:modelValue"]),
-  setup(e, { emit: s }) {
-    const t = H(e, "modelValue"), n = s;
-    return me(te, {
-      set: (o) => {
-        n("change", o), t.value = o;
+  emits: /* @__PURE__ */ V(["change"], ["update:modelValue"]),
+  setup(t, { emit: a }) {
+    const e = H(t, "modelValue"), s = a;
+    return ae(me, {
+      set: (l) => {
+        s("change", l), e.value = l;
       },
-      modelValue: t,
-      disabled: fe(he(() => e.disabled))
-    }), (o, d) => (l(), i("div", os, [
-      a("fieldset", rs, [
-        a("legend", cs, [
-          a("h3", us, c(o.heading), 1)
+      modelValue: e,
+      disabled: Z(X(() => t.disabled))
+    }), (l, c) => (i(), o("div", Oa, [
+      n("fieldset", Va, [
+        n("legend", ja, [
+          n("h3", Ya, h(l.heading), 1)
         ]),
-        a("div", ds, [
-          g(o.$slots, "default")
+        n("div", Ra, [
+          w(l.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function fs(e, s) {
-  if (!e) return;
-  const t = (n) => {
-    n.target !== e.value && n.composedPath().includes(e.value) || typeof s == "function" && s();
+function Pa(t, a) {
+  if (!t) return;
+  const e = (s) => {
+    s.target !== t.value && s.composedPath().includes(t.value) || typeof a == "function" && a();
   };
-  return J(() => {
-    window.addEventListener("click", t);
-  }), ve(() => {
-    window.removeEventListener("click", t);
-  }), { listener: t };
+  return se(() => {
+    window.addEventListener("click", e);
+  }), Me(() => {
+    window.removeEventListener("click", e);
+  }), { listener: e };
 }
-const hs = /* @__PURE__ */ p({
+const Na = /* @__PURE__ */ g({
   __name: "MucSelectItem",
   props: {
     item: {},
     itemLabel: {}
   },
-  setup(e) {
-    const s = m(
-      () => typeof e.item == "string" ? e.item : e.item[e.itemLabel].toString()
+  setup(t) {
+    const a = d(
+      () => typeof t.item == "string" ? t.item : t.item[t.itemLabel].toString()
     );
-    return (t, n) => (l(), i("span", null, c(s.value), 1));
+    return (e, s) => (i(), o("span", null, h(a.value), 1));
   }
-}), vs = { class: "m-label" }, ps = ["onMouseenter", "onClick"], _s = {
+}), Ua = { class: "m-label" }, Wa = ["onMouseenter", "onClick"], Ga = {
   key: 0,
   class: "option"
-}, gs = {
+}, qa = {
   key: 0,
   class: "m-hint"
-}, bs = /* @__PURE__ */ p({
+}, Ka = /* @__PURE__ */ g({
   __name: "MucSelect",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     items: {},
     label: {},
     hint: {},
@@ -887,110 +1209,110 @@ const hs = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const s = pe("selectComponent"), t = H(
-      e,
+  setup(t) {
+    const a = $e("selectComponent"), e = H(
+      t,
       "modelValue"
-    ), n = V(!1), o = V(), d = V(!1), u = V(), f = () => {
-      n.value = !n.value, u.value = o.value;
-    }, C = () => {
-      n.value = !0, u.value = o.value, L.value = "";
+    ), s = L(!1), l = L(), c = L(!1), u = L(), f = () => {
+      s.value = !s.value, u.value = l.value;
+    }, m = () => {
+      s.value = !0, u.value = l.value, C.value = "";
     };
-    fs(s, () => {
-      n.value = !1, L.value = A.value;
+    Pa(a, () => {
+      s.value = !1, C.value = A.value;
     });
-    const F = (r) => {
-      o.value = r, e.multiple ? w(r) : v(r), e.multiple || (n.value = !1);
-    }, v = (r) => {
-      Array.isArray(t.value) && (t.value = t.value.join(" ")), typeof t.value != "string" && typeof r != "string" ? t.value = t.value[e.itemTitle] === r[e.itemTitle] ? "" : r : t.value = t.value === r ? "" : r;
-    }, w = (r) => {
-      Array.isArray(t.value) || (t.value = [t.value]), Array.isArray(t.value) && (typeof r == "string" ? t.value = t.value.map(($) => $).includes(r) ? t.value.filter(($) => $ !== r) : [...t.value, r] : t.value = t.value.map(($) => $[e.itemTitle]).includes(r[e.itemTitle]) ? t.value.filter(
-        ($) => $[e.itemTitle] !== r[e.itemTitle]
-      ) : [...t.value, r]);
-    }, A = m(() => typeof t.value == "string" ? t.value : Array.isArray(t.value) ? t.value.every((r) => typeof r == "string") ? t.value.join(e.multiple ? ", " : " ") : t.value.map((r) => r[e.itemTitle].toString()).join(e.multiple ? ", " : " ") : t.value[e.itemTitle].toString());
-    N(A, (r) => {
-      L.value = r;
+    const _ = (p) => {
+      l.value = p, t.multiple ? y(p) : v(p), t.multiple || (s.value = !1);
+    }, v = (p) => {
+      Array.isArray(e.value) && (e.value = e.value.join(" ")), typeof e.value != "string" && typeof p != "string" ? e.value = e.value[t.itemTitle] === p[t.itemTitle] ? "" : p : e.value = e.value === p ? "" : p;
+    }, y = (p) => {
+      Array.isArray(e.value) || (e.value = [e.value]), Array.isArray(e.value) && (typeof p == "string" ? e.value = e.value.map((D) => D).includes(p) ? e.value.filter((D) => D !== p) : [...e.value, p] : e.value = e.value.map((D) => D[t.itemTitle]).includes(p[t.itemTitle]) ? e.value.filter(
+        (D) => D[t.itemTitle] !== p[t.itemTitle]
+      ) : [...e.value, p]);
+    }, A = d(() => typeof e.value == "string" ? e.value : Array.isArray(e.value) ? e.value.every((p) => typeof p == "string") ? e.value.join(t.multiple ? ", " : " ") : e.value.map((p) => p[t.itemTitle].toString()).join(t.multiple ? ", " : " ") : e.value[t.itemTitle].toString());
+    G(A, (p) => {
+      C.value = p;
     });
-    const L = V(A.value), U = m(
-      () => L.value == A.value ? e.items : h(L.value)
-    ), h = (r) => {
-      d.value = !1;
-      const $ = e.items.every((S) => typeof S == "string") ? e.items.filter((S) => S.toLowerCase().includes(r.toLowerCase())) : e.items.filter(
-        (S) => S[e.itemTitle].toString().toLowerCase().includes(r.toLowerCase())
+    const C = L(A.value), R = d(
+      () => C.value == A.value ? t.items : r(C.value)
+    ), r = (p) => {
+      c.value = !1;
+      const D = t.items.every((x) => typeof x == "string") ? t.items.filter((x) => x.toLowerCase().includes(p.toLowerCase())) : t.items.filter(
+        (x) => x[t.itemTitle].toString().toLowerCase().includes(p.toLowerCase())
       );
-      return $.length === 0 && (d.value = !0), $;
-    }, _ = (r) => r === u.value ? "active" : "", I = (r) => {
-      if (typeof r == "string")
-        return t.value.includes(r) ? "selected" : "";
-      if (Array.isArray(t.value))
-        return t.value.map(($) => $[e.itemTitle]).includes(r[e.itemTitle]) ? "selected" : "";
-      if (typeof t.value != "string")
-        return t.value[e.itemTitle] === r[e.itemTitle] ? "selected" : "";
-    }, W = () => u.value = "", se = m(
-      () => n.value ? "display-listbox" : ""
-    ), ae = m(
-      () => e.multiple && !d.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
+      return D.length === 0 && (c.value = !0), D;
+    }, k = (p) => p === u.value ? "active" : "", z = (p) => {
+      if (typeof p == "string")
+        return e.value.includes(p) ? "selected" : "";
+      if (Array.isArray(e.value))
+        return e.value.map((D) => D[t.itemTitle]).includes(p[t.itemTitle]) ? "selected" : "";
+      if (typeof e.value != "string")
+        return e.value[t.itemTitle] === p[t.itemTitle] ? "selected" : "";
+    }, q = () => u.value = "", ve = d(
+      () => s.value ? "display-listbox" : ""
+    ), he = d(
+      () => t.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
     );
-    return (r, $) => (l(), i("div", {
+    return (p, D) => (i(), o("div", {
       class: "m-form-group",
       ref_key: "selectComponent",
-      ref: s
+      ref: a
     }, [
-      a("label", vs, c(r.label), 1),
-      a("div", {
-        class: x(["m-input-wrapper", ae.value])
+      n("label", Ua, h(p.label), 1),
+      n("div", {
+        class: I(["m-input-wrapper", he.value])
       }, [
-        q(a("input", {
+        Q(n("input", {
           type: "text",
           class: "m-input m-combobox m-combobox--single",
-          "onUpdate:modelValue": $[0] || ($[0] = (S) => L.value = S),
-          onClick: C
+          "onUpdate:modelValue": D[0] || (D[0] = (x) => C.value = x),
+          onClick: m
         }, null, 512), [
-          [Q, L.value]
+          [ie, C.value]
         ]),
-        a("span", {
+        n("span", {
           class: "m-input__trigger",
           onClick: f
-        }, $[1] || ($[1] = [
-          a("svg", {
+        }, D[1] || (D[1] = [
+          n("svg", {
             "aria-hidden": "true",
             class: "icon"
           }, [
-            a("use", { "xlink:href": "#icon-chevron-down" })
+            n("use", { "xlink:href": "#icon-chevron-down" })
           ], -1),
-          a("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)
+          n("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)
         ])),
-        a("ul", {
-          class: x(["listbox", se.value]),
-          onMouseleave: W
+        n("ul", {
+          class: I(["listbox", ve.value]),
+          onMouseleave: q
         }, [
-          (l(!0), i(R, null, O(U.value, (S, le) => (l(), i("li", {
-            key: le,
-            class: x(["option", [_(S), I(S)]]),
-            onMouseenter: (ne) => u.value = S,
-            onClick: (ne) => F(S)
+          (i(!0), o(E, null, O(R.value, (x, fe) => (i(), o("li", {
+            key: fe,
+            class: I(["option", [k(x), z(x)]]),
+            onMouseenter: (pe) => u.value = x,
+            onClick: (pe) => _(x)
           }, [
-            M(hs, {
-              item: S,
-              "item-label": r.itemTitle
+            M(Na, {
+              item: x,
+              "item-label": p.itemTitle
             }, null, 8, ["item", "item-label"])
-          ], 42, ps))), 128)),
-          d.value ? (l(), i("li", _s, c(r.noItemFoundMessage), 1)) : b("", !0)
+          ], 42, Wa))), 128)),
+          c.value ? (i(), o("li", Ga, h(p.noItemFoundMessage), 1)) : b("", !0)
         ], 34)
       ], 2),
-      r.hint ? (l(), i("p", gs, c(r.hint), 1)) : b("", !0)
+      p.hint ? (i(), o("p", qa, h(p.hint), 1)) : b("", !0)
     ], 512));
   }
-}), ys = /* @__PURE__ */ z(bs, [["__scopeId", "data-v-a65ab70d"]]), ks = { class: "m-form-group has-error" }, $s = {
+}), Za = /* @__PURE__ */ F(Ka, [["__scopeId", "data-v-a65ab70d"]]), Xa = { class: "m-form-group has-error" }, Ja = {
   for: "textarea",
   class: "m-label"
-}, Ms = {
+}, Qa = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, Cs = { class: "m-error-message" }, ws = { class: "m-input-wrapper" }, As = ["rows", "placeholder"], Ss = { class: "m-hint" }, Ts = /* @__PURE__ */ p({
+}, en = { class: "m-error-message" }, tn = { class: "m-input-wrapper" }, an = ["rows", "placeholder"], nn = { class: "m-hint" }, ln = /* @__PURE__ */ g({
   __name: "MucTextArea",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     errorMsg: {},
     rows: { default: 3 },
     placeholder: {},
@@ -1002,144 +1324,216 @@ const hs = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const s = H(e, "modelValue");
-    return (t, n) => (l(), i("div", ks, [
-      a("label", $s, [
-        y(c(t.label) + " ", 1),
-        t.required ? (l(), i("span", Ms, n[1] || (n[1] = [
-          y(" * "),
-          a("span", { class: "visually-hidden" }, "(erforderlich)", -1)
+  setup(t) {
+    const a = H(t, "modelValue");
+    return (e, s) => (i(), o("div", Xa, [
+      n("label", Ja, [
+        S(h(e.label) + " ", 1),
+        e.required ? (i(), o("span", Qa, s[1] || (s[1] = [
+          S(" * "),
+          n("span", { class: "visually-hidden" }, "(erforderlich)", -1)
         ]))) : b("", !0)
       ]),
-      a("p", Cs, c(t.errorMsg), 1),
-      a("div", ws, [
-        q(a("textarea", {
+      n("p", en, h(e.errorMsg), 1),
+      n("div", tn, [
+        Q(n("textarea", {
           class: "m-textarea",
-          rows: t.rows,
+          rows: e.rows,
           "aria-describedby": "textarea input",
-          placeholder: t.placeholder,
-          "onUpdate:modelValue": n[0] || (n[0] = (o) => s.value = o)
-        }, null, 8, As), [
-          [Q, s.value]
+          placeholder: e.placeholder,
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => a.value = l)
+        }, null, 8, an), [
+          [ie, a.value]
         ])
       ]),
-      a("p", Ss, c(t.hint), 1)
+      n("p", nn, h(e.hint), 1)
     ]));
   }
-}), Fs = {
+}), sn = {
   class: "m-intro m-intro-static-image",
   style: { "background-color": "var(--color-neutrals-blue-xlight)" }
-}, Is = { class: "container" }, xs = { class: "muc-intro-content" }, Ls = {
+}, on = { class: "container" }, rn = { class: "muc-intro-content" }, cn = {
   key: 0,
   class: "m-intro-vertical__tagline"
-}, Bs = { class: "m-intro-vertical__title" }, Vs = {
+}, un = { class: "m-intro-vertical__title" }, dn = {
   key: 0,
   class: "muc-divider"
-}, zs = { class: "m-intro-vertical__content" }, Es = { style: { "padding-bottom": "32px" } }, Rs = /* @__PURE__ */ p({
+}, mn = { class: "m-intro-vertical__content" }, vn = { style: { "padding-bottom": "32px" } }, hn = /* @__PURE__ */ g({
   __name: "MucIntro",
   props: {
     title: {},
     tagline: {},
     divider: { type: Boolean }
   },
-  setup(e) {
-    return (s, t) => (l(), i("div", Fs, [
-      a("div", Is, [
-        a("div", xs, [
-          a("div", null, [
-            s.tagline ? (l(), i("p", Ls, c(s.tagline), 1)) : b("", !0),
-            a("h1", Bs, c(s.title), 1)
+  setup(t) {
+    return (a, e) => (i(), o("div", sn, [
+      n("div", on, [
+        n("div", rn, [
+          n("div", null, [
+            a.tagline ? (i(), o("p", cn, h(a.tagline), 1)) : b("", !0),
+            n("h1", un, h(a.title), 1)
           ]),
-          s.divider ? (l(), i("div", Vs)) : b("", !0),
-          a("div", zs, [
-            a("p", Es, [
-              g(s.$slots, "default", {}, void 0, !0)
+          a.divider ? (i(), o("div", dn)) : b("", !0),
+          n("div", mn, [
+            n("p", vn, [
+              w(a.$slots, "default", {}, void 0, !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Hs = /* @__PURE__ */ z(Rs, [["__scopeId", "data-v-5c768acc"]]), js = ["width", "height"], Os = {
+}), fn = /* @__PURE__ */ F(hn, [["__scopeId", "data-v-5c768acc"]]), pn = ["width", "height"], _n = {
   x: "100",
   y: "108",
   "text-anchor": "middle",
   fill: "#3a5368",
   "font-size": "24",
   "font-weight": "bold"
-}, Ps = /* @__PURE__ */ p({
+}, gn = /* @__PURE__ */ g({
   __name: "MucPercentageSpinner",
   props: {
     size: { default: "300" },
     percentage: {}
   },
-  setup(e) {
-    const s = m(() => e.percentage || e.percentage === 0 ? e.percentage < 0 ? "0%" : e.percentage > 100 ? "100%" : Math.round(e.percentage) + "%" : "");
-    return (t, n) => (l(), i("svg", {
+  setup(t) {
+    const a = d(() => t.percentage || t.percentage === 0 ? t.percentage < 0 ? "0%" : t.percentage > 100 ? "100%" : Math.round(t.percentage) + "%" : "");
+    return (e, s) => (i(), o("svg", {
       xmlns: "http://www.w3.org/2000/svg",
-      width: t.size,
-      height: t.size,
+      width: e.size,
+      height: e.size,
       viewBox: "-10 -10 220 220",
       fill: "none",
       color: "#005a9f"
     }, [
-      n[0] || (n[0] = X('<defs><linearGradient id="spinner-firstHalf"><stop offset="0%" stop-opacity="1" stop-color="currentColor"></stop><stop offset="100%" stop-opacity="0.5" stop-color="currentColor"></stop></linearGradient><linearGradient id="spinner-secondHalf"><stop offset="0%" stop-opacity="0" stop-color="currentColor"></stop><stop offset="100%" stop-opacity="0.5" stop-color="currentColor"></stop></linearGradient></defs><g stroke-width="12"><path stroke="url(#spinner-firstHalf)" d="M 4 100 A 96 96 0 0 1 196 100"></path><path stroke="url(#spinner-secondHalf)" d="M 196 100 A 96 96 0 0 1 4 100"></path><animateTransform from="90 100 100" to="450 100 100" attributeName="transform" type="rotate" repeatCount="indefinite" dur="2300ms"></animateTransform></g>', 2)),
-      a("text", Os, c(s.value), 1)
-    ], 8, js));
+      s[0] || (s[0] = le('<defs><linearGradient id="spinner-firstHalf"><stop offset="0%" stop-opacity="1" stop-color="currentColor"></stop><stop offset="100%" stop-opacity="0.5" stop-color="currentColor"></stop></linearGradient><linearGradient id="spinner-secondHalf"><stop offset="0%" stop-opacity="0" stop-color="currentColor"></stop><stop offset="100%" stop-opacity="0.5" stop-color="currentColor"></stop></linearGradient></defs><g stroke-width="12"><path stroke="url(#spinner-firstHalf)" d="M 4 100 A 96 96 0 0 1 196 100"></path><path stroke="url(#spinner-secondHalf)" d="M 196 100 A 96 96 0 0 1 4 100"></path><animateTransform from="90 100 100" to="450 100 100" attributeName="transform" type="rotate" repeatCount="indefinite" dur="2300ms"></animateTransform></g>', 2)),
+      n("text", _n, h(a.value), 1)
+    ], 8, pn));
+  }
+}), yn = ["tabindex", "aria-label"], kn = { class: "m-form-step__title" }, bn = { "aria-disabled": "true" }, Mn = /* @__PURE__ */ g({
+  __name: "MucStepperItem",
+  props: {
+    item: {},
+    isActive: { type: Boolean },
+    isDone: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const e = a, s = d(
+      () => t.isActive ? "m-form-step m-form-step--current" : "m-form-step" + l.value
+    ), l = d(() => t.isDone ? " show-cursor" : ""), c = d(() => t.isDone ? "check" : t.item.icon), u = d(() => t.isActive || t.isDone ? 0 : -1), f = d(
+      () => t.isActive ? "Aktueller Schritt: " + t.item.label : "Zurück zu Schritt: " + t.item.label
+    ), m = () => {
+      t.isDone && e("click", t.item.id);
+    };
+    return (_, v) => (i(), o("li", {
+      class: I(s.value),
+      onClick: m
+    }, [
+      n("div", {
+        class: "m-form-step__icon",
+        tabindex: u.value,
+        "aria-label": f.value
+      }, [
+        M($(B), { icon: c.value }, null, 8, ["icon"])
+      ], 8, yn),
+      n("div", kn, [
+        n("span", bn, h(_.item.label), 1)
+      ])
+    ], 2));
+  }
+}), $n = /* @__PURE__ */ F(Mn, [["__scopeId", "data-v-279142f9"]]), wn = { class: "m-component m-component-form-progress" }, An = { class: "container" }, Cn = { class: "m-component__grid" }, Dn = { class: "m-component__column" }, Sn = { class: "m-form-steps" }, In = /* @__PURE__ */ g({
+  __name: "MucStepper",
+  props: {
+    stepItems: {},
+    activeItem: {}
+  },
+  emits: ["changeStep"],
+  setup(t, { emit: a }) {
+    const e = a;
+    G(
+      () => t.activeItem,
+      () => {
+        l.value = s(t.activeItem);
+      }
+    );
+    const s = (m) => t.stepItems.findIndex((_) => _.id === m), l = L(s(t.activeItem)), c = (m) => m === t.activeItem, u = (m) => s(m) < l.value, f = (m) => {
+      e("changeStep", m);
+    };
+    return (m, _) => (i(), o("div", wn, [
+      n("div", An, [
+        n("div", Cn, [
+          n("div", Dn, [
+            n("ol", Sn, [
+              (i(!0), o(E, null, O(m.stepItems, (v) => (i(), j($n, {
+                key: v.id,
+                item: v,
+                "is-active": c(v.id),
+                "is-done": u(v.id),
+                onClick: f
+              }, null, 8, ["item", "is-active", "is-done"]))), 128))
+            ])
+          ])
+        ])
+      ])
+    ]));
   }
-}), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MucBanner: ke,
-  MucButton: P,
-  MucCallout: xe,
-  MucCard: Ee,
-  MucCardContainer: je,
-  MucCheckbox: bt,
-  MucCheckboxGroup: St,
-  MucComment: Y,
-  MucCommentText: at,
-  MucCounter: Ht,
-  MucDivider: ot,
-  MucErrorList: Ut,
-  MucFileDropzone: pt,
-  MucIcon: T,
-  MucInput: ss,
-  MucIntro: Hs,
-  MucLink: ee,
-  MucPercentageSpinner: Ps,
-  MucRadioButton: is,
-  MucRadioButtonGroup: ms,
-  MucSelect: ys,
-  MucTextArea: Ts
+  MucBanner: Se,
+  MucButton: Y,
+  MucCalendar: Je,
+  MucCallout: ot,
+  MucCard: mt,
+  MucCardContainer: ft,
+  MucCheckbox: Kt,
+  MucCheckboxGroup: na,
+  MucComment: ue,
+  MucCommentText: Bt,
+  MucCounter: ha,
+  MucDivider: Ot,
+  MucErrorList: ka,
+  MucFileDropzone: Wt,
+  MucIcon: B,
+  MucInput: La,
+  MucIntro: fn,
+  MucLink: de,
+  MucPercentageSpinner: gn,
+  MucRadioButton: Ea,
+  MucRadioButtonGroup: Ha,
+  MucSelect: Za,
+  MucStepper: In,
+  MucTextArea: ln
 }, Symbol.toStringTag, { value: "Module" }));
-function Ds(e) {
-  for (const s in Z)
-    e.component(s, Z[s]);
+function Fn(t) {
+  for (const a in ee)
+    t.component(a, ee[a]);
 }
-const Us = { install: Ds };
+const Ln = { install: Fn };
 export {
-  ke as MucBanner,
-  P as MucButton,
-  xe as MucCallout,
-  Ee as MucCard,
-  je as MucCardContainer,
-  bt as MucCheckbox,
-  St as MucCheckboxGroup,
-  Y as MucComment,
-  at as MucCommentText,
-  Ht as MucCounter,
-  ot as MucDivider,
-  Ut as MucErrorList,
-  pt as MucFileDropzone,
-  T as MucIcon,
-  ss as MucInput,
-  Hs as MucIntro,
-  ee as MucLink,
-  Ps as MucPercentageSpinner,
-  is as MucRadioButton,
-  ms as MucRadioButtonGroup,
-  ys as MucSelect,
-  Ts as MucTextArea,
-  Us as default
+  Se as MucBanner,
+  Y as MucButton,
+  Je as MucCalendar,
+  ot as MucCallout,
+  mt as MucCard,
+  ft as MucCardContainer,
+  Kt as MucCheckbox,
+  na as MucCheckboxGroup,
+  ue as MucComment,
+  Bt as MucCommentText,
+  ha as MucCounter,
+  Ot as MucDivider,
+  ka as MucErrorList,
+  Wt as MucFileDropzone,
+  B as MucIcon,
+  La as MucInput,
+  fn as MucIntro,
+  de as MucLink,
+  gn as MucPercentageSpinner,
+  Ea as MucRadioButton,
+  Ha as MucRadioButtonGroup,
+  Za as MucSelect,
+  In as MucStepper,
+  ln as MucTextArea,
+  Ln as default
 };