@muenchen/muc-patternlab-vue 1.13.0-beta.8 → 1.13.0-beta.9

package/muc-patternlab-vue.es.js

@@ -1,30 +1,30 @@
-import { defineComponent as f, useAttrs as ae, computed as d, openBlock as a, createElementBlock as l, normalizeClass as I, normalizeStyle as ne, createElementVNode as t, createVNode as w, unref as $, renderSlot as v, createBlock as H, createCommentVNode as b, toDisplayString as m, useSlots as q, createTextVNode as y, Fragment as P, renderList as G, createSlots as le, withCtx as B, mergeModels as x, useModel as E, withModifiers as z, ref as R, withDirectives as N, vModelDynamic as ie, inject as re, provide as ce, readonly as ue, toRef as de, onMounted as me, onBeforeUnmount as pe, watch as _e, vModelText as F, createStaticVNode as fe } from "vue";
-const ve = ["href"], A = /* @__PURE__ */ f({
+import { defineComponent as h, useAttrs as le, computed as m, openBlock as o, createElementBlock as i, normalizeClass as B, normalizeStyle as ie, createElementVNode as s, createVNode as C, unref as $, renderSlot as b, createBlock as W, createCommentVNode as k, toDisplayString as d, useSlots as Z, createTextVNode as y, Fragment as H, renderList as D, createSlots as re, withCtx as z, createStaticVNode as K, ref as L, onMounted as X, onUpdated as ce, withModifiers as P, mergeModels as R, useModel as j, withDirectives as N, vModelDynamic as ue, inject as de, provide as me, readonly as pe, toRef as _e, onBeforeUnmount as fe, watch as he, vModelText as J } from "vue";
+const ve = ["href"], T = /* @__PURE__ */ h({
   __name: "MucIcon",
   props: {
     icon: {},
     color: {}
   },
   setup(n) {
-    const s = ae(), e = d(() => s.class ?? "icon");
-    return (o, i) => (a(), l("svg", {
+    const t = le(), e = m(() => t.class ?? "icon");
+    return (a, c) => (o(), i("svg", {
       "aria-hidden": "true",
-      class: I(e.value),
-      style: ne({ color: o.color })
+      class: B(e.value),
+      style: ie({ color: a.color })
     }, [
-      t("use", {
-        href: "#icon-" + o.icon
+      s("use", {
+        href: "#icon-" + a.icon
       }, null, 8, ve)
     ], 6));
   }
-}), he = ["role", "aria-label"], ge = { class: "container-fluid" }, be = /* @__PURE__ */ f({
+}), ge = ["role", "aria-label"], be = { class: "container-fluid" }, ke = /* @__PURE__ */ h({
   __name: "MucBanner",
   props: {
     type: { default: "info" }
   },
   setup(n) {
-    const s = n, e = d(() => {
-      switch (s.type) {
+    const t = n, e = m(() => {
+      switch (t.type) {
         case "info":
           return "m-banner--info";
         case "success":
@@ -36,8 +36,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "m-banner--info";
       }
-    }), o = d(() => {
-      switch (s.type) {
+    }), a = m(() => {
+      switch (t.type) {
         case "info":
           return "dialog";
         case "success":
@@ -49,8 +49,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "dialog";
       }
-    }), i = d(() => {
-      switch (s.type) {
+    }), c = m(() => {
+      switch (t.type) {
         case "info":
           return "Information";
         case "success":
@@ -62,8 +62,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "Information";
       }
-    }), r = d(() => {
-      switch (s.type) {
+    }), r = m(() => {
+      switch (t.type) {
         case "success":
           return "check";
         case "warning":
@@ -74,27 +74,27 @@ const ve = ["href"], A = /* @__PURE__ */ f({
           return "information";
       }
     });
-    return (p, c) => (a(), l("div", null, [
-      t("div", null, [
-        t("div", {
-          class: I(["m-banner", e.value]),
-          role: o.value,
-          "aria-label": i.value
+    return (p, l) => (o(), i("div", null, [
+      s("div", null, [
+        s("div", {
+          class: B(["m-banner", e.value]),
+          role: a.value,
+          "aria-label": c.value
         }, [
-          t("div", ge, [
-            w($(A), { icon: r.value }, null, 8, ["icon"]),
-            v(p.$slots, "default", {}, void 0, !0)
+          s("div", be, [
+            C($(T), { icon: r.value }, null, 8, ["icon"]),
+            b(p.$slots, "default", {}, void 0, !0)
           ])
-        ], 10, he)
+        ], 10, ge)
       ])
     ]));
   }
-}), V = (n, s) => {
+}), E = (n, t) => {
   const e = n.__vccOpts || n;
-  for (const [o, i] of s)
-    e[o] = i;
+  for (const [a, c] of t)
+    e[a] = c;
   return e;
-}, ye = /* @__PURE__ */ V(be, [["__scopeId", "data-v-53bc7eca"]]), $e = ["disabled"], j = /* @__PURE__ */ f({
+}, ye = /* @__PURE__ */ E(ke, [["__scopeId", "data-v-53bc7eca"]]), $e = ["disabled"], G = /* @__PURE__ */ h({
   __name: "MucButton",
   props: {
     variant: { default: "primary" },
@@ -103,8 +103,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
     iconAnimated: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: s }) {
-    const e = n, o = s, i = d(() => {
+  setup(n, { emit: t }) {
+    const e = n, a = t, c = m(() => {
       switch (e.variant) {
         case "secondary":
           return "m-button--secondary";
@@ -113,34 +113,34 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "m-button--primary";
       }
-    }), r = d(
+    }), r = m(
       () => e.iconAnimated ? "m-button--animated-right" : ""
     ), p = () => {
-      o("click");
+      a("click");
     };
-    return (c, h) => (a(), l("button", {
+    return (l, v) => (o(), i("button", {
       onClick: p,
-      disabled: c.disabled,
-      class: I(["m-button", [i.value, r.value]])
+      disabled: l.disabled,
+      class: B(["m-button", [c.value, r.value]])
     }, [
-      t("span", null, [
-        v(c.$slots, "default"),
-        c.icon ? (a(), H($(A), {
+      s("span", null, [
+        b(l.$slots, "default"),
+        l.icon ? (o(), W($(T), {
           key: 0,
-          icon: c.icon,
+          icon: l.icon,
           class: "m-button__icon"
-        }, null, 8, ["icon"])) : b("", !0)
+        }, null, 8, ["icon"])) : k("", !0)
       ])
     ], 10, $e));
   }
-}), ke = ["aria-label"], Me = { class: "m-callout__inner" }, Ce = { class: "m-callout__icon" }, we = { class: "m-callout__body" }, Ie = { class: "m-callout__body__inner" }, Se = { class: "m-callout__headline" }, Te = { class: "m-callout__content" }, Ae = /* @__PURE__ */ f({
+}), 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" }, Ie = { class: "m-callout__content" }, Fe = /* @__PURE__ */ h({
   __name: "MucCallout",
   props: {
     type: { default: "info" }
   },
   setup(n) {
-    const s = n, e = d(() => {
-      switch (s.type) {
+    const t = n, e = m(() => {
+      switch (t.type) {
         case "error":
         case "warning":
           return "warning";
@@ -149,8 +149,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "information";
       }
-    }), o = d(() => {
-      switch (s.type) {
+    }), a = m(() => {
+      switch (t.type) {
         case "error":
           return "m-callout--error";
         case "warning":
@@ -160,8 +160,8 @@ const ve = ["href"], A = /* @__PURE__ */ f({
         default:
           return "m-callout--default";
       }
-    }), i = d(() => {
-      switch (s.type) {
+    }), c = m(() => {
+      switch (t.type) {
         case "success":
           return "Erfolgreich";
         case "warning":
@@ -172,148 +172,148 @@ const ve = ["href"], A = /* @__PURE__ */ f({
           return "Information";
       }
     });
-    return (r, p) => (a(), l("div", {
-      class: I(["m-callout", o.value]),
-      "aria-label": i.value
+    return (r, p) => (o(), i("div", {
+      class: B(["m-callout", a.value]),
+      "aria-label": c.value
     }, [
-      t("div", Me, [
-        t("div", Ce, [
-          v(r.$slots, "icon", {}, () => [
-            w($(A), { icon: e.value }, null, 8, ["icon"])
+      s("div", Ce, [
+        s("div", we, [
+          b(r.$slots, "icon", {}, () => [
+            C($(T), { icon: e.value }, null, 8, ["icon"])
           ], !0)
         ]),
-        t("div", we, [
-          t("div", Ie, [
-            t("div", Se, [
-              v(r.$slots, "header", {}, void 0, !0)
+        s("div", Ae, [
+          s("div", Se, [
+            s("div", Te, [
+              b(r.$slots, "header", {}, void 0, !0)
             ]),
-            t("div", Te, [
-              t("p", null, [
-                v(r.$slots, "content", { class: "m-callout__content" }, void 0, !0)
+            s("div", Ie, [
+              s("p", null, [
+                b(r.$slots, "content", { class: "m-callout__content" }, void 0, !0)
               ])
             ])
           ])
         ])
       ])
-    ], 10, ke));
+    ], 10, Me));
   }
-}), Be = /* @__PURE__ */ V(Ae, [["__scopeId", "data-v-609b68ea"]]), xe = { class: "card-content" }, Le = { class: "card-header" }, Ve = {
+}), xe = /* @__PURE__ */ E(Fe, [["__scopeId", "data-v-609b68ea"]]), Be = { class: "card-content" }, Le = { class: "card-header" }, Ve = {
   key: 0,
   class: "card-tagline"
-}, Re = /* @__PURE__ */ f({
+}, ze = /* @__PURE__ */ h({
   __name: "MucCard",
   props: {
     title: {},
     tagline: {}
   },
   emits: ["click"],
-  setup(n, { emit: s }) {
-    const e = s;
-    return (o, i) => (a(), l("div", {
+  setup(n, { emit: t }) {
+    const e = t;
+    return (a, c) => (o(), i("div", {
       class: "card",
-      onClick: i[0] || (i[0] = (r) => e("click", r))
+      onClick: c[0] || (c[0] = (r) => e("click", r))
     }, [
-      t("div", xe, [
-        t("div", Le, [
-          v(o.$slots, "headerPrefix", {}, void 0, !0),
-          t("div", null, [
-            o.tagline ? (a(), l("div", Ve, m(o.tagline), 1)) : b("", !0),
-            t("div", null, [
-              t("h3", null, m(o.title), 1)
+      s("div", Be, [
+        s("div", Le, [
+          b(a.$slots, "headerPrefix", {}, void 0, !0),
+          s("div", null, [
+            a.tagline ? (o(), i("div", Ve, d(a.tagline), 1)) : k("", !0),
+            s("div", null, [
+              s("h3", null, d(a.title), 1)
             ])
           ])
         ]),
-        i[1] || (i[1] = t("div", { class: "muc-divider" }, null, -1)),
-        v(o.$slots, "content", {}, void 0, !0)
+        c[1] || (c[1] = s("div", { class: "muc-divider" }, null, -1)),
+        b(a.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}), Ee = /* @__PURE__ */ V(Re, [["__scopeId", "data-v-acf0a1dd"]]), Oe = { class: "container card-container" }, Pe = /* @__PURE__ */ f({
+}), Ee = /* @__PURE__ */ E(ze, [["__scopeId", "data-v-acf0a1dd"]]), Re = { class: "container card-container" }, He = /* @__PURE__ */ h({
   __name: "MucCardContainer",
   setup(n) {
-    return (s, e) => (a(), l("div", Oe, [
-      v(s.$slots, "default", {}, void 0, !0)
+    return (t, e) => (o(), i("div", Re, [
+      b(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), Ge = /* @__PURE__ */ V(Pe, [["__scopeId", "data-v-6740df8f"]]), je = { class: "m-comment__head" }, He = { class: "m-comment__initials" }, Ne = { class: "m-comment__info" }, Ue = { class: "m-comment__author" }, qe = { key: 0 }, ze = { class: "m-comment__author" }, Fe = { class: "m-comment__date" }, De = ["aria-label"], We = {
+}), je = /* @__PURE__ */ E(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" }, We = { key: 0 }, Ue = { class: "m-comment__author" }, Ne = { class: "m-comment__date" }, qe = ["aria-label"], Ze = {
   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", Ze = 0.2, et = 0.8, O = 5, D = /* @__PURE__ */ f({
+}, 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, O = 5, Q = /* @__PURE__ */ h({
   __name: "MucComment",
   props: {
     rating: {},
     variant: { default: "listing" }
   },
   setup(n) {
-    const s = q(), e = n, o = d(() => !!s.date), i = d(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), r = d(
+    const t = Z(), e = n, a = m(() => !!t.date), c = m(() => e.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), r = m(
       () => Math.min(Math.max(e.rating, 0), O)
-    ), p = d(() => r.value.toLocaleString(Ye.valueOf(), {
+    ), p = m(() => r.value.toLocaleString(Ye.valueOf(), {
       minimumFractionDigits: 1
-    })), c = d(() => {
-      const h = +(r.value % 1).toFixed(1);
-      let M = Math.min(Math.floor(r.value), O), S = Math.floor(O - r.value), _ = !1;
-      return r.value !== 0 && r.value !== O && (h <= Ze ? S++ : h >= et ? M++ : _ = !0), {
-        fullStars: M,
-        emptyStars: S,
-        isHalfStar: _
+    })), l = m(() => {
+      const v = +(r.value % 1).toFixed(1);
+      let A = Math.min(Math.floor(r.value), O), I = Math.floor(O - r.value), f = !1;
+      return r.value !== 0 && r.value !== O && (v <= et ? I++ : v >= tt ? A++ : f = !0), {
+        fullStars: A,
+        emptyStars: I,
+        isHalfStar: f
       };
     });
-    return (h, M) => (a(), l("div", {
-      class: I(["m-comment", i.value])
+    return (v, A) => (o(), i("div", {
+      class: B(["m-comment", c.value])
     }, [
-      t("div", je, [
-        t("div", He, [
-          v(h.$slots, "initials")
+      s("div", Oe, [
+        s("div", Pe, [
+          b(v.$slots, "initials")
         ]),
-        t("div", Ne, [
-          t("span", Ue, [
-            v(h.$slots, "author")
+        s("div", De, [
+          s("span", Ge, [
+            b(v.$slots, "author")
           ]),
-          o.value ? (a(), l("span", qe, [
-            t("span", ze, [
-              M[0] || (M[0] = y("  ")),
-              v(h.$slots, "datePrefix")
+          a.value ? (o(), i("span", We, [
+            s("span", Ue, [
+              A[0] || (A[0] = y("  ")),
+              b(v.$slots, "datePrefix")
             ]),
-            t("span", Fe, [
-              M[1] || (M[1] = y(" ")),
-              v(h.$slots, "date")
+            s("span", Ne, [
+              A[1] || (A[1] = y(" ")),
+              b(v.$slots, "date")
             ])
-          ])) : b("", !0),
-          t("div", {
+          ])) : k("", !0),
+          s("div", {
             class: "m-star-rating",
             role: "img",
-            "aria-label": `Bewertung: ${h.rating} von ${O} Sternen`
+            "aria-label": `Bewertung: ${v.rating} von ${O} Sternen`
           }, [
-            (a(!0), l(P, null, G(c.value.fullStars, (S) => (a(), l("div", {
-              key: S,
+            (o(!0), i(H, null, D(l.value.fullStars, (I) => (o(), i("div", {
+              key: I,
               class: "m-star-rating__item m-star-rating__item--full"
             }, [
-              w($(A), { icon: "solid-star" })
+              C($(T), { icon: "solid-star" })
             ]))), 128)),
-            c.value.isHalfStar ? (a(), l("div", We, [
-              w($(A), { icon: "half-star" })
-            ])) : b("", !0),
-            (a(!0), l(P, null, G(c.value.emptyStars, (S) => (a(), l("div", {
-              key: S,
+            l.value.isHalfStar ? (o(), i("div", Ze, [
+              C($(T), { icon: "half-star" })
+            ])) : k("", !0),
+            (o(!0), i(H, null, D(l.value.emptyStars, (I) => (o(), i("div", {
+              key: I,
               class: "m-star-rating__item"
             }, [
-              w($(A), { icon: "solid-star" })
+              C($(T), { icon: "solid-star" })
             ]))), 128)),
-            t("div", Ke, m(p.value), 1)
-          ], 8, De)
+            s("div", Ke, d(p.value), 1)
+          ], 8, qe)
         ])
       ]),
-      t("div", Xe, [
-        t("div", Je, [
-          v(h.$slots, "headline")
+      s("div", Xe, [
+        s("div", Je, [
+          b(v.$slots, "headline")
         ]),
-        t("div", Qe, [
-          v(h.$slots, "text")
+        s("div", Qe, [
+          b(v.$slots, "text")
         ])
       ])
     ], 2));
   }
-}), tt = " ", st = /* @__PURE__ */ f({
+}), st = " ", at = /* @__PURE__ */ h({
   __name: "MucCommentText",
   props: {
     datePrefix: { default: "am" },
@@ -326,112 +326,236 @@ const ve = ["href"], A = /* @__PURE__ */ f({
     variant: { default: "listing" }
   },
   setup(n) {
-    const s = n, e = d(() => ((s.initials ?? s.author.split(tt).map((o) => o.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
-    return (o, i) => (a(), H($(D), {
-      rating: o.rating,
-      variant: o.variant
-    }, le({
-      initials: B(() => [
-        y(m(e.value), 1)
+    const t = n, e = m(() => ((t.initials ?? t.author.split(st).map((a) => a.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
+    return (a, c) => (o(), W($(Q), {
+      rating: a.rating,
+      variant: a.variant
+    }, re({
+      initials: z(() => [
+        y(d(e.value), 1)
       ]),
-      datePrefix: B(() => [
-        i[0] || (i[0] = y("am"))
+      datePrefix: z(() => [
+        c[0] || (c[0] = y("am"))
       ]),
-      author: B(() => [
-        y(m(o.author), 1)
+      author: z(() => [
+        y(d(a.author), 1)
       ]),
-      headline: B(() => [
-        y(m(o.headline), 1)
+      headline: z(() => [
+        y(d(a.headline), 1)
       ]),
-      text: B(() => [
-        y(m(o.text), 1)
+      text: z(() => [
+        y(d(a.text), 1)
       ]),
       _: 2
     }, [
-      o.date ? {
+      a.date ? {
         name: "date",
-        fn: B(() => [
-          y(m(o.date), 1)
+        fn: z(() => [
+          y(d(a.date), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["rating", "variant"]));
   }
-}), ot = {}, at = { class: "divider-border" };
-function nt(n, s) {
-  return a(), l("hr", at);
+}), nt = {}, ot = { class: "divider-border" };
+function lt(n, t) {
+  return o(), i("hr", ot);
 }
-const lt = /* @__PURE__ */ V(ot, [["render", nt], ["__scopeId", "data-v-a2b37f5b"]]), it = ["checked"], rt = { class: "m-label m-checkboxes__label" }, ct = /* @__PURE__ */ f({
+const it = /* @__PURE__ */ E(nt, [["render", lt], ["__scopeId", "data-v-a2b37f5b"]]), rt = {}, ct = {
+  "aria-hidden": "true",
+  width: "108",
+  height: "56",
+  viewBox: "0 0 108 56",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function ut(n, t) {
+  return o(), i("svg", ct, t[0] || (t[0] = [
+    K('<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__ */ E(rt, [["render", ut]]), mt = {
+  key: 0,
+  class: "m-error-message"
+}, pt = {
+  key: 1,
+  class: "m-error-message"
+}, _t = {
+  key: 2,
+  class: "m-error-message"
+}, ft = /* @__PURE__ */ h({
+  __name: "MucFileDropzone",
+  props: {
+    buttonText: { default: "Upload file" },
+    additionalInformation: {},
+    disabled: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !0 },
+    invalidAmountWarning: {},
+    maxFileSize: { default: 0 },
+    maxFileSizeWarning: {},
+    maxTotalFileSize: { default: 0 },
+    maxTotalFileSizeWarning: {}
+  },
+  emits: [
+    /**
+     * Dropped files as {@link File[]} array
+     */
+    "files"
+  ],
+  setup(n, { emit: t }) {
+    const e = t, a = L(!0), c = L(!0), r = L(!0), p = L(!1), l = document.createElement("input");
+    X(() => {
+      l.type = "file", l.multiple = n.multiple, l.onchange = (_) => {
+        const g = _.target;
+        if (g != null && g.files && g.files.length > 0) {
+          const x = Array.from(g.files);
+          w(x);
+        }
+      };
+    }), ce(() => {
+      l.multiple = n.multiple;
+    });
+    const v = () => {
+      n.disabled || l.click();
+    }, A = (_) => {
+      var g;
+      if (!n.disabled) {
+        if (!(l != null && l.multiple)) {
+          const x = _.dataTransfer;
+          if (((g = x == null ? void 0 : x.items) == null ? void 0 : g.length) > 1) {
+            r.value = !1;
+            return;
+          }
+        }
+        p.value = !0;
+      }
+    }, I = () => {
+      p.value = !1, r.value = !0;
+    }, f = (_) => {
+      var x;
+      if (n.disabled) return;
+      if (!r.value) {
+        r.value = !0;
+        return;
+      }
+      p.value = !1;
+      const g = _.dataTransfer;
+      if (((x = g == null ? void 0 : g.files) == null ? void 0 : x.length) > 0) {
+        const U = Array.from(g.files);
+        w(U);
+      }
+    }, w = (_) => {
+      a.value = F(_), c.value = V(_), !(!a.value || !c.value) && e("files", _);
+    }, F = (_) => n.maxFileSize ? !_.some((g) => g.size > n.maxFileSize * 1024 * 1024) : !0, V = (_) => n.maxTotalFileSize ? _.reduce((g, x) => g + (x.size || 0), 0) <= n.maxTotalFileSize * 1024 * 1024 : !0;
+    return (_, g) => (o(), i(H, null, [
+      s("div", {
+        class: B(["drop-zone", {
+          "is-dragover": p.value,
+          "is-not-disabled": !_.disabled
+        }]),
+        onDragover: P(A, ["prevent"]),
+        onDragleave: P(I, ["prevent"]),
+        onDrop: P(f, ["prevent"]),
+        onClick: v
+      }, [
+        C(dt),
+        C($(G), {
+          variant: "secondary",
+          icon: "upload",
+          disabled: _.disabled
+        }, {
+          default: z(() => [
+            y(d(_.buttonText), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        s("small", null, d(_.additionalInformation), 1)
+      ], 34),
+      !a.value && _.maxFileSizeWarning ? (o(), i("span", mt, [
+        C($(T), { icon: "warning" }),
+        y(" " + d(_.maxFileSizeWarning), 1)
+      ])) : k("", !0),
+      !c.value && _.maxTotalFileSizeWarning ? (o(), i("span", pt, [
+        C($(T), { icon: "warning" }),
+        y(" " + d(_.maxTotalFileSizeWarning), 1)
+      ])) : k("", !0),
+      r.value ? k("", !0) : (o(), i("span", _t, [
+        C($(T), { icon: "warning" }),
+        y(" " + d(_.invalidAmountWarning), 1)
+      ]))
+    ], 64));
+  }
+}), ht = /* @__PURE__ */ E(ft, [["__scopeId", "data-v-8c3a02f8"]]), vt = ["checked"], gt = { class: "m-label m-checkboxes__label" }, bt = /* @__PURE__ */ h({
   __name: "MucCheckbox",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     label: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["click"], ["update:modelValue"]),
-  setup(n, { emit: s }) {
-    const e = E(n, "modelValue"), o = s, i = () => {
-      e.value = !e.value, o("click");
+  emits: /* @__PURE__ */ R(["click"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = j(n, "modelValue"), a = t, c = () => {
+      e.value = !e.value, a("click");
     };
-    return (r, p) => (a(), l("div", {
+    return (r, p) => (o(), i("div", {
       class: "m-checkboxes__item",
-      onClick: i
+      onClick: c
     }, [
-      t("input", {
+      s("input", {
         class: "m-checkboxes__input",
         name: "checkbox",
         type: "checkbox",
         checked: e.value,
-        onClick: z(i, ["stop"])
-      }, null, 8, it),
-      t("label", rt, m(r.label), 1)
+        onClick: P(c, ["stop"])
+      }, null, 8, vt),
+      s("label", gt, d(r.label), 1)
     ]));
   }
-}), ut = { class: "m-form-group" }, dt = { class: "m-checkbox-group" }, mt = { class: "m-checkbox-group__legend" }, pt = { class: "m-checkbox-group__heading" }, _t = { class: "m-checkboxes m-checkboxes--collapse" }, ft = {
+}), kt = { class: "m-form-group" }, yt = { class: "m-checkbox-group" }, $t = { class: "m-checkbox-group__legend" }, Mt = { class: "m-checkbox-group__heading" }, Ct = { class: "m-checkboxes m-checkboxes--collapse" }, wt = {
   "aria-hidden": "true",
   class: "icon icon--after"
-}, vt = ["href"], ht = /* @__PURE__ */ f({
+}, At = ["href"], St = /* @__PURE__ */ h({
   __name: "MucCheckboxGroup",
   props: {
     heading: {}
   },
   setup(n) {
-    const s = R(!0), e = d(() => s.value ? "collapse" : ""), o = d(() => s.value ? "down" : "up"), i = () => s.value = !s.value;
-    return (r, p) => (a(), l("div", ut, [
-      t("fieldset", dt, [
-        t("legend", mt, [
-          t("h3", pt, m(r.heading), 1)
+    const t = L(!0), e = m(() => t.value ? "collapse" : ""), a = m(() => t.value ? "down" : "up"), c = () => t.value = !t.value;
+    return (r, p) => (o(), i("div", kt, [
+      s("fieldset", yt, [
+        s("legend", $t, [
+          s("h3", Mt, d(r.heading), 1)
         ]),
-        t("div", _t, [
-          v(r.$slots, "checkboxes"),
-          r.$slots.collapsableCheckboxes ? (a(), l("div", {
+        s("div", Ct, [
+          b(r.$slots, "checkboxes"),
+          r.$slots.collapsableCheckboxes ? (o(), i("div", {
             key: 0,
-            class: I(["m-checkboxes__collapse__container", e.value])
+            class: B(["m-checkboxes__collapse__container", e.value])
           }, [
-            v(r.$slots, "collapsableCheckboxes")
-          ], 2)) : b("", !0),
-          r.$slots.collapsableCheckboxes ? (a(), H($(j), {
+            b(r.$slots, "collapsableCheckboxes")
+          ], 2)) : k("", !0),
+          r.$slots.collapsableCheckboxes ? (o(), W($(G), {
             key: 1,
             variant: "ghost",
-            onClick: i,
-            "aria-expanded": !s.value
+            onClick: c,
+            "aria-expanded": !t.value
           }, {
-            default: B(() => [
-              p[0] || (p[0] = t("span", null, "Mehr ", -1)),
-              (a(), l("svg", ft, [
-                t("use", {
-                  href: "#icon-chevron-" + o.value
-                }, null, 8, vt)
+            default: z(() => [
+              p[0] || (p[0] = s("span", null, "Mehr ", -1)),
+              (o(), i("svg", wt, [
+                s("use", {
+                  href: "#icon-chevron-" + a.value
+                }, null, 8, At)
               ]))
             ]),
             _: 1
-          }, 8, ["aria-expanded"])) : b("", !0)
+          }, 8, ["aria-expanded"])) : k("", !0)
         ])
       ])
     ]));
   }
-}), gt = ["href", "target"], W = /* @__PURE__ */ f({
+}), Tt = ["href", "target"], Y = /* @__PURE__ */ h({
   __name: "MucLink",
   props: {
     label: {},
@@ -441,30 +565,30 @@ const lt = /* @__PURE__ */ V(ot, [["render", nt], ["__scopeId", "data-v-a2b37f5b
     noUnderline: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const s = n, e = d(
-      () => s.noUnderline ? "m-link--reversed-underline" : ""
+    const t = n, e = m(
+      () => t.noUnderline ? "m-link--reversed-underline" : ""
     );
-    return (o, i) => (a(), l("a", {
-      href: o.href,
-      target: o.target,
-      class: I(["m-link", e.value])
+    return (a, c) => (o(), i("a", {
+      href: a.href,
+      target: a.target,
+      class: B(["m-link", e.value])
     }, [
-      y(m(o.label) + " ", 1),
-      v(o.$slots, "icon", {}, () => [
-        o.icon ? (a(), H($(A), {
+      y(d(a.label) + " ", 1),
+      b(a.$slots, "icon", {}, () => [
+        a.icon ? (o(), W($(T), {
           key: 0,
-          icon: o.icon,
+          icon: a.icon,
           class: "icon icon--after"
-        }, null, 8, ["icon"])) : b("", !0)
+        }, null, 8, ["icon"])) : k("", !0)
       ])
-    ], 10, gt));
+    ], 10, Tt));
   }
-}), bt = { class: "wrapper" }, yt = {
+}), It = { class: "wrapper" }, Ft = { tabindex: "0" }, xt = {
   class: "centered-text",
   style: { color: "var(--color-brand-main-blue)" }
-}, $t = { key: 0 }, kt = { class: "centered-text" }, Mt = { key: 1 }, Ct = { class: "centered-text" }, wt = /* @__PURE__ */ f({
+}, Bt = { class: "visually-hidden" }, Lt = { key: 0 }, Vt = { class: "centered-text" }, zt = { key: 1 }, Et = { class: "centered-text" }, Rt = /* @__PURE__ */ h({
   __name: "MucCounter",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     label: {},
     min: {},
     max: {},
@@ -476,97 +600,103 @@ const lt = /* @__PURE__ */ V(ot, [["render", nt], ["__scopeId", "data-v-a2b37f5b
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const s = E(n, "modelValue"), e = n, o = () => s.value++, i = () => s.value--, r = d(
-      () => !!e.max && !(s.value < e.max) || e.disabled
-    ), p = d(
-      () => s.value == 0 || !!e.min && !(s.value > e.min) || e.disabled
+    const t = j(n, "modelValue"), e = n, a = () => t.value++, c = () => t.value--, r = m(
+      () => !!e.max && !(t.value < e.max) || e.disabled
+    ), p = m(
+      () => t.value == 0 || !!e.min && !(t.value > e.min) || e.disabled
     );
-    return (c, h) => (a(), l("div", bt, [
-      w($(j), {
-        onClick: i,
+    return (l, v) => (o(), i("div", It, [
+      C($(G), {
+        onClick: c,
         variant: "secondary",
-        disabled: p.value
+        disabled: p.value,
+        "aria-label": "Anzahl " + l.label + " reduzieren auf " + (t.value - 1)
       }, {
-        default: B(() => [
-          w($(A), { icon: "minus" })
+        default: z(() => [
+          C($(T), { icon: "minus" })
         ]),
         _: 1
-      }, 8, ["disabled"]),
-      t("p", null, [
-        t("strong", yt, m(s.value), 1)
+      }, 8, ["disabled", "aria-label"]),
+      s("p", Ft, [
+        s("strong", xt, [
+          s("span", Bt, " Aktuell ausgewählte Anzahl für " + d(l.label) + " ist", 1),
+          y(" " + d(t.value), 1)
+        ])
       ]),
-      w($(j), {
-        onClick: o,
+      C($(G), {
+        onClick: a,
         variant: "secondary",
-        disabled: r.value
+        disabled: r.value,
+        "aria-label": "Anzahl " + l.label + " erhöhen auf " + (t.value + 1)
       }, {
-        default: B(() => [
-          w($(A), { icon: "plus" })
+        default: z(() => [
+          C($(T), { icon: "plus" })
         ]),
         _: 1
-      }, 8, ["disabled"]),
-      c.link ? (a(), l("p", $t, [
-        t("label", kt, [
-          w($(W), {
-            label: c.label,
-            href: c.link
+      }, 8, ["disabled", "aria-label"]),
+      l.link ? (o(), i("p", Lt, [
+        s("label", Vt, [
+          C($(Y), {
+            tabindex: "0",
+            label: l.label,
+            href: l.link
           }, null, 8, ["label", "href"])
         ])
-      ])) : (a(), l("p", Mt, [
-        t("label", Ct, m(c.label), 1)
+      ])) : (o(), i("p", zt, [
+        s("label", Et, d(l.label), 1)
       ]))
     ]));
   }
-}), It = /* @__PURE__ */ V(wt, [["__scopeId", "data-v-a20e4a10"]]), St = {
+}), Ht = /* @__PURE__ */ E(Rt, [["__scopeId", "data-v-2ae0cd02"]]), jt = {
   class: "m-error-list",
   role: "alert",
   tabindex: "-1"
-}, Tt = { class: "m-error-list__title" }, At = { class: "m-error-list__body" }, Bt = { class: "m-list m-error-list__list" }, xt = /* @__PURE__ */ f({
+}, Ot = { class: "m-error-list__title" }, Pt = { class: "m-error-list__body" }, Dt = { class: "m-list m-error-list__list" }, Gt = /* @__PURE__ */ h({
   __name: "MucErrorList",
   props: {
     title: {},
     errors: {}
   },
   setup(n) {
-    const s = n, e = d(
-      () => typeof s.errors == "string" ? [s.errors] : s.errors
+    const t = n, e = m(
+      () => typeof t.errors == "string" ? [t.errors] : t.errors
     );
-    return (o, i) => (a(), l("div", St, [
-      t("h2", Tt, m(o.title), 1),
-      t("div", At, [
-        t("ul", Bt, [
-          (a(!0), l(P, null, G(e.value, (r, p) => (a(), l("li", { key: p }, [
-            t("a", null, m(r), 1)
+    return (a, c) => (o(), i("div", jt, [
+      s("h2", Ot, d(a.title), 1),
+      s("div", Pt, [
+        s("ul", Dt, [
+          (o(!0), i(H, null, D(e.value, (r, p) => (o(), i("li", { key: p }, [
+            s("a", null, d(r), 1)
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Lt = {
+}), Wt = {
   for: "search-input",
   class: "m-label"
-}, Vt = {
+}, Ut = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, Rt = {
+}, Nt = {
   id: "text-input-error",
   class: "m-error-message"
-}, Et = { class: "m-input-wrapper m-autocomplete" }, Ot = {
+}, qt = { class: "m-input-wrapper m-autocomplete" }, Zt = {
   key: 0,
   class: "m-input__prefix"
-}, Pt = ["type", "aria-describedby", "placeholder", "required"], Gt = {
+}, Kt = ["type", "aria-describedby", "placeholder", "required"], Xt = {
   key: 1,
   class: "autocomplete-result-list autocomplete-result-list--location"
-}, jt = ["onClick"], Ht = {
+}, Jt = ["onClick"], Qt = {
   "aria-hidden": "true",
   class: "icon"
-}, Nt = ["xlink:href"], Ut = {
+}, Yt = ["xlink:href"], es = {
   class: "m-hint",
   id: "text-input-hint"
-}, qt = /* @__PURE__ */ f({
+}, ts = /* @__PURE__ */ h({
   __name: "MucInput",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     errorMsg: {},
     placeholder: {},
     required: { type: Boolean, default: !1 },
@@ -579,69 +709,69 @@ const lt = /* @__PURE__ */ V(ot, [["render", nt], ["__scopeId", "data-v-a2b37f5b
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["suffixClick"], ["update:modelValue"]),
-  setup(n, { emit: s }) {
-    const e = E(n, "modelValue"), o = n, i = q(), r = s, p = d(() => o.errorMsg ? "has-error" : ""), c = d(() => o.type === "search"), h = d(() => {
+  emits: /* @__PURE__ */ R(["suffixClick"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = j(n, "modelValue"), a = n, c = Z(), r = t, p = m(() => a.errorMsg ? "has-error" : ""), l = m(() => a.type === "search"), v = m(() => {
       if (e.value === "") return [];
-      const _ = e.value.toLowerCase();
-      return o.datalist.filter(
-        (C) => C.toLowerCase().startsWith(_) && C.toLowerCase() !== _
+      const f = e.value.toLowerCase();
+      return a.datalist.filter(
+        (w) => w.toLowerCase().startsWith(f) && w.toLowerCase() !== f
       );
-    }), M = (_) => e.value = _, S = () => r("suffixClick");
-    return (_, C) => (a(), l("div", {
-      class: I(["m-form-group", p.value])
+    }), A = (f) => e.value = f, I = () => r("suffixClick");
+    return (f, w) => (o(), i("div", {
+      class: B(["m-form-group", p.value])
     }, [
-      t("label", Lt, [
-        y(m(_.label) + " ", 1),
-        _.required ? (a(), l("span", Vt, C[1] || (C[1] = [
+      s("label", Wt, [
+        y(d(f.label) + " ", 1),
+        f.required ? (o(), i("span", Ut, w[1] || (w[1] = [
           y(" * "),
-          t("span", { class: "visually-hidden" }, "(erforderlich)", -1)
-        ]))) : b("", !0)
+          s("span", { class: "visually-hidden" }, "(erforderlich)", -1)
+        ]))) : k("", !0)
       ]),
-      t("p", Rt, m(_.errorMsg), 1),
-      t("div", Et, [
-        i.prefix ? (a(), l("div", Ot, [
-          t("span", null, [
-            v(_.$slots, "prefix")
+      s("p", Nt, d(f.errorMsg), 1),
+      s("div", qt, [
+        c.prefix ? (o(), i("div", Zt, [
+          s("span", null, [
+            b(f.$slots, "prefix")
           ])
-        ])) : b("", !0),
-        N(t("input", {
+        ])) : k("", !0),
+        N(s("input", {
           class: "m-input autocomplete-input",
-          type: _.type,
-          "onUpdate:modelValue": C[0] || (C[0] = (T) => e.value = T),
-          "aria-describedby": _.type + "-input",
-          placeholder: _.placeholder,
-          required: _.required
-        }, null, 8, Pt), [
-          [ie, e.value]
+          type: f.type,
+          "onUpdate:modelValue": w[0] || (w[0] = (F) => e.value = F),
+          "aria-describedby": f.type + "-input",
+          placeholder: f.placeholder,
+          required: f.required
+        }, null, 8, Kt), [
+          [ue, e.value]
         ]),
-        c.value && h.value.length !== 0 ? (a(), l("ul", Gt, [
-          (a(!0), l(P, null, G(h.value, (T) => (a(), l("li", {
+        l.value && v.value.length !== 0 ? (o(), i("ul", Xt, [
+          (o(!0), i(H, null, D(v.value, (F) => (o(), i("li", {
             class: "autocomplete-result",
-            key: T,
-            onClick: (L) => M(T)
-          }, m(T), 9, jt))), 128))
-        ])) : b("", !0),
-        _.suffixIcon ? (a(), l("button", {
+            key: F,
+            onClick: (V) => A(F)
+          }, d(F), 9, Jt))), 128))
+        ])) : k("", !0),
+        f.suffixIcon ? (o(), i("button", {
           key: 2,
           class: "m-input__suffix",
-          onClick: S
+          onClick: I
         }, [
-          (a(), l("svg", Ht, [
-            t("use", {
-              "xlink:href": "#icon-" + _.suffixIcon
-            }, null, 8, Nt)
+          (o(), i("svg", Qt, [
+            s("use", {
+              "xlink:href": "#icon-" + f.suffixIcon
+            }, null, 8, Yt)
           ])),
-          C[2] || (C[2] = t("span", { class: "visually-hidden" }, "Suchen", -1))
-        ])) : b("", !0)
+          w[2] || (w[2] = s("span", { class: "visually-hidden" }, "Suchen", -1))
+        ])) : k("", !0)
       ]),
-      t("p", Ut, m(_.hint), 1)
+      s("p", es, d(f.hint), 1)
     ], 2));
   }
-}), K = Symbol("mucRadioGroup"), zt = {
+}), ee = Symbol("mucRadioGroup"), ss = {
   key: 0,
   class: "m-radios__item"
-}, Ft = ["checked", "disabled"], Dt = { class: "m-hint" }, Wt = /* @__PURE__ */ f({
+}, as = ["checked", "disabled"], ns = { class: "m-hint" }, os = /* @__PURE__ */ h({
   __name: "MucRadioButton",
   props: {
     value: {},
@@ -650,86 +780,86 @@ const lt = /* @__PURE__ */ V(ot, [["render", nt], ["__scopeId", "data-v-a2b37f5b
     disabled: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const s = n, e = re(K), o = () => e == null ? void 0 : e.set(s.value), i = d(() => (e == null ? void 0 : e.modelValue.value) === s.value), r = d(() => s.disabled || (e == null ? void 0 : e.disabled.value)), p = d(() => (e == null ? void 0 : e.disabled) ?? !1);
-    return (c, h) => p.value ? (a(), l("div", zt, [
-      t("input", {
+    const t = n, e = de(ee), a = () => e == null ? void 0 : e.set(t.value), c = m(() => (e == null ? void 0 : e.modelValue.value) === t.value), r = m(() => t.disabled || (e == null ? void 0 : e.disabled.value)), p = m(() => (e == null ? void 0 : e.disabled) ?? !1);
+    return (l, v) => p.value ? (o(), i("div", ss, [
+      s("input", {
         class: "m-radios__input",
         type: "radio",
-        checked: i.value,
+        checked: c.value,
         disabled: r.value,
-        onClick: z(o, ["stop"])
-      }, null, 8, Ft),
-      t("label", {
+        onClick: P(a, ["stop"])
+      }, null, 8, as),
+      s("label", {
         class: "m-label m-radios__label",
-        onClick: o
+        onClick: a
       }, [
-        y(m(c.label) + " ", 1),
-        t("span", Dt, m(c.hint), 1)
+        y(d(l.label) + " ", 1),
+        s("span", ns, d(l.hint), 1)
       ])
-    ])) : b("", !0);
+    ])) : k("", !0);
   }
-}), Kt = { class: "m-form-group" }, Xt = { class: "m-radio-group" }, Jt = { class: "m-radio-group__legend" }, Qt = { class: "m-radio-group__heading" }, Yt = { class: "m-radios" }, Zt = /* @__PURE__ */ f({
+}), ls = { class: "m-form-group" }, is = { class: "m-radio-group" }, rs = { class: "m-radio-group__legend" }, cs = { class: "m-radio-group__heading" }, us = { class: "m-radios" }, ds = /* @__PURE__ */ h({
   __name: "MucRadioButtonGroup",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     heading: {},
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: [Boolean, String, Array, Object, Number, null] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["change"], ["update:modelValue"]),
-  setup(n, { emit: s }) {
-    const e = E(n, "modelValue"), o = n, i = s;
-    return ce(K, {
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = j(n, "modelValue"), a = n, c = t;
+    return me(ee, {
       set: (r) => {
-        i("change", r), e.value = r;
+        c("change", r), e.value = r;
       },
       modelValue: e,
-      disabled: ue(de(o.disabled))
-    }), (r, p) => (a(), l("div", Kt, [
-      t("fieldset", Xt, [
-        t("legend", Jt, [
-          t("h3", Qt, m(r.heading), 1)
+      disabled: pe(_e(a.disabled))
+    }), (r, p) => (o(), i("div", ls, [
+      s("fieldset", is, [
+        s("legend", rs, [
+          s("h3", cs, d(r.heading), 1)
         ]),
-        t("div", Yt, [
-          v(r.$slots, "default")
+        s("div", us, [
+          b(r.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function es(n, s) {
+function ms(n, t) {
   if (!n) return;
-  const e = (o) => {
-    o.target !== n.value && o.composedPath().includes(n.value) || typeof s == "function" && s();
+  const e = (a) => {
+    a.target !== n.value && a.composedPath().includes(n.value) || typeof t == "function" && t();
   };
-  return me(() => {
+  return X(() => {
     window.addEventListener("click", e);
-  }), pe(() => {
+  }), fe(() => {
     window.removeEventListener("click", e);
   }), { listener: e };
 }
-const ts = /* @__PURE__ */ f({
+const ps = /* @__PURE__ */ h({
   __name: "MucSelectItem",
   props: {
     item: {},
     itemLabel: {}
   },
   setup(n) {
-    const s = n, e = d(
-      () => typeof s.item == "string" ? s.item : s.item[s.itemLabel].toString()
+    const t = n, e = m(
+      () => typeof t.item == "string" ? t.item : t.item[t.itemLabel].toString()
     );
-    return (o, i) => (a(), l("span", null, m(e.value), 1));
+    return (a, c) => (o(), i("span", null, d(e.value), 1));
   }
-}), ss = { class: "m-label" }, os = ["onMouseenter", "onClick"], as = {
+}), _s = { class: "m-label" }, fs = ["onMouseenter", "onClick"], hs = {
   key: 0,
   class: "option"
-}, ns = {
+}, vs = {
   key: 0,
   class: "m-hint"
-}, ls = /* @__PURE__ */ f({
+}, gs = /* @__PURE__ */ h({
   __name: "MucSelect",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     items: {},
     label: {},
     hint: {},
@@ -744,113 +874,113 @@ const ts = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const s = R(), e = E(
+    const t = L(), e = j(
       n,
       "modelValue"
-    ), o = R(!1), i = R(), r = R(!1), p = R(), c = n, h = () => {
-      o.value = !o.value, p.value = i.value;
-    }, M = () => {
-      o.value = !0, p.value = i.value, L.value = "";
+    ), a = L(!1), c = L(), r = L(!1), p = L(), l = n, v = () => {
+      a.value = !a.value, p.value = c.value;
+    }, A = () => {
+      a.value = !0, p.value = c.value, V.value = "";
     };
-    es(s, () => {
-      o.value = !1, L.value = T.value;
+    ms(t, () => {
+      a.value = !1, V.value = F.value;
     });
-    const S = (u) => {
-      i.value = u, c.multiple ? C(u) : _(u), c.multiple || (o.value = !1);
-    }, _ = (u) => {
-      Array.isArray(e.value) && (e.value = e.value.join(" ")), typeof e.value != "string" && typeof u != "string" ? e.value = e.value[c.itemTitle] === u[c.itemTitle] ? "" : u : e.value = e.value === u ? "" : u;
-    }, C = (u) => {
-      Array.isArray(e.value) || (e.value = [e.value]), Array.isArray(e.value) && (typeof u == "string" ? e.value = e.value.map((g) => g).includes(u) ? e.value.filter((g) => g !== u) : [...e.value, u] : e.value = e.value.map((g) => g[c.itemTitle]).includes(u[c.itemTitle]) ? e.value.filter(
-        (g) => g[c.itemTitle] !== u[c.itemTitle]
+    const I = (u) => {
+      c.value = u, l.multiple ? w(u) : f(u), l.multiple || (a.value = !1);
+    }, f = (u) => {
+      Array.isArray(e.value) && (e.value = e.value.join(" ")), typeof e.value != "string" && typeof u != "string" ? e.value = e.value[l.itemTitle] === u[l.itemTitle] ? "" : u : e.value = e.value === u ? "" : u;
+    }, w = (u) => {
+      Array.isArray(e.value) || (e.value = [e.value]), Array.isArray(e.value) && (typeof u == "string" ? e.value = e.value.map((M) => M).includes(u) ? e.value.filter((M) => M !== u) : [...e.value, u] : e.value = e.value.map((M) => M[l.itemTitle]).includes(u[l.itemTitle]) ? e.value.filter(
+        (M) => M[l.itemTitle] !== u[l.itemTitle]
       ) : [...e.value, u]);
-    }, T = d(() => typeof e.value == "string" ? e.value : Array.isArray(e.value) ? e.value.every((u) => typeof u == "string") ? e.value.join(c.multiple ? ", " : " ") : e.value.map((u) => u[c.itemTitle].toString()).join(c.multiple ? ", " : " ") : e.value[c.itemTitle].toString());
-    _e(T, (u) => {
-      L.value = u;
+    }, F = m(() => typeof e.value == "string" ? e.value : Array.isArray(e.value) ? e.value.every((u) => typeof u == "string") ? e.value.join(l.multiple ? ", " : " ") : e.value.map((u) => u[l.itemTitle].toString()).join(l.multiple ? ", " : " ") : e.value[l.itemTitle].toString());
+    he(F, (u) => {
+      V.value = u;
     });
-    const L = R(T.value), X = d(
-      () => L.value == T.value ? c.items : J(L.value)
-    ), J = (u) => {
+    const V = L(F.value), _ = m(
+      () => V.value == F.value ? l.items : g(V.value)
+    ), g = (u) => {
       r.value = !1;
-      const g = c.items.every(
-        (k) => typeof k == "string"
-      ) ? c.items.filter(
-        (k) => k.toLowerCase().includes(u.toLowerCase())
-      ) : c.items.filter(
-        (k) => k[c.itemTitle].toString().toLowerCase().includes(u.toLowerCase())
+      const M = l.items.every(
+        (S) => typeof S == "string"
+      ) ? l.items.filter(
+        (S) => S.toLowerCase().includes(u.toLowerCase())
+      ) : l.items.filter(
+        (S) => S[l.itemTitle].toString().toLowerCase().includes(u.toLowerCase())
       );
-      return g.length === 0 && (r.value = !0), g;
-    }, Q = (u) => u === p.value ? "active" : "", Y = (u) => {
+      return M.length === 0 && (r.value = !0), M;
+    }, x = (u) => u === p.value ? "active" : "", U = (u) => {
       if (typeof u == "string")
         return e.value.includes(u) ? "selected" : "";
       if (Array.isArray(e.value))
-        return e.value.map((g) => g[c.itemTitle]).includes(u[c.itemTitle]) ? "selected" : "";
+        return e.value.map((M) => M[l.itemTitle]).includes(u[l.itemTitle]) ? "selected" : "";
       if (typeof e.value != "string")
-        return e.value[c.itemTitle] === u[c.itemTitle] ? "selected" : "";
-    }, Z = () => p.value = "", ee = d(
-      () => o.value ? "display-listbox" : ""
-    ), te = d(
-      () => c.multiple && !r.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
+        return e.value[l.itemTitle] === u[l.itemTitle] ? "selected" : "";
+    }, te = () => p.value = "", se = m(
+      () => a.value ? "display-listbox" : ""
+    ), ae = m(
+      () => l.multiple && !r.value ? "m-input-wrapper--multiselect multiselect" : "m-input-wrapper--select"
     );
-    return (u, g) => (a(), l("div", {
+    return (u, M) => (o(), i("div", {
       class: "m-form-group",
       ref_key: "selectComponentRef",
-      ref: s
+      ref: t
     }, [
-      t("label", ss, m(u.label), 1),
-      t("div", {
-        class: I(["m-input-wrapper", te.value])
+      s("label", _s, d(u.label), 1),
+      s("div", {
+        class: B(["m-input-wrapper", ae.value])
       }, [
-        N(t("input", {
+        N(s("input", {
           type: "text",
           class: "m-input m-combobox m-combobox--single",
-          "onUpdate:modelValue": g[0] || (g[0] = (k) => L.value = k),
-          onClick: M
+          "onUpdate:modelValue": M[0] || (M[0] = (S) => V.value = S),
+          onClick: A
         }, null, 512), [
-          [F, L.value]
+          [J, V.value]
         ]),
-        t("span", {
+        s("span", {
           class: "m-input__trigger",
-          onClick: h
-        }, g[1] || (g[1] = [
-          t("svg", {
+          onClick: v
+        }, M[1] || (M[1] = [
+          s("svg", {
             "aria-hidden": "true",
             class: "icon"
           }, [
-            t("use", { "xlink:href": "#icon-chevron-down" })
+            s("use", { "xlink:href": "#icon-chevron-down" })
           ], -1),
-          t("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)
+          s("span", { class: "visually-hidden" }, "Auswahlliste öffnen", -1)
         ])),
-        t("ul", {
-          class: I(["listbox", ee.value]),
-          onMouseleave: Z
+        s("ul", {
+          class: B(["listbox", se.value]),
+          onMouseleave: te
         }, [
-          (a(!0), l(P, null, G(X.value, (k, se) => (a(), l("li", {
-            key: se,
-            class: I(["option", [Q(k), Y(k)]]),
-            onMouseenter: (oe) => p.value = k,
-            onClick: (oe) => S(k)
+          (o(!0), i(H, null, D(_.value, (S, ne) => (o(), i("li", {
+            key: ne,
+            class: B(["option", [x(S), U(S)]]),
+            onMouseenter: (oe) => p.value = S,
+            onClick: (oe) => I(S)
           }, [
-            w(ts, {
-              item: k,
+            C(ps, {
+              item: S,
               "item-label": u.itemTitle
             }, null, 8, ["item", "item-label"])
-          ], 42, os))), 128)),
-          r.value ? (a(), l("li", as, m(u.noItemFoundMessage), 1)) : b("", !0)
+          ], 42, fs))), 128)),
+          r.value ? (o(), i("li", hs, d(u.noItemFoundMessage), 1)) : k("", !0)
         ], 34)
       ], 2),
-      u.hint ? (a(), l("p", ns, m(u.hint), 1)) : b("", !0)
+      u.hint ? (o(), i("p", vs, d(u.hint), 1)) : k("", !0)
     ], 512));
   }
-}), is = /* @__PURE__ */ V(ls, [["__scopeId", "data-v-e39e3aae"]]), rs = { class: "m-form-group has-error" }, cs = {
+}), bs = /* @__PURE__ */ E(gs, [["__scopeId", "data-v-e39e3aae"]]), ks = { class: "m-form-group has-error" }, ys = {
   for: "textarea",
   class: "m-label"
-}, us = {
+}, $s = {
   key: 0,
   "aria-hidden": "true",
   class: "mandatory"
-}, ds = { class: "m-error-message" }, ms = { class: "m-input-wrapper" }, ps = ["rows", "placeholder"], _s = { class: "m-hint" }, fs = /* @__PURE__ */ f({
+}, Ms = { class: "m-error-message" }, Cs = { class: "m-input-wrapper" }, ws = ["rows", "placeholder"], As = { class: "m-hint" }, Ss = /* @__PURE__ */ h({
   __name: "MucTextArea",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ R({
     errorMsg: {},
     rows: { default: 3 },
     placeholder: {},
@@ -863,40 +993,40 @@ const ts = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const s = E(n, "modelValue");
-    return (e, o) => (a(), l("div", rs, [
-      t("label", cs, [
-        y(m(e.label) + " ", 1),
-        e.required ? (a(), l("span", us, o[1] || (o[1] = [
+    const t = j(n, "modelValue");
+    return (e, a) => (o(), i("div", ks, [
+      s("label", ys, [
+        y(d(e.label) + " ", 1),
+        e.required ? (o(), i("span", $s, a[1] || (a[1] = [
           y(" * "),
-          t("span", { class: "visually-hidden" }, "(erforderlich)", -1)
-        ]))) : b("", !0)
+          s("span", { class: "visually-hidden" }, "(erforderlich)", -1)
+        ]))) : k("", !0)
       ]),
-      t("p", ds, m(e.errorMsg), 1),
-      t("div", ms, [
-        N(t("textarea", {
+      s("p", Ms, d(e.errorMsg), 1),
+      s("div", Cs, [
+        N(s("textarea", {
           class: "m-textarea",
           rows: e.rows,
           "aria-describedby": "textarea input",
           placeholder: e.placeholder,
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i)
-        }, null, 8, ps), [
-          [F, s.value]
+          "onUpdate:modelValue": a[0] || (a[0] = (c) => t.value = c)
+        }, null, 8, ws), [
+          [J, t.value]
         ])
       ]),
-      t("p", _s, m(e.hint), 1)
+      s("p", As, d(e.hint), 1)
     ]));
   }
-}), vs = {
+}), Ts = {
   class: "m-intro m-intro-static-image",
   style: { "background-color": "var(--color-neutrals-blue-xlight)" }
-}, hs = { class: "container" }, gs = { class: "muc-intro-content" }, bs = {
+}, Is = { class: "container" }, Fs = { class: "muc-intro-content" }, xs = {
   key: 0,
   class: "m-intro-vertical__tagline"
-}, ys = { class: "m-intro-vertical__title" }, $s = {
+}, Bs = { class: "m-intro-vertical__title" }, Ls = {
   key: 0,
   class: "muc-divider"
-}, ks = { class: "m-intro-vertical__content" }, Ms = { style: { "padding-bottom": "32px" } }, Cs = /* @__PURE__ */ f({
+}, Vs = { class: "m-intro-vertical__content" }, zs = { style: { "padding-bottom": "32px" } }, Es = /* @__PURE__ */ h({
   __name: "MucIntro",
   props: {
     title: {},
@@ -904,100 +1034,102 @@ const ts = /* @__PURE__ */ f({
     divider: { type: Boolean }
   },
   setup(n) {
-    return (s, e) => (a(), l("div", vs, [
-      t("div", hs, [
-        t("div", gs, [
-          t("div", null, [
-            s.tagline ? (a(), l("p", bs, m(s.tagline), 1)) : b("", !0),
-            t("h1", ys, m(s.title), 1)
+    return (t, e) => (o(), i("div", Ts, [
+      s("div", Is, [
+        s("div", Fs, [
+          s("div", null, [
+            t.tagline ? (o(), i("p", xs, d(t.tagline), 1)) : k("", !0),
+            s("h1", Bs, d(t.title), 1)
           ]),
-          s.divider ? (a(), l("div", $s)) : b("", !0),
-          t("div", ks, [
-            t("p", Ms, [
-              v(s.$slots, "default", {}, void 0, !0)
+          t.divider ? (o(), i("div", Ls)) : k("", !0),
+          s("div", Vs, [
+            s("p", zs, [
+              b(t.$slots, "default", {}, void 0, !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), ws = /* @__PURE__ */ V(Cs, [["__scopeId", "data-v-5c768acc"]]), Is = ["width", "height"], Ss = {
+}), Rs = /* @__PURE__ */ E(Es, [["__scopeId", "data-v-5c768acc"]]), Hs = ["width", "height"], js = {
   x: "100",
   y: "108",
   "text-anchor": "middle",
   fill: "#3a5368",
   "font-size": "24",
   "font-weight": "bold"
-}, Ts = /* @__PURE__ */ f({
+}, Os = /* @__PURE__ */ h({
   __name: "MucPercentageSpinner",
   props: {
     size: { default: "300" },
     percentage: {}
   },
   setup(n) {
-    const s = n, e = d(() => s.percentage ? s.percentage < 0 ? "0%" : s.percentage > 100 ? "100%" : Math.round(s.percentage) + "%" : "");
-    return (o, i) => (a(), l("svg", {
+    const t = m(() => n.percentage || n.percentage === 0 ? n.percentage < 0 ? "0%" : n.percentage > 100 ? "100%" : Math.round(n.percentage) + "%" : "");
+    return (e, a) => (o(), i("svg", {
       xmlns: "http://www.w3.org/2000/svg",
-      width: o.size,
-      height: o.size,
+      width: e.size,
+      height: e.size,
       viewBox: "-10 -10 220 220",
       fill: "none",
       color: "#005a9f"
     }, [
-      i[0] || (i[0] = fe('<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)),
-      t("text", Ss, m(e.value), 1)
-    ], 8, Is));
+      a[0] || (a[0] = K('<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)),
+      s("text", js, d(t.value), 1)
+    ], 8, Hs));
   }
-}), U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MucBanner: ye,
-  MucButton: j,
-  MucCallout: Be,
+  MucButton: G,
+  MucCallout: xe,
   MucCard: Ee,
-  MucCardContainer: Ge,
-  MucCheckbox: ct,
-  MucCheckboxGroup: ht,
-  MucComment: D,
-  MucCommentText: st,
-  MucCounter: It,
-  MucDivider: lt,
-  MucErrorList: xt,
-  MucIcon: A,
-  MucInput: qt,
-  MucIntro: ws,
-  MucLink: W,
-  MucPercentageSpinner: Ts,
-  MucRadioButton: Wt,
-  MucRadioButtonGroup: Zt,
-  MucSelect: is,
-  MucTextArea: fs
+  MucCardContainer: je,
+  MucCheckbox: bt,
+  MucCheckboxGroup: St,
+  MucComment: Q,
+  MucCommentText: at,
+  MucCounter: Ht,
+  MucDivider: it,
+  MucErrorList: Gt,
+  MucFileDropzone: ht,
+  MucIcon: T,
+  MucInput: ts,
+  MucIntro: Rs,
+  MucLink: Y,
+  MucPercentageSpinner: Os,
+  MucRadioButton: os,
+  MucRadioButtonGroup: ds,
+  MucSelect: bs,
+  MucTextArea: Ss
 }, Symbol.toStringTag, { value: "Module" }));
-function As(n) {
-  for (const s in U)
-    n.component(s, U[s]);
+function Ps(n) {
+  for (const t in q)
+    n.component(t, q[t]);
 }
-const xs = { install: As };
+const Gs = { install: Ps };
 export {
   ye as MucBanner,
-  j as MucButton,
-  Be as MucCallout,
+  G as MucButton,
+  xe as MucCallout,
   Ee as MucCard,
-  Ge as MucCardContainer,
-  ct as MucCheckbox,
-  ht as MucCheckboxGroup,
-  D as MucComment,
-  st as MucCommentText,
-  It as MucCounter,
-  lt as MucDivider,
-  xt as MucErrorList,
-  A as MucIcon,
-  qt as MucInput,
-  ws as MucIntro,
-  W as MucLink,
-  Ts as MucPercentageSpinner,
-  Wt as MucRadioButton,
-  Zt as MucRadioButtonGroup,
-  is as MucSelect,
-  fs as MucTextArea,
-  xs as default
+  je as MucCardContainer,
+  bt as MucCheckbox,
+  St as MucCheckboxGroup,
+  Q as MucComment,
+  at as MucCommentText,
+  Ht as MucCounter,
+  it as MucDivider,
+  Gt as MucErrorList,
+  ht as MucFileDropzone,
+  T as MucIcon,
+  ts as MucInput,
+  Rs as MucIntro,
+  Y as MucLink,
+  Os as MucPercentageSpinner,
+  os as MucRadioButton,
+  ds as MucRadioButtonGroup,
+  bs as MucSelect,
+  Ss as MucTextArea,
+  Gs as default
 };