@muenchen/muc-patternlab-vue 1.15.0-beta.6 → 2.0.0-beta.1

package/assets/temporary/custom-style.css

@@ -63,9 +63,3 @@ h5 {
         font-size: 1.25rem;
     }
 }
-
-.muc-divider {
-    align-self: stretch;
-    height: 0;
-    border: 1px var(--color-neutrals-blue) solid;
-}

package/muc-patternlab-vue.es.js

@@ -1,23 +1,23 @@
-import { defineComponent as g, useAttrs as _e, computed as m, openBlock as s, createElementBlock as i, normalizeClass as S, normalizeStyle as ge, createElementVNode as n, createVNode as M, unref as $, renderSlot as w, useSlots as Q, createBlock as j, createCommentVNode as b, inject as ae, toDisplayString as f, Fragment as E, renderList as O, mergeModels as V, ref as L, useModel as H, provide as ne, readonly as Z, toRef as X, withCtx as T, Transition as K, createTextVNode as F, createSlots as ye, createStaticVNode as le, onMounted as se, onUpdated as ke, withModifiers as N, watch as G, withDirectives as ee, vModelDynamic as be, onBeforeUnmount as Me, useTemplateRef as $e, vModelText as oe } from "vue";
-const we = ["href"], B = /* @__PURE__ */ g({
+import { defineComponent as g, useAttrs as ge, computed as m, openBlock as s, createElementBlock as i, normalizeClass as S, normalizeStyle as ye, createElementVNode as n, createVNode as M, unref as k, renderSlot as w, useSlots as Q, createBlock as j, createCommentVNode as $, inject as ne, toDisplayString as f, Fragment as E, renderList as O, mergeModels as V, ref as L, useModel as H, provide as le, readonly as Z, toRef as X, withCtx as T, Transition as K, createTextVNode as F, createSlots as ke, createStaticVNode as se, onMounted as oe, onUpdated as be, withModifiers as N, watch as G, withDirectives as ee, vModelDynamic as Me, onBeforeUnmount as $e, useTemplateRef as we, vModelText as ie } from "vue";
+const Ae = ["href"], B = /* @__PURE__ */ g({
   __name: "MucIcon",
   props: {
     icon: {},
     color: {}
   },
   setup(t) {
-    const a = _e(), e = m(() => a.class ?? "icon");
+    const a = ge(), e = m(() => a.class ?? "icon");
     return (o, l) => (s(), i("svg", {
       "aria-hidden": "true",
       class: S(e.value),
-      style: ge({ color: o.color })
+      style: ye({ color: o.color })
     }, [
       n("use", {
         href: "#icon-" + o.icon
-      }, null, 8, we)
+      }, null, 8, Ae)
     ], 6));
   }
-}), Ae = ["role", "aria-label"], Ce = { class: "container-fluid" }, De = /* @__PURE__ */ g({
+}), Ce = ["role", "aria-label"], De = { class: "container-fluid" }, Se = /* @__PURE__ */ g({
   __name: "MucBanner",
   props: {
     type: { default: "info" }
@@ -81,11 +81,11 @@ const we = ["href"], B = /* @__PURE__ */ g({
           role: e.value,
           "aria-label": o.value
         }, [
-          n("div", Ce, [
-            M($(B), { icon: l.value }, null, 8, ["icon"]),
+          n("div", De, [
+            M(k(B), { icon: l.value }, null, 8, ["icon"]),
             w(c.$slots, "default", {}, void 0, !0)
           ])
-        ], 10, Ae)
+        ], 10, Ce)
       ])
     ]));
   }
@@ -94,7 +94,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
   for (const [o, l] of a)
     e[o] = l;
   return e;
-}, Se = /* @__PURE__ */ I(De, [["__scopeId", "data-v-01cbc1dd"]]), Ie = ["disabled"], Fe = /* @__PURE__ */ g({
+}, Ie = /* @__PURE__ */ I(Se, [["__scopeId", "data-v-01cbc1dd"]]), Fe = ["disabled"], Te = /* @__PURE__ */ g({
   __name: "MucButton",
   props: {
     variant: { default: "primary" },
@@ -125,15 +125,15 @@ const we = ["href"], B = /* @__PURE__ */ g({
     }, [
       n("span", null, [
         w(v.$slots, "default", {}, void 0, !0),
-        v.icon ? (s(), j($(B), {
+        v.icon ? (s(), j(k(B), {
           key: 0,
           icon: v.icon,
-          class: S(["m-button__icon", { "no-left-margin": !$(e).default }])
-        }, null, 8, ["icon", "class"])) : b("", !0)
+          class: S(["m-button__icon", { "no-left-margin": !k(e).default }])
+        }, null, 8, ["icon", "class"])) : $("", !0)
       ])
-    ], 10, Ie));
+    ], 10, Fe));
   }
-}), Y = /* @__PURE__ */ I(Fe, [["__scopeId", "data-v-d002b2f9"]]), ie = "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, Te = /* @__PURE__ */ g({
+}), Y = /* @__PURE__ */ I(Te, [["__scopeId", "data-v-d002b2f9"]]), re = "de-DE", ce = 12, ue = 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, Le = /* @__PURE__ */ g({
   __name: "MucDayTile",
   props: {
     date: {},
@@ -141,7 +141,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
   },
   emits: ["click"],
   setup(t, { emit: a }) {
-    const e = ae(ce), o = a, l = m(() => {
+    const e = ne(ue), o = a, l = m(() => {
       if ((e == null ? void 0 : e.selectedDate.value) === null)
         return !1;
       if ((e == null ? void 0 : e.selectedDate.value) instanceof Date)
@@ -165,15 +165,15 @@ const we = ["href"], B = /* @__PURE__ */ g({
         key: 0,
         onClick: v,
         class: S({
-          "disabled-tile": !((h = $(e)) != null && h.allowedDates(d.date)),
+          "disabled-tile": !((h = k(e)) != null && h.allowedDates(d.date)),
           "off-month": !u.value,
           selected: l.value,
           "selected-range": c.value
         })
-      }, f(d.date.getDate()), 3)) : b("", !0);
+      }, f(d.date.getDate()), 3)) : $("", !0);
     };
   }
-}), Le = /* @__PURE__ */ I(Te, [["__scopeId", "data-v-a7631835"]]), Be = { class: "muc-calendar-view-full-size" }, xe = { class: "muc-calendar-container table-header" }, ze = { class: "muc-calendar-container" }, Ee = 7, Oe = /* @__PURE__ */ g({
+}), Be = /* @__PURE__ */ I(Le, [["__scopeId", "data-v-a7631835"]]), xe = { class: "muc-calendar-view-full-size" }, ze = { class: "muc-calendar-container table-header" }, Ee = { class: "muc-calendar-container" }, Oe = 7, Ve = /* @__PURE__ */ g({
   __name: "MucCalendarDay",
   props: {
     viewDate: {},
@@ -183,7 +183,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
   },
   emits: ["clicked"],
   setup(t, { emit: a }) {
-    const e = 6 * Ee, o = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"], l = t, c = a, u = m(
+    const e = 6 * Oe, o = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"], l = t, c = a, u = m(
       () => new Date(l.viewDate.getFullYear(), l.viewDate.getMonth(), 1)
     ), v = m(
       () => l.showAdjacentMonths ? 0 : (u.value.getDay() || 7) - 1
@@ -192,8 +192,8 @@ const we = ["href"], B = /* @__PURE__ */ g({
     ), _ = (y) => {
       c("clicked", y);
     }, h = (y, A) => new Date(new Date(y).setDate(y.getDate() + A));
-    return (y, A) => (s(), i("div", Be, [
-      n("div", xe, [
+    return (y, A) => (s(), i("div", xe, [
+      n("div", ze, [
         (s(), i(E, null, O(o, (C, R) => n("div", {
           class: "header-item",
           key: R
@@ -201,9 +201,9 @@ const we = ["href"], B = /* @__PURE__ */ g({
           n("strong", null, f(C), 1)
         ])), 64))
       ]),
-      n("div", ze, [
+      n("div", Ee, [
         (s(!0), i(E, null, O(v.value, (C) => (s(), i("div", { key: C }))), 128)),
-        (s(), i(E, null, O(e, (C) => M(Le, {
+        (s(), i(E, null, O(e, (C) => M(Be, {
           class: "muc-calendar-item",
           date: h(d.value, C),
           "show-adjacent-months": y.showAdjacentMonths,
@@ -213,7 +213,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ve = /* @__PURE__ */ I(Oe, [["__scopeId", "data-v-e7805970"]]), je = { class: "muc-calendar-container muc-calendar-view-full-size" }, Ye = ["onClick"], Re = "short", He = /* @__PURE__ */ g({
+}), je = /* @__PURE__ */ I(Ve, [["__scopeId", "data-v-e7805970"]]), Ye = { class: "muc-calendar-container muc-calendar-view-full-size" }, Re = ["onClick"], He = "short", Pe = /* @__PURE__ */ g({
   __name: "MucCalendarMonth",
   props: {
     viewDate: {}
@@ -222,11 +222,11 @@ const we = ["href"], B = /* @__PURE__ */ g({
   setup(t, { emit: a }) {
     const e = t, o = a, l = m(
       () => Array.from(
-        { length: re },
+        { length: ce },
         (v, d) => new Date(e.viewDate.getFullYear(), d)
       )
-    ), c = (v) => v.toLocaleDateString(ie, { month: Re }), u = (v) => o("clicked", v);
-    return (v, d) => (s(), i("div", je, [
+    ), c = (v) => v.toLocaleDateString(re, { month: He }), u = (v) => o("clicked", v);
+    return (v, d) => (s(), i("div", Ye, [
       (s(!0), i(E, null, O(l.value, (_, h) => (s(), i("div", {
         key: h,
         class: S([{
@@ -235,10 +235,10 @@ const we = ["href"], B = /* @__PURE__ */ g({
         onClick: (y) => u(_)
       }, [
         n("p", null, f(c(_)), 1)
-      ], 10, Ye))), 128))
+      ], 10, Re))), 128))
     ]));
   }
-}), Pe = /* @__PURE__ */ I(He, [["__scopeId", "data-v-61bf5bda"]]), Ne = { class: "muc-calendar-container muc-calendar-view-full-size" }, Ue = ["onClick"], We = "numeric", Ge = /* @__PURE__ */ g({
+}), Ne = /* @__PURE__ */ I(Pe, [["__scopeId", "data-v-61bf5bda"]]), Ue = { class: "muc-calendar-container muc-calendar-view-full-size" }, We = ["onClick"], Ge = "numeric", qe = /* @__PURE__ */ g({
   __name: "MucCalendarYear",
   props: {
     viewDate: {}
@@ -247,24 +247,24 @@ const we = ["href"], B = /* @__PURE__ */ g({
   setup(t, { emit: a }) {
     const e = t, o = a, l = m(
       () => Array.from(
-        { length: re },
+        { length: ce },
         (v, d) => new Date(
           e.viewDate.getFullYear() - e.viewDate.getFullYear() % 10 + d,
           e.viewDate.getMonth()
         )
       )
-    ), c = (v) => v.toLocaleDateString(ie, { year: We }), u = (v) => o("clicked", v);
-    return (v, d) => (s(), i("div", Ne, [
+    ), c = (v) => v.toLocaleDateString(re, { year: Ge }), u = (v) => o("clicked", v);
+    return (v, d) => (s(), i("div", Ue, [
       (s(!0), i(E, null, O(l.value, (_, h) => (s(), i("div", {
         key: h,
         class: S(["muc-calendar-item", {
           "muc-calendar-current-item": (/* @__PURE__ */ new Date()).getFullYear() === _.getFullYear()
         }]),
         onClick: (y) => u(_)
-      }, f(c(_)), 11, Ue))), 128))
+      }, f(c(_)), 11, We))), 128))
     ]));
   }
-}), qe = /* @__PURE__ */ I(Ge, [["__scopeId", "data-v-67492bc8"]]), Ke = { class: "container-wrapper" }, Ze = { class: "caption" }, Xe = { class: "container-view-size" }, Je = /* @__PURE__ */ g({
+}), Ke = /* @__PURE__ */ I(qe, [["__scopeId", "data-v-67492bc8"]]), Ze = { class: "container-wrapper" }, Xe = { class: "caption" }, Je = { class: "container-view-size" }, Qe = /* @__PURE__ */ g({
   __name: "MucCalendar",
   props: /* @__PURE__ */ V({
     viewMonth: {},
@@ -341,7 +341,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
       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];
+      ].filter((b) => b !== null)), l.value = l.value.includes(r) ? l.value.filter((b) => b !== r) : [...l.value, r];
     }, h = (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) => {
@@ -364,21 +364,21 @@ const we = ["href"], B = /* @__PURE__ */ g({
     }, R = () => {
       e.value === "year" ? e.value = "month" : e.value === "month" && (e.value = "day");
     };
-    return ne(ce, {
+    return le(ue, {
       viewDate: a,
       selectedDate: l,
       variant: Z(X(() => t.variant)),
       showAdjacentMonths: Z(X(() => t.showAdjacentMonths)),
       allowedDates: t.allowedDates
-    }), (r, k) => (s(), i("div", null, [
-      n("div", Ke, [
-        n("div", Ze, [
-          M($(Y), {
+    }), (r, b) => (s(), i("div", null, [
+      n("div", Ze, [
+        n("div", Xe, [
+          M(k(Y), {
             onClick: u,
             variant: "ghost",
             icon: "chevron-left"
           }),
-          M($(Y), {
+          M(k(Y), {
             class: "header",
             variant: "ghost",
             onClick: C
@@ -388,24 +388,24 @@ const we = ["href"], B = /* @__PURE__ */ g({
             ]),
             _: 1
           }),
-          M($(Y), {
+          M(k(Y), {
             onClick: v,
             variant: "ghost",
             icon: "chevron-right"
           })
         ]),
-        n("div", Xe, [
+        n("div", Je, [
           M(K, {
             class: "transition",
             css: !r.noAnimation,
             name: o.value
           }, {
             default: T(() => [
-              e.value === "year" ? (s(), j(qe, {
+              e.value === "year" ? (s(), j(Ke, {
                 key: 0,
                 "view-date": a.value,
                 onClicked: A
-              }, null, 8, ["view-date"])) : b("", !0)
+              }, null, 8, ["view-date"])) : $("", !0)
             ]),
             _: 1
           }, 8, ["css", "name"]),
@@ -415,11 +415,11 @@ const we = ["href"], B = /* @__PURE__ */ g({
             name: o.value
           }, {
             default: T(() => [
-              e.value === "month" ? (s(), j(Pe, {
+              e.value === "month" ? (s(), j(Ne, {
                 key: 0,
                 "view-date": a.value,
                 onClicked: A
-              }, null, 8, ["view-date"])) : b("", !0)
+              }, null, 8, ["view-date"])) : $("", !0)
             ]),
             _: 1
           }, 8, ["css", "name"]),
@@ -429,7 +429,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
             name: o.value
           }, {
             default: T(() => [
-              e.value === "day" ? (s(), j(Ve, {
+              e.value === "day" ? (s(), j(je, {
                 key: 0,
                 variant: r.variant,
                 disabled: r.disabled,
@@ -437,7 +437,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
                 "selected-date": l.value,
                 "view-date": a.value,
                 onClicked: y
-              }, null, 8, ["variant", "disabled", "show-adjacent-months", "selected-date", "view-date"])) : b("", !0)
+              }, null, 8, ["variant", "disabled", "show-adjacent-months", "selected-date", "view-date"])) : $("", !0)
             ]),
             _: 1
           }, 8, ["css", "name"])
@@ -445,7 +445,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Qe = /* @__PURE__ */ I(Je, [["__scopeId", "data-v-9744d6fd"]]), et = ["aria-label"], tt = { class: "m-callout__inner" }, at = { class: "m-callout__icon" }, nt = { class: "m-callout__body" }, lt = { class: "m-callout__body__inner" }, st = { class: "m-callout__headline" }, ot = { class: "m-callout__content" }, it = /* @__PURE__ */ g({
+}), et = /* @__PURE__ */ I(Qe, [["__scopeId", "data-v-9744d6fd"]]), tt = ["aria-label"], at = { class: "m-callout__inner" }, nt = { class: "m-callout__icon" }, lt = { class: "m-callout__body" }, st = { class: "m-callout__body__inner" }, ot = { class: "m-callout__headline" }, it = { class: "m-callout__content" }, rt = /* @__PURE__ */ g({
   __name: "MucCallout",
   props: {
     type: { default: "info" }
@@ -488,18 +488,18 @@ const we = ["href"], B = /* @__PURE__ */ g({
       class: S(["m-callout", e.value]),
       "aria-label": o.value
     }, [
-      n("div", tt, [
-        n("div", at, [
+      n("div", at, [
+        n("div", nt, [
           w(l.$slots, "icon", {}, () => [
-            M($(B), { icon: a.value }, null, 8, ["icon"])
+            M(k(B), { icon: a.value }, null, 8, ["icon"])
           ], !0)
         ]),
-        n("div", nt, [
-          n("div", lt, [
-            n("div", st, [
+        n("div", lt, [
+          n("div", st, [
+            n("div", ot, [
               w(l.$slots, "header", {}, void 0, !0)
             ]),
-            n("div", ot, [
+            n("div", it, [
               n("p", null, [
                 w(l.$slots, "content", { class: "m-callout__content" }, void 0, !0)
               ])
@@ -507,12 +507,16 @@ const we = ["href"], B = /* @__PURE__ */ g({
           ])
         ])
       ])
-    ], 10, et));
+    ], 10, tt));
   }
-}), rt = /* @__PURE__ */ I(it, [["__scopeId", "data-v-71a5ca15"]]), ct = { class: "card-content" }, ut = { class: "card-header" }, dt = {
+}), ct = /* @__PURE__ */ I(rt, [["__scopeId", "data-v-71a5ca15"]]), ut = {}, dt = { class: "muc-divider" };
+function mt(t, a) {
+  return s(), i("div", dt);
+}
+const te = /* @__PURE__ */ I(ut, [["render", mt], ["__scopeId", "data-v-a337b11f"]]), vt = { class: "card-content" }, ht = { class: "card-header" }, ft = {
   key: 0,
   class: "card-tagline"
-}, mt = /* @__PURE__ */ g({
+}, pt = /* @__PURE__ */ g({
   __name: "MucCard",
   props: {
     title: {},
@@ -525,47 +529,47 @@ const we = ["href"], B = /* @__PURE__ */ g({
       class: "card",
       onClick: l[0] || (l[0] = (c) => e("click", c))
     }, [
-      n("div", ct, [
-        n("div", ut, [
+      n("div", vt, [
+        n("div", ht, [
           w(o.$slots, "headerPrefix", {}, void 0, !0),
           n("div", null, [
-            o.tagline ? (s(), i("div", dt, f(o.tagline), 1)) : b("", !0),
+            o.tagline ? (s(), i("div", ft, f(o.tagline), 1)) : $("", !0),
             n("div", null, [
               n("h3", null, f(o.title), 1)
             ])
           ])
         ]),
-        l[1] || (l[1] = n("div", { class: "muc-divider" }, null, -1)),
+        M(k(te)),
         w(o.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}), vt = /* @__PURE__ */ I(mt, [["__scopeId", "data-v-6dbe63e1"]]), ht = { class: "container card-container" }, ft = /* @__PURE__ */ g({
+}), _t = /* @__PURE__ */ I(pt, [["__scopeId", "data-v-ec038b2b"]]), gt = { class: "container card-container" }, yt = /* @__PURE__ */ g({
   __name: "MucCardContainer",
   setup(t) {
-    return (a, e) => (s(), i("div", ht, [
+    return (a, e) => (s(), i("div", gt, [
       w(a.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), pt = /* @__PURE__ */ I(ft, [["__scopeId", "data-v-6740df8f"]]), _t = { class: "m-comment__head" }, gt = {
+}), kt = /* @__PURE__ */ I(yt, [["__scopeId", "data-v-6740df8f"]]), bt = { class: "m-comment__head" }, Mt = {
   key: 0,
   class: "m-comment__initials"
-}, yt = { class: "m-comment__info" }, kt = { class: "m-comment__author" }, bt = { key: 0 }, Mt = { class: "m-comment__author" }, $t = { class: "m-comment__date" }, wt = ["aria-label"], At = {
+}, $t = { class: "m-comment__info" }, wt = { class: "m-comment__author" }, At = { key: 0 }, Ct = { class: "m-comment__author" }, Dt = { class: "m-comment__date" }, St = ["aria-label"], It = {
   key: 0,
   class: "m-star-rating__item m-star-rating__item--half"
-}, Ct = { class: "m-star-rating__numeric" }, Dt = { class: "m-comment__body" }, St = { class: "m-comment__headline" }, It = { class: "m-comment__text" }, Ft = "de-DE", Tt = 0.2, Lt = 0.8, W = 5, ue = /* @__PURE__ */ g({
+}, Ft = { class: "m-star-rating__numeric" }, Tt = { class: "m-comment__body" }, Lt = { class: "m-comment__headline" }, Bt = { class: "m-comment__text" }, xt = "de-DE", zt = 0.2, Et = 0.8, W = 5, de = /* @__PURE__ */ g({
   __name: "MucComment",
   props: {
     rating: {},
     variant: { default: "listing" }
   },
   setup(t) {
-    const a = Q(), e = m(() => !!a.date), o = m(() => !!a.initials), l = m(() => t.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), c = m(() => Math.min(Math.max(t.rating, 0), W)), u = m(() => c.value.toLocaleString(Ft.valueOf(), {
+    const a = Q(), e = m(() => !!a.date), o = m(() => !!a.initials), l = m(() => t.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), c = m(() => Math.min(Math.max(t.rating, 0), W)), u = m(() => c.value.toLocaleString(xt.valueOf(), {
       minimumFractionDigits: 1
     })), v = m(() => {
       const d = +(c.value % 1).toFixed(1);
       let _ = Math.min(Math.floor(c.value), W), h = Math.floor(W - c.value), y = !1;
-      return d !== 0 && (d <= Tt ? h++ : d >= Lt ? _++ : y = !0), {
+      return d !== 0 && (d <= zt ? h++ : d >= Et ? _++ : y = !0), {
         fullStars: _,
         emptyStars: h,
         isHalfStar: y
@@ -574,24 +578,24 @@ const we = ["href"], B = /* @__PURE__ */ g({
     return (d, _) => (s(), i("div", {
       class: S(["m-comment", l.value])
     }, [
-      n("div", _t, [
-        o.value ? (s(), i("div", gt, [
+      n("div", bt, [
+        o.value ? (s(), i("div", Mt, [
           w(d.$slots, "initials")
-        ])) : b("", !0),
-        n("div", yt, [
-          n("span", kt, [
+        ])) : $("", !0),
+        n("div", $t, [
+          n("span", wt, [
             w(d.$slots, "author")
           ]),
-          e.value ? (s(), i("span", bt, [
-            n("span", Mt, [
+          e.value ? (s(), i("span", At, [
+            n("span", Ct, [
               _[0] || (_[0] = F("  ")),
               w(d.$slots, "datePrefix")
             ]),
-            n("span", $t, [
+            n("span", Dt, [
               _[1] || (_[1] = F(" ")),
               w(d.$slots, "date")
             ])
-          ])) : b("", !0),
+          ])) : $("", !0),
           n("div", {
             class: "m-star-rating",
             role: "img",
@@ -601,32 +605,32 @@ const we = ["href"], B = /* @__PURE__ */ g({
               key: h,
               class: "m-star-rating__item m-star-rating__item--full"
             }, [
-              M($(B), { icon: "solid-star" })
+              M(k(B), { icon: "solid-star" })
             ]))), 128)),
-            v.value.isHalfStar ? (s(), i("div", At, [
-              M($(B), { icon: "half-star" })
-            ])) : b("", !0),
+            v.value.isHalfStar ? (s(), i("div", It, [
+              M(k(B), { icon: "half-star" })
+            ])) : $("", !0),
             (s(!0), i(E, null, O(v.value.emptyStars, (h) => (s(), i("div", {
               key: h,
               class: "m-star-rating__item"
             }, [
-              M($(B), { icon: "solid-star" })
+              M(k(B), { icon: "solid-star" })
             ]))), 128)),
-            n("div", Ct, f(u.value), 1)
-          ], 8, wt)
+            n("div", Ft, f(u.value), 1)
+          ], 8, St)
         ])
       ]),
-      n("div", Dt, [
-        n("div", St, [
+      n("div", Tt, [
+        n("div", Lt, [
           w(d.$slots, "headline")
         ]),
-        n("div", It, [
+        n("div", Bt, [
           w(d.$slots, "text")
         ])
       ])
     ], 2));
   }
-}), Bt = " ", xt = /* @__PURE__ */ g({
+}), Ot = " ", Vt = /* @__PURE__ */ g({
   __name: "MucCommentText",
   props: {
     datePrefix: { default: "am" },
@@ -639,11 +643,11 @@ const we = ["href"], B = /* @__PURE__ */ g({
     variant: { default: "listing" }
   },
   setup(t) {
-    const a = m(() => ((t.initials ?? t.author.split(Bt).map((e) => e.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
-    return (e, o) => (s(), j($(ue), {
+    const a = m(() => ((t.initials ?? t.author.split(Ot).map((e) => e.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
+    return (e, o) => (s(), j(k(de), {
       rating: e.rating,
       variant: e.variant
-    }, ye({
+    }, ke({
       datePrefix: T(() => [
         F(f(e.datePrefix), 1)
       ]),
@@ -674,11 +678,7 @@ const we = ["href"], B = /* @__PURE__ */ g({
       } : void 0
     ]), 1032, ["rating", "variant"]));
   }
-}), zt = {}, Et = { class: "divider-border" };
-function Ot(t, a) {
-  return s(), i("hr", Et);
-}
-const Vt = /* @__PURE__ */ I(zt, [["render", Ot], ["__scopeId", "data-v-a2b37f5b"]]), jt = {}, Yt = {
+}), jt = {}, Yt = {
   "aria-hidden": "true",
   width: "108",
   height: "56",
@@ -688,7 +688,7 @@ const Vt = /* @__PURE__ */ I(zt, [["render", Ot], ["__scopeId", "data-v-a2b37f5b
 };
 function Rt(t, a) {
   return s(), i("svg", Yt, 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)
+    se('<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 Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-additional-information" }, Nt = {
@@ -721,25 +721,25 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
   ],
   setup(t, { emit: a }) {
     const e = a, o = L(!0), l = L(!0), c = L(!0), u = L(!1), v = document.createElement("input");
-    se(() => {
+    oe(() => {
       v.type = "file", v.multiple = t.multiple, v.onchange = (r) => {
-        const k = r.target;
-        if (k != null && k.files && k.files.length > 0) {
-          const z = Array.from(k.files);
+        const b = r.target;
+        if (b != null && b.files && b.files.length > 0) {
+          const z = Array.from(b.files);
           A(z);
         }
       };
-    }), ke(() => {
+    }), be(() => {
       v.multiple = t.multiple;
     });
     const d = () => {
       t.disabled || v.click();
     }, _ = (r) => {
-      var k;
+      var b;
       if (!t.disabled) {
         if (!(v != null && v.multiple)) {
           const z = r.dataTransfer;
-          if (((k = z == null ? void 0 : z.items) == null ? void 0 : k.length) > 1) {
+          if (((b = z == null ? void 0 : z.items) == null ? void 0 : b.length) > 1) {
             c.value = !1;
             return;
           }
@@ -756,15 +756,15 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
         return;
       }
       u.value = !1;
-      const k = r.dataTransfer;
-      if (((z = k == null ? void 0 : k.files) == null ? void 0 : z.length) > 0) {
-        const q = Array.from(k.files);
+      const b = r.dataTransfer;
+      if (((z = b == null ? void 0 : b.files) == null ? void 0 : z.length) > 0) {
+        const q = Array.from(b.files);
         A(q);
       }
     }, A = (r) => {
       o.value = C(r), l.value = R(r), !(!o.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) => (s(), i(E, null, [
+    }, C = (r) => t.maxFileSize ? !r.some((b) => b.size > t.maxFileSize * 1024 * 1024) : !0, R = (r) => t.maxTotalFileSize ? r.reduce((b, z) => b + (z.size || 0), 0) <= t.maxTotalFileSize * 1024 * 1024 : !0;
+    return (r, b) => (s(), i(E, null, [
       n("div", {
         class: S(["drop-zone", {
           "is-dragover": u.value,
@@ -776,7 +776,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
         onClick: d
       }, [
         M(Ht),
-        M($(Y), {
+        M(k(Y), {
           variant: "secondary",
           icon: "upload",
           disabled: r.disabled
@@ -789,18 +789,18 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
         n("span", Pt, f(r.additionalInformation), 1)
       ], 34),
       !o.value && r.maxFileSizeWarning ? (s(), i("span", Nt, [
-        M($(B), {
+        M(k(B), {
           icon: "warning--filled",
           class: "icon"
         }),
         n("span", null, f(r.maxFileSizeWarning), 1)
-      ])) : b("", !0),
+      ])) : $("", !0),
       !l.value && r.maxTotalFileSizeWarning ? (s(), i("span", Ut, [
-        M($(B), { icon: "warning--filled" }),
+        M(k(B), { icon: "warning--filled" }),
         n("span", null, f(r.maxTotalFileSizeWarning), 1)
-      ])) : b("", !0),
-      c.value ? b("", !0) : (s(), i("span", Wt, [
-        M($(B), { icon: "warning--filled" }),
+      ])) : $("", !0),
+      c.value ? $("", !0) : (s(), i("span", Wt, [
+        M(k(B), { icon: "warning--filled" }),
         n("span", null, f(r.invalidAmountWarning), 1)
       ]))
     ], 64));
@@ -854,8 +854,8 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
             class: S(["m-checkboxes__collapse__container", e.value])
           }, [
             w(c.$slots, "collapsableCheckboxes")
-          ], 2)) : b("", !0),
-          c.$slots.collapsableCheckboxes ? (s(), j($(Y), {
+          ], 2)) : $("", !0),
+          c.$slots.collapsableCheckboxes ? (s(), j(k(Y), {
             key: 1,
             variant: "ghost",
             onClick: l,
@@ -870,12 +870,12 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
               ]))
             ]),
             _: 1
-          }, 8, ["aria-expanded"])) : b("", !0)
+          }, 8, ["aria-expanded"])) : $("", !0)
         ])
       ])
     ]));
   }
-}), oa = ["href", "target"], de = /* @__PURE__ */ g({
+}), oa = ["href", "target"], me = /* @__PURE__ */ g({
   __name: "MucLink",
   props: {
     label: {},
@@ -895,11 +895,11 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
     }, [
       F(f(e.label) + " ", 1),
       w(e.$slots, "icon", {}, () => [
-        e.icon ? (s(), j($(B), {
+        e.icon ? (s(), j(k(B), {
           key: 0,
           icon: e.icon,
           class: "icon icon--after"
-        }, null, 8, ["icon"])) : b("", !0)
+        }, null, 8, ["icon"])) : $("", !0)
       ])
     ], 10, oa));
   }
@@ -939,14 +939,14 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
     );
     return (u, v) => (s(), i("div", ia, [
       n("div", ra, [
-        M($(Y), {
+        M(k(Y), {
           onClick: o,
           variant: "secondary",
           disabled: c.value,
           "aria-label": "Anzahl " + u.label + " reduzieren auf " + (a.value - 1)
         }, {
           default: T(() => [
-            M($(B), { icon: "minus" })
+            M(k(B), { icon: "minus" })
           ]),
           _: 1
         }, 8, ["disabled", "aria-label"]),
@@ -956,14 +956,14 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
             F(" " + f(a.value), 1)
           ])
         ]),
-        M($(Y), {
+        M(k(Y), {
           onClick: e,
           variant: "secondary",
           disabled: l.value,
           "aria-label": "Anzahl " + u.label + " erhöhen auf " + (a.value + 1)
         }, {
           default: T(() => [
-            M($(B), { icon: "plus" })
+            M(k(B), { icon: "plus" })
           ]),
           _: 1
         }, 8, ["disabled", "aria-label"])
@@ -971,7 +971,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
       n("div", ma, [
         u.link ? (s(), i("p", va, [
           n("label", null, [
-            M($(de), {
+            M(k(me), {
               tabindex: "0",
               label: u.label,
               href: u.link
@@ -1062,7 +1062,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
         h.required ? (s(), i("span", wa, y[1] || (y[1] = [
           F(" * "),
           n("span", { class: "visually-hidden" }, "(erforderlich)", -1)
-        ]))) : b("", !0)
+        ]))) : $("", !0)
       ]),
       n("p", Aa, f(h.errorMsg), 1),
       n("div", Ca, [
@@ -1070,7 +1070,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
           n("span", null, [
             w(h.$slots, "prefix")
           ])
-        ])) : b("", !0),
+        ])) : $("", !0),
         ee(n("input", {
           class: "m-input autocomplete-input",
           type: h.type,
@@ -1079,7 +1079,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
           placeholder: h.placeholder,
           required: h.required
         }, null, 8, Sa), [
-          [be, e.value]
+          [Me, e.value]
         ]),
         u.value && v.value.length !== 0 ? (s(), i("ul", Ia, [
           (s(!0), i(E, null, O(v.value, (A) => (s(), i("li", {
@@ -1087,7 +1087,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
             key: A,
             onClick: (C) => d(A)
           }, f(A), 9, Fa))), 128))
-        ])) : b("", !0),
+        ])) : $("", !0),
         h.suffixIcon ? (s(), i("button", {
           key: 2,
           class: "m-input__suffix",
@@ -1099,12 +1099,12 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
             }, null, 8, La)
           ])),
           y[2] || (y[2] = n("span", { class: "visually-hidden" }, "Suchen", -1))
-        ])) : b("", !0)
+        ])) : $("", !0)
       ]),
       n("p", Ba, f(h.hint), 1)
     ], 2));
   }
-}), me = Symbol("mucRadioGroup"), za = {
+}), ve = Symbol("mucRadioGroup"), za = {
   key: 0,
   class: "m-radios__item"
 }, Ea = ["checked", "disabled"], Oa = { class: "m-hint" }, Va = /* @__PURE__ */ g({
@@ -1116,7 +1116,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const a = ae(me), e = () => a == null ? void 0 : a.set(t.value), o = m(() => (a == null ? void 0 : a.modelValue.value) === t.value), l = m(() => t.disabled || (a == null ? void 0 : a.disabled.value)), c = m(() => (a == null ? void 0 : a.disabled) ?? !1);
+    const a = ne(ve), e = () => a == null ? void 0 : a.set(t.value), o = m(() => (a == null ? void 0 : a.modelValue.value) === t.value), l = m(() => t.disabled || (a == null ? void 0 : a.disabled.value)), c = m(() => (a == null ? void 0 : a.disabled) ?? !1);
     return (u, v) => c.value ? (s(), i("div", za, [
       n("input", {
         class: "m-radios__input",
@@ -1132,7 +1132,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
         F(f(u.label) + " ", 1),
         n("span", Oa, f(u.hint), 1)
       ])
-    ])) : b("", !0);
+    ])) : $("", !0);
   }
 }), ja = { class: "m-form-group" }, Ya = { class: "m-radio-group" }, Ra = { class: "m-radio-group__legend" }, Ha = { class: "m-radio-group__heading" }, Pa = { class: "m-radios" }, Na = /* @__PURE__ */ g({
   __name: "MucRadioButtonGroup",
@@ -1146,7 +1146,7 @@ const Ht = /* @__PURE__ */ I(jt, [["render", Rt]]), Pt = { class: "drop-zone-add
   emits: /* @__PURE__ */ V(["change"], ["update:modelValue"]),
   setup(t, { emit: a }) {
     const e = H(t, "modelValue"), o = a;
-    return ne(me, {
+    return le(ve, {
       set: (l) => {
         o("change", l), e.value = l;
       },
@@ -1169,9 +1169,9 @@ function Ua(t, a) {
   const e = (o) => {
     o.target !== t.value && o.composedPath().includes(t.value) || typeof a == "function" && a();
   };
-  return se(() => {
+  return oe(() => {
     window.addEventListener("click", e);
-  }), Me(() => {
+  }), $e(() => {
     window.removeEventListener("click", e);
   }), { listener: e };
 }
@@ -1210,7 +1210,7 @@ const Wa = /* @__PURE__ */ g({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const a = $e("selectComponent"), e = H(
+    const a = we("selectComponent"), e = H(
       t,
       "modelValue"
     ), o = L(!1), l = L(), c = L(!1), u = L(), v = () => {
@@ -1241,16 +1241,16 @@ const Wa = /* @__PURE__ */ g({
         (x) => x[t.itemTitle].toString().toLowerCase().includes(p.toLowerCase())
       );
       return D.length === 0 && (c.value = !0), D;
-    }, k = (p) => p === u.value ? "active" : "", z = (p) => {
+    }, b = (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 = m(
+    }, q = () => u.value = "", he = m(
       () => o.value ? "display-listbox" : ""
-    ), he = m(
+    ), fe = m(
       () => t.multiple && !c.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
     );
     return (p, D) => (s(), i("div", {
@@ -1260,7 +1260,7 @@ const Wa = /* @__PURE__ */ g({
     }, [
       n("label", Ga, f(p.label), 1),
       n("div", {
-        class: S(["m-input-wrapper", he.value])
+        class: S(["m-input-wrapper", fe.value])
       }, [
         ee(n("input", {
           type: "text",
@@ -1268,7 +1268,7 @@ const Wa = /* @__PURE__ */ g({
           "onUpdate:modelValue": D[0] || (D[0] = (x) => C.value = x),
           onClick: d
         }, null, 512), [
-          [oe, C.value]
+          [ie, C.value]
         ]),
         n("span", {
           class: "m-input__trigger",
@@ -1283,24 +1283,24 @@ const Wa = /* @__PURE__ */ g({
           n("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)
         ])),
         n("ul", {
-          class: S(["listbox", ve.value]),
+          class: S(["listbox", he.value]),
           onMouseleave: q
         }, [
-          (s(!0), i(E, null, O(R.value, (x, fe) => (s(), i("li", {
-            key: fe,
-            class: S(["option", [k(x), z(x)]]),
-            onMouseenter: (pe) => u.value = x,
-            onClick: (pe) => _(x)
+          (s(!0), i(E, null, O(R.value, (x, pe) => (s(), i("li", {
+            key: pe,
+            class: S(["option", [b(x), z(x)]]),
+            onMouseenter: (_e) => u.value = x,
+            onClick: (_e) => _(x)
           }, [
             M(Wa, {
               item: x,
               "item-label": p.itemTitle
             }, null, 8, ["item", "item-label"])
           ], 42, qa))), 128)),
-          c.value ? (s(), i("li", Ka, f(p.noItemFoundMessage), 1)) : b("", !0)
+          c.value ? (s(), i("li", Ka, f(p.noItemFoundMessage), 1)) : $("", !0)
         ], 34)
       ], 2),
-      p.hint ? (s(), i("p", Za, f(p.hint), 1)) : b("", !0)
+      p.hint ? (s(), i("p", Za, f(p.hint), 1)) : $("", !0)
     ], 512));
   }
 }), Ja = /* @__PURE__ */ I(Xa, [["__scopeId", "data-v-a65ab70d"]]), Qa = { class: "m-form-group has-error" }, en = {
@@ -1332,7 +1332,7 @@ const Wa = /* @__PURE__ */ g({
         e.required ? (s(), i("span", tn, o[1] || (o[1] = [
           F(" * "),
           n("span", { class: "visually-hidden" }, "(erforderlich)", -1)
-        ]))) : b("", !0)
+        ]))) : $("", !0)
       ]),
       n("p", an, f(e.errorMsg), 1),
       n("div", nn, [
@@ -1343,7 +1343,7 @@ const Wa = /* @__PURE__ */ g({
           placeholder: e.placeholder,
           "onUpdate:modelValue": o[0] || (o[0] = (l) => a.value = l)
         }, null, 8, ln), [
-          [oe, a.value]
+          [ie, a.value]
         ])
       ]),
       n("p", sn, f(e.hint), 1)
@@ -1355,10 +1355,7 @@ const Wa = /* @__PURE__ */ g({
 }, cn = { class: "container" }, un = { class: "muc-intro-content" }, dn = {
   key: 0,
   class: "m-intro-vertical__tagline"
-}, mn = { class: "m-intro-vertical__title" }, vn = {
-  key: 0,
-  class: "muc-divider"
-}, hn = { class: "m-intro-vertical__content" }, fn = { style: { "padding-bottom": "32px" } }, pn = /* @__PURE__ */ g({
+}, mn = { class: "m-intro-vertical__title" }, vn = { class: "m-intro-vertical__content" }, hn = { style: { "padding-bottom": "32px" } }, fn = /* @__PURE__ */ g({
   __name: "MucIntro",
   props: {
     title: {},
@@ -1370,12 +1367,12 @@ const Wa = /* @__PURE__ */ g({
       n("div", cn, [
         n("div", un, [
           n("div", null, [
-            a.tagline ? (s(), i("p", dn, f(a.tagline), 1)) : b("", !0),
+            a.tagline ? (s(), i("p", dn, f(a.tagline), 1)) : $("", !0),
             n("h1", mn, f(a.title), 1)
           ]),
-          a.divider ? (s(), i("div", vn)) : b("", !0),
-          n("div", hn, [
-            n("p", fn, [
+          a.divider ? (s(), j(k(te), { key: 0 })) : $("", !0),
+          n("div", vn, [
+            n("p", hn, [
               w(a.$slots, "default", {}, void 0, !0)
             ])
           ])
@@ -1383,14 +1380,14 @@ const Wa = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), _n = /* @__PURE__ */ I(pn, [["__scopeId", "data-v-5c768acc"]]), gn = ["width", "height"], yn = {
+}), pn = /* @__PURE__ */ I(fn, [["__scopeId", "data-v-d2f80b77"]]), _n = ["width", "height"], gn = {
   x: "100",
   y: "108",
   "text-anchor": "middle",
   fill: "#3a5368",
   "font-size": "24",
   "font-weight": "bold"
-}, kn = /* @__PURE__ */ g({
+}, yn = /* @__PURE__ */ g({
   __name: "MucPercentageSpinner",
   props: {
     size: { default: "300" },
@@ -1406,11 +1403,11 @@ const Wa = /* @__PURE__ */ g({
       fill: "none",
       color: "#005a9f"
     }, [
-      o[0] || (o[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", yn, f(a.value), 1)
-    ], 8, gn));
+      o[0] || (o[0] = se('<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", gn, f(a.value), 1)
+    ], 8, _n));
   }
-}), bn = ["tabindex", "aria-label"], Mn = { class: "m-form-step__title" }, $n = { "aria-disabled": "true" }, wn = /* @__PURE__ */ g({
+}), kn = ["tabindex", "aria-label"], bn = { class: "m-form-step__title" }, Mn = { "aria-disabled": "true" }, $n = /* @__PURE__ */ g({
   __name: "MucStepperItem",
   props: {
     item: {},
@@ -1435,14 +1432,14 @@ const Wa = /* @__PURE__ */ g({
         tabindex: u.value,
         "aria-label": v.value
       }, [
-        M($(B), { icon: c.value }, null, 8, ["icon"])
-      ], 8, bn),
-      n("div", Mn, [
-        n("span", $n, f(_.item.label), 1)
+        M(k(B), { icon: c.value }, null, 8, ["icon"])
+      ], 8, kn),
+      n("div", bn, [
+        n("span", Mn, f(_.item.label), 1)
       ])
     ], 2));
   }
-}), An = /* @__PURE__ */ I(wn, [["__scopeId", "data-v-279142f9"]]), Cn = { class: "m-component m-component-form-progress" }, Dn = { class: "container" }, Sn = { class: "m-component__grid" }, In = { class: "m-component__column" }, Fn = { class: "m-form-steps" }, Tn = /* @__PURE__ */ g({
+}), wn = /* @__PURE__ */ I($n, [["__scopeId", "data-v-279142f9"]]), An = { class: "m-component m-component-form-progress" }, Cn = { class: "container" }, Dn = { class: "m-component__grid" }, Sn = { class: "m-component__column" }, In = { class: "m-form-steps" }, Fn = /* @__PURE__ */ g({
   __name: "MucStepper",
   props: {
     stepItems: {},
@@ -1460,12 +1457,12 @@ const Wa = /* @__PURE__ */ g({
     const o = (d) => t.stepItems.findIndex((_) => _.id === d), l = L(o(t.activeItem)), c = (d) => d === t.activeItem, u = (d) => o(d) < l.value, v = (d) => {
       e("changeStep", d);
     };
-    return (d, _) => (s(), i("div", Cn, [
-      n("div", Dn, [
-        n("div", Sn, [
-          n("div", In, [
-            n("ol", Fn, [
-              (s(!0), i(E, null, O(d.stepItems, (h) => (s(), j(An, {
+    return (d, _) => (s(), i("div", An, [
+      n("div", Cn, [
+        n("div", Dn, [
+          n("div", Sn, [
+            n("ol", In, [
+              (s(!0), i(E, null, O(d.stepItems, (h) => (s(), j(wn, {
                 key: h.id,
                 item: h,
                 "is-active": c(h.id),
@@ -1478,62 +1475,62 @@ const Wa = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MucBanner: Se,
+  MucBanner: Ie,
   MucButton: Y,
-  MucCalendar: Qe,
-  MucCallout: rt,
-  MucCard: vt,
-  MucCardContainer: pt,
+  MucCalendar: et,
+  MucCallout: ct,
+  MucCard: _t,
+  MucCardContainer: kt,
   MucCheckbox: Xt,
   MucCheckboxGroup: sa,
-  MucComment: ue,
-  MucCommentText: xt,
+  MucComment: de,
+  MucCommentText: Vt,
   MucCounter: pa,
-  MucDivider: Vt,
+  MucDivider: te,
   MucErrorList: Ma,
   MucFileDropzone: qt,
   MucIcon: B,
   MucInput: xa,
-  MucIntro: _n,
-  MucLink: de,
-  MucPercentageSpinner: kn,
+  MucIntro: pn,
+  MucLink: me,
+  MucPercentageSpinner: yn,
   MucRadioButton: Va,
   MucRadioButtonGroup: Na,
   MucSelect: Ja,
-  MucStepper: Tn,
+  MucStepper: Fn,
   MucTextArea: on
 }, Symbol.toStringTag, { value: "Module" }));
-function Ln(t) {
-  for (const a in te)
-    t.component(a, te[a]);
+function Tn(t) {
+  for (const a in ae)
+    t.component(a, ae[a]);
 }
-const xn = { install: Ln };
+const Bn = { install: Tn };
 export {
-  Se as MucBanner,
+  Ie as MucBanner,
   Y as MucButton,
-  Qe as MucCalendar,
-  rt as MucCallout,
-  vt as MucCard,
-  pt as MucCardContainer,
+  et as MucCalendar,
+  ct as MucCallout,
+  _t as MucCard,
+  kt as MucCardContainer,
   Xt as MucCheckbox,
   sa as MucCheckboxGroup,
-  ue as MucComment,
-  xt as MucCommentText,
+  de as MucComment,
+  Vt as MucCommentText,
   pa as MucCounter,
-  Vt as MucDivider,
+  te as MucDivider,
   Ma as MucErrorList,
   qt as MucFileDropzone,
   B as MucIcon,
   xa as MucInput,
-  _n as MucIntro,
-  de as MucLink,
-  kn as MucPercentageSpinner,
+  pn as MucIntro,
+  me as MucLink,
+  yn as MucPercentageSpinner,
   Va as MucRadioButton,
   Na as MucRadioButtonGroup,
   Ja as MucSelect,
-  Tn as MucStepper,
+  Fn as MucStepper,
   on as MucTextArea,
-  xn as default
+  Bn as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "author": "FabianWilms",
   "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
   "license": "MIT",
-  "version": "1.15.0-beta.6",
+  "version": "2.0.0-beta.1",
   "private": false,
   "module": "./dist/muc-patternlab-vue.es.js",
   "main": "./dist/index.d.ts",

package/style.css

@@ -1 +1 @@
-.m-banner--success[data-v-01cbc1dd]{background-color:#f1f6f3;border-bottom:1px solid #3a7f53}.no-left-margin[data-v-d002b2f9]{margin-left:0}.muc-calendar-container[data-v-a7631835]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-a7631835]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-a7631835]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-a7631835]{width:100%;height:100%}.muc-calendar-current-item[data-v-a7631835]{background:var(--color-neutrals-blue)}.selected[data-v-a7631835]{background:var(--color-brand-main-blue);color:#fff}.disabled-tile[data-v-a7631835]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected-range[data-v-a7631835]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-a7631835]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-61bf5bda]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-61bf5bda]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-61bf5bda]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-61bf5bda]{width:100%;height:100%}.muc-calendar-current-item[data-v-61bf5bda]{background:var(--color-neutrals-blue)}.muc-calendar-container[data-v-67492bc8]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-67492bc8]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-67492bc8]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-67492bc8]{width:100%;height:100%}.muc-calendar-current-item[data-v-67492bc8]{background:var(--color-neutrals-blue)}.off-year[data-v-67492bc8]{color:var(--color-neutrals-blue)}@keyframes appear-broad-9744d6fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-9744d6fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-9744d6fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-9744d6fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-9744d6fd]{position:absolute}.view-detail-enter-active[data-v-9744d6fd]{animation:appear-detail-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-9744d6fd]{animation:disappear-detail-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-9744d6fd]{animation:appear-broad-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-9744d6fd]{animation:disappear-broad-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-9744d6fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.caption[data-v-9744d6fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-9744d6fd]{justify-content:center;display:flex;cursor:pointer}.container-view-size[data-v-9744d6fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.m-callout--success[data-v-71a5ca15]{background-color:#f1f6f3;border-color:#95b9a2}.m-callout--success .m-callout__icon[data-v-71a5ca15]{background-color:#3a7f53;box-shadow:0 .3125rem .625rem #005a9f33}.m-callout--error[data-v-71a5ca15]{background-color:#f8f2f2;border-color:#c79a9b}.m-callout--error .m-callout__icon[data-v-71a5ca15]{background-color:#984447;box-shadow:0 .3125rem .625rem #005a9f33}.card[data-v-6dbe63e1]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-6dbe63e1]:hover{background-color:#f1f1f1}.card-content[data-v-6dbe63e1]{padding:32px 24px}.card-header[data-v-6dbe63e1]{display:flex}.card-tagline[data-v-6dbe63e1]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-6dbe63e1]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.divider-border[data-v-a2b37f5b]{border-bottom:1px solid var(--color-neutrals-blue)}.drop-zone[data-v-611376c0]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-611376c0]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-611376c0]{cursor:pointer}.drop-zone-error-message[data-v-611376c0]{display:flex;align-items:flex-start}.drop-zone-error-message .icon[data-v-611376c0]{margin-top:0}.drop-zone-error-message span[data-v-611376c0]{margin-left:4px}.drop-zone-additional-information[data-v-611376c0]{font-size:14px}.centered-text-number[data-v-e3bbeec7]{display:flex;justify-content:center;align-items:center;height:100%}.centered-text-label[data-v-e3bbeec7]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-e3bbeec7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-e3bbeec7]{display:flex;justify-content:space-between}.grid-item[data-v-e3bbeec7]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-e3bbeec7]:nth-child(1){order:1}.grid-item[data-v-e3bbeec7]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-e3bbeec7]:nth-child(1){order:2}.grid-item[data-v-e3bbeec7]:nth-child(2){order:1}.centered-text-label[data-v-e3bbeec7]{padding-bottom:.8rem}.grid[data-v-e3bbeec7]{grid-template-columns:1fr}}.display-listbox[data-v-a65ab70d]{display:block!important}.muc-divider[data-v-5c768acc]{margin-top:8px;margin-bottom:16px}@media screen and (width >992px){.muc-intro-content[data-v-5c768acc]{width:66.6%}}.show-cursor[data-v-279142f9]{cursor:pointer}
+.m-banner--success[data-v-01cbc1dd]{background-color:#f1f6f3;border-bottom:1px solid #3a7f53}.no-left-margin[data-v-d002b2f9]{margin-left:0}.muc-calendar-container[data-v-a7631835]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-a7631835]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-a7631835]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-a7631835]{width:100%;height:100%}.muc-calendar-current-item[data-v-a7631835]{background:var(--color-neutrals-blue)}.selected[data-v-a7631835]{background:var(--color-brand-main-blue);color:#fff}.disabled-tile[data-v-a7631835]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected-range[data-v-a7631835]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-a7631835]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-61bf5bda]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-61bf5bda]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-61bf5bda]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-61bf5bda]{width:100%;height:100%}.muc-calendar-current-item[data-v-61bf5bda]{background:var(--color-neutrals-blue)}.muc-calendar-container[data-v-67492bc8]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-67492bc8]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-67492bc8]:hover{border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-67492bc8]{width:100%;height:100%}.muc-calendar-current-item[data-v-67492bc8]{background:var(--color-neutrals-blue)}.off-year[data-v-67492bc8]{color:var(--color-neutrals-blue)}@keyframes appear-broad-9744d6fd{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-9744d6fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-9744d6fd{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-9744d6fd{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-9744d6fd]{position:absolute}.view-detail-enter-active[data-v-9744d6fd]{animation:appear-detail-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-9744d6fd]{animation:disappear-detail-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-9744d6fd]{animation:appear-broad-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-9744d6fd]{animation:disappear-broad-9744d6fd var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-9744d6fd]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.caption[data-v-9744d6fd]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.header[data-v-9744d6fd]{justify-content:center;display:flex;cursor:pointer}.container-view-size[data-v-9744d6fd]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.m-callout--success[data-v-71a5ca15]{background-color:#f1f6f3;border-color:#95b9a2}.m-callout--success .m-callout__icon[data-v-71a5ca15]{background-color:#3a7f53;box-shadow:0 .3125rem .625rem #005a9f33}.m-callout--error[data-v-71a5ca15]{background-color:#f8f2f2;border-color:#c79a9b}.m-callout--error .m-callout__icon[data-v-71a5ca15]{background-color:#984447;box-shadow:0 .3125rem .625rem #005a9f33}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-ec038b2b]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-ec038b2b]:hover{background-color:#f1f1f1}.card-content[data-v-ec038b2b]{padding:32px 24px}.card-header[data-v-ec038b2b]{display:flex}.card-tagline[data-v-ec038b2b]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-ec038b2b]{margin-top:16px;margin-bottom:16px}@media all and (min-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-6740df8f]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:32px}}.drop-zone[data-v-611376c0]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-611376c0]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-611376c0]{cursor:pointer}.drop-zone-error-message[data-v-611376c0]{display:flex;align-items:flex-start}.drop-zone-error-message .icon[data-v-611376c0]{margin-top:0}.drop-zone-error-message span[data-v-611376c0]{margin-left:4px}.drop-zone-additional-information[data-v-611376c0]{font-size:14px}.centered-text-number[data-v-e3bbeec7]{display:flex;justify-content:center;align-items:center;height:100%}.centered-text-label[data-v-e3bbeec7]{display:flex;justify-content:left;align-items:center;height:100%}.grid[data-v-e3bbeec7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-e3bbeec7]{display:flex;justify-content:space-between}.grid-item[data-v-e3bbeec7]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-e3bbeec7]:nth-child(1){order:1}.grid-item[data-v-e3bbeec7]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-e3bbeec7]:nth-child(1){order:2}.grid-item[data-v-e3bbeec7]:nth-child(2){order:1}.centered-text-label[data-v-e3bbeec7]{padding-bottom:.8rem}.grid[data-v-e3bbeec7]{grid-template-columns:1fr}}.display-listbox[data-v-a65ab70d]{display:block!important}.muc-divider[data-v-d2f80b77]{margin-top:8px;margin-bottom:16px}@media screen and (width >992px){.muc-intro-content[data-v-d2f80b77]{width:66.6%}}.show-cursor[data-v-279142f9]{cursor:pointer}