@mirweb/mir-web-components 1.15.2 → 2.0.0

package/dist/mir-web-components.es.js

@@ -1,3184 +0,0 @@
-import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as pe, withDirectives as G, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Ie, mergeProps as F, createVNode as I, Transition as Ce, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as me, withKeys as Te, useSlots as qe, normalizeStyle as Q, isRef as x, unref as y, onMounted as fe, watch as X, onUnmounted as Ae } from "vue";
-const Le = ["aria-label"], De = /* @__PURE__ */ b({
-  __name: "button",
-  props: {
-    variant: { default: "primary" },
-    ariaLabel: { default: "Button" },
-    buttonText: { default: "" }
-  },
-  setup(e) {
-    const a = {
-      primary: "primary",
-      primaryDark: "primary-dark",
-      secondary: "secondary",
-      close: "close",
-      next: "next",
-      previous: "previous"
-    }, r = e, l = q(() => a[r.variant]);
-    return (o, u) => (s(), i("button", {
-      class: h(["button", "button--" + l.value]),
-      "aria-label": o.ariaLabel
-    }, c(l.value === "close" ? "" : o.buttonText), 11, Le));
-  }
-}), g = (e, a) => {
-  const r = e.__vccOpts || e;
-  for (const [l, o] of a)
-    r[l] = o;
-  return r;
-}, ie = /* @__PURE__ */ g(De, [["__scopeId", "data-v-f61b579c"]]), Ve = (e) => (N("data-v-d8d77aaf"), e = e(), E(), e), Pe = ["id", "name", "value", "disabled", "required", "checked"], Fe = ["for"], Me = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Oe = /* @__PURE__ */ b({
-  __name: "checkbox",
-  props: {
-    name: { default: "checkbox" },
-    value: { type: [String, Number, Boolean], default: "value" },
-    disabled: { type: Boolean, default: !1 },
-    id: { default: "checkbox" },
-    required: { type: Boolean, default: !1 },
-    checked: { type: Boolean, default: !1 }
-  },
-  emits: ["input"],
-  setup(e, { emit: a }) {
-    const r = a, l = (o) => {
-      const u = o.target;
-      r("input", u.checked);
-    };
-    return (o, u) => (s(), i("div", {
-      class: h(["checkbox__wrapper", o.disabled ? "disabled" : ""])
-    }, [
-      t("input", {
-        id: o.id,
-        type: "checkbox",
-        name: o.name,
-        value: o.value,
-        disabled: o.disabled,
-        required: o.required,
-        checked: o.checked,
-        class: "checkbox__checkbox",
-        onChange: l
-      }, null, 40, Pe),
-      t("label", {
-        for: o.id,
-        class: h(["checkbox__label", o.required ? "required" : ""])
-      }, [
-        Me,
-        d(o.$slots, "default", {}, void 0, !0)
-      ], 10, Fe)
-    ], 2));
-  }
-}), ve = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-d8d77aaf"]]), ze = (e) => (N("data-v-2e1e44c1"), e = e(), E(), e), He = ["aria-label"], Re = /* @__PURE__ */ ze(() => /* @__PURE__ */ t("img", {
-  src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
-  alt: "close",
-  class: "close-icon"
-}, null, -1)), Ne = /* @__PURE__ */ b({
-  __name: "chip",
-  props: {
-    text: { default: "" }
-  },
-  emits: ["remove-chip"],
-  setup(e) {
-    const a = e, r = q(() => `Chip: ${a.text}`);
-    return (l, o) => (s(), i("div", {
-      class: "chip__wrapper",
-      onClick: o[0] || (o[0] = (u) => l.$emit("remove-chip"))
-    }, [
-      t("span", {
-        class: "chip",
-        "aria-label": r.value
-      }, [
-        Y(c(l.text) + " ", 1),
-        Re
-      ], 8, He)
-    ]));
-  }
-}), Ee = /* @__PURE__ */ g(Ne, [["__scopeId", "data-v-2e1e44c1"]]), je = ["value"], Ue = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Je = ["aria-labelledby", "aria-activedescendant"], We = ["aria-selected", "data-value"], Ye = /* @__PURE__ */ b({
-  __name: "dropdown",
-  props: {
-    modelValue: {},
-    label: {},
-    options: {},
-    name: {},
-    placeholder: { default: "Choose a value" },
-    showLabel: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    variant: { default: "primary" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const r = {
-      primary: "dropdown-dark-bg-primary",
-      dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, l = e, o = q(() => r[l.variant]), u = C(null), p = C(null), n = C([]), v = C(0), f = C(""), $ = C(!0), B = C(0), ae = a, oe = q(() => {
-      const m = l.options.find(
-        (S) => S.value === l.modelValue
-      );
-      return m && m.label;
-    });
-    function ne(m) {
-      ae("update:modelValue", m);
-    }
-    function de(m) {
-      var L;
-      const S = m.target;
-      S.getAttribute("role") === "option" && (J(S), se(), (L = u.value) == null || L.focus());
-    }
-    function K(m) {
-      var L;
-      const S = m.key;
-      switch (S) {
-        case "ArrowUp":
-        case "ArrowDown": {
-          m.preventDefault();
-          const D = l.options.findIndex(
-            (Z) => Z.value === l.modelValue
-          );
-          let U = D ? n.value[D] : n.value[0];
-          S === "ArrowUp" ? D - 1 >= 0 && (U = n.value[D - 1]) : D + 1 <= l.options.length && (U = n.value[D + 1]), U && J(U);
-          break;
-        }
-        case "Home":
-        case "PageUp":
-          m.preventDefault(), z();
-          break;
-        case "End":
-        case "PageDown":
-          m.preventDefault(), we();
-          break;
-        case "Enter":
-        case "Escape":
-          m.preventDefault(), se(), (L = u.value) == null || L.focus();
-          break;
-        default: {
-          const D = j(S);
-          D && J(D);
-          break;
-        }
-      }
-    }
-    function le(m) {
-      if (!l.disabled)
-        switch (m.key) {
-          case "ArrowUp":
-          case "ArrowDown":
-            m.preventDefault(), _e(), K(m);
-            break;
-        }
-    }
-    function ce(m) {
-      m && m.removeAttribute("aria-selected");
-    }
-    function w() {
-      v.value && (clearTimeout(v.value), v.value = 0), v.value = setTimeout(() => {
-        f.value = "", v.value = 0;
-      }, 500);
-    }
-    function j(m) {
-      let S = "";
-      (f.value === "" || S !== m) && (B.value = l.options.findIndex(
-        (D) => D.value === l.modelValue
-      )), f.value = S === m ? m : f.value + m, S = m, w();
-      let L = O(
-        B.value + 1,
-        l.options.length
-      );
-      return !L && f.value.length === 1 && (L = O(0, B.value)), B.value = (B.value + 1) % l.options.length, L;
-    }
-    function O(m, S) {
-      for (let L = m; L < S; L++)
-        if (l.options[L].label && l.options[L].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
-          return n.value[L];
-      return null;
-    }
-    function z() {
-      J(n.value[0]);
-    }
-    function J(m) {
-      var L, D;
-      const S = m.getAttribute("data-value");
-      if (l.modelValue) {
-        const U = l.options.findIndex(
-          (Se) => Se.value === l.modelValue
-        ), Z = n.value[U];
-        ce(Z);
-      }
-      if (m.setAttribute("aria-selected", "true"), (L = p.value) == null || L.setAttribute(
-        "aria-activedescendant",
-        S || ""
-      ), ne(S || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
-        const U = p.value.clientHeight + p.value.scrollTop, Z = m.offsetTop + m.offsetHeight;
-        Z > U ? p.value.scrollTop = Z - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
-      }
-    }
-    function we() {
-      var S;
-      const m = (S = n.value) == null ? void 0 : S[l.options.length - 1];
-      J(m);
-    }
-    function se() {
-      var m;
-      $.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
-    }
-    function _e() {
-      var m, S;
-      $.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (S = p.value) == null || S.focus();
-    }
-    function Be() {
-      l.disabled || ($.value ? _e() : se());
-    }
-    return (m, S) => {
-      const L = pe("click-outside");
-      return s(), i("div", {
-        ref: "listbox",
-        class: "listbox__wrapper",
-        value: m.modelValue
-      }, [
-        t("label", {
-          id: `${m.name}-label`,
-          class: h([{
-            "listbox__label--visually-hidden": !m.showLabel,
-            "is-disabled": m.disabled,
-            "is-required": m.required
-          }, "listbox__label"])
-        }, c(m.label), 11, Ue),
-        G((s(), i("div", Ge, [
-          t("button", {
-            id: `${m.name}-button-label`,
-            ref_key: "listboxButton",
-            ref: u,
-            "aria-labelledby": `${m.name}-label ${m.name}-button-label`,
-            type: "button",
-            "aria-haspopup": "listbox",
-            "aria-disabled": m.disabled,
-            class: h(["listbox__button", o.value]),
-            onClick: Be,
-            onKeydown: le
-          }, c(m.modelValue ? oe.value : m.placeholder), 43, Ke),
-          G(t("ul", {
-            ref_key: "listboxNode",
-            ref: p,
-            "aria-labelledby": `${m.name}-label`,
-            "aria-activedescendant": m.modelValue,
-            tabindex: "0",
-            role: "listbox",
-            class: "listbox__list",
-            onKeydown: K,
-            onClick: de
-          }, [
-            (s(!0), i(V, null, P(m.options, (D, U) => (s(), i("li", {
-              key: `${m.name}-option-${U}`,
-              ref_for: !0,
-              ref_key: "listboxOptions",
-              ref: n,
-              "aria-selected": D.value === m.modelValue,
-              "data-value": D.value,
-              class: "listbox__option",
-              role: "option"
-            }, c(D.label), 9, We))), 128))
-          ], 40, Je), [
-            [W, !$.value]
-          ])
-        ])), [
-          [L, se]
-        ])
-      ], 8, je);
-    };
-  }
-}), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-a17afd8c"]]), Ze = { class: "image__wrapper" }, Xe = /* @__PURE__ */ b({
-  __name: "image",
-  props: {
-    src: { default: void 0 },
-    srcset: { default: void 0 },
-    sizes: { default: void 0 },
-    alt: { default: void 0 },
-    width: { default: void 0 },
-    height: { default: "auto" },
-    loading: { default: "auto" }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Ze, [
-      d(a.$slots, "default", H(R(a.$attrs)))
-    ]));
-  }
-}), M = /* @__PURE__ */ g(Xe, [["__scopeId", "data-v-4f7fe350"]]), xe = { class: "label__wrapper" }, et = ["aria-label", "label-dark"], tt = /* @__PURE__ */ b({
-  __name: "label",
-  props: {
-    text: {},
-    labelDark: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const a = e, r = q(() => `Label: ${a.text}`);
-    return (l, o) => (s(), i("div", xe, [
-      t("span", {
-        "aria-label": r.value,
-        "label-dark": l.labelDark,
-        class: h(l.labelDark ? "label--dark" : "label--light")
-      }, c(l.text), 11, et)
-    ]));
-  }
-}), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" }, A = /* @__PURE__ */ b({
-  __name: "link",
-  props: {
-    linkType: { default: "regular" },
-    arrow: { type: Boolean, default: !1 },
-    underline: { default: "false" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const a = {
-      primary: "mir-link--btn button button--primary",
-      primary_dark: "mir-link--btn button button--primary-dark",
-      secondary: "mir-link--btn button button--secondary",
-      secondary_dark: "mir-link--btn button button--secondary-dark",
-      regular: "regular-link",
-      regular_dark: "regular-link-dark",
-      regular_light: "regular-link-light",
-      regular_blue: "regular-link-blue"
-    }, r = {
-      hover: "underline-hover",
-      true: "add-underline",
-      false: "remove-underline"
-    }, l = e, o = q(() => a[l.linkType]), u = q(() => r[l.underline]), p = q(() => {
-      const { ...n } = Ie(l);
-      return n;
-    });
-    return (n, v) => (s(), i("div", at, [
-      t("div", F(p.value, {
-        class: ["mir-link", [
-          o.value,
-          n.disabled ? "disabled" : "",
-          u.value,
-          n.arrow ? "link-arrow" : ""
-        ]]
-      }), [
-        d(n.$slots, "default")
-      ], 16)
-    ]));
-  }
-}), ot = (e) => (N("data-v-60c6ff7e"), e = e(), E(), e), lt = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], it = /* @__PURE__ */ ot(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), rt = /* @__PURE__ */ b({
-  __name: "radio-button",
-  props: {
-    name: { default: "radio" },
-    value: { type: [String, Number, Boolean], default: "value" },
-    checked: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    id: { default: "radio" },
-    required: { type: Boolean, default: !1 }
-  },
-  emits: ["input"],
-  setup(e, { emit: a }) {
-    const r = a, l = (o) => {
-      const u = o.target;
-      r("input", u.checked);
-    };
-    return (o, u) => (s(), i("div", {
-      class: h(["radio__wrapper", o.disabled ? "disabled" : ""])
-    }, [
-      t("input", {
-        id: o.id,
-        type: "radio",
-        name: o.name,
-        value: o.value,
-        checked: o.checked,
-        disabled: o.disabled,
-        required: o.required,
-        class: "radio__radio",
-        onChange: l
-      }, null, 40, lt),
-      t("label", {
-        for: o.id,
-        class: h(["radio__label", o.required ? "required" : ""])
-      }, [
-        it,
-        d(o.$slots, "default", {}, void 0, !0)
-      ], 10, st)
-    ], 2));
-  }
-}), nt = /* @__PURE__ */ g(rt, [["__scopeId", "data-v-60c6ff7e"]]), dt = { class: "select__wrapper" }, ct = ["for"], ut = ["id", "disabled", "name", "value"], _t = ["value"], ht = /* @__PURE__ */ b({
-  __name: "select",
-  props: {
-    id: {},
-    name: {},
-    options: {},
-    modelValue: {},
-    label: {},
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    return (a, r) => (s(), i("div", dt, [
-      t("label", {
-        for: a.id,
-        class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
-      }, c(a.label), 11, ct),
-      t("select", {
-        id: a.id,
-        class: h(a.disabled ? "disabled" : ""),
-        disabled: a.disabled,
-        name: a.name,
-        value: a.modelValue,
-        onChange: r[0] || (r[0] = (l) => {
-          a.$emit("update:modelValue", l.target.value), l.target.blur();
-        })
-      }, [
-        (s(!0), i(V, null, P(a.options, (l) => (s(), i("option", {
-          key: l.value,
-          value: l.value
-        }, c(l.text), 9, _t))), 128))
-      ], 42, ut)
-    ]));
-  }
-}), pt = /* @__PURE__ */ g(ht, [["__scopeId", "data-v-d5c46463"]]), mt = { class: "modal__wrapper" }, ft = /* @__PURE__ */ b({
-  __name: "modal",
-  props: {
-    show: { type: Boolean, default: !1 },
-    searchBar: { type: Boolean, default: !1 }
-  },
-  emits: ["update:show"],
-  setup(e, { emit: a }) {
-    const r = e, l = a, o = () => {
-      l("update:show", !r.show);
-    };
-    return (u, p) => (s(), i("div", mt, [
-      I(Ce, {
-        duration: 300,
-        name: "nested"
-      }, {
-        default: k(() => [
-          G(t("dialog", {
-            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
-            ariaLabel: "modal",
-            role: "dialog",
-            onClick: o
-          }, [
-            t("div", {
-              id: "modal",
-              class: h([u.searchBar ? "search" : ""]),
-              onClick: p[0] || (p[0] = ue(() => {
-              }, ["stop"]))
-            }, [
-              t("div", null, [
-                u.searchBar ? _("", !0) : (s(), T(ie, {
-                  key: 0,
-                  "aria-label": "close",
-                  variant: "close",
-                  onClick: o
-                }))
-              ]),
-              d(u.$slots, "default", {}, void 0, !0)
-            ], 2)
-          ], 2), [
-            [W, u.show]
-          ])
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), ge = /* @__PURE__ */ g(ft, [["__scopeId", "data-v-0c868c23"]]), vt = { class: "slider__wrapper" }, gt = { class: "slider__label" }, bt = ["for"], kt = ["aria-label"], yt = { class: "slider__content" }, $t = ["id", "name", "value", "min", "step", "max"], wt = { class: "modal-information" }, Bt = /* @__PURE__ */ b({
-  __name: "slider",
-  props: {
-    label: {},
-    id: {},
-    name: {},
-    modelValue: {},
-    min: {},
-    max: {},
-    step: { default: "1" },
-    variant: { default: "light" },
-    information: { default: "" },
-    informationLabel: { default: "Additional information" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const r = e, l = a, o = C(r.modelValue), u = C(), p = C(!1), n = (f, $, B) => (f - $) / (B - $) * 100, v = (f) => {
-      var $;
-      ($ = u.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
-    };
-    return me(() => {
-      if (u.value) {
-        l("update:modelValue", o.value);
-        const f = n(o.value, r.min, r.max);
-        let $ = (50 - f) / 100;
-        v(f + $);
-      }
-    }), (f, $) => (s(), i("div", null, [
-      t("div", vt, [
-        t("div", gt, [
-          t("label", {
-            for: f.id,
-            class: h([f.variant, ""])
-          }, c(f.label), 11, bt),
-          f.information ? (s(), i("i", {
-            key: 0,
-            role: "button",
-            class: h([f.variant, "slider__information"]),
-            "aria-label": f.informationLabel,
-            tabindex: "0",
-            "aria-haspopup": "dialog",
-            onClick: $[0] || ($[0] = (B) => p.value = !p.value),
-            onKeyup: $[1] || ($[1] = Te((B) => p.value = !p.value, ["enter"]))
-          }, null, 42, kt)) : _("", !0)
-        ]),
-        t("div", yt, [
-          t("span", {
-            class: h([f.variant, "slider__minmax"])
-          }, c(f.min), 3),
-          t("input", {
-            id: f.id,
-            ref_key: "slider",
-            ref: u,
-            type: "range",
-            name: f.name,
-            value: f.modelValue,
-            min: f.min,
-            step: f.step,
-            max: f.max,
-            class: h(f.variant),
-            onInput: $[2] || ($[2] = ({ target: B }) => o.value = parseFloat(B.value))
-          }, null, 42, $t),
-          t("span", {
-            class: h([f.variant, "slider__minmax"])
-          }, c(f.max), 3)
-        ]),
-        t("span", {
-          class: h([f.variant, "slider__value"])
-        }, c(f.modelValue), 3)
-      ]),
-      f.information ? (s(), T(ge, {
-        key: 0,
-        show: p.value,
-        "onUpdate:show": $[3] || ($[3] = (B) => p.value = B)
-      }, {
-        default: k(() => [
-          t("p", wt, c(f.information), 1)
-        ]),
-        _: 1
-      }, 8, ["show"])) : _("", !0)
-    ]));
-  }
-}), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, At = { key: 0 }, Lt = /* @__PURE__ */ b({
-  __name: "textarea",
-  props: {
-    id: { default: "" },
-    name: { default: "" },
-    placeholder: { default: "" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    labelText: { default: "" },
-    maxLength: { default: void 0 },
-    modelValue: { default: void 0 }
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    return (a, r) => (s(), i("div", It, [
-      t("label", {
-        for: a.id,
-        class: h({ required: a.required })
-      }, c(a.labelText) + c(a.required ? " *" : ""), 11, Ct),
-      t("div", {
-        class: h(
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
-        )
-      }, [
-        t("textarea", {
-          id: a.id,
-          rows: "10",
-          cols: "50",
-          name: a.name,
-          placeholder: a.placeholder,
-          required: a.required,
-          disabled: a.disabled,
-          maxlength: a.maxLength,
-          value: a.modelValue,
-          class: h(
-            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
-          ),
-          onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
-        }, null, 42, Tt)
-      ], 2),
-      t("div", qt, [
-        t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", At, " Too many characters. Please make it shorter ")) : _("", !0)
-        ]),
-        t("p", {
-          class: h(
-            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
-          )
-        }, c(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + c(a.maxLength), 3)
-      ])
-    ]));
-  }
-}), Dt = /* @__PURE__ */ g(Lt, [["__scopeId", "data-v-7ecd7bf5"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
-  key: 2,
-  class: "search"
-}, Rt = {
-  key: 3,
-  class: "errorMessage"
-}, Nt = {
-  key: 4,
-  class: "helperText"
-}, Et = /* @__PURE__ */ b({
-  __name: "text-field",
-  props: {
-    type: { default: "text" },
-    fieldName: { default: "" },
-    modelValue: {},
-    placeholder: { default: "" },
-    label: { default: "" },
-    id: {},
-    disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    errorMessage: { default: "" },
-    helperText: { default: "" },
-    search: { type: Boolean, default: !1 },
-    valid: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const a = {
-      text: "text",
-      email: "email",
-      password: "password",
-      number: "number",
-      tel: "tel",
-      url: "url",
-      search: "search"
-    }, r = e, l = q(() => a[r.type]), o = C(!0), u = q(
-      () => o.value ? "showPassword" : "hidePassword"
-    ), p = q(
-      () => o.value ? "password" : "text"
-    );
-    return (n, v) => (s(), i("div", Vt, [
-      t("label", {
-        for: n.id,
-        class: h([
-          n.required ? "required" : "",
-          n.disabled ? "disabled" : "",
-          n.search ? "search" : ""
-        ])
-      }, c(n.label), 11, Pt),
-      l.value === "password" ? (s(), i("div", Ft, [
-        t("input", {
-          id: n.id,
-          ref: "passwordField",
-          type: p.value,
-          value: n.modelValue,
-          placeholder: n.placeholder,
-          required: n.required,
-          disabled: n.disabled,
-          name: n.fieldName,
-          onInput: v[0] || (v[0] = (f) => n.$emit("update:modelValue", f.target.value))
-        }, null, 40, Mt),
-        t("i", {
-          role: "button",
-          class: h([u.value]),
-          "aria-controls": "password",
-          "aria-expanded": !o.value,
-          onClick: v[1] || (v[1] = (f) => o.value = !o.value)
-        }, null, 10, Ot)
-      ])) : (s(), i("input", {
-        key: 1,
-        id: n.id,
-        ref: "textField",
-        type: l.value,
-        value: n.modelValue,
-        placeholder: n.placeholder,
-        required: n.required,
-        class: h([
-          n.invalid ? "invalid" : "",
-          n.valid ? "valid" : "",
-          n.search ? "search" : ""
-        ]),
-        disabled: n.disabled,
-        name: n.fieldName,
-        onInput: v[2] || (v[2] = (f) => n.$emit("update:modelValue", f.target.value))
-      }, null, 42, zt)),
-      n.search ? (s(), i("button", Ht)) : _("", !0),
-      n.errorMessage ? (s(), i("strong", Rt, c(n.errorMessage), 1)) : _("", !0),
-      n.helperText ? (s(), i("span", Nt, c(n.helperText), 1)) : _("", !0)
-    ]));
-  }
-}), jt = /* @__PURE__ */ g(Et, [["__scopeId", "data-v-1d92973b"]]), Ut = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ b({
-  __name: "video",
-  props: {
-    play: { type: Boolean, default: !1 },
-    src: {},
-    localVideo: { type: Boolean, default: !1 },
-    ariaLabel: { default: "" },
-    title: { default: "" },
-    controls: { type: Boolean, default: !0 },
-    poster: { default: "" },
-    width: { default: "100%" },
-    height: { default: "auto" },
-    autoplay: { type: Boolean, default: !1 },
-    loop: { type: Boolean, default: !1 },
-    muted: { type: Boolean, default: !1 }
-  },
-  setup(e, { expose: a }) {
-    const r = e;
-    let l = C(null);
-    return me(() => {
-      l.value && (r.play ? l.value.play() : r.play || l.value.pause());
-    }), a({
-      resetVideo: () => {
-        l.value && (l.value.currentTime = 0, l.value.play());
-      }
-    }), (u, p) => (s(), i("div", Ut, [
-      u.localVideo ? (s(), i("video", {
-        key: 0,
-        ref_key: "videoRef",
-        ref: l,
-        "aria-label": u.ariaLabel,
-        controls: u.controls,
-        poster: u.poster,
-        width: u.width,
-        height: u.height,
-        autoplay: u.autoplay,
-        loop: u.loop,
-        muted: u.muted,
-        type: "video/mp4",
-        playsinline: "",
-        src: u.src
-      }, null, 8, Gt)) : (s(), i("iframe", {
-        key: 1,
-        src: u.src,
-        "aria-label": u.ariaLabel,
-        title: u.title,
-        width: u.width,
-        height: u.height,
-        frameborder: "0",
-        allow: "autoplay; fullscreen",
-        allowfullscreen: ""
-      }, null, 8, Kt))
-    ]));
-  }
-}), te = /* @__PURE__ */ g(Jt, [["__scopeId", "data-v-c6a0feb6"]]), Wt = { class: "address__wrapper" }, Yt = { class: "address__content" }, Qt = { class: "address__flag" }, Zt = { class: "address__address" }, Xt = { class: "address__name" }, xt = { key: 0 }, ea = { class: "address__contact" }, ta = ["href"], aa = ["href"], oa = ["href"], la = /* @__PURE__ */ b({
-  __name: "address",
-  props: {
-    name: {},
-    company: {},
-    addressLine1: {},
-    addressLine2: {},
-    addressLine3: { default: void 0 },
-    website: { default: void 0 },
-    phoneNumbers: {},
-    email: {}
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Wt, [
-      t("div", Yt, [
-        t("div", Qt, [
-          d(a.$slots, "address-flag", {}, void 0, !0)
-        ]),
-        t("div", Zt, [
-          t("p", Xt, c(a.name), 1),
-          t("p", null, c(a.company), 1),
-          t("p", null, c(a.addressLine1), 1),
-          t("p", null, c(a.addressLine2), 1),
-          a.addressLine3 ? (s(), i("p", xt, c(a.addressLine3), 1)) : _("", !0)
-        ]),
-        t("div", ea, [
-          a.website ? (s(), T(A, {
-            key: 0,
-            underline: "false",
-            "link-type": "regular"
-          }, {
-            default: k(() => [
-              t("a", {
-                href: "https://" + a.website,
-                class: "address__website"
-              }, c(a.website), 9, ta)
-            ]),
-            _: 1
-          })) : _("", !0),
-          (s(!0), i(V, null, P(a.phoneNumbers, (l) => (s(), T(A, {
-            key: l,
-            underline: "false",
-            "link-type": "regular"
-          }, {
-            default: k(() => [
-              t("a", {
-                href: "tel:" + l,
-                class: "address__phone"
-              }, c(l), 9, aa)
-            ]),
-            _: 2
-          }, 1024))), 128)),
-          t("a", {
-            href: "mailto:" + a.email,
-            class: "address__email"
-          }, c(a.email), 9, oa)
-        ])
-      ])
-    ]));
-  }
-}), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (N("data-v-a44fd57d"), e = e(), E(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ b({
-  __name: "bullet-list",
-  props: {
-    list: {
-      type: Array,
-      required: !0,
-      validator(e) {
-        return e.length <= 5;
-      }
-    },
-    variant: {
-      type: String,
-      required: !1,
-      default: "light",
-      validator(e) {
-        return ["light"].includes(e);
-      }
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", ra, [
-      t("div", {
-        class: h(["bullet-list", e.variant])
-      }, [
-        t("ul", null, [
-          (s(!0), i(V, null, P(e.list, (l) => (s(), i("li", { key: l }, [
-            na,
-            Y(" " + c(l), 1)
-          ]))), 128))
-        ])
-      ], 2)
-    ]));
-  }
-}), ca = /* @__PURE__ */ g(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ b({
-  __name: "card",
-  props: {
-    variant: { default: "product" },
-    theme: { default: "light" },
-    linkType: { default: "link" },
-    headline: { default: "" },
-    paragraph: { default: "" },
-    size: { default: "small" },
-    mediaType: { default: "image" },
-    orientation: { default: "horizontal" },
-    srcSet: { default: "" },
-    url: { default: "" },
-    imgSrc: { default: "" },
-    videoSrc: { default: "" },
-    arialabel: { default: "" },
-    poster: { default: "" },
-    labelText: { default: "" },
-    alt: { default: "" }
-  },
-  emits: ["clicked"],
-  setup(e) {
-    const a = qe();
-    let r = C(!1);
-    const l = {
-      xsmall: {
-        class: "card--xsmall",
-        width: "241",
-        height: "135"
-      },
-      small: {
-        class: "card--small",
-        width: "298",
-        height: "186"
-      },
-      medium: {
-        class: "card--medium",
-        width: "432",
-        height: "243"
-      },
-      large: {
-        class: "card--large",
-        width: "596",
-        height: "335"
-      }
-    }, o = e, u = q(() => l[o.size]), p = q(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
-    return (n, v) => (s(), i("div", ua, [
-      t("div", {
-        class: h(["card", [
-          n.theme === "dark" ? "card--dark" : "card--light",
-          n.orientation === "vertical" ? "vertical" : "horizontal",
-          u.value.class,
-          p.value,
-          n.variant === "product" ? "card--product" : "card--article"
-        ]]),
-        style: Q([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: v[0] || (v[0] = (f) => x(r) ? r.value = !0 : r = !0),
-        onMouseout: v[1] || (v[1] = (f) => x(r) ? r.value = !1 : r = !1),
-        onFocus: v[2] || (v[2] = (f) => x(r) ? r.value = !0 : r = !0),
-        onBlur: v[3] || (v[3] = (f) => x(r) ? r.value = !1 : r = !1)
-      }, [
-        n.mediaType === "image" ? (s(), T(M, { key: 0 }, {
-          default: k(() => [
-            d(n.$slots, "card-image", F({
-              src: n.imgSrc,
-              width: "596",
-              height: "335",
-              alt: n.alt,
-              loading: "auto",
-              sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: n.srcSet }))
-          ]),
-          _: 3
-        })) : (s(), i("div", {
-          key: 1,
-          class: h(["video-card__wrapper", y(r) === !0 ? "vimeoPlaying" : ""])
-        }, [
-          I(te, {
-            play: y(r),
-            "local-video": !0,
-            src: n.videoSrc,
-            "aria-label": n.arialabel,
-            controls: !1,
-            poster: n.imgSrc,
-            width: u.value.width,
-            height: u.value.height,
-            autoplay: !0,
-            loop: !0,
-            muted: !0
-          }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
-        ], 2)),
-        y(a)["card-label"] ? (s(), i("div", _a, [
-          d(n.$slots, "card-label")
-        ])) : _("", !0),
-        n.variant === "product" ? (s(), i("div", {
-          key: 3,
-          class: h([
-            "card__headline",
-            n.theme === "dark" ? "regular-dark" : "regular-blue"
-          ]),
-          style: { "font-weight": "700" }
-        }, c(n.headline), 3)) : (s(), i("div", {
-          key: 4,
-          class: h([
-            "card__headline",
-            n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
-          ])
-        }, c(n.headline), 3)),
-        n.variant === "product" ? (s(), i("p", ha, c(n.paragraph), 1)) : _("", !0)
-      ], 38)
-    ]));
-  }
-}), ma = /* @__PURE__ */ g(pa, [["__scopeId", "data-v-364d219c"]]), fa = { class: "column-card__content" }, va = { class: "column-card__headline" }, ga = { class: "column-card__bodytext" }, ba = /* @__PURE__ */ b({
-  __name: "column-card",
-  props: {
-    headline: {},
-    bodytext: {},
-    image: {},
-    imageFit: { type: Boolean },
-    bgColor: { default: "white" },
-    linkText: { default: "" },
-    linkType: { default: "link" }
-  },
-  setup(e) {
-    const a = {
-      white: "",
-      light: "column__wrapper--light",
-      dark: "column__wrapper--dark mirsaic--dark"
-    }, r = e, l = q(
-      () => a[r.bgColor || "white"]
-    );
-    return (o, u) => (s(), i("div", {
-      class: h(["column-card", l.value])
-    }, [
-      t("div", fa, [
-        o.image.filename ? (s(), i("div", {
-          key: 0,
-          class: h(["column-card__image", { cover: o.imageFit, contain: !o.imageFit }])
-        }, [
-          d(o.$slots, "column-card-image", H(R({
-            src: o.image.filename,
-            alt: o.image.alt
-          })), void 0, !0)
-        ], 2)) : _("", !0),
-        t("h3", va, c(o.headline), 1),
-        t("div", ga, [
-          d(o.$slots, "column-card-body", {}, void 0, !0)
-        ]),
-        o.linkType === "link" ? (s(), T(A, {
-          key: 1,
-          "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
-          arrow: ""
-        }, {
-          default: k(() => [
-            d(o.$slots, "column-link", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["link-type"])) : _("", !0)
-      ])
-    ], 2));
-  }
-}), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
-  key: 0,
-  class: "event__info"
-}, Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ b({
-  __name: "event-card",
-  props: {
-    eventType: {
-      type: String,
-      required: !0
-    },
-    headline: {
-      type: String,
-      required: !0
-    },
-    dateTime: {
-      type: String,
-      required: !0
-    },
-    location: {
-      type: String,
-      required: !0
-    },
-    exhibitor: {
-      type: String,
-      required: !0
-    },
-    info: {
-      type: String,
-      required: !1,
-      default: null
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", ya, [
-      I(ee, {
-        "label-dark": !1,
-        text: e.eventType ? e.eventType : ""
-      }, null, 8, ["text"]),
-      t("div", $a, c(e.headline), 1),
-      t("div", wa, [
-        Y(c(e.dateTime) + " ", 1),
-        Ba,
-        e.info ? (s(), i("div", Sa, c(e.info), 1)) : _("", !0),
-        Y(" " + c(e.location), 1)
-      ]),
-      t("div", Ia, c(e.exhibitor), 1)
-    ]));
-  }
-}), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]), re = (e) => (N("data-v-93ee37aa"), e = e(), E(), e), qa = { class: "flashcard-side flashcard-front" }, Aa = {
-  key: 0,
-  class: "content"
-}, La = { key: 0 }, Da = {
-  key: 1,
-  class: "flashcard-body"
-}, Va = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
-  class: "flip-icon",
-  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Pa = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
-  class: "flip-icon",
-  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Fa = {
-  key: 0,
-  class: "content"
-}, Ma = { key: 0 }, Oa = {
-  key: 1,
-  class: "flashcard-body"
-}, za = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
-  class: "flip-icon",
-  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Ha = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
-  class: "flip-icon",
-  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Ra = /* @__PURE__ */ b({
-  __name: "flashcard",
-  props: {
-    name: {},
-    bodytext: {},
-    image: {},
-    namebackside: {},
-    bodytextbackside: {},
-    imagebackside: {},
-    size: {},
-    imageFit: { type: Boolean },
-    imageFitBack: { type: Boolean }
-  },
-  setup(e) {
-    const a = C(!1);
-    function r() {
-      a.value = !a.value;
-    }
-    return (l, o) => {
-      var u, p, n, v, f, $;
-      return s(), i("div", {
-        class: "flashcard-container",
-        onClick: r
-      }, [
-        t("div", {
-          class: h(["flashcard", {
-            flipped: a.value,
-            "flashcard--sm": l.size === "sm",
-            "flashcard--md": l.size === "md",
-            "flashcard--lg": l.size === "lg"
-          }])
-        }, [
-          t("div", qa, [
-            l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", Aa, [
-              l.name ? (s(), i("h3", La, c(l.name), 1)) : _("", !0),
-              l.bodytext ? (s(), i("div", Da, [
-                d(l.$slots, "flashcard-front-body", H(R({ bodytext: l.bodytext })), void 0, !0)
-              ])) : _("", !0),
-              Va
-            ])) : (s(), i("div", {
-              key: 1,
-              class: h(["flashcard-image", {
-                contain: l.imageFit,
-                cover: !l.imageFit
-              }])
-            }, [
-              d(l.$slots, "flashcard-front-image", H(R({ src: (p = l.image) == null ? void 0 : p.filename, alt: (n = l.image) == null ? void 0 : n.alt })), void 0, !0),
-              Pa
-            ], 2))
-          ]),
-          t("div", {
-            class: h([
-              "flashcard-side flashcard-back",
-              (v = l.imagebackside) != null && v.filename ? "flashcard-back--image" : "flashcard-back--no-image"
-            ])
-          }, [
-            l.namebackside || l.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
-              l.namebackside ? (s(), i("h3", Ma, c(l.namebackside), 1)) : _("", !0),
-              l.bodytextbackside ? (s(), i("div", Oa, [
-                d(l.$slots, "flashcard-back-body", H(R({ bodytextbackside: l.bodytextbackside })), void 0, !0)
-              ])) : _("", !0),
-              za
-            ])) : (s(), i("div", {
-              key: 1,
-              class: h(["flashcard-image", {
-                contain: l.imageFitBack,
-                cover: !l.imageFitBack
-              }])
-            }, [
-              d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: ($ = l.imagebackside) == null ? void 0 : $.alt })), void 0, !0),
-              Ha
-            ], 2))
-          ], 2)
-        ], 2)
-      ]);
-    };
-  }
-}), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ua = /* @__PURE__ */ b({
-  __name: "text-card",
-  props: {
-    label: {
-      type: String,
-      required: !0
-    },
-    headline: {
-      type: String,
-      required: !0
-    },
-    paragraph: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Na, [
-      I(ee, {
-        "label-dark": !1,
-        text: e.label ? e.label : ""
-      }, null, 8, ["text"]),
-      t("div", Ea, c(e.headline), 1),
-      t("div", ja, [
-        t("p", null, c(e.paragraph), 1)
-      ])
-    ]));
-  }
-}), Ga = /* @__PURE__ */ g(Ua, [["__scopeId", "data-v-ebdea819"]]), Ka = { class: "accordions" }, Ja = { class: "accordions__wrapper" }, Wa = { class: "accordion" }, Ya = ["onClick"], Qa = { class: "accordion__headline" }, Za = { class: "accordion__icon" }, Xa = {
-  key: 0,
-  src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
-}, xa = {
-  key: 1,
-  src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
-}, eo = { class: "accordion__bodytext" }, to = /* @__PURE__ */ b({
-  __name: "accordion",
-  props: {
-    accordions: {}
-  },
-  setup(e) {
-    const a = C([]), r = (o) => {
-      const u = a.value.indexOf(o);
-      u > -1 ? a.value.splice(u, 1) : a.value.push(o);
-    }, l = (o) => a.value.includes(o);
-    return (o, u) => (s(), i("section", Ka, [
-      t("div", Ja, [
-        (s(!0), i(V, null, P(o.accordions, (p) => (s(), i("div", {
-          key: p._uid
-        }, [
-          t("div", Wa, [
-            t("div", {
-              class: "accordion__header",
-              onClick: (n) => r(p._uid)
-            }, [
-              t("h3", Qa, c(p.headline), 1),
-              t("span", Za, [
-                l(p._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
-              ])
-            ], 8, Ya),
-            t("div", {
-              class: h(["accordion__content", { "accordion__content--reverse": p.imageFirst }]),
-              style: Q({
-                display: l(p._uid) ? "flex" : "none"
-              })
-            }, [
-              t("div", eo, [
-                d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
-              ]),
-              I(M, null, {
-                default: k(() => [
-                  p.image ? d(o.$slots, "accordion-image", F({
-                    key: 0,
-                    ref_for: !0
-                  }, {
-                    src: p.image.filename,
-                    alt: p.image.alt,
-                    class: "accordion__image"
-                  }), void 0, !0) : _("", !0)
-                ]),
-                _: 2
-              }, 1024)
-            ], 6)
-          ])
-        ]))), 128))
-      ])
-    ]));
-  }
-}), ao = /* @__PURE__ */ g(to, [["__scopeId", "data-v-0e6f6da8"]]), oo = {
-  key: 0,
-  class: "card__content"
-}, lo = { key: 0 }, so = { key: 1 }, io = { class: "card__cards" }, ro = /* @__PURE__ */ b({
-  __name: "card-display",
-  props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    paragraph: {
-      type: String,
-      default: ""
-    },
-    bgColor: {
-      type: String,
-      default: "white"
-    },
-    isBlock: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", {
-      class: h([
-        "card-display",
-        e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
-      ])
-    }, [
-      t("div", {
-        class: h([
-          "card-display__wrapper",
-          e.isBlock ? "card-display__wrapper--block" : "card-display__wrapper--inline"
-        ])
-      }, [
-        e.headline || e.paragraph ? (s(), i("div", oo, [
-          e.headline ? (s(), i("h2", lo, c(e.headline), 1)) : _("", !0),
-          e.paragraph ? (s(), i("p", so, c(e.paragraph), 1)) : _("", !0)
-        ])) : _("", !0),
-        t("div", io, [
-          d(a.$slots, "card-display-cards", {}, void 0, !0)
-        ])
-      ], 2)
-    ], 2));
-  }
-}), no = /* @__PURE__ */ g(ro, [["__scopeId", "data-v-659726bd"]]), co = { class: "column-grid__top-section" }, uo = {
-  key: 0,
-  class: "column-grid__headline"
-}, _o = {
-  key: 1,
-  class: "column-grid__bodytext"
-}, ho = { class: "column-grid__teaser-list" }, po = /* @__PURE__ */ b({
-  __name: "column-grid",
-  props: {
-    headline: { default: "" },
-    bgColor: {},
-    bodytext: { default: "" },
-    linkText: { default: "" },
-    linkType: { default: "link" },
-    columns: {}
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", {
-      class: h([
-        "column-grid",
-        a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
-      ])
-    }, [
-      t("div", co, [
-        a.headline ? (s(), i("h2", uo, c(a.headline), 1)) : _("", !0),
-        a.bodytext ? (s(), i("div", _o, [
-          d(a.$slots, "column-grid-body", {}, void 0, !0),
-          a.linkType === "link" ? (s(), T(A, {
-            key: 0,
-            "link-type": a.bgColor === "dark" ? "regular_dark" : (a.bgColor === "light", "regular_light"),
-            arrow: ""
-          }, {
-            default: k(() => [
-              d(a.$slots, "column-grid-body-link", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0)
-        ])) : _("", !0)
-      ]),
-      t("div", ho, [
-        (s(!0), i(V, null, P(a.columns, (l) => (s(), T(be, {
-          key: l._uid,
-          headline: l.headline,
-          bodytext: l.bodytext,
-          link: l.link,
-          "link-text": l.linkText,
-          image: l.image,
-          "image-fit": l.imageFit
-        }, {
-          "column-card-body": k(() => [
-            d(a.$slots, "column-card-body", F({ ref_for: !0 }, { body: l.bodytext }), void 0, !0)
-          ]),
-          "column-link": k(() => [
-            d(a.$slots, "column-link", F({ ref_for: !0 }, {
-              link: l.link,
-              linkText: l.linkText
-            }), void 0, !0)
-          ]),
-          "column-card-image": k(() => [
-            l.image ? d(a.$slots, "column-card-image", F({
-              key: 0,
-              ref_for: !0
-            }, {
-              src: l.image.filename,
-              alt: l.image.alt,
-              style: { "object-fit": l.imageFit ? "cover" : "contain" }
-            }), void 0, !0) : _("", !0)
-          ]),
-          _: 2
-        }, 1032, ["headline", "bodytext", "link", "link-text", "image", "image-fit"]))), 128))
-      ])
-    ], 2));
-  }
-}), mo = /* @__PURE__ */ g(po, [["__scopeId", "data-v-d27098ae"]]), fo = { class: "facts__wrapper" }, vo = { class: "facts__content" }, go = { class: "facts__headline" }, bo = { class: "facts" }, ko = { class: "fact__value" }, yo = { class: "fact__metric" }, $o = {
-  key: 0,
-  class: "facts__link"
-}, wo = /* @__PURE__ */ b({
-  __name: "facts",
-  props: {
-    headline: { default: "" },
-    facts: { default: () => [
-      {
-        value: "",
-        metric: ""
-      },
-      {
-        value: "",
-        metric: ""
-      },
-      {
-        value: "",
-        metric: ""
-      }
-    ] },
-    link: { default: () => ({
-      title: "",
-      url: ""
-    }) }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", fo, [
-      t("div", vo, [
-        t("h2", go, c(a.headline), 1),
-        t("div", bo, [
-          (s(!0), i(V, null, P(a.facts, (l) => (s(), i("div", {
-            key: l.value + l.metric,
-            class: "fact"
-          }, [
-            t("div", ko, [
-              t("span", null, c(l.value), 1)
-            ]),
-            t("div", yo, [
-              t("span", null, c(l.metric), 1)
-            ])
-          ]))), 128))
-        ]),
-        a.link ? (s(), i("div", $o, [
-          I(A, {
-            "link-type": "regular_light",
-            arrow: ""
-          }, {
-            default: k(() => [
-              d(a.$slots, "facts-link", {}, void 0, !0)
-            ]),
-            _: 3
-          })
-        ])) : _("", !0)
-      ])
-    ]));
-  }
-}), Bo = /* @__PURE__ */ g(wo, [["__scopeId", "data-v-d2b231d4"]]), So = { class: "features__wrapper" }, Io = { class: "features__content" }, Co = {
-  key: 0,
-  class: "features__headline"
-}, To = {
-  key: 1,
-  class: "features__body"
-}, qo = { class: "element__headline" }, Ao = { class: "element__body" }, Lo = /* @__PURE__ */ b({
-  __name: "features",
-  props: {
-    headline: { default: "" },
-    hasBody: { type: Boolean },
-    elements: { default: () => [] }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", So, [
-      t("div", Io, [
-        a.headline ? (s(), i("div", Co, [
-          t("h2", null, c(a.headline), 1)
-        ])) : _("", !0),
-        a.hasBody ? (s(), i("div", To, [
-          d(a.$slots, "features-body", {}, void 0, !0)
-        ])) : _("", !0),
-        t("div", {
-          class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
-        }, [
-          (s(!0), i(V, null, P(a.elements, (l) => (s(), i("div", {
-            key: l.headline,
-            class: "features__element"
-          }, [
-            I(M, { class: "element__icon" }, {
-              default: k(() => [
-                d(a.$slots, "features-icon", F({ ref_for: !0 }, {
-                  src: l.icon.src,
-                  height: 30,
-                  width: 30,
-                  alt: l.icon.alt
-                }), void 0, !0)
-              ]),
-              _: 2
-            }, 1024),
-            t("p", qo, c(l.headline), 1),
-            t("p", Ao, c(l.body), 1),
-            l.link && l.linkText ? (s(), T(A, {
-              key: 0,
-              "link-type": "regular_light",
-              arrow: ""
-            }, {
-              default: k(() => [
-                d(a.$slots, "feature-link", F({ ref_for: !0 }, { link: l.link, linkText: l.linkText }), void 0, !0)
-              ]),
-              _: 2
-            }, 1024)) : _("", !0)
-          ]))), 128))
-        ], 2)
-      ])
-    ]));
-  }
-}), Do = /* @__PURE__ */ g(Lo, [["__scopeId", "data-v-72cf514b"]]), Vo = { class: "flashcard-wrapper" }, Po = {
-  key: 0,
-  class: "flashcard-wrapper__headline"
-}, Fo = {
-  key: 1,
-  class: "flashcard-wrapper__bodytext"
-}, Mo = /* @__PURE__ */ b({
-  __name: "flashcards",
-  props: {
-    headline: {},
-    body: {},
-    bgColor: {},
-    flashcards: {}
-  },
-  setup(e) {
-    const a = e, r = q(() => a.body.trim().length > 0), l = q(() => {
-      var u;
-      const o = (u = a.flashcards) == null ? void 0 : u.length;
-      return o === 4 || o === 5 ? "sm" : o === 6 || o === 3 ? "md" : o === 2 ? "lg" : "sm";
-    });
-    return (o, u) => (s(), i("div", {
-      class: h(["flashcards", o.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
-    }, [
-      t("div", Vo, [
-        t("div", {
-          class: h([
-            { "no-bodytext": !r.value },
-            "flashcard-wrapper__top-section"
-          ])
-        }, [
-          o.headline ? (s(), i("h2", Po, c(o.headline), 1)) : _("", !0),
-          o.body ? (s(), i("div", Fo, [
-            d(o.$slots, "flashcard-wrapper-body", {}, void 0, !0)
-          ])) : _("", !0)
-        ], 2),
-        t("div", {
-          class: h(["flashcard-wrapper__teaser-list", {
-            sm: l.value === "sm",
-            md: l.value === "md",
-            lg: l.value === "lg"
-          }])
-        }, [
-          (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(ke), {
-            key: p._uid,
-            name: p.name,
-            bodytext: p.bodytext,
-            image: p.image,
-            namebackside: p.namebackside ? p.namebackside : "",
-            bodytextbackside: p.bodytextbackside,
-            imagebackside: p.imagebackside ? p.imagebackside : { filename: "", alt: "" },
-            size: l.value,
-            "image-fit": p.imageFit,
-            "image-fit-back": p.imageFitBack
-          }, {
-            "flashcard-front-body": k(({ bodytext: n }) => [
-              d(o.$slots, "flashcard-front-body", F({ ref_for: !0 }, { bodytext: n }), void 0, !0)
-            ]),
-            "flashcard-front-image": k(({ src: n, alt: v }) => [
-              d(o.$slots, "flashcard-front-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
-            ]),
-            "flashcard-back-body": k(({ bodytextbackside: n }) => [
-              d(o.$slots, "flashcard-back-body", F({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
-            ]),
-            "flashcard-back-image": k(({ src: n, alt: v }) => [
-              d(o.$slots, "flashcard-back-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
-        ], 2)
-      ])
-    ], 2));
-  }
-}), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, No = { class: "form__body" }, Eo = { class: "form__script" }, jo = /* @__PURE__ */ b({
-  __name: "form-script",
-  props: {
-    headline: { default: "" },
-    linkText: { default: "" },
-    variant: { default: "default" },
-    linkType: { default: "link" }
-  },
-  setup(e) {
-    const a = {
-      dark: "form__wrapper--dark",
-      light: "form__wrapper--light",
-      default: "form__wrapper--default"
-    }, r = e, l = q(() => a[r.variant]);
-    return (o, u) => (s(), i("div", {
-      class: h(["form__wrapper", l.value])
-    }, [
-      t("div", zo, [
-        t("div", Ho, [
-          t("h2", Ro, c(o.headline), 1),
-          t("div", No, [
-            d(o.$slots, "form-body", {}, void 0, !0)
-          ]),
-          o.linkType === "link" ? (s(), T(A, {
-            key: 0,
-            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
-            arrow: ""
-          }, {
-            default: k(() => [
-              d(o.$slots, "form-link", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0)
-        ]),
-        t("div", Eo, [
-          d(o.$slots, "form-script", {}, void 0, !0)
-        ])
-      ])
-    ], 2));
-  }
-}), Uo = /* @__PURE__ */ g(jo, [["__scopeId", "data-v-b8b02bae"]]), Go = { class: "headline__wrapper" }, Ko = { class: "headline__h1" }, Jo = /* @__PURE__ */ b({
-  __name: "headline",
-  props: {
-    headline: {
-      type: String,
-      required: !0
-    },
-    article: {
-      type: Boolean,
-      required: !1
-    },
-    subMenu: {
-      type: Boolean,
-      required: !1
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Go, [
-      t("div", {
-        class: h({
-          "headline__content--article-and-submenu": e.article && e.subMenu,
-          "headline__content--article": e.article && !e.subMenu,
-          "headline__content--default headline__content--submenu": !e.article && e.subMenu,
-          "headline__content--default": !e.article && !e.subMenu
-        })
-      }, [
-        t("h1", Ko, c(e.headline), 1)
-      ], 2)
-    ]));
-  }
-}), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (N("data-v-22f9be13"), e = e(), E(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ b({
-  __name: "hero",
-  props: {
-    headline: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Qo, [
-      t("div", Zo, [
-        t("div", Xo, [
-          t("div", xo, [
-            t("div", el, [
-              t("h1", null, c(e.headline), 1)
-            ]),
-            t("div", tl, [
-              I(A, {
-                "link-type": "regular_light",
-                arrow: ""
-              }, {
-                default: k(() => [
-                  d(a.$slots, "hero-link", {}, void 0, !0)
-                ]),
-                _: 3
-              })
-            ])
-          ])
-        ]),
-        t("div", al, [
-          ol,
-          t("div", ll, [
-            d(a.$slots, "hero-video", {}, void 0, !0)
-          ]),
-          t("div", sl, [
-            d(a.$slots, "hero-image", {}, void 0, !0)
-          ])
-        ])
-      ])
-    ]));
-  }
-}), rl = /* @__PURE__ */ g(il, [["__scopeId", "data-v-22f9be13"]]), nl = { class: "image__wrapper" }, dl = { class: "image__content" }, cl = { class: "image__image" }, ul = { class: "image__caption" }, _l = /* @__PURE__ */ b({
-  inheritAttrs: !1,
-  __name: "image",
-  props: {
-    caption: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    src: {
-      type: String,
-      required: !0
-    },
-    alt: {
-      type: String,
-      required: !0
-    },
-    fullHeight: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", nl, [
-      t("div", dl, [
-        t("div", cl, [
-          I(M, null, {
-            default: k(() => [
-              d(a.$slots, "image", H(R({
-                width: 984,
-                height: e.fullHeight ? "100%" : 554,
-                src: e.src,
-                alt: e.alt,
-                class: e.fullHeight ? "full-height" : "default"
-              })))
-            ]),
-            _: 3
-          })
-        ]),
-        t("p", ul, c(e.caption), 1)
-      ])
-    ]));
-  }
-}), hl = /* @__PURE__ */ g(_l, [["__scopeId", "data-v-c583d657"]]), pl = { class: "gallery__large" }, ml = {
-  key: 0,
-  class: "image image--large"
-}, fl = {
-  key: 1,
-  class: "video"
-}, vl = /* @__PURE__ */ b({
-  __name: "image-gallery",
-  props: {
-    mediaLarge: {},
-    mediaType: { default: "image" },
-    mediaSmall: {},
-    body: { default: "" },
-    flipHorizontal: { type: Boolean, default: !1 },
-    flipVertical: { type: Boolean, default: !1 },
-    bgColor: { default: "white" },
-    linkText: { default: "" },
-    linkType: { default: "link" }
-  },
-  setup(e) {
-    const a = {
-      white: "",
-      light: "gallery__wrapper--light",
-      dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, l = q(() => a[r.bgColor]);
-    return (o, u) => (s(), i("div", {
-      class: h(["gallery__wrapper", l.value])
-    }, [
-      t("div", {
-        class: h([
-          "gallery__content",
-          o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
-        ])
-      }, [
-        t("div", pl, [
-          o.mediaLarge && o.mediaType === "image" ? (s(), i("div", ml, [
-            I(M, null, {
-              default: k(() => [
-                d(o.$slots, "image-large", H(R({
-                  height: 530,
-                  src: o.mediaLarge.src,
-                  alt: o.mediaLarge.alt
-                })))
-              ]),
-              _: 3
-            })
-          ])) : _("", !0),
-          o.mediaLarge && o.mediaType === "video" ? (s(), i("div", fl, [
-            I(te, {
-              src: o.mediaLarge.src,
-              "local-video": "",
-              "aria-label": o.mediaLarge.alt,
-              controls: !1,
-              height: "530",
-              width: "617",
-              autoplay: "",
-              loop: "",
-              muted: "",
-              play: ""
-            }, null, 8, ["src", "aria-label"])
-          ])) : _("", !0)
-        ]),
-        t("div", {
-          style: Q([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: h([
-            "gallery__small",
-            o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
-          ])
-        }, [
-          (s(!0), i(V, null, P(o.mediaSmall, (p) => (s(), i("div", {
-            key: p.src + p.alt,
-            class: "image image--small"
-          }, [
-            I(M, null, {
-              default: k(() => [
-                d(o.$slots, "image-small", F({ ref_for: !0 }, {
-                  height: 246,
-                  src: p.src,
-                  alt: p.alt
-                }))
-              ]),
-              _: 2
-            }, 1024)
-          ]))), 128)),
-          o.mediaSmall.length < 2 ? (s(), i("div", {
-            key: 0,
-            class: h(["body", o.bgColor === "dark" ? "body--dark" : ""])
-          }, [
-            t("p", null, c(o.body), 1),
-            o.linkType === "link" ? (s(), T(A, {
-              key: 0,
-              "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
-              arrow: ""
-            }, {
-              default: k(() => [
-                d(o.$slots, "gallery-link")
-              ]),
-              _: 3
-            }, 8, ["link-type"])) : _("", !0)
-          ], 2)) : _("", !0)
-        ], 6)
-      ], 2)
-    ], 2));
-  }
-}), gl = /* @__PURE__ */ g(vl, [["__scopeId", "data-v-04a9ee0f"]]), bl = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, yl = {
-  key: 0,
-  class: "logo-wall__text"
-}, $l = { key: 0 }, wl = { key: 1 }, Bl = { class: "logo-wall__logos" }, Sl = { class: "logo-wall__link" }, Il = /* @__PURE__ */ b({
-  __name: "logo-wall",
-  props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    body: {
-      type: String,
-      default: ""
-    },
-    logos: {
-      type: Array,
-      required: !0,
-      validator: (e) => e.length <= 5
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", bl, [
-      t("div", kl, [
-        e.headline || e.body ? (s(), i("div", yl, [
-          e.headline ? (s(), i("h2", $l, c(e.headline), 1)) : _("", !0),
-          e.body ? (s(), i("p", wl, c(e.body), 1)) : _("", !0)
-        ])) : _("", !0),
-        t("div", Bl, [
-          (s(!0), i(V, null, P(e.logos, (l) => (s(), i("div", {
-            key: l.src + l.alt,
-            class: "logo-wall__logo"
-          }, [
-            I(M, null, {
-              default: k(() => [
-                d(a.$slots, "logo-wall-logo", F({ ref_for: !0 }, {
-                  width: 130,
-                  height: 130,
-                  src: l.src,
-                  alt: l.alt
-                }), void 0, !0)
-              ]),
-              _: 2
-            }, 1024)
-          ]))), 128))
-        ]),
-        t("div", Sl, [
-          I(A, {
-            "link-type": "regular_light",
-            arrow: !0
-          }, {
-            default: k(() => [
-              d(a.$slots, "logo-wall-link", {}, void 0, !0)
-            ]),
-            _: 3
-          })
-        ])
-      ])
-    ]));
-  }
-}), Cl = /* @__PURE__ */ g(Il, [["__scopeId", "data-v-fd489289"]]), Tl = { class: "micro-stories__top" }, ql = {
-  key: 0,
-  class: "micro-stories__headline"
-}, Al = {
-  key: 1,
-  class: "micro-stories__body"
-}, Ll = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ b({
-  __name: "micro-stories",
-  props: {
-    bgColor: { default: "blue" },
-    headline: { default: "" },
-    body: { default: "" }
-  },
-  setup(e) {
-    const a = {
-      white: "micro-stories__wrapper--white",
-      blue: "micro-stories__wrapper--blue",
-      dark: "micro-stories__wrapper--dark"
-    }, r = q(() => a[l.bgColor]), l = e;
-    return (o, u) => (s(), i("div", {
-      class: h(["micro-stories__wrapper", r.value])
-    }, [
-      t("div", Tl, [
-        o.headline ? (s(), i("div", ql, [
-          t("h2", null, c(o.headline), 1)
-        ])) : _("", !0),
-        o.body ? (s(), i("div", Al, [
-          d(o.$slots, "micro-stories-body")
-        ])) : _("", !0)
-      ]),
-      t("div", Ll, [
-        d(o.$slots, "micro-stories-slides")
-      ]),
-      d(o.$slots, "micro-stories-controls")
-    ], 2));
-  }
-}), Vl = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
-function Ml(e, a) {
-  return s(), i("div", Pl, [
-    t("div", Fl, [
-      d(e.$slots, "default", {}, void 0, !0)
-    ])
-  ]);
-}
-const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, Nl = { class: "product-hero__video" }, El = { class: "product-hero__insignia" }, jl = {
-  key: 0,
-  class: "product-hero__logo"
-}, Ul = {
-  key: 1,
-  class: "product-hero__certification"
-}, Gl = /* @__PURE__ */ b({
-  __name: "product-hero",
-  props: {
-    headline: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    videoSrc: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    ariaLabel: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    imgSrc: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    logoSrc: {
-      type: String,
-      default: "",
-      required: !1
-    },
-    isCertified: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", zl, [
-      t("div", Hl, [
-        t("div", Rl, c(e.headline), 1),
-        t("div", Nl, [
-          e.videoSrc !== "" ? (s(), T(te, {
-            key: 0,
-            play: "",
-            "local-video": !0,
-            src: e.videoSrc,
-            "aria-label": e.ariaLabel,
-            controls: !1,
-            poster: e.imgSrc,
-            autoplay: "",
-            loop: "",
-            muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(y(M), { key: 1 }, {
-            default: k(() => [
-              d(a.$slots, "product-hero-image", {}, void 0, !0)
-            ]),
-            _: 3
-          })),
-          t("div", El, [
-            e.logoSrc ? (s(), i("div", jl, [
-              I(y(M), null, {
-                default: k(() => [
-                  d(a.$slots, "product-hero-logo", {}, void 0, !0)
-                ]),
-                _: 3
-              })
-            ])) : _("", !0),
-            e.isCertified ? (s(), i("div", Ul, [
-              I(y(M), null, {
-                default: k(() => [
-                  d(a.$slots, "product-hero-certification", {}, void 0, !0)
-                ]),
-                _: 3
-              })
-            ])) : _("", !0)
-          ])
-        ])
-      ])
-    ]));
-  }
-}), Kl = /* @__PURE__ */ g(Gl, [["__scopeId", "data-v-deab9c3a"]]), Jl = { class: "promo__content" }, Wl = /* @__PURE__ */ b({
-  __name: "promo",
-  props: {
-    label: { default: "" },
-    linkText: { default: "" },
-    mediaType: { default: "image" },
-    src: {},
-    alt: {},
-    fallbackImage: {},
-    reverse: { type: Boolean, default: !1 },
-    variant: { default: "default" },
-    linkType: { default: "link" },
-    teaser: { type: Boolean, default: !1 },
-    multiply: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const a = {
-      dark: "promo__wrapper--dark",
-      light: "promo__wrapper--light",
-      default: "promo__wrapper--default"
-    }, r = e, l = q(() => a[r.variant]);
-    return (o, u) => (s(), i("div", {
-      class: h([
-        "promo__wrapper",
-        l.value,
-        o.teaser ? "promo__wrapper--teaser" : "",
-        o.multiply ? "promo__wrapper--multiply" : ""
-      ])
-    }, [
-      t("div", Jl, [
-        o.mediaType === "image" ? (s(), i("div", {
-          key: 0,
-          class: h([
-            "promo__image",
-            o.reverse ? "promo__image--reverse" : "promo__image--default"
-          ])
-        }, [
-          I(M, null, {
-            default: k(() => [
-              d(o.$slots, "promo-image", H(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
-            ]),
-            _: 3
-          })
-        ], 2)) : _("", !0),
-        o.mediaType === "video" ? (s(), i("div", {
-          key: 1,
-          class: h([
-            "promo__video",
-            o.reverse ? "promo__video--reverse" : "promo__video--default"
-          ])
-        }, [
-          I(te, {
-            src: o.src,
-            "local-video": "",
-            "aria-label": o.alt,
-            controls: !1,
-            autoplay: "",
-            loop: "",
-            muted: "",
-            play: "",
-            poster: o.fallbackImage
-          }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : _("", !0),
-        t("div", {
-          class: h([
-            "promo__text",
-            o.reverse ? "promo__text--reverse" : "promo__text--default"
-          ])
-        }, [
-          o.label ? (s(), T(ee, {
-            key: 0,
-            text: o.label,
-            "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : _("", !0),
-          t("div", {
-            class: h([
-              "promo__title",
-              o.variant === "dark" ? "promo__title--dark" : ""
-            ])
-          }, [
-            d(o.$slots, "promo-headline")
-          ], 2),
-          o.linkType === "link" ? (s(), T(A, {
-            key: 1,
-            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
-            arrow: ""
-          }, {
-            default: k(() => [
-              d(o.$slots, "promo-link")
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0),
-          o.linkType === "button" ? (s(), T(A, {
-            key: 2,
-            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
-          }, {
-            default: k(() => [
-              d(o.$slots, "promo-link")
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0)
-        ], 2)
-      ])
-    ], 2));
-  }
-}), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (N("data-v-e3cc8e27"), e = e(), E(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
-  key: 0,
-  class: "quote__image"
-}, ls = { class: "quote__text" }, ss = { class: "quote__author-name" }, is = { class: "quote__author-title" }, rs = /* @__PURE__ */ b({
-  __name: "quote",
-  props: {
-    quote: {
-      type: String,
-      required: !0
-    },
-    author: {
-      type: String,
-      required: !0
-    },
-    authorTitle: {
-      type: String,
-      required: !0
-    },
-    authorImage: {
-      type: String,
-      required: !1,
-      default: void 0
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Zl, [
-      t("div", Xl, [
-        xl,
-        t("div", es, [
-          t("p", ts, c(e.quote), 1),
-          t("div", as, [
-            e.authorImage ? (s(), i("div", os, [
-              I(M, null, {
-                default: k(() => [
-                  d(a.$slots, "author-image", H(R({
-                    src: e.authorImage + "/m/100x100",
-                    width: 60,
-                    height: 60
-                  })))
-                ]),
-                _: 3
-              })
-            ])) : _("", !0),
-            t("div", ls, [
-              t("p", ss, c(e.author), 1),
-              t("p", is, c(e.authorTitle), 1)
-            ])
-          ])
-        ])
-      ])
-    ]));
-  }
-}), ns = /* @__PURE__ */ g(rs, [["__scopeId", "data-v-e3cc8e27"]]), ds = { class: "rich-text__wrapper" }, cs = {
-  key: 0,
-  class: "rich-text__links"
-}, us = {
-  key: 0,
-  class: "rich-text__bullet-list"
-}, _s = /* @__PURE__ */ b({
-  __name: "rich-text",
-  props: {
-    headline: { default: "" },
-    leftAligned: { type: Boolean, default: !1 },
-    links: { type: Boolean, default: !1 },
-    bulletList: { type: Boolean, default: !1 },
-    image: { type: Boolean, default: !1 },
-    imageClip: { type: Boolean, default: !0 },
-    bgColor: { default: "white" },
-    label: { default: "" }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", {
-      class: h([
-        "rich-text",
-        a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
-      ])
-    }, [
-      t("div", ds, [
-        a.label ? (s(), T(ee, {
-          key: 0,
-          text: a.label,
-          "label-dark": !1
-        }, null, 8, ["text"])) : _("", !0),
-        a.headline ? (s(), i("h2", {
-          key: 1,
-          class: h([
-            "rich-text__headline",
-            a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
-          ])
-        }, c(a.headline), 3)) : _("", !0),
-        t("div", {
-          class: h([
-            "rich-text__content",
-            a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
-          ])
-        }, [
-          t("div", {
-            class: h([
-              "rich-text__body",
-              a.bulletList || a.image ? "rich-text__body--content-right" : ""
-            ])
-          }, [
-            d(a.$slots, "rich-text-content"),
-            a.links ? (s(), i("div", cs, [
-              d(a.$slots, "rich-text-links")
-            ])) : _("", !0)
-          ], 2),
-          a.bulletList ? (s(), i("div", us, [
-            d(a.$slots, "rich-text-bullet-list")
-          ])) : _("", !0),
-          a.image ? (s(), i("div", {
-            key: 1,
-            class: h([
-              "rich-text__image",
-              a.imageClip ? "rich-text__image--clip" : ""
-            ])
-          }, [
-            I(M, null, {
-              default: k(() => [
-                d(a.$slots, "rich-text-image", H(R({ width: 865, height: 307 })))
-              ]),
-              _: 3
-            })
-          ], 2)) : _("", !0)
-        ], 2)
-      ])
-    ], 2));
-  }
-}), hs = /* @__PURE__ */ g(_s, [["__scopeId", "data-v-5441d67a"]]), ps = {}, ms = { class: "rich-text" }, fs = { class: "rich-text__wrapper" }, vs = { class: "rich-text__content rich-text__content--left-aligned" }, gs = { class: "rich-text__body" };
-function bs(e, a) {
-  return s(), i("div", ms, [
-    t("div", fs, [
-      t("div", vs, [
-        t("div", gs, [
-          t("div", null, [
-            d(e.$slots, "rich-text-content-left", {}, void 0, !0)
-          ]),
-          t("div", null, [
-            d(e.$slots, "rich-text-content-right", {}, void 0, !0)
-          ])
-        ])
-      ])
-    ])
-  ]);
-}
-const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (N("data-v-798e7a06"), e = e(), E(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ys(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
-  /* @__PURE__ */ t("div", { class: "circle" }),
-  /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Cs = { class: "item__right" }, Ts = ["innerHTML"], qs = /* @__PURE__ */ b({
-  __name: "timeline",
-  props: {
-    timelineItems: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(e) {
-    return fe(() => {
-      const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (l) => {
-          l.forEach((o) => {
-            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), r.unobserve(o.target));
-          });
-        },
-        {
-          threshold: 1
-        }
-      );
-      a.forEach((l) => {
-        r.observe(l);
-      });
-    }), (a, r) => (s(), i("div", $s, [
-      t("div", ws, [
-        t("div", Bs, [
-          (s(!0), i(V, null, P(e.timelineItems, (l) => (s(), i("div", {
-            key: l.year,
-            class: "timeline__item faded"
-          }, [
-            t("div", Ss, c(l.year), 1),
-            Is,
-            t("div", Cs, [
-              I(M, null, {
-                default: k(() => [
-                  l.media.src ? d(a.$slots, "timeline-image", F({
-                    key: 0,
-                    ref_for: !0
-                  }, { src: l.media.src, alt: l.media.alt }), void 0, !0) : _("", !0)
-                ]),
-                _: 2
-              }, 1024),
-              t("div", {
-                style: Q([l.media.src ? "" : "margin-top: 0px"]),
-                class: "rich-text",
-                innerHTML: l.text
-              }, null, 12, Ts)
-            ])
-          ]))), 128))
-        ])
-      ])
-    ]));
-  }
-}), As = /* @__PURE__ */ g(qs, [["__scopeId", "data-v-798e7a06"]]), Ls = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
-  key: 0,
-  class: "vimeo__headline"
-}, Ps = {
-  key: 1,
-  class: "vimeo__description"
-}, Fs = /* @__PURE__ */ b({
-  __name: "vimeo",
-  props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Ls, [
-      t("div", Ds, [
-        e.headline ? (s(), i("h2", Vs, c(e.headline), 1)) : _("", !0),
-        d(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Ps, c(e.description), 1)) : _("", !0)
-      ])
-    ]));
-  }
-}), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Ns = { class: "academy-overview__button-wrapper" }, Es = {
-  key: 0,
-  class: "academy-overview__stats"
-}, js = { class: "academy-overview__stats-row" }, Us = { class: "academy-overview__stat" }, Gs = { class: "academy-overview__value" }, Ks = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, he = "https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753", Qs = /* @__PURE__ */ b({
-  __name: "frontpage-hero",
-  props: {
-    hero: { default: () => ({
-      headline: "Welcome back",
-      cover: "",
-      lessonValue: 0,
-      lessonLabel: "Lessons Completed",
-      pointsValue: 0,
-      pointsLabel: "Points",
-      showStats: !1
-    }) }
-  },
-  setup(e) {
-    const a = e, r = q(() => a.hero.cover ? {
-      backgroundImage: `url("${he}"), url(${a.hero.cover})`
-    } : {
-      backgroundImage: `url("${he}"), linear-gradient(155deg, #143a67 0%, #0c0931 100%)`
-    });
-    return (l, o) => (s(), i("div", {
-      class: "academy-overview",
-      style: Q(r.value)
-    }, [
-      t("div", Os, [
-        t("div", zs, [
-          t("div", null, [
-            t("h1", Hs, c(l.hero.headline), 1),
-            t("div", Rs, [
-              d(l.$slots, "academy-description", {}, void 0, !0)
-            ]),
-            t("div", Ns, [
-              d(l.$slots, "button", {}, void 0, !0)
-            ])
-          ]),
-          l.hero.showStats ? (s(), i("div", Es, [
-            t("div", js, [
-              t("div", Us, [
-                t("div", Gs, c(l.hero.lessonValue), 1),
-                t("div", Ks, c(l.hero.lessonLabel), 1)
-              ]),
-              t("div", Js, [
-                t("div", Ws, c(l.hero.pointsValue), 1),
-                t("div", Ys, c(l.hero.pointsLabel), 1)
-              ])
-            ])
-          ])) : _("", !0)
-        ])
-      ])
-    ], 4));
-  }
-}), Zs = /* @__PURE__ */ g(Qs, [["__scopeId", "data-v-0d5af4d2"]]), Xs = { class: "not-found__wrapper" }, xs = { class: "not-found__content" }, ei = { class: "not-found__headline" }, ti = { class: "not-found__body" }, ai = /* @__PURE__ */ b({
-  __name: "404",
-  props: {
-    headline: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", Xs, [
-      t("div", xs, [
-        t("h1", ei, c(e.headline), 1),
-        t("div", ti, [
-          d(a.$slots, "not-found-body", {}, void 0, !0)
-        ])
-      ])
-    ]));
-  }
-}), oi = /* @__PURE__ */ g(ai, [["__scopeId", "data-v-b829ca6c"]]), li = { class: "filter__wrapper" }, si = { class: "filter__content" }, ii = { class: "filter__dropdowns" }, ri = { class: "filter__chips" }, ni = /* @__PURE__ */ b({
-  __name: "filter",
-  props: {
-    hasChips: {
-      type: Boolean,
-      default: !1
-    },
-    removeAll: {
-      type: String,
-      default: "Remove all filters"
-    }
-  },
-  emits: ["clearFilters"],
-  setup(e) {
-    return (a, r) => (s(), i("div", li, [
-      t("div", si, [
-        t("div", ii, [
-          d(a.$slots, "filter-dropdowns")
-        ]),
-        t("div", ri, [
-          d(a.$slots, "filter-chips"),
-          e.hasChips ? (s(), i("button", {
-            key: 0,
-            class: "filter__clear",
-            onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
-          }, c(e.removeAll), 1)) : _("", !0)
-        ])
-      ])
-    ]));
-  }
-}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
-  key: 0,
-  src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
-  style: { margin: "0 auto" },
-  width: "101",
-  height: "45"
-}, hi = { class: "footer__sections" }, pi = { class: "section__title" }, mi = { class: "section__list" }, fi = { class: "section" }, vi = {
-  key: 0,
-  class: "section__title"
-}, gi = {
-  key: 1,
-  class: "section__title"
-}, bi = { key: 0 }, ki = { key: 1 }, yi = { key: 2 }, $i = { key: 3 }, wi = { key: 4 }, Bi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), Si = {
-  key: 0,
-  href: "mailto:china@mir-robots.com"
-}, Ii = {
-  key: 1,
-  href: "mailto:mail@mir-robots.com"
-}, Ci = {
-  key: 0,
-  href: "tel:+8613661856951"
-}, Ti = {
-  key: 1,
-  href: "tel:+4520377577"
-}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
-  key: 0,
-  class: "footer__social"
-}, Pi = ["href", "aria-label"], Fi = {
-  key: 1,
-  class: "footer__social"
-}, Mi = ["href", "aria-label"], Oi = /* @__PURE__ */ b({
-  __name: "footer",
-  props: {
-    language: { default: "" },
-    footerSections: { default: () => [] },
-    privacyPolicy: { default: void 0 },
-    cookiePolicy: { default: void 0 },
-    socialMedia: { default: () => [] },
-    socialMediaChina: { default: () => [] },
-    changeRegion: { default: "" }
-  },
-  emits: ["changeRegionClicked"],
-  setup(e) {
-    return (a, r) => (s(), i("div", ci, [
-      t("footer", ui, [
-        a.language === "zh" ? (s(), i("img", _i)) : _("", !0),
-        t("div", hi, [
-          (s(!0), i(V, null, P(a.footerSections, (l) => (s(), i("div", {
-            key: l.title,
-            class: "section"
-          }, [
-            t("span", pi, c(l.title), 1),
-            t("nav", null, [
-              t("ul", mi, [
-                d(a.$slots, "section-links", {
-                  links: l.links
-                })
-              ])
-            ])
-          ]))), 128)),
-          t("div", fi, [
-            a.language === "zh" ? (s(), i("span", vi, "名傲移动机器人（上海）有限公司")) : (s(), i("span", gi, "Mobile Industrial Robots A/S")),
-            t("address", null, [
-              a.language === "zh" ? (s(), i("span", bi, "上海浦东新区金桥出口加工区")) : (s(), i("span", ki, "Energivej 51")),
-              a.language === "zh" ? (s(), i("span", yi, "桂桥路1201号10栋2楼")) : (s(), i("span", $i, "5260 Odense S")),
-              a.language !== "zh" ? (s(), i("span", wi, "CVR: 35251235")) : _("", !0),
-              Bi,
-              I(A, {
-                class: "footer__contact",
-                "link-type": "regular_light",
-                underline: "false"
-              }, {
-                default: k(() => [
-                  a.language === "zh" ? (s(), i("a", Si, "china@mir-robots.com")) : (s(), i("a", Ii, "mail@mir-robots.com"))
-                ]),
-                _: 1
-              }),
-              I(A, {
-                class: "footer__contact",
-                "link-type": "regular_light",
-                underline: "false"
-              }, {
-                default: k(() => [
-                  a.language === "zh" ? (s(), i("a", Ci, "+86 13661856951（微信同号）")) : (s(), i("a", Ti, "+45 20 377 577"))
-                ]),
-                _: 1
-              })
-            ])
-          ])
-        ]),
-        t("div", qi, [
-          t("p", Ai, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Li, [
-            t("button", {
-              class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
-            }, [
-              t("span", null, [
-                Di,
-                Y(c(a.changeRegion), 1)
-              ])
-            ]),
-            d(a.$slots, "footer-privacy-link"),
-            d(a.$slots, "footer-cookie-link")
-          ]),
-          a.language !== "zh" ? (s(), i("div", Vi, [
-            (s(!0), i(V, null, P(a.socialMedia, (l) => (s(), T(A, {
-              key: l.title,
-              underline: "false",
-              "link-type": "regular"
-            }, {
-              default: k(() => [
-                t("a", {
-                  href: l.url,
-                  target: "_blank",
-                  "aria-label": l.title
-                }, [
-                  t("i", {
-                    width: "19",
-                    height: "14",
-                    class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
-                  }, null, 2)
-                ], 8, Pi)
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ])) : (s(), i("div", Fi, [
-            (s(!0), i(V, null, P(a.socialMediaChina, (l) => (s(), T(A, {
-              key: l.title,
-              underline: "false",
-              "link-type": "regular"
-            }, {
-              default: k(() => [
-                t("a", {
-                  href: l.url,
-                  target: "_blank",
-                  "aria-label": l.title
-                }, [
-                  t("i", {
-                    width: "19",
-                    height: "14",
-                    class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
-                  }, null, 2)
-                ], 8, Mi)
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]))
-        ])
-      ])
-    ]));
-  }
-}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (N("data-v-59a92379"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Ui = {
-  key: 0,
-  id: "menu-dropdown",
-  ref: "dropdownDiv"
-}, Gi = {
-  key: 0,
-  src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
-  alt: "dropdown arrow"
-}, Ki = {
-  key: 1,
-  src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
-  alt: "dropdown arrow",
-  style: { transform: "rotate(180deg)" }
-}, Ji = { class: "dropdown-content" }, Wi = {
-  key: 1,
-  class: "nav-search-wrapper"
-}, Yi = ["src"], Qi = {
-  key: 2,
-  id: "menu-portal-switcher",
-  class: "portal-switcher-wrapper"
-}, Zi = /* @__PURE__ */ $e(() => /* @__PURE__ */ t("img", {
-  src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
-  alt: "portal switcher icon",
-  width: "20",
-  height: "20"
-}, null, -1)), Xi = [
-  Zi
-], xi = { class: "portal-switcher-content" }, er = { class: "portal-switcher-links" }, tr = ["href"], ar = ["src"], or = {
-  key: 3,
-  id: "menu-profile-dropdown",
-  class: "profile-dropdown-wrapper"
-}, lr = {
-  key: 0,
-  class: "profile-dropdown-sign-in"
-}, sr = /* @__PURE__ */ $e(() => /* @__PURE__ */ t("img", {
-  src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
-  alt: "profile dropdown icon",
-  width: "20",
-  height: "20"
-}, null, -1)), ir = [
-  sr
-], rr = { class: "profile-dropdown-content" }, nr = { class: "mobile-logo-search-burger-wrapper" }, dr = { class: "mobile-mir-link-logo" }, cr = {
-  key: 0,
-  class: "mobile-search-wrapper"
-}, ur = ["src"], _r = {
-  key: 1,
-  id: "menu-portal-switcher",
-  class: "menu-portal-switcher-wrapper"
-}, hr = ["src"], pr = { class: "portal-switcher-content" }, mr = { class: "portal-switcher-links" }, fr = ["href"], vr = ["src"], gr = ["src"], br = { class: "mobile-menu-content-wrapper" }, kr = { class: "mobile-dropdown-content" }, yr = /* @__PURE__ */ b({
-  __name: "header",
-  props: {
-    burgerState: {
-      type: Boolean,
-      default: !1
-    },
-    search: {
-      type: Boolean,
-      default: !0
-    },
-    showDropDown: {
-      type: Boolean,
-      default: !1
-    },
-    useDropdown: {
-      type: Boolean,
-      default: !1
-    },
-    showPortalSwitcherDropDown: {
-      type: Boolean,
-      default: !1
-    },
-    usePortalSwitcher: {
-      type: Boolean,
-      default: !1
-    },
-    portals: {
-      type: Array,
-      default: () => []
-    },
-    showProfileDropDown: {
-      type: Boolean,
-      default: !1
-    },
-    isAuthenticated: {
-      type: Boolean,
-      default: !1
-    },
-    useProfileDropdown: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "update:burgerState",
-    "update:showDropDown",
-    "update:showPortalSwitcherDropDown",
-    "update:showProfileDropDown",
-    "clickSearch"
-  ],
-  setup(e, { expose: a, emit: r }) {
-    let l = null;
-    const o = e;
-    let u = C(o.burgerState), p = C(o.search), n = C(o.showDropDown), v = C(o.showPortalSwitcherDropDown), f = C(o.showProfileDropDown), $ = C(o.isAuthenticated);
-    X(
-      () => o.burgerState,
-      (w) => u.value = w
-    ), X(
-      () => o.search,
-      (w) => p.value = w
-    ), X(
-      () => o.showDropDown,
-      (w) => n.value = w
-    ), X(
-      () => o.showPortalSwitcherDropDown,
-      (w) => v.value = w
-    ), X(
-      () => o.showProfileDropDown,
-      (w) => f.value = w
-    ), X(
-      () => o.isAuthenticated,
-      (w) => $.value = w
-    ), fe(() => {
-      l = (w) => {
-        w.target.closest("#menu-dropdown") || (n.value = !1), w.target.closest("#menu-portal-switcher") || (v.value = !1), w.target.closest("#menu-profile-dropdown") || (f.value = !1);
-      }, window.addEventListener("click", l);
-    }), Ae(() => {
-      l !== null && window.removeEventListener("click", l);
-    });
-    const B = r;
-    function ae() {
-      n.value = !n.value, B("update:showDropDown", n.value);
-    }
-    function oe() {
-      v.value = !v.value, B("update:showPortalSwitcherDropDown", v.value);
-    }
-    function ne() {
-      f.value = !f.value, B("update:showProfileDropDown", f.value);
-    }
-    function de() {
-      u.value = !u.value, B("update:burgerState", u.value);
-    }
-    let K = C(null), le = C(null);
-    function ce() {
-      K.value && K.value.blur();
-    }
-    return a({
-      defocusSearchButton: ce
-    }), (w, j) => (s(), i("div", Hi, [
-      t("nav", null, [
-        t("div", Ri, [
-          t("div", Ni, [
-            d(w.$slots, "link-logo", {}, void 0, !0)
-          ]),
-          t("ul", Ei, [
-            d(w.$slots, "main-nav-items", {}, void 0, !0)
-          ]),
-          t("div", ji, [
-            e.useDropdown ? (s(), i("div", Ui, [
-              t("button", {
-                class: "nav-dropdown-btn",
-                "aria-label": "Toggle Dropdown",
-                onClick: ae
-              }, [
-                d(w.$slots, "dropdown-title", {}, void 0, !0),
-                y(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
-              ]),
-              G(t("div", Ji, [
-                d(w.$slots, "dropdown-links", {}, void 0, !0)
-              ], 512), [
-                [W, y(n)]
-              ])
-            ], 512)) : _("", !0),
-            y(p) ? (s(), i("div", Wi, [
-              t("button", {
-                ref_key: "navSearchButton",
-                ref: K,
-                class: "search-icon",
-                "aria-label": "Toggle search",
-                onClick: j[0] || (j[0] = (O) => {
-                  var z;
-                  return w.$emit("clickSearch"), (z = y(K)) == null ? void 0 : z.blur();
-                })
-              }, [
-                t("img", {
-                  src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
-                  alt: "search icon",
-                  width: "20",
-                  height: "20"
-                }, null, 8, Yi)
-              ], 512)
-            ])) : _("", !0),
-            e.usePortalSwitcher ? (s(), i("div", Qi, [
-              t("button", {
-                class: "nav-portal-switcher-btn",
-                "aria-label": "Toggle Portal",
-                onClick: oe
-              }, Xi),
-              G(t("div", xi, [
-                t("ul", er, [
-                  (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
-                    key: z,
-                    class: "portal-switcher-link"
-                  }, [
-                    I(y(A), { "link-type": "regular" }, {
-                      default: k(() => [
-                        t("a", {
-                          href: O.link,
-                          onClick: j[1] || (j[1] = (J) => x(n) ? n.value = !1 : n = !1)
-                        }, [
-                          t("img", {
-                            src: O.icon
-                          }, null, 8, ar),
-                          t("div", null, c(O.name), 1)
-                        ], 8, tr)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]))), 128))
-                ])
-              ], 512), [
-                [W, y(v)]
-              ])
-            ])) : _("", !0),
-            e.useProfileDropdown ? (s(), i("div", or, [
-              y($) ? _("", !0) : (s(), i("div", lr, [
-                d(w.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
-              ])),
-              y($) ? (s(), i("button", {
-                key: 1,
-                "aria-label": "Toggle Profile",
-                class: "nav-profile-dropdown-btn",
-                onClick: ne
-              }, ir)) : _("", !0),
-              G(t("div", rr, [
-                d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
-              ], 512), [
-                [W, y(f)]
-              ])
-            ])) : _("", !0)
-          ])
-        ]),
-        t("div", {
-          class: h(["mobile-nav-wrapper", y(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
-        }, [
-          t("div", nr, [
-            t("div", dr, [
-              d(w.$slots, "link-logo", {}, void 0, !0)
-            ]),
-            y(p) ? (s(), i("div", cr, [
-              t("button", {
-                ref_key: "mobileSearchButton",
-                ref: le,
-                class: "search-icon",
-                "aria-label": "Toggle search",
-                onClick: j[2] || (j[2] = (O) => {
-                  var z;
-                  return w.$emit("clickSearch"), (z = y(le)) == null ? void 0 : z.blur();
-                })
-              }, [
-                t("img", {
-                  src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
-                  alt: "search icon",
-                  width: "20",
-                  height: "20"
-                }, null, 8, ur)
-              ], 512)
-            ])) : _("", !0),
-            e.usePortalSwitcher ? (s(), i("div", _r, [
-              t("button", {
-                class: h({
-                  "menu-portal-switcher-btn": !0,
-                  "is-active": y(v)
-                }),
-                style: Q({
-                  backgroundColor: y(v) && y(u) === !0 ? "#1a76bc" : y(v) ? "#cbeefa" : "transparent"
-                }),
-                onClick: ue(oe, ["prevent"])
-              }, [
-                t("img", {
-                  src: y(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
-                  alt: "portalswitchericon",
-                  width: "20",
-                  height: "20"
-                }, null, 8, hr)
-              ], 6),
-              G(t("div", pr, [
-                t("ul", mr, [
-                  (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
-                    key: z,
-                    class: "portal-switcher-link"
-                  }, [
-                    I(y(A), { "link-type": "regular" }, {
-                      default: k(() => [
-                        t("a", {
-                          href: O.link,
-                          onClick: j[3] || (j[3] = (J) => x(n) ? n.value = !1 : n = !1)
-                        }, [
-                          t("img", {
-                            src: O.icon
-                          }, null, 8, vr),
-                          t("div", null, c(O.name), 1)
-                        ], 8, fr)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]))), 128))
-                ])
-              ], 512), [
-                [W, y(v)]
-              ])
-            ])) : _("", !0),
-            t("button", {
-              class: "mobile-burger-wrapper",
-              "aria-label": "Toggle menu",
-              onClick: ue(de, ["prevent"])
-            }, [
-              t("img", {
-                width: "20",
-                height: "20",
-                src: y(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg",
-                alt: "burger menu icon"
-              }, null, 8, gr)
-            ])
-          ]),
-          G(t("div", br, [
-            t("ul", null, [
-              d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
-            ]),
-            t("ul", kr, [
-              d(w.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              d(w.$slots, "mobile-dropdown-links", {}, void 0, !0)
-            ])
-          ], 512), [
-            [W, y(u)]
-          ])
-        ], 2)
-      ])
-    ]));
-  }
-}), $r = /* @__PURE__ */ g(yr, [["__scopeId", "data-v-59a92379"]]), wr = { class: "language__wrapper" }, Br = { class: "language__content" }, Sr = { class: "language__headline" }, Ir = { class: "language__paragraph" }, Cr = { class: "language__links" }, Tr = /* @__PURE__ */ b({
-  __name: "language-switcher",
-  props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    paragraph: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    return (a, r) => (s(), i("div", wr, [
-      t("div", Br, [
-        t("h2", Sr, c(e.headline), 1),
-        t("p", Ir, c(e.paragraph), 1),
-        t("div", Cr, [
-          d(a.$slots, "language-links", {}, void 0, !0)
-        ])
-      ])
-    ]));
-  }
-}), qr = /* @__PURE__ */ g(Tr, [["__scopeId", "data-v-dc8cc97e"]]), Ar = { class: "pagination__wrapper" }, Lr = { class: "pagination__content" }, Dr = /* @__PURE__ */ b({
-  __name: "pagination",
-  props: {
-    isPreviousDisabled: {
-      type: Boolean,
-      required: !0
-    },
-    isNextDisabled: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["previous", "next"],
-  setup(e) {
-    return (a, r) => (s(), i("div", Ar, [
-      t("div", Lr, [
-        I(ie, {
-          disabled: e.isPreviousDisabled,
-          variant: "previous",
-          "aria-label": "previous",
-          onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
-        }, null, 8, ["disabled"]),
-        d(a.$slots, "pagination-numbers"),
-        I(ie, {
-          disabled: e.isNextDisabled,
-          variant: "next",
-          "aria-label": "next",
-          onClick: r[1] || (r[1] = (l) => a.$emit("next"))
-        }, null, 8, ["disabled"])
-      ])
-    ]));
-  }
-}), Vr = /* @__PURE__ */ g(Dr, [["__scopeId", "data-v-da6d07c9"]]), Pr = {}, Fr = { class: "search__wrapper" };
-function Mr(e, a) {
-  return s(), i("div", Fr, [
-    d(e.$slots, "default", { class: "search__content" })
-  ]);
-}
-const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3"]]), zr = { class: "dropdown" }, Hr = ["aria-expanded"], Rr = /* @__PURE__ */ b({
-  __name: "select-multiple",
-  props: {
-    label: { default: "" },
-    options: { default: () => [] },
-    selectedOptions: { default: () => [] }
-  },
-  emits: ["filter", "remove-filter"],
-  setup(e, { emit: a }) {
-    const r = C(!1), l = e, o = a;
-    function u(v, f) {
-      !l.selectedOptions.includes(v) && !l.selectedOptions.includes(f) ? o("filter", v) : o("remove-filter", v);
-    }
-    function p() {
-      r.value = !1;
-    }
-    const n = q(() => l.options.length > 8);
-    return (v, f) => {
-      const $ = pe("click-outside");
-      return G((s(), i("div", zr, [
-        t("button", {
-          class: h(["dropdown-button", { clicked: r.value }]),
-          style: Q({ "z-index": r.value ? 2 : 0 }),
-          "aria-expanded": r.value ? "true" : "false",
-          onClick: f[0] || (f[0] = (B) => r.value = !r.value)
-        }, [
-          d(v.$slots, "button", {}, () => [
-            Y(c(v.label), 1)
-          ], !0)
-        ], 14, Hr),
-        t("div", {
-          class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
-        }, [
-          (s(!0), i(V, null, P(v.options, (B) => (s(), T(y(ve), {
-            id: B.value,
-            key: B.value,
-            name: B.text,
-            required: !1,
-            disabled: !1,
-            value: B.value,
-            checked: v.selectedOptions.includes(B.value) || v.selectedOptions.includes(B.text),
-            onInput: (ae) => u(B.value, B.text)
-          }, {
-            default: k(() => [
-              Y(c(B.text), 1)
-            ]),
-            _: 2
-          }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
-        ], 2)
-      ])), [
-        [$, p]
-      ]);
-    };
-  }
-}), Nr = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-678cc92e"]]), Er = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Ur = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
-  __name: "pallet-jack",
-  props: {
-    label: { default: "" },
-    headline: {},
-    linkText: { default: "" },
-    reverse: { type: Boolean, default: !1 },
-    variant: { default: "default" },
-    linkType: { default: "link" },
-    teaser: { type: Boolean, default: !1 },
-    shortDescription: { default: "" },
-    text: { default: "" }
-  },
-  setup(e) {
-    const a = {
-      dark: "promo__wrapper--dark",
-      light: "promo__wrapper--light",
-      default: "promo__wrapper--default"
-    }, r = e, l = q(() => a[r.variant]);
-    return (o, u) => (s(), i("div", {
-      class: h([
-        "promo__wrapper",
-        l.value,
-        o.teaser ? "promo__wrapper--teaser" : ""
-      ])
-    }, [
-      t("div", Er, [
-        t("div", {
-          class: h([
-            "promo__video",
-            o.reverse ? "promo__video--reverse" : "promo__video--default"
-          ])
-        }, [
-          t("div", jr, [
-            t("div", Ur, [
-              d(o.$slots, "pallet-jack-link")
-            ]),
-            t("div", Gr, [
-              d(o.$slots, "pallet-jack-video")
-            ]),
-            t("div", Kr, [
-              t("h3", Jr, c(o.headline), 1),
-              t("p", null, c(o.shortDescription), 1)
-            ])
-          ])
-        ], 2),
-        t("div", {
-          class: h([
-            "promo__text",
-            o.reverse ? "promo__text--reverse" : "promo__text--default"
-          ])
-        }, [
-          o.label ? (s(), T(ee, {
-            key: 0,
-            text: o.label,
-            "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : _("", !0),
-          t("div", {
-            class: h([
-              "promo__title",
-              o.variant === "dark" ? "promo__title--dark" : ""
-            ])
-          }, [
-            d(o.$slots, "promo-text")
-          ], 2),
-          o.linkType === "link" ? (s(), T(A, {
-            key: 1,
-            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
-            arrow: ""
-          }, {
-            default: k(() => [
-              d(o.$slots, "promo-link")
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0),
-          o.linkType === "button" ? (s(), T(A, {
-            key: 2,
-            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
-          }, {
-            default: k(() => [
-              d(o.$slots, "promo-link")
-            ]),
-            _: 3
-          }, 8, ["link-type"])) : _("", !0)
-        ], 2)
-      ])
-    ], 2));
-  }
-}), Yr = /* @__PURE__ */ g(Wr, [["__scopeId", "data-v-00c0bad3"]]), Zr = {
-  install: (e) => {
-    e.component("AtomButton", ie), e.component("AtomCheckbox", ve), e.component("AtomChip", Ee), e.component("AtomDropdown", Qe), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", A), e.component("AtomRadioButton", nt), e.component("AtomSelect", pt), e.component("AtomSelectMultiple", Nr), e.component("AtomSlider", St), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", be), e.component("MoleculeEventCard", Ta), e.component("MoleculeFlashcard", ke), e.component("MoleculeModal", ge), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", ao), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Kl), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ks), e.component("BlockTimeline", As), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
-  }
-};
-export {
-  ie as AtomButton,
-  ve as AtomCheckbox,
-  Ee as AtomChip,
-  Qe as AtomDropdown,
-  M as AtomImage,
-  ee as AtomLabel,
-  A as AtomLink,
-  nt as AtomRadioButton,
-  pt as AtomSelect,
-  Nr as AtomSelectMultiple,
-  St as AtomSlider,
-  jt as AtomTextField,
-  Dt as AtomTextarea,
-  te as AtomVideo,
-  ao as BlockAccordion,
-  no as BlockCardDisplay,
-  mo as BlockColumnGrid,
-  Bo as BlockFacts,
-  Do as BlockFeatures,
-  Oo as BlockFlashcards,
-  Uo as BlockFormScript,
-  Zs as BlockFrontPageHero,
-  Wo as BlockHeadline,
-  rl as BlockHero,
-  hl as BlockImage,
-  gl as BlockImageGallery,
-  Cl as BlockLogoWall,
-  Dl as BlockMicroStories,
-  Yr as BlockPalletJack,
-  Ol as BlockPolicy,
-  Kl as BlockProductHero,
-  Yl as BlockPromo,
-  ns as BlockQuote,
-  hs as BlockRichText,
-  ks as BlockRichTextColumns,
-  As as BlockTimeline,
-  Ms as BlockVimeo,
-  sa as MoleculeAddress,
-  ca as MoleculeBulletList,
-  ma as MoleculeCard,
-  be as MoleculeColumnCard,
-  Ta as MoleculeEventCard,
-  ke as MoleculeFlashcard,
-  ge as MoleculeModal,
-  Ga as MoleculeTextCard,
-  oi as Organism404,
-  di as OrganismFilter,
-  zi as OrganismFooter,
-  $r as OrganismHeader,
-  qr as OrganismLanguageSwitcher,
-  Vr as OrganismPagination,
-  Or as OrganismSearch,
-  Zr as default
-};