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

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

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