@mirweb/mir-web-components 0.16.4 → 0.17.0

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

@@ -1,124 +1,95 @@
-import { defineComponent as v, openBlock as a, createElementBlock as s, normalizeClass as u, toDisplayString as o, createElementVNode as t, renderSlot as d, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as ge, withCtx as $, withModifiers as re, createBlock as D, createCommentVNode as m, watchEffect as oe, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as ne, watch as se, onUnmounted as pe } from "vue";
+import { defineComponent as v, computed as P, openBlock as i, createElementBlock as s, normalizeClass as _, toDisplayString as r, createElementVNode as t, renderSlot as d, pushScopeId as O, popScopeId as z, createTextVNode as j, ref as w, withDirectives as Q, Fragment as I, renderList as C, vShow as Z, normalizeProps as V, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as ge, withCtx as $, withModifiers as oe, createBlock as D, createCommentVNode as m, watchEffect as re, withKeys as ye, useSlots as pe, normalizeStyle as te, isRef as ie, unref as B, onMounted as ne, watch as se, onUnmounted as be } from "vue";
 const $e = ["aria-label"], ke = /* @__PURE__ */ v({
   __name: "button",
   props: {
-    variant: {
-      type: String,
-      required: !0,
-      validator(e) {
-        return ["primary", "secondary", "close", "next", "previous"].includes(
-          e
-        );
-      }
-    },
-    ariaLabel: {
-      type: String,
-      required: !0
-    },
-    buttonText: {
-      type: String,
-      required: !1,
-      validator: (e) => (e.length > 15 && console.error(
-        "Button text is too long - must be 15 characters or less"
-      ), !0)
-    }
+    variant: { default: "primary" },
+    ariaLabel: { default: "Button" },
+    buttonText: { default: "" }
   },
   setup(e) {
-    return (l, r) => (a(), s("button", {
-      class: u(["button", "button--" + e.variant]),
-      "aria-label": e.ariaLabel
-    }, o(e.variant == "close" ? "" : e.buttonText), 11, $e));
+    const l = e, o = {
+      primary: "primary",
+      secondary: "secondary",
+      close: "close",
+      next: "next",
+      previous: "previous"
+    }, a = P(() => o[l.variant]);
+    return (n, c) => (i(), s("button", {
+      class: _(["button", "button--" + a.value]),
+      "aria-label": n.ariaLabel
+    }, r(n.variant == "close" ? "" : n.buttonText), 11, $e));
   }
 });
 const h = (e, l) => {
-  const r = e.__vccOpts || e;
-  for (const [i, n] of l)
-    r[i] = n;
-  return r;
-}, J = /* @__PURE__ */ h(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ v({
+  const o = e.__vccOpts || e;
+  for (const [a, n] of l)
+    o[a] = n;
+  return o;
+}, J = /* @__PURE__ */ h(ke, [["__scopeId", "data-v-1e00a5e5"]]), we = (e) => (O("data-v-42c44141"), e = e(), z(), e), xe = ["id", "name", "value", "disabled", "required"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ v({
   __name: "checkbox",
   props: {
-    name: String,
-    value: {
-      type: [String, Number, Boolean],
-      default: "value",
-      required: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    },
-    id: {
-      type: String,
-      default: "checkbox",
-      required: !0
-    },
-    required: {
-      type: Boolean,
-      default: !1,
-      required: !0
-    }
+    name: { default: "checkbox" },
+    value: { type: [String, Number, Boolean], default: "value" },
+    disabled: { type: Boolean, default: !1 },
+    id: { default: "checkbox" },
+    required: { type: Boolean, default: !1 }
   },
   emits: ["input"],
   setup(e, { emit: l }) {
-    const r = (i) => {
-      const n = i.target;
+    const o = (a) => {
+      const n = a.target;
       l("input", n.checked);
     };
-    return (i, n) => (a(), s("div", {
-      class: u(["checkbox__wrapper", e.disabled ? "disabled" : ""])
+    return (a, n) => (i(), s("div", {
+      class: _(["checkbox__wrapper", a.disabled ? "disabled" : ""])
     }, [
       t("input", {
+        id: a.id,
         type: "checkbox",
-        name: e.name,
-        value: e.value,
-        disabled: e.disabled,
-        required: e.required,
-        id: e.id,
+        name: a.name,
+        value: a.value,
+        disabled: a.disabled,
+        required: a.required,
         class: "checkbox__checkbox",
-        onChange: r
+        onChange: o
       }, null, 40, xe),
       t("label", {
-        for: e.id,
-        class: u(["checkbox__label", e.required ? "required" : ""])
+        for: a.id,
+        class: _(["checkbox__label", a.required ? "required" : ""])
       }, [
         qe,
-        d(i.$slots, "default", {}, void 0, !0)
+        d(a.$slots, "default", {}, void 0, !0)
       ], 10, Se)
     ], 2));
   }
 });
-const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) => (O("data-v-b61be596"), e = e(), z(), e), Le = ["aria-label"], Ce = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
+const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-42c44141"]]), Ce = (e) => (O("data-v-08813346"), e = e(), z(), e), Le = ["aria-label"], Te = /* @__PURE__ */ Ce(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Ve = /* @__PURE__ */ v({
+}, null, -1)), Ae = /* @__PURE__ */ v({
   __name: "chip",
   props: {
-    text: {
-      type: String,
-      required: !0
-    }
+    text: { default: "" }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: l }) {
-    const r = e, i = E(() => `Chip: ${r.text}`);
-    return (n, _) => (a(), s("div", {
+  setup(e) {
+    const l = e, o = P(() => `Chip: ${l.text}`);
+    return (a, n) => (i(), s("div", {
       class: "chip__wrapper",
-      onClick: _[0] || (_[0] = (b) => n.$emit("remove-chip"))
+      onClick: n[0] || (n[0] = (c) => a.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
-        "aria-label": i.value
+        "aria-label": o.value
       }, [
-        j(o(e.text) + " ", 1),
-        Ce
+        j(r(a.text) + " ", 1),
+        Te
       ], 8, Le)
     ]));
   }
 });
-const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["value"], Me = ["id"], Oe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Fe = ["aria-labelledby", "aria-activedescendant"], Pe = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ v({
+const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["value"], Me = ["id"], Oe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Fe = ["aria-labelledby", "aria-activedescendant"], Pe = ["aria-selected", "data-value"], Ne = /* @__PURE__ */ v({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -168,54 +139,54 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const r = e, i = w(null), n = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), g = w(0), q = E(() => {
-      const c = r.options.find(
-        (f) => f.value === r.modelValue
+    const o = e, a = w(null), n = w(null), c = w([]), b = w(0), T = w(""), S = w(!0), g = w(0), q = P(() => {
+      const u = o.options.find(
+        (f) => f.value === o.modelValue
       );
-      return c && c.label;
+      return u && u.label;
     }), X = {
-      beforeMount(c, f) {
-        c.clickOutsideEvent = function(y) {
-          c === y.target || c.contains(y.target) || f.value(y);
-        }, document.body.addEventListener("click", c.clickOutsideEvent);
+      beforeMount(u, f) {
+        u.clickOutsideEvent = function(y) {
+          u === y.target || u.contains(y.target) || f.value(y);
+        }, document.body.addEventListener("click", u.clickOutsideEvent);
       },
-      unmounted(c) {
-        document.body.removeEventListener("click", c.clickOutsideEvent);
+      unmounted(u) {
+        document.body.removeEventListener("click", u.clickOutsideEvent);
       }
     };
-    function k(c) {
-      l("update:modelValue", c);
+    function k(u) {
+      l("update:modelValue", u);
     }
-    function N(c) {
+    function H(u) {
       var y;
-      const f = c.target;
-      f.getAttribute("role") === "option" && (U(f), Q(), (y = i.value) == null || y.focus());
+      const f = u.target;
+      f.getAttribute("role") === "option" && (U(f), Y(), (y = a.value) == null || y.focus());
     }
-    function W(c) {
+    function W(u) {
       var y;
-      const f = c.key;
+      const f = u.key;
       switch (f) {
         case "ArrowUp":
         case "ArrowDown": {
-          c.preventDefault();
-          const x = r.options.findIndex(
-            (R) => R.value === r.modelValue
+          u.preventDefault();
+          const x = o.options.findIndex(
+            (R) => R.value === o.modelValue
           );
-          let F = x ? _.value[x] : _.value[0];
-          f === "ArrowUp" ? x - 1 >= 0 && (F = _.value[x - 1]) : x + 1 <= r.options.length && (F = _.value[x + 1]), F && U(F);
+          let F = x ? c.value[x] : c.value[0];
+          f === "ArrowUp" ? x - 1 >= 0 && (F = c.value[x - 1]) : x + 1 <= o.options.length && (F = c.value[x + 1]), F && U(F);
           break;
         }
         case "Home":
         case "PageUp":
-          c.preventDefault(), he();
+          u.preventDefault(), he();
           break;
         case "End":
         case "PageDown":
-          c.preventDefault(), ve();
+          u.preventDefault(), ve();
           break;
         case "Enter":
         case "Escape":
-          c.preventDefault(), Q(), (y = i.value) == null || y.focus();
+          u.preventDefault(), Y(), (y = a.value) == null || y.focus();
           break;
         default: {
           const x = _e(f);
@@ -224,136 +195,136 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
         }
       }
     }
-    function P(c) {
-      if (!r.disabled)
-        switch (c.key) {
+    function N(u) {
+      if (!o.disabled)
+        switch (u.key) {
           case "ArrowUp":
           case "ArrowDown":
-            c.preventDefault(), le(), W(c);
+            u.preventDefault(), le(), W(u);
             break;
         }
     }
-    function ce(c) {
-      c && c.removeAttribute("aria-selected");
+    function ce(u) {
+      u && u.removeAttribute("aria-selected");
     }
     function ue() {
-      b && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
-        C.value = "", b.value = 0;
+      b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
+        T.value = "", b.value = 0;
       }, 500);
     }
-    function _e(c) {
+    function _e(u) {
       let f = "";
-      (C.value === "" || f !== c) && (g.value = r.options.findIndex(
-        (x) => x.value === r.modelValue
-      )), C.value = f === c ? c : C.value + c, f = c, ue();
+      (T.value === "" || f !== u) && (g.value = o.options.findIndex(
+        (x) => x.value === o.modelValue
+      )), T.value = f === u ? u : T.value + u, f = u, ue();
       let y = ae(
         g.value + 1,
-        r.options.length
+        o.options.length
       );
-      return !y && C.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % r.options.length, y;
+      return !y && T.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % o.options.length, y;
     }
-    function ae(c, f) {
-      for (let y = c; y < f; y++)
-        if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
-          return _.value[y];
+    function ae(u, f) {
+      for (let y = u; y < f; y++)
+        if (o.options[y].label && o.options[y].label.toUpperCase().indexOf(T.value.toUpperCase()) === 0)
+          return c.value[y];
       return null;
     }
     function he() {
-      U(_.value[0]);
+      U(c.value[0]);
     }
-    function U(c) {
+    function U(u) {
       var y, x;
-      const f = c.getAttribute("data-value");
-      if (r.modelValue) {
-        const F = r.options.findIndex(
-          (fe) => fe.value === r.modelValue
-        ), R = _.value[F];
+      const f = u.getAttribute("data-value");
+      if (o.modelValue) {
+        const F = o.options.findIndex(
+          (fe) => fe.value === o.modelValue
+        ), R = c.value[F];
         ce(R);
       }
-      if (c.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
+      if (u.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         f || ""
       ), k(f || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const F = n.value.clientHeight + n.value.scrollTop, R = c.offsetTop + c.offsetHeight;
-        R > F ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : c.offsetTop < n.value.scrollTop && (n.value.scrollTop = c.offsetTop);
+        const F = n.value.clientHeight + n.value.scrollTop, R = u.offsetTop + u.offsetHeight;
+        R > F ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : u.offsetTop < n.value.scrollTop && (n.value.scrollTop = u.offsetTop);
       }
     }
     function ve() {
       var f;
-      const c = (f = _.value) == null ? void 0 : f[r.options.length - 1];
-      U(c);
+      const u = (f = c.value) == null ? void 0 : f[o.options.length - 1];
+      U(u);
     }
-    function Q() {
-      var c;
-      S.value = !0, (c = i.value) == null || c.removeAttribute("aria-expanded");
+    function Y() {
+      var u;
+      S.value = !0, (u = a.value) == null || u.removeAttribute("aria-expanded");
     }
     function le() {
-      var c, f;
-      S.value = !1, (c = i.value) == null || c.setAttribute("aria-expanded", "true"), (f = n.value) == null || f.focus();
+      var u, f;
+      S.value = !1, (u = a.value) == null || u.setAttribute("aria-expanded", "true"), (f = n.value) == null || f.focus();
     }
     function me() {
-      r.disabled || (S.value ? le() : Q());
+      o.disabled || (S.value ? le() : Y());
     }
-    return (c, f) => (a(), s("div", {
+    return (u, f) => (i(), s("div", {
+      ref: "listbox",
       class: "listbox__wrapper",
-      value: e.modelValue,
-      ref: "listbox"
+      value: e.modelValue
     }, [
       t("label", {
         id: `${e.name}-label`,
-        class: u([{
+        class: _([{
           "listbox__label--visually-hidden": !e.showLabel,
           "is-disabled": e.disabled,
           "is-required": e.required
         }, "listbox__label"])
-      }, o(e.label), 11, Me),
-      Y((a(), s("div", Oe, [
+      }, r(e.label), 11, Me),
+      Q((i(), s("div", Oe, [
         t("button", {
           id: `${e.name}-button-label`,
+          ref_key: "listboxButton",
+          ref: a,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": e.disabled,
-          class: u([
+          class: _([
             "listbox__button",
             e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
           ]),
           onClick: me,
-          onKeydown: P,
-          ref_key: "listboxButton",
-          ref: i
-        }, o(e.modelValue ? q.value : e.placeholder), 43, ze),
-        Y(t("ul", {
+          onKeydown: N
+        }, r(e.modelValue ? q.value : e.placeholder), 43, ze),
+        Q(t("ul", {
+          ref_key: "listboxNode",
+          ref: n,
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
           onKeydown: W,
-          onClick: N,
-          ref_key: "listboxNode",
-          ref: n
+          onClick: H
         }, [
-          (a(!0), s(I, null, T(e.options, (y, x) => (a(), s("li", {
+          (i(!0), s(I, null, C(e.options, (y, x) => (i(), s("li", {
             key: `${e.name}-option-${x}`,
+            ref_for: !0,
+            ref_key: "listboxOptions",
+            ref: c,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
             class: "listbox__option",
-            role: "option",
-            ref_for: !0,
-            ref_key: "listboxOptions",
-            ref: _
-          }, o(y.label), 9, Pe))), 128))
+            role: "option"
+          }, r(y.label), 9, Pe))), 128))
         ], 40, Fe), [
           [Z, !S.value]
         ])
       ])), [
-        [X, Q]
+        [X, Y]
       ])
     ], 8, De));
   }
 });
-const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-f69f328c"]]), Ne = { class: "image__wrapper" }, Re = /* @__PURE__ */ v({
+const Ee = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-48b1733b"]]), He = { class: "image__wrapper" }, Re = /* @__PURE__ */ v({
   __name: "image",
   props: {
     src: {
@@ -368,7 +339,8 @@ const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-f69f328c"]]), Ne = { cla
     },
     sizes: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     },
     alt: {
       type: String,
@@ -377,7 +349,8 @@ const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-f69f328c"]]), Ne = { cla
     },
     width: {
       type: [String, Number],
-      required: !1
+      required: !1,
+      default: void 0
     },
     height: {
       type: [String, Number],
@@ -391,12 +364,12 @@ const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-f69f328c"]]), Ne = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Ne, [
-      d(l.$slots, "default", A(M(l.$attrs)))
+    return (l, o) => (i(), s("div", He, [
+      d(l.$slots, "default", V(M(l.$attrs)))
     ]));
   }
 });
-const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ v({
+const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-f41d7358"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {
@@ -410,74 +383,62 @@ const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
     }
   },
   setup(e) {
-    const l = e, r = E(() => `Label: ${l.text}`);
-    return (i, n) => (a(), s("div", je, [
+    const l = e, o = P(() => `Label: ${l.text}`);
+    return (a, n) => (i(), s("div", je, [
       t("span", {
-        "aria-label": r.value,
+        "aria-label": o.value,
         "label-dark": e.labelDark,
-        class: u(e.labelDark ? "label--dark" : "label--light")
-      }, o(e.text), 11, Ke)
+        class: _(e.labelDark ? "label--dark" : "label--light")
+      }, r(e.text), 11, Ke)
     ]));
   }
 });
-const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { class: "link__wrapper" }, V = /* @__PURE__ */ v({
+const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { class: "link__wrapper" }, A = /* @__PURE__ */ v({
   __name: "link",
   props: {
-    underline: {
-      type: String,
-      required: !1,
-      validator: (e) => ["hover", "true", "false"].includes(e),
-      default: "false"
-    },
-    linkType: {
-      type: String,
-      required: !1,
-      validator: (e) => [
-        "primary",
-        "secondary",
-        "secondary-dark",
-        "regular",
-        "regular-dark",
-        "regular-light",
-        "regular-blue"
-      ].includes(e),
-      default: "regular"
-    },
-    disabled: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    arrow: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
+    linkType: { default: "regular" },
+    arrow: { type: Boolean, default: !1 },
+    underline: { default: "hover" },
+    disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, r = E(() => {
-      const { ...i } = l;
-      return i;
+    const l = e, o = {
+      primary: "primary",
+      secondary: "secondary",
+      secondary_dark: "secondary-dark",
+      regular: "regular",
+      regular_dark: "regular-dark",
+      regular_light: "regular-light",
+      regular_blue: "regular-blue"
+    }, a = P(() => o[l.linkType]), n = P(() => {
+      const { ...c } = l;
+      return c;
     });
-    return (i, n) => (a(), s("div", Ge, [
-      t("div", ee(r.value, {
+    return (c, b) => (i(), s("div", Ge, [
+      t("div", ee(n.value, {
         class: ["mir-link", [
-          e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
-          e.disabled ? "disabled" : "",
-          e.underline === "false" ? "remove-underline" : e.underline === "true" ? "add-underline" : e.underline === "hover" ? "underline-hover" : "",
-          e.arrow ? "link-arrow" : ""
+          a.value,
+          c.disabled ? "disabled" : "",
+          c.underline === "false" ? "remove-underline" : c.underline === "true" ? "add-underline" : c.underline === "hover" ? "underline-hover" : "",
+          c.arrow ? "link-arrow" : ""
         ]]
       }), [
-        d(i.$slots, "default")
+        d(c.$slots, "default")
       ], 16)
     ]));
   }
 });
-const We = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value", "checked", "disabled", "required", "id"], Ye = ["for"], Je = /* @__PURE__ */ We(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ v({
+const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "value", "checked", "disabled", "required"], Qe = ["for"], Je = /* @__PURE__ */ We(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ v({
   __name: "radio-button",
   props: {
-    name: String,
-    value: [String, Number, Boolean],
+    name: {
+      type: String,
+      default: "radio"
+    },
+    value: {
+      type: [String, Number, Boolean],
+      required: !0
+    },
     checked: {
       type: Boolean,
       default: !1,
@@ -501,35 +462,35 @@ const We = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value"
   },
   emits: ["input"],
   setup(e, { emit: l }) {
-    const r = (i) => {
-      const n = i.target;
+    const o = (a) => {
+      const n = a.target;
       l("input", n.checked);
     };
-    return (i, n) => (a(), s("div", {
-      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
+    return (a, n) => (i(), s("div", {
+      class: _(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
+        id: e.id,
         type: "radio",
         name: e.name,
         value: e.value,
         checked: e.checked,
         disabled: e.disabled,
         required: e.required,
-        id: e.id,
         class: "radio__radio",
-        onChange: r
-      }, null, 40, Qe),
+        onChange: o
+      }, null, 40, Ye),
       t("label", {
         for: e.id,
-        class: u(["radio__label", e.required ? "required" : ""])
+        class: _(["radio__label", e.required ? "required" : ""])
       }, [
         Je,
-        d(i.$slots, "default", {}, void 0, !0)
-      ], 10, Ye)
+        d(a.$slots, "default", {}, void 0, !0)
+      ], 10, Qe)
     ], 2));
   }
 });
-const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-69095414"]]), et = { class: "select__wrapper" }, tt = ["for"], at = ["disabled", "id", "name", "value"], lt = ["value"], it = /* @__PURE__ */ v({
+const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-eaed5b4f"]]), et = { class: "select__wrapper" }, tt = ["for"], at = ["id", "disabled", "name", "value"], lt = ["value"], it = /* @__PURE__ */ v({
   __name: "select",
   props: {
     id: {
@@ -570,30 +531,30 @@ const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, r) => (a(), s("div", et, [
+    return (l, o) => (i(), s("div", et, [
       t("label", {
         for: e.id,
-        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
-      }, o(e.label), 11, tt),
+        class: _([e.required ? "required" : "", e.disabled ? "disabled" : ""])
+      }, r(e.label), 11, tt),
       t("select", {
-        class: u(e.disabled ? "disabled" : ""),
-        disabled: e.disabled,
         id: e.id,
+        class: _(e.disabled ? "disabled" : ""),
+        disabled: e.disabled,
         name: e.name,
         value: e.modelValue,
-        onChange: r[0] || (r[0] = (i) => {
-          l.$emit("update:modelValue", i.target.value), i.target.blur();
+        onChange: o[0] || (o[0] = (a) => {
+          l.$emit("update:modelValue", a.target.value), a.target.blur();
         })
       }, [
-        (a(!0), s(I, null, T(e.options, (i) => (a(), s("option", {
-          key: i.value,
-          value: i.value
-        }, o(i.text), 9, lt))), 128))
+        (i(!0), s(I, null, C(e.options, (a) => (i(), s("option", {
+          key: a.value,
+          value: a.value
+        }, r(a.text), 9, lt))), 128))
       ], 42, at)
     ]));
   }
 });
-const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-500637d5"]]), rt = { class: "modal__wrapper" }, ot = /* @__PURE__ */ v({
+const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-4445d1ae"]]), ot = { class: "modal__wrapper" }, rt = /* @__PURE__ */ v({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -601,39 +562,34 @@ const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-500637d5"]]), rt = { cla
   },
   emits: ["update:show"],
   setup(e, { emit: l }) {
-    const r = e;
-    E({
-      get: () => r.show,
-      set: (n) => l("update:show", n)
-    });
-    const i = () => {
-      l("update:show", !r.show);
+    const o = e, a = () => {
+      l("update:show", !o.show);
     };
-    return (n, _) => (a(), s("div", rt, [
+    return (n, c) => (i(), s("div", ot, [
       p(ge, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          n.show ? (a(), s("div", {
+          n.show ? (i(), s("div", {
             key: 0,
-            class: u(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
-            onClick: i,
+            class: _(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
-            role: "dialog"
+            role: "dialog",
+            onClick: a
           }, [
             t("div", {
               id: "modal",
-              onClick: _[0] || (_[0] = re(() => {
-              }, ["stop"])),
-              class: u([n.searchBar ? "search" : ""])
+              class: _([n.searchBar ? "search" : ""]),
+              onClick: c[0] || (c[0] = oe(() => {
+              }, ["stop"]))
             }, [
               t("div", null, [
-                n.searchBar ? m("", !0) : (a(), D(J, {
+                n.searchBar ? m("", !0) : (i(), D(J, {
                   key: 0,
-                  ariaLabel: "close",
+                  "aria-label": "close",
                   variant: "close",
-                  onClick: i
+                  onClick: a
                 }))
               ]),
               d(n.$slots, "default", {}, void 0, !0)
@@ -645,7 +601,7 @@ const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-500637d5"]]), rt = { cla
     ]));
   }
 });
-const de = /* @__PURE__ */ h(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ v({
+const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ v({
   __name: "slider",
   props: {
     label: {
@@ -698,87 +654,90 @@ const de = /* @__PURE__ */ h(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const r = e, i = w(r.modelValue), n = w(), _ = w(!1), b = (S, g, q) => (S - g) / (q - g) * 100, C = (S) => {
+    const o = e, a = w(o.modelValue), n = w(), c = w(!1), b = (S, g, q) => (S - g) / (q - g) * 100, T = (S) => {
       var g;
       (g = n.value) == null || g.style.setProperty("--ProgressPercent", `${S}%`);
     };
-    return oe(() => {
+    return re(() => {
       if (n.value) {
-        l("update:modelValue", i.value);
-        const S = b(i.value, r.min, r.max);
+        l("update:modelValue", a.value);
+        const S = b(a.value, o.min, o.max);
         let g = (50 - S) / 100;
-        C(S + g);
+        T(S + g);
       }
-    }), (S, g) => (a(), s("div", null, [
+    }), (S, g) => (i(), s("div", null, [
       t("div", nt, [
         t("div", dt, [
           t("label", {
             for: e.id,
-            class: u([e.variant, ""])
-          }, o(e.label), 11, ct),
-          e.information ? (a(), s("i", {
+            class: _([e.variant, ""])
+          }, r(e.label), 11, ct),
+          e.information ? (i(), s("i", {
             key: 0,
             role: "button",
-            class: u([e.variant, "slider__information"]),
-            onClick: g[0] || (g[0] = (q) => _.value = !_.value),
-            onKeyup: g[1] || (g[1] = ye((q) => _.value = !_.value, ["enter"])),
+            class: _([e.variant, "slider__information"]),
             "aria-label": e.informationLabel,
             tabindex: "0",
-            "aria-haspopup": "dialog"
+            "aria-haspopup": "dialog",
+            onClick: g[0] || (g[0] = (q) => c.value = !c.value),
+            onKeyup: g[1] || (g[1] = ye((q) => c.value = !c.value, ["enter"]))
           }, null, 42, ut)) : m("", !0)
         ]),
         t("div", _t, [
           t("span", {
-            class: u([e.variant, "slider__minmax"])
-          }, o(e.min), 3),
+            class: _([e.variant, "slider__minmax"])
+          }, r(e.min), 3),
           t("input", {
-            type: "range",
             id: e.id,
+            ref_key: "slider",
+            ref: n,
+            type: "range",
             name: e.name,
             value: e.modelValue,
             min: e.min,
             step: e.step,
             max: e.max,
-            class: u(e.variant),
-            ref_key: "slider",
-            ref: n,
-            onInput: g[2] || (g[2] = ({ target: q }) => i.value = parseFloat(q.value))
+            class: _(e.variant),
+            onInput: g[2] || (g[2] = ({ target: q }) => a.value = parseFloat(q.value))
           }, null, 42, ht),
           t("span", {
-            class: u([e.variant, "slider__minmax"])
-          }, o(e.max), 3)
+            class: _([e.variant, "slider__minmax"])
+          }, r(e.max), 3)
         ]),
         t("span", {
-          class: u([e.variant, "slider__value"])
-        }, o(e.modelValue), 3)
+          class: _([e.variant, "slider__value"])
+        }, r(e.modelValue), 3)
       ]),
-      e.information ? (a(), D(de, {
+      e.information ? (i(), D(de, {
         key: 0,
-        show: _.value,
-        "onUpdate:show": g[3] || (g[3] = (q) => _.value = q)
+        show: c.value,
+        "onUpdate:show": g[3] || (g[3] = (q) => c.value = q)
       }, {
         default: $(() => [
-          j(o(e.information), 1)
+          j(r(e.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : m("", !0)
     ]));
   }
 });
-const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
+const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], pt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], bt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
   __name: "textarea",
   props: {
     id: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     name: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     placeholder: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     required: {
       type: Boolean,
@@ -792,66 +751,69 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id:
     },
     labelText: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     maxLength: {
       type: Number,
-      required: !1
+      required: !1,
+      default: void 0
     },
     modelValue: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, r) => (a(), s("div", ft, [
+    return (l, o) => (i(), s("div", ft, [
       t("label", {
         for: e.id,
-        class: u({ required: e.required })
-      }, o(e.labelText) + o(e.required ? " *" : ""), 11, gt),
+        class: _({ required: e.required })
+      }, r(e.labelText) + r(e.required ? " *" : ""), 11, gt),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
       }, [
         t("textarea", {
+          id: e.id,
           rows: "10",
           cols: "50",
-          id: e.id,
           name: e.name,
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          onInput: r[0] || (r[0] = (i) => l.$emit("update:modelValue", i.target.value)),
-          class: u(
+          class: _(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
-          )
-        }, null, 42, bt)
+          ),
+          onInput: o[0] || (o[0] = (a) => l.$emit("update:modelValue", a.target.value))
+        }, null, 42, pt)
       ], 8, yt),
-      t("div", pt, [
+      t("div", bt, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (a(), s("p", $t, " Too many characters. Please make it shorter ")) : m("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), s("p", $t, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
-          class: u(
+          class: _(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
-        }, o(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + o(e.maxLength), 3)
+        }, r(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + r(e.maxLength), 3)
       ])
     ]));
   }
 });
-const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-626f208b"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], Lt = {
+const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Lt = {
   key: 2,
   class: "search"
-}, Ct = {
+}, Tt = {
   key: 3,
   class: "errorMessage"
-}, Vt = {
+}, At = {
   key: 4,
   class: "helperText"
-}, At = /* @__PURE__ */ v({
+}, Vt = /* @__PURE__ */ v({
   __name: "text-field",
   props: {
     type: {
@@ -910,11 +872,13 @@ const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
     },
     errorMessage: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     helperText: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     search: {
       type: Boolean,
@@ -929,63 +893,63 @@ const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = w(!0), r = E(
+    const l = w(!0), o = P(
       () => l.value ? "showPassword" : "hidePassword"
-    ), i = E(
+    ), a = P(
       () => l.value ? "password" : "text"
     );
-    return (n, _) => (a(), s("div", xt, [
+    return (n, c) => (i(), s("div", xt, [
       t("label", {
         for: e.id,
-        class: u([
+        class: _([
           e.required ? "required" : "",
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
         ])
-      }, o(e.label), 11, St),
-      e.type === "password" ? (a(), s("div", qt, [
+      }, r(e.label), 11, St),
+      e.type === "password" ? (i(), s("div", qt, [
         t("input", {
           id: e.id,
-          type: i.value,
+          ref: "passwordField",
+          type: a.value,
           value: e.modelValue,
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: _[0] || (_[0] = (b) => n.$emit("update:modelValue", b.target.value)),
           name: e.fieldName,
-          ref: "passwordField"
+          onInput: c[0] || (c[0] = (b) => n.$emit("update:modelValue", b.target.value))
         }, null, 40, Bt),
         t("i", {
           role: "button",
-          class: u([r.value]),
-          onClick: _[1] || (_[1] = (b) => l.value = !l.value),
+          class: _([o.value]),
           "aria-controls": "password",
-          "aria-expanded": !l.value
+          "aria-expanded": !l.value,
+          onClick: c[1] || (c[1] = (b) => l.value = !l.value)
         }, null, 10, It)
-      ])) : (a(), s("input", {
+      ])) : (i(), s("input", {
         key: 1,
+        id: e.id,
+        ref: "textField",
         type: e.type,
         value: e.modelValue,
         placeholder: e.placeholder,
-        id: e.id,
         required: e.required,
-        class: u([
+        class: _([
           e.invalid ? "invalid" : "",
           e.valid ? "valid" : "",
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: _[2] || (_[2] = (b) => n.$emit("update:modelValue", b.target.value)),
         name: e.fieldName,
-        ref: "textField"
-      }, null, 42, Tt)),
-      e.search ? (a(), s("i", Lt)) : m("", !0),
-      e.errorMessage ? (a(), s("strong", Ct, o(e.errorMessage), 1)) : m("", !0),
-      e.helperText ? (a(), s("span", Vt, o(e.helperText), 1)) : m("", !0)
+        onInput: c[2] || (c[2] = (b) => n.$emit("update:modelValue", b.target.value))
+      }, null, 42, Ct)),
+      e.search ? (i(), s("i", Lt)) : m("", !0),
+      e.errorMessage ? (i(), s("strong", Tt, r(e.errorMessage), 1)) : m("", !0),
+      e.helperText ? (i(), s("span", At, r(e.helperText), 1)) : m("", !0)
     ]));
   }
 });
-const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { class: "video__wrapper" }, Ot = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Ft = /* @__PURE__ */ v({
+const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { class: "video__wrapper" }, Ot = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Ft = /* @__PURE__ */ v({
   __name: "video",
   props: {
     play: {
@@ -1014,7 +978,10 @@ const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
       type: Boolean,
       default: !0
     },
-    poster: String,
+    poster: {
+      type: String,
+      default: ""
+    },
     width: {
       type: [String, Number],
       default: "100%"
@@ -1037,19 +1004,19 @@ const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
     }
   },
   setup(e, { expose: l }) {
-    const r = e;
-    let i = w(null);
-    return oe(() => {
-      r.play && i.value ? i.value.play() : !r.play && i.value && i.value.pause();
+    const o = e;
+    let a = w(null);
+    return re(() => {
+      a.value && (o.play ? a.value.play() : o.play || a.value.pause());
     }), l({
       resetVideo: () => {
-        i.value && (i.value.currentTime = 0, i.value.play());
+        a.value && (a.value.currentTime = 0, a.value.play());
       }
-    }), (_, b) => (a(), s("div", Mt, [
-      e.localVideo ? (a(), s("video", {
+    }), (c, b) => (i(), s("div", Mt, [
+      e.localVideo ? (i(), s("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: i,
+        ref: a,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1061,7 +1028,7 @@ const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
         type: "video/mp4",
         playsinline: "",
         src: e.src
-      }, null, 8, Ot)) : (a(), s("iframe", {
+      }, null, 8, Ot)) : (i(), s("iframe", {
         key: 1,
         src: e.src,
         "aria-label": e.ariaLabel,
@@ -1075,7 +1042,7 @@ const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
     ]));
   }
 });
-const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-cc1144b9"]]), Pt = { class: "address__wrapper" }, Et = { class: "address__content" }, Ht = { class: "address__flag" }, Nt = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Gt = ["href"], Wt = /* @__PURE__ */ v({
+const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { class: "address__wrapper" }, Nt = { class: "address__content" }, Et = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Gt = ["href"], Wt = /* @__PURE__ */ v({
   __name: "address",
   props: {
     name: {
@@ -1086,19 +1053,22 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-cc1144b9"]]), Pt = { clas
       type: String,
       required: !0
     },
-    addressLine_1: {
+    addressLine1: {
       type: String,
       required: !0
     },
-    addressLine_2: {
+    addressLine2: {
       type: String,
       required: !0
     },
-    addressLine_3: {
-      type: String
+    addressLine3: {
+      type: String,
+      required: !1,
+      default: void 0
     },
-    phone_numbers: {
-      type: Array
+    phoneNumbers: {
+      type: Array,
+      required: !0
     },
     email: {
       type: String,
@@ -1106,41 +1076,42 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-cc1144b9"]]), Pt = { clas
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Pt, [
-      t("div", Et, [
-        t("div", Ht, [
+    return (l, o) => (i(), s("div", Pt, [
+      t("div", Nt, [
+        t("div", Et, [
           d(l.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Nt, [
-          t("p", Rt, o(e.name), 1),
-          t("p", null, o(e.company), 1),
-          t("p", null, o(e.addressLine_1), 1),
-          t("p", null, o(e.addressLine_2), 1),
-          e.addressLine_3 ? (a(), s("p", jt, o(e.addressLine_3), 1)) : m("", !0)
+        t("div", Ht, [
+          t("p", Rt, r(e.name), 1),
+          t("p", null, r(e.company), 1),
+          t("p", null, r(e.addressLine1), 1),
+          t("p", null, r(e.addressLine2), 1),
+          e.addressLine3 ? (i(), s("p", jt, r(e.addressLine3), 1)) : m("", !0)
         ]),
         t("div", Kt, [
-          (a(!0), s(I, null, T(e.phone_numbers, (i) => (a(), D(V, {
+          (i(!0), s(I, null, C(e.phoneNumbers, (a) => (i(), D(A, {
+            key: a,
             underline: "false",
-            linkType: "regular"
+            "link-type": "regular"
           }, {
             default: $(() => [
               t("a", {
-                href: "tel:" + i,
+                href: "tel:" + a,
                 class: "address__phone"
-              }, o(i), 9, Ut)
+              }, r(a), 9, Ut)
             ]),
             _: 2
-          }, 1024))), 256)),
+          }, 1024))), 128)),
           t("a", {
             href: "mailto:" + e.email,
             class: "address__email"
-          }, o(e.email), 9, Gt)
+          }, r(e.email), 9, Gt)
         ])
       ])
     ]));
   }
 });
-const Qt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) => (O("data-v-a335dd30"), e = e(), z(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Yt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ v({
+const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) => (O("data-v-a44fd57d"), e = e(), z(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ v({
   __name: "bullet-list",
   props: {
     list: {
@@ -1160,21 +1131,21 @@ const Qt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) =
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Jt, [
+    return (l, o) => (i(), s("div", Jt, [
       t("div", {
-        class: u(["bullet-list", e.variant])
+        class: _(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (a(!0), s(I, null, T(e.list, (i) => (a(), s("li", null, [
+          (i(!0), s(I, null, C(e.list, (a) => (i(), s("li", { key: a }, [
             Xt,
-            j(" " + o(i), 1)
-          ]))), 256))
+            j(" " + r(a), 1)
+          ]))), 128))
         ])
       ], 2)
     ]));
   }
 });
-const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { class: "card__wrapper" }, aa = {
+const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { class: "card__wrapper" }, aa = {
   key: 2,
   class: "card__label"
 }, la = { key: 5 }, ia = /* @__PURE__ */ v({
@@ -1222,21 +1193,42 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
       type: String,
       default: ""
     },
-    url: String,
-    imgSrc: String,
-    videoSrc: String,
-    arialabel: String,
-    poster: String,
-    labelText: String,
-    alt: String
+    url: {
+      type: String,
+      default: ""
+    },
+    imgSrc: {
+      type: String,
+      default: ""
+    },
+    videoSrc: {
+      type: String,
+      default: ""
+    },
+    arialabel: {
+      type: String,
+      default: ""
+    },
+    poster: {
+      type: String,
+      default: ""
+    },
+    labelText: {
+      type: String,
+      default: ""
+    },
+    alt: {
+      type: String,
+      default: ""
+    }
   },
   emits: ["clicked"],
-  setup(e, { emit: l }) {
-    const r = be();
-    let i = w(!1);
-    return (n, _) => (a(), s("div", ta, [
+  setup(e) {
+    const l = pe();
+    let o = w(!1);
+    return (a, n) => (i(), s("div", ta, [
       t("div", {
-        class: u(["card", [
+        class: _(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
           e.orientation == "vertical" ? "vertical" : "horizontal",
           e.size == "small" ? "card--small" : e.size == "medium" ? "card--medium" : e.size == "large" ? "card--large" : "",
@@ -1244,12 +1236,12 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
         style: te([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: _[0] || (_[0] = (b) => ie(i) ? i.value = !0 : i = !0),
-        onMouseout: _[1] || (_[1] = (b) => ie(i) ? i.value = !1 : i = !1)
+        onMouseover: n[0] || (n[0] = (c) => ie(o) ? o.value = !0 : o = !0),
+        onMouseout: n[1] || (n[1] = (c) => ie(o) ? o.value = !1 : o = !1)
       }, [
-        e.mediaType == "image" ? (a(), D(L, { key: 0 }, {
+        e.mediaType == "image" ? (i(), D(L, { key: 0 }, {
           default: $(() => [
-            d(n.$slots, "card-image", ee({
+            d(a.$slots, "card-image", ee({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
               width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
@@ -1259,13 +1251,13 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             }, { srcset: e.srcSet }))
           ]),
           _: 3
-        })) : (a(), s("div", {
+        })) : (i(), s("div", {
           key: 1,
-          class: u(["video-card__wrapper", B(i) == !0 ? "vimeoPlaying" : ""])
+          class: _(["video-card__wrapper", B(o) == !0 ? "vimeoPlaying" : ""])
         }, [
           p(K, {
-            play: B(i),
-            localVideo: !0,
+            play: B(o),
+            "local-video": !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
             controls: !1,
@@ -1277,22 +1269,22 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        B(r)["card-label"] ? (a(), s("div", aa, [
-          d(n.$slots, "card-label")
+        B(l)["card-label"] ? (i(), s("div", aa, [
+          d(a.$slots, "card-label")
         ])) : m("", !0),
-        e.variant === "product" ? (a(), s("h3", {
+        e.variant === "product" ? (i(), s("h3", {
           key: 3,
-          class: u(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, o(e.headline), 3)) : (a(), s("h3", {
+          class: _(e.theme == "dark" ? "regular-dark" : "regular-blue")
+        }, r(e.headline), 3)) : (i(), s("h3", {
           key: 4,
-          class: u(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
-        }, o(e.headline), 3)),
-        e.variant == "product" ? (a(), s("p", la, o(e.paragraph), 1)) : m("", !0)
+          class: _(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
+        }, r(e.headline), 3)),
+        e.variant == "product" ? (i(), s("p", la, r(e.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
 });
-const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-05c8a5c4"]]), ra = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), oa = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ ra(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ v({
+const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-02d9cef5"]]), oa = (e) => (O("data-v-1a97c019"), e = e(), z(), e), ra = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ v({
   __name: "event-card",
   props: {
     eventType: {
@@ -1317,22 +1309,22 @@ const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-05c8a5c4"]]), ra = (e) =
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", oa, [
+    return (l, o) => (i(), s("div", ra, [
       p(G, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", na, o(e.headline), 1),
+      t("div", na, r(e.headline), 1),
       t("div", da, [
-        j(o(e.dateTime), 1),
+        j(r(e.dateTime), 1),
         ca,
-        j(o(e.location), 1)
+        j(r(e.location), 1)
       ]),
-      t("div", ua, "Exhibitor: " + o(e.exhibitor), 1)
+      t("div", ua, "Exhibitor: " + r(e.exhibitor), 1)
     ]));
   }
 });
-const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, fa = { class: "text__paragraph" }, ga = /* @__PURE__ */ v({
+const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-1a97c019"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, fa = { class: "text__paragraph" }, ga = /* @__PURE__ */ v({
   __name: "text-card",
   props: {
     label: {
@@ -1349,55 +1341,64 @@ const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", va, [
+    return (l, o) => (i(), s("div", va, [
       p(G, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", ma, o(e.headline), 1),
+      t("div", ma, r(e.headline), 1),
       t("div", fa, [
-        t("p", null, o(e.paragraph), 1)
+        t("p", null, r(e.paragraph), 1)
       ])
     ]));
   }
 });
-const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact" }, xa = { class: "fact__value" }, Sa = { class: "fact__metric" }, qa = {
+const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { class: "facts__wrapper" }, ba = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact__value" }, xa = { class: "fact__metric" }, Sa = {
   key: 0,
   class: "facts__link"
-}, Ba = /* @__PURE__ */ v({
+}, qa = /* @__PURE__ */ v({
   __name: "facts",
   props: {
-    headline: {
-      type: String
-    },
-    facts: {
-      type: Array,
-      required: !0,
-      validator(e) {
-        return e.length === 3;
+    headline: { default: "" },
+    facts: { default: () => [
+      {
+        value: "",
+        metric: ""
+      },
+      {
+        value: "",
+        metric: ""
+      },
+      {
+        value: "",
+        metric: ""
       }
-    },
-    link: {
-      type: Object
-    }
+    ] },
+    link: { default: () => ({
+      title: "",
+      url: ""
+    }) }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", ba, [
-      t("div", pa, [
-        t("h2", $a, o(e.headline), 1),
+    return (l, o) => (i(), s("div", pa, [
+      t("div", ba, [
+        t("h2", $a, r(l.headline), 1),
         t("div", ka, [
-          (a(!0), s(I, null, T(e.facts, (i) => (a(), s("div", wa, [
-            t("div", xa, [
-              t("span", null, o(i.value), 1)
+          (i(!0), s(I, null, C(l.facts, (a) => (i(), s("div", {
+            key: a.value + a.metric,
+            class: "fact"
+          }, [
+            t("div", wa, [
+              t("span", null, r(a.value), 1)
             ]),
-            t("div", Sa, [
-              t("span", null, o(i.metric), 1)
+            t("div", xa, [
+              t("span", null, r(a.metric), 1)
             ])
-          ]))), 256))
+          ]))), 128))
         ]),
-        e.link ? (a(), s("div", qa, [
-          p(V, {
-            linkType: "regular-light",
+        l.link ? (i(), s("div", Sa, [
+          p(A, {
+            "link-type": "regular_light",
             arrow: ""
           }, {
             default: $(() => [
@@ -1410,20 +1411,22 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
     ]));
   }
 });
-const Ia = /* @__PURE__ */ h(Ba, [["__scopeId", "data-v-97e48550"]]), Ta = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
+const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { class: "features__wrapper" }, Ca = { class: "features__content" }, La = {
   key: 0,
   class: "features__headline"
-}, Va = {
+}, Ta = {
   key: 1,
   class: "features__body"
-}, Aa = { class: "features__element" }, Da = { class: "element__headline" }, Ma = { class: "element__body" }, Oa = /* @__PURE__ */ v({
+}, Aa = { class: "element__headline" }, Va = { class: "element__body" }, Da = /* @__PURE__ */ v({
   __name: "features",
   props: {
     headline: {
-      type: String
+      type: String,
+      default: ""
     },
     body: {
-      type: String
+      type: String,
+      default: ""
     },
     elements: {
       type: Array,
@@ -1434,38 +1437,41 @@ const Ia = /* @__PURE__ */ h(Ba, [["__scopeId", "data-v-97e48550"]]), Ta = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Ta, [
-      t("div", La, [
-        e.headline ? (a(), s("div", Ca, [
-          t("h2", null, o(e.headline), 1)
+    return (l, o) => (i(), s("div", Ia, [
+      t("div", Ca, [
+        e.headline ? (i(), s("div", La, [
+          t("h2", null, r(e.headline), 1)
         ])) : m("", !0),
-        e.body ? (a(), s("div", Va, [
-          t("p", null, o(e.body), 1)
+        e.body ? (i(), s("div", Ta, [
+          t("p", null, r(e.body), 1)
         ])) : m("", !0),
         t("div", {
-          class: u(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
+          class: _(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (a(!0), s(I, null, T(e.elements, (i) => (a(), s("div", Aa, [
+          (i(!0), s(I, null, C(e.elements, (a) => (i(), s("div", {
+            key: a.headline,
+            class: "features__element"
+          }, [
             p(L, { class: "element__icon" }, {
               default: $(() => [
-                d(l.$slots, "features-icon", A(M({
-                  src: i.icon.src,
+                d(l.$slots, "features-icon", V(M({
+                  src: a.icon.src,
                   height: 30,
                   width: 30,
-                  alt: i.icon.alt
+                  alt: a.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", Da, o(i.headline), 1),
-            t("p", Ma, o(i.body), 1)
-          ]))), 256))
+            t("p", Aa, r(a.headline), 1),
+            t("p", Va, r(a.body), 1)
+          ]))), 128))
         ], 2)
       ])
     ]));
   }
 });
-const za = /* @__PURE__ */ h(Oa, [["__scopeId", "data-v-35a864e7"]]), Fa = { class: "form__wrapper" }, Pa = { class: "form__content" }, Ea = { class: "form__information" }, Ha = { class: "form__headline" }, Na = { class: "form__body" }, Ra = { class: "form__script" }, ja = /* @__PURE__ */ v({
+const Ma = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-08d8509e"]]), Oa = { class: "form__wrapper" }, za = { class: "form__content" }, Fa = { class: "form__information" }, Pa = { class: "form__headline" }, Na = { class: "form__body" }, Ea = { class: "form__script" }, Ha = /* @__PURE__ */ v({
   __name: "form-script",
   props: {
     headline: {
@@ -1474,27 +1480,28 @@ const za = /* @__PURE__ */ h(Oa, [["__scopeId", "data-v-35a864e7"]]), Fa = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Fa, [
-      t("div", Pa, [
-        t("div", Ea, [
-          t("h2", Ha, o(e.headline), 1),
+    return (l, o) => (i(), s("div", Oa, [
+      t("div", za, [
+        t("div", Fa, [
+          t("h2", Pa, r(e.headline), 1),
           t("div", Na, [
             d(l.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", Ra, [
+        t("div", Ea, [
           d(l.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const Ka = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-45243682"]]), Ua = { class: "image__wrapper" }, Ga = { class: "image__content" }, Wa = { class: "image__image" }, Qa = { class: "image__caption" }, Ya = /* @__PURE__ */ v({
+const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-55d9c2fd"]]), ja = { class: "image__wrapper" }, Ka = { class: "image__content" }, Ua = { class: "image__image" }, Ga = { class: "image__caption" }, Wa = /* @__PURE__ */ v({
   __name: "image",
   props: {
     caption: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     src: {
       type: String,
@@ -1506,31 +1513,31 @@ const Ka = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-45243682"]]), Ua = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Ua, [
-      t("div", Ga, [
-        t("div", Wa, [
+    return (l, o) => (i(), s("div", ja, [
+      t("div", Ka, [
+        t("div", Ua, [
           p(L, null, {
             default: $(() => [
-              d(l.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              d(l.$slots, "image", V(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", Qa, o(e.caption), 1)
+        t("p", Ga, r(e.caption), 1)
       ])
     ]));
   }
 });
-const Ja = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-624f5b56"]]), Xa = { class: "gallery__large" }, Za = {
+const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { class: "gallery__large" }, Ja = {
   key: 0,
   class: "image image--large"
-}, el = {
+}, Xa = {
   key: 1,
   class: "video"
-}, tl = { class: "image image--small" }, al = {
+}, Za = {
   key: 0,
   class: "body"
-}, ll = /* @__PURE__ */ v({
+}, el = /* @__PURE__ */ v({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1550,7 +1557,8 @@ const Ja = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-624f5b56"]]), Xa = { cla
     },
     body: {
       type: String,
-      required: !1
+      required: !1,
+      default: ""
     },
     flipHorizontal: {
       type: Boolean,
@@ -1569,23 +1577,23 @@ const Ja = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-624f5b56"]]), Xa = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", {
-      class: u([
+    return (l, o) => (i(), s("div", {
+      class: _([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? ["gallery__wrapper--dark", "mirsaic--dark"] : ""
       ])
     }, [
       t("div", {
-        class: u([
+        class: _([
           "gallery__content",
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", Xa, [
-          e.mediaLarge && e.mediaType === "image" ? (a(), s("div", Za, [
+        t("div", Qa, [
+          e.mediaLarge && e.mediaType === "image" ? (i(), s("div", Ja, [
             p(L, null, {
               default: $(() => [
-                d(l.$slots, "image-large", A(M({
+                d(l.$slots, "image-large", V(M({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1595,11 +1603,11 @@ const Ja = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-624f5b56"]]), Xa = { cla
               _: 3
             })
           ])) : m("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (a(), s("div", el, [
+          e.mediaLarge && e.mediaType === "video" ? (i(), s("div", Xa, [
             p(K, {
               src: e.mediaLarge.src,
-              localVideo: "",
-              ariaLabel: e.mediaLarge.alt,
+              "local-video": "",
+              "aria-label": e.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1607,38 +1615,41 @@ const Ja = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-624f5b56"]]), Xa = { cla
               loop: !0,
               muted: !0,
               play: !0
-            }, null, 8, ["src", "ariaLabel"])
+            }, null, 8, ["src", "aria-label"])
           ])) : m("", !0)
         ]),
         t("div", {
           style: te([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
-          class: u([
+          class: _([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (a(!0), s(I, null, T(e.mediaSmall, (i) => (a(), s("div", tl, [
+          (i(!0), s(I, null, C(e.mediaSmall, (a) => (i(), s("div", {
+            key: a.src + a.alt,
+            class: "image image--small"
+          }, [
             p(L, null, {
               default: $(() => [
-                d(l.$slots, "image-small", A(M({
+                d(l.$slots, "image-small", V(M({
                   width: 328,
                   height: 246,
-                  src: i.src,
-                  alt: i.alt
+                  src: a.src,
+                  alt: a.alt
                 })))
               ]),
               _: 2
             }, 1024)
-          ]))), 256)),
-          e.mediaSmall.length < 2 ? (a(), s("div", al, [
-            t("p", null, o(e.body), 1)
+          ]))), 128)),
+          e.mediaSmall.length < 2 ? (i(), s("div", Za, [
+            t("p", null, r(e.body), 1)
           ])) : m("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
 });
-const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-55b17073"]]), sl = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, ol = /* @__PURE__ */ v({
+const tl = /* @__PURE__ */ h(el, [["__scopeId", "data-v-4afd3b2e"]]), al = { class: "headline__wrapper" }, ll = { class: "headline__h1" }, il = /* @__PURE__ */ v({
   __name: "headline",
   props: {
     headline: {
@@ -1655,21 +1666,21 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-55b17073"]]), sl = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", sl, [
+    return (l, o) => (i(), s("div", al, [
       t("div", {
-        class: u({
+        class: _({
           "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", rl, o(e.headline), 1)
+        t("h1", ll, r(e.headline), 1)
       ], 2)
     ]));
   }
 });
-const nl = /* @__PURE__ */ h(ol, [["__scopeId", "data-v-080238bd"]]), dl = (e) => (O("data-v-de757e46"), e = e(), z(), e), cl = { class: "hero__wrapper" }, ul = { class: "hero__content" }, _l = { class: "hero__top" }, hl = { class: "hero__elements" }, vl = { class: "hero__headline" }, ml = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ dl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), yl = /* @__PURE__ */ v({
+const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) => (O("data-v-ad805b9b"), e = e(), z(), e), rl = { class: "hero__wrapper" }, nl = { class: "hero__content" }, dl = { class: "hero__top" }, cl = { class: "hero__elements" }, ul = { class: "hero__headline" }, _l = { class: "hero__link" }, hl = { class: "hero__video" }, vl = /* @__PURE__ */ ol(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ml = /* @__PURE__ */ v({
   __name: "hero",
   props: {
     headline: {
@@ -1682,16 +1693,16 @@ const nl = /* @__PURE__ */ h(ol, [["__scopeId", "data-v-080238bd"]]), dl = (e) =
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", cl, [
-      t("div", ul, [
-        t("div", _l, [
-          t("div", hl, [
-            t("div", vl, [
-              t("h1", null, o(e.headline), 1)
+    return (l, o) => (i(), s("div", rl, [
+      t("div", nl, [
+        t("div", dl, [
+          t("div", cl, [
+            t("div", ul, [
+              t("h1", null, r(e.headline), 1)
             ]),
-            t("div", ml, [
-              p(V, {
-                linkType: "regular-light",
+            t("div", _l, [
+              p(A, {
+                "link-type": "regular_light",
                 arrow: ""
               }, {
                 default: $(() => [
@@ -1702,35 +1713,37 @@ const nl = /* @__PURE__ */ h(ol, [["__scopeId", "data-v-080238bd"]]), dl = (e) =
             ])
           ])
         ]),
-        t("div", fl, [
-          gl,
+        t("div", hl, [
+          vl,
           p(K, {
             src: e.video.src,
-            localVideo: "",
-            ariaLabel: e.video.alt,
+            "local-video": "",
+            "aria-label": e.video.alt,
             controls: !1,
             autoplay: !0,
             loop: !0,
             muted: !0,
             play: !0,
             poster: e.video.poster
-          }, null, 8, ["src", "ariaLabel", "poster"])
+          }, null, 8, ["src", "aria-label", "poster"])
         ])
       ])
     ]));
   }
 });
-const bl = /* @__PURE__ */ h(yl, [["__scopeId", "data-v-de757e46"]]), pl = { class: "logo-wall__wrapper" }, $l = { class: "logo-wall__content" }, kl = {
+const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, pl = {
   key: 0,
   class: "logo-wall__text"
-}, wl = { key: 0 }, xl = { key: 1 }, Sl = { class: "logo-wall__logos" }, ql = { class: "logo-wall__logo" }, Bl = { class: "logo-wall__link" }, Il = /* @__PURE__ */ v({
+}, bl = { key: 0 }, $l = { key: 1 }, kl = { class: "logo-wall__logos" }, wl = { class: "logo-wall__link" }, xl = /* @__PURE__ */ v({
   __name: "logo-wall",
   props: {
     headline: {
-      type: String
+      type: String,
+      default: ""
     },
     body: {
-      type: String
+      type: String,
+      default: ""
     },
     logos: {
       type: Array,
@@ -1739,30 +1752,33 @@ const bl = /* @__PURE__ */ h(yl, [["__scopeId", "data-v-de757e46"]]), pl = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", pl, [
-      t("div", $l, [
-        e.headline || e.body ? (a(), s("div", kl, [
-          e.headline ? (a(), s("h2", wl, o(e.headline), 1)) : m("", !0),
-          e.body ? (a(), s("p", xl, o(e.body), 1)) : m("", !0)
+    return (l, o) => (i(), s("div", gl, [
+      t("div", yl, [
+        e.headline || e.body ? (i(), s("div", pl, [
+          e.headline ? (i(), s("h2", bl, r(e.headline), 1)) : m("", !0),
+          e.body ? (i(), s("p", $l, r(e.body), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Sl, [
-          (a(!0), s(I, null, T(e.logos, (i) => (a(), s("div", ql, [
+        t("div", kl, [
+          (i(!0), s(I, null, C(e.logos, (a) => (i(), s("div", {
+            key: a.src + a.alt,
+            class: "logo-wall__logo"
+          }, [
             p(L, null, {
               default: $(() => [
-                d(l.$slots, "logo-wall-logo", A(M({
+                d(l.$slots, "logo-wall-logo", V(M({
                   width: 130,
                   height: 130,
-                  src: i.src,
-                  alt: i.alt
+                  src: a.src,
+                  alt: a.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
-          ]))), 256))
+          ]))), 128))
         ]),
-        t("div", Bl, [
-          p(V, {
-            linkType: "regular-light",
+        t("div", wl, [
+          p(A, {
+            "link-type": "regular_light",
             arrow: !0
           }, {
             default: $(() => [
@@ -1775,7 +1791,7 @@ const bl = /* @__PURE__ */ h(yl, [["__scopeId", "data-v-de757e46"]]), pl = { cla
     ]));
   }
 });
-const Tl = /* @__PURE__ */ h(Il, [["__scopeId", "data-v-299e5b4b"]]), Ll = { class: "micro-stories__splide" }, Cl = /* @__PURE__ */ v({
+const Sl = /* @__PURE__ */ h(xl, [["__scopeId", "data-v-a8afd396"]]), ql = { class: "micro-stories__splide" }, Bl = /* @__PURE__ */ v({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1800,28 +1816,28 @@ const Tl = /* @__PURE__ */ h(Il, [["__scopeId", "data-v-299e5b4b"]]), Ll = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", {
-      class: u([
+    return (l, o) => (i(), s("div", {
+      class: _([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : e.bgColor == "dark" ? "micro-stories__wrapper--dark" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
-      t("div", Ll, [
+      t("div", ql, [
         d(l.$slots, "micro-stories-slides")
       ]),
       d(l.$slots, "micro-stories-controls")
     ], 2));
   }
 });
-const Vl = {}, Al = { class: "policy__wrapper" }, Dl = { class: "policy__content" };
-function Ml(e, l) {
-  return a(), s("div", Al, [
-    t("div", Dl, [
+const Il = {}, Cl = { class: "policy__wrapper" }, Ll = { class: "policy__content" };
+function Tl(e, l) {
+  return i(), s("div", Cl, [
+    t("div", Ll, [
       d(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Ol = /* @__PURE__ */ h(Vl, [["render", Ml], ["__scopeId", "data-v-4ef880d9"]]), zl = { class: "product-hero__wrapper" }, Fl = { class: "product-hero__content" }, Pl = { class: "product-hero__headline" }, El = { class: "product-hero__video" }, Hl = /* @__PURE__ */ v({
+const Al = /* @__PURE__ */ h(Il, [["render", Tl], ["__scopeId", "data-v-8765ee0b"]]), Vl = { class: "product-hero__wrapper" }, Dl = { class: "product-hero__content" }, Ml = { class: "product-hero__headline" }, Ol = { class: "product-hero__video" }, zl = /* @__PURE__ */ v({
   __name: "product-hero",
   props: {
     headline: {
@@ -1846,40 +1862,42 @@ const Ol = /* @__PURE__ */ h(Vl, [["render", Ml], ["__scopeId", "data-v-4ef880d9
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", zl, [
-      t("div", Fl, [
-        t("div", Pl, [
-          t("h1", null, o(e.headline), 1)
+    return (l, o) => (i(), s("div", Vl, [
+      t("div", Dl, [
+        t("div", Ml, [
+          t("h1", null, r(e.headline), 1)
         ]),
-        t("div", El, [
+        t("div", Ol, [
           p(K, {
             play: !0,
-            localVideo: !0,
+            "local-video": !0,
             src: e.videoSrc,
-            ariaLabel: e.ariaLabel,
+            "aria-label": e.ariaLabel,
             controls: !1,
             poster: e.imgSrc,
             autoplay: !0,
             loop: !0,
             muted: !0
-          }, null, 8, ["src", "ariaLabel", "poster"])
+          }, null, 8, ["src", "aria-label", "poster"])
         ])
       ])
     ]));
   }
 });
-const Nl = /* @__PURE__ */ h(Hl, [["__scopeId", "data-v-2ca17b92"]]), Rl = { class: "promo__content" }, jl = /* @__PURE__ */ v({
+const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { class: "promo__content" }, Nl = /* @__PURE__ */ v({
   __name: "promo",
   props: {
     label: {
-      type: String
+      type: String,
+      default: ""
     },
     headline: {
       type: String,
       required: !0
     },
     linkText: {
-      type: String
+      type: String,
+      default: ""
     },
     mediaType: {
       type: String,
@@ -1916,92 +1934,92 @@ const Nl = /* @__PURE__ */ h(Hl, [["__scopeId", "data-v-2ca17b92"]]), Rl = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", {
-      class: u([
+    return (l, o) => (i(), s("div", {
+      class: _([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "promo__wrapper--default",
         e.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Rl, [
-        e.mediaType === "image" ? (a(), s("div", {
+      t("div", Pl, [
+        e.mediaType === "image" ? (i(), s("div", {
           key: 0,
-          class: u([
+          class: _([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           p(L, null, {
             default: $(() => [
-              d(l.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              d(l.$slots, "promo-image", V(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : m("", !0),
-        e.mediaType === "video" ? (a(), s("div", {
+        e.mediaType === "video" ? (i(), s("div", {
           key: 1,
-          class: u([
+          class: _([
             "promo__video",
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
           p(K, {
             src: e.src,
-            localVideo: "",
-            ariaLabel: e.alt,
+            "local-video": "",
+            "aria-label": e.alt,
             controls: !1,
             autoplay: !0,
             loop: !0,
             muted: !0,
             play: !0,
             poster: e.fallbackImage
-          }, null, 8, ["src", "ariaLabel", "poster"])
+          }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : m("", !0),
         t("div", {
-          class: u([
+          class: _([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (a(), D(G, {
+          e.label ? (i(), D(G, {
             key: 0,
             text: e.label,
-            labelDark: e.variant === "dark"
-          }, null, 8, ["text", "labelDark"])) : m("", !0),
+            "label-dark": e.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : m("", !0),
           t("div", {
-            class: u([
+            class: _([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, o(e.headline), 3),
-          e.linkType === "link" ? (a(), D(V, {
+          }, r(e.headline), 3),
+          e.linkType === "link" ? (i(), D(A, {
             key: 1,
-            linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
+            "link-type": e.variant === "dark" ? "regular_dark" : (e.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: $(() => [
               d(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : m("", !0),
-          e.linkType === "button" ? (a(), D(V, {
+          }, 8, ["link-type"])) : m("", !0),
+          e.linkType === "button" ? (i(), D(A, {
             key: 2,
-            linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
+            "link-type": e.variant === "dark" ? "secondary_dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
               d(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : m("", !0)
+          }, 8, ["link-type"])) : m("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Kl = /* @__PURE__ */ h(jl, [["__scopeId", "data-v-3282904c"]]), Ul = (e) => (O("data-v-18440f83"), e = e(), z(), e), Gl = { class: "quote__wrapper" }, Wl = { class: "quote__content" }, Ql = /* @__PURE__ */ Ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Yl = { class: "quote__quote" }, Jl = { class: "quote__quote-text" }, Xl = { class: "quote__author" }, Zl = {
+const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) => (O("data-v-e3cc8e27"), e = e(), z(), e), Rl = { class: "quote__wrapper" }, jl = { class: "quote__content" }, Kl = /* @__PURE__ */ Hl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Ul = { class: "quote__quote" }, Gl = { class: "quote__quote-text" }, Wl = { class: "quote__author" }, Yl = {
   key: 0,
   class: "quote__image"
-}, ei = { class: "quote__text" }, ti = { class: "quote__author-name" }, ai = { class: "quote__author-title" }, li = /* @__PURE__ */ v({
+}, Ql = { class: "quote__text" }, Jl = { class: "quote__author-name" }, Xl = { class: "quote__author-title" }, Zl = /* @__PURE__ */ v({
   __name: "quote",
   props: {
     quote: {
@@ -2018,20 +2036,21 @@ const Kl = /* @__PURE__ */ h(jl, [["__scopeId", "data-v-3282904c"]]), Ul = (e) =
     },
     authorImage: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Gl, [
-      t("div", Wl, [
-        Ql,
-        t("div", Yl, [
-          t("p", Jl, o(e.quote), 1),
-          t("div", Xl, [
-            e.authorImage ? (a(), s("div", Zl, [
+    return (l, o) => (i(), s("div", Rl, [
+      t("div", jl, [
+        Kl,
+        t("div", Ul, [
+          t("p", Gl, r(e.quote), 1),
+          t("div", Wl, [
+            e.authorImage ? (i(), s("div", Yl, [
               p(L, null, {
                 default: $(() => [
-                  d(l.$slots, "author-image", A(M({
+                  d(l.$slots, "author-image", V(M({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2040,9 +2059,9 @@ const Kl = /* @__PURE__ */ h(jl, [["__scopeId", "data-v-3282904c"]]), Ul = (e) =
                 _: 3
               })
             ])) : m("", !0),
-            t("div", ei, [
-              t("p", ti, o(e.author), 1),
-              t("p", ai, o(e.authorTitle), 1)
+            t("div", Ql, [
+              t("p", Jl, r(e.author), 1),
+              t("p", Xl, r(e.authorTitle), 1)
             ])
           ])
         ])
@@ -2050,17 +2069,18 @@ const Kl = /* @__PURE__ */ h(jl, [["__scopeId", "data-v-3282904c"]]), Ul = (e) =
     ]));
   }
 });
-const ii = /* @__PURE__ */ h(li, [["__scopeId", "data-v-18440f83"]]), si = { class: "rich-text__wrapper" }, ri = {
+const ei = /* @__PURE__ */ h(Zl, [["__scopeId", "data-v-e3cc8e27"]]), ti = { class: "rich-text__wrapper" }, ai = {
   key: 0,
   class: "rich-text__links"
-}, oi = {
+}, li = {
   key: 0,
   class: "rich-text__bullet-list"
-}, ni = /* @__PURE__ */ v({
+}, ii = /* @__PURE__ */ v({
   __name: "rich-text",
   props: {
     headline: {
-      type: String
+      type: String,
+      default: ""
     },
     leftAligned: {
       type: Boolean,
@@ -2087,59 +2107,60 @@ const ii = /* @__PURE__ */ h(li, [["__scopeId", "data-v-18440f83"]]), si = { cla
       default: "white"
     },
     label: {
-      type: String
+      type: String,
+      default: ""
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", {
-      class: u([
+    return (l, o) => (i(), s("div", {
+      class: _([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", si, [
-        e.label ? (a(), D(G, {
+      t("div", ti, [
+        e.label ? (i(), D(G, {
           key: 0,
           text: e.label,
-          labelDark: !1
+          "label-dark": !1
         }, null, 8, ["text"])) : m("", !0),
-        e.headline ? (a(), s("h2", {
+        e.headline ? (i(), s("h2", {
           key: 1,
-          class: u([
+          class: _([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, o(e.headline), 3)) : m("", !0),
+        }, r(e.headline), 3)) : m("", !0),
         t("div", {
-          class: u([
+          class: _([
             "rich-text__content",
             e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: u([
+            class: _([
               "rich-text__body",
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
             d(l.$slots, "rich-text-content"),
-            e.links ? (a(), s("div", ri, [
+            e.links ? (i(), s("div", ai, [
               d(l.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
-          e.bulletList ? (a(), s("div", oi, [
+          e.bulletList ? (i(), s("div", li, [
             d(l.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
-          e.image ? (a(), s("div", {
+          e.image ? (i(), s("div", {
             key: 1,
-            class: u([
+            class: _([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
             p(L, null, {
               default: $(() => [
-                d(l.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
+                d(l.$slots, "rich-text-image", V(M({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2149,13 +2170,13 @@ const ii = /* @__PURE__ */ h(li, [["__scopeId", "data-v-18440f83"]]), si = { cla
     ], 2));
   }
 });
-const di = /* @__PURE__ */ h(ni, [["__scopeId", "data-v-7ecdc272"]]);
-const ci = {}, ui = { class: "rich-text" }, _i = { class: "rich-text__wrapper" }, hi = { class: "rich-text__content rich-text__content--left-aligned" }, vi = { class: "rich-text__body" };
-function mi(e, l) {
-  return a(), s("div", ui, [
-    t("div", _i, [
-      t("div", hi, [
-        t("div", vi, [
+const si = /* @__PURE__ */ h(ii, [["__scopeId", "data-v-c2a5b795"]]);
+const oi = {}, ri = { class: "rich-text" }, ni = { class: "rich-text__wrapper" }, di = { class: "rich-text__content rich-text__content--left-aligned" }, ci = { class: "rich-text__body" };
+function ui(e, l) {
+  return i(), s("div", ri, [
+    t("div", ni, [
+      t("div", di, [
+        t("div", ci, [
           t("div", null, [
             d(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
@@ -2167,10 +2188,10 @@ function mi(e, l) {
     ])
   ]);
 }
-const fi = /* @__PURE__ */ h(ci, [["render", mi], ["__scopeId", "data-v-86986bf2"]]), gi = (e) => (O("data-v-df182fbb"), e = e(), z(), e), yi = { class: "timeline__wrapper" }, bi = { class: "timeline__content" }, pi = { class: "timeline__items" }, $i = { class: "timeline__item faded" }, ki = { class: "item__left" }, wi = /* @__PURE__ */ gi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4"]]), hi = (e) => (O("data-v-78d319df"), e = e(), z(), e), vi = { class: "timeline__wrapper" }, mi = { class: "timeline__content" }, fi = { class: "timeline__items" }, gi = { class: "item__left" }, yi = /* @__PURE__ */ hi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), xi = { class: "item__right" }, Si = ["innerHTML"], qi = /* @__PURE__ */ v({
+], -1)), pi = { class: "item__right" }, bi = ["innerHTML"], $i = /* @__PURE__ */ v({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2180,48 +2201,51 @@ const fi = /* @__PURE__ */ h(ci, [["render", mi], ["__scopeId", "data-v-86986bf2
   },
   setup(e) {
     return ne(() => {
-      const l = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (i) => {
-          i.forEach((n) => {
-            n.isIntersecting && (n.target.classList.add("visible"), n.target.classList.remove("faded"), r.unobserve(n.target));
+      const l = document.querySelectorAll(".timeline__item"), o = new IntersectionObserver(
+        (a) => {
+          a.forEach((n) => {
+            n.isIntersecting && (n.target.classList.add("visible"), n.target.classList.remove("faded"), o.unobserve(n.target));
           });
         },
         {
           threshold: 1
         }
       );
-      l.forEach((i) => {
-        r.observe(i);
+      l.forEach((a) => {
+        o.observe(a);
       });
-    }), (l, r) => (a(), s("div", yi, [
-      t("div", bi, [
-        t("div", pi, [
-          (a(!0), s(I, null, T(e.timelineItems, (i) => (a(), s("div", $i, [
-            t("div", ki, o(i.year), 1),
-            wi,
-            t("div", xi, [
+    }), (l, o) => (i(), s("div", vi, [
+      t("div", mi, [
+        t("div", fi, [
+          (i(!0), s(I, null, C(e.timelineItems, (a) => (i(), s("div", {
+            key: a.year,
+            class: "timeline__item faded"
+          }, [
+            t("div", gi, r(a.year), 1),
+            yi,
+            t("div", pi, [
               p(L, null, {
                 default: $(() => [
-                  i.media.type === "image" ? d(l.$slots, "timeline-image", A(ee({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : m("", !0)
+                  a.media.type === "image" ? d(l.$slots, "timeline-image", V(ee({ key: 0 }, { src: a.media.src, alt: a.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: te([i.media.type === "none" ? "margin-top: 0px" : ""]),
+                style: te([a.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
-                innerHTML: i.text
-              }, null, 12, Si)
+                innerHTML: a.text
+              }, null, 12, bi)
             ])
-          ]))), 256))
+          ]))), 128))
         ])
       ])
     ]));
   }
 });
-const Bi = /* @__PURE__ */ h(qi, [["__scopeId", "data-v-df182fbb"]]), Ii = { class: "triple-card-display__wrapper" }, Ti = {
+const ki = /* @__PURE__ */ h($i, [["__scopeId", "data-v-78d319df"]]), wi = { class: "triple-card-display__wrapper" }, xi = {
   key: 0,
   class: "triple-card__content"
-}, Li = { key: 0 }, Ci = { key: 1 }, Vi = { class: "triple-card__cards" }, Ai = /* @__PURE__ */ v({
+}, Si = { key: 0 }, qi = { key: 1 }, Bi = { class: "triple-card__cards" }, Ii = /* @__PURE__ */ v({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2238,51 +2262,53 @@ const Bi = /* @__PURE__ */ h(qi, [["__scopeId", "data-v-df182fbb"]]), Ii = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", {
-      class: u([
+    return (l, o) => (i(), s("div", {
+      class: _([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
-      t("div", Ii, [
-        e.headline || e.paragraph ? (a(), s("div", Ti, [
-          e.headline ? (a(), s("h2", Li, o(e.headline), 1)) : m("", !0),
-          e.paragraph ? (a(), s("p", Ci, o(e.paragraph), 1)) : m("", !0)
+      t("div", wi, [
+        e.headline || e.paragraph ? (i(), s("div", xi, [
+          e.headline ? (i(), s("h2", Si, r(e.headline), 1)) : m("", !0),
+          e.paragraph ? (i(), s("p", qi, r(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Vi, [
+        t("div", Bi, [
           d(l.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const Di = /* @__PURE__ */ h(Ai, [["__scopeId", "data-v-e7b427f6"]]), Mi = { class: "vimeo" }, Oi = { class: "vimeo__wrapper" }, zi = {
+const Ci = /* @__PURE__ */ h(Ii, [["__scopeId", "data-v-d77943df"]]), Li = { class: "vimeo" }, Ti = { class: "vimeo__wrapper" }, Ai = {
   key: 0,
   class: "vimeo__headline"
-}, Fi = {
+}, Vi = {
   key: 1,
   class: "vimeo__description"
-}, Pi = /* @__PURE__ */ v({
+}, Di = /* @__PURE__ */ v({
   __name: "vimeo",
   props: {
     headline: {
-      type: String
+      type: String,
+      default: ""
     },
     description: {
-      type: String
+      type: String,
+      default: ""
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Mi, [
-      t("div", Oi, [
-        e.headline ? (a(), s("h2", zi, o(e.headline), 1)) : m("", !0),
+    return (l, o) => (i(), s("div", Li, [
+      t("div", Ti, [
+        e.headline ? (i(), s("h2", Ai, r(e.headline), 1)) : m("", !0),
         d(l.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (a(), s("p", Fi, o(e.description), 1)) : m("", !0)
+        e.description ? (i(), s("p", Vi, r(e.description), 1)) : m("", !0)
       ])
     ]));
   }
 });
-const Ei = /* @__PURE__ */ h(Pi, [["__scopeId", "data-v-59fa125d"]]), Hi = { class: "not-found__wrapper" }, Ni = { class: "not-found__content" }, Ri = { class: "not-found__headline" }, ji = { class: "not-found__body" }, Ki = /* @__PURE__ */ v({
+const Mi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-599c68c7"]]), Oi = { class: "not-found__wrapper" }, zi = { class: "not-found__content" }, Fi = { class: "not-found__headline" }, Pi = { class: "not-found__body" }, Ni = /* @__PURE__ */ v({
   __name: "404",
   props: {
     headline: {
@@ -2291,17 +2317,17 @@ const Ei = /* @__PURE__ */ h(Pi, [["__scopeId", "data-v-59fa125d"]]), Hi = { cla
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Hi, [
-      t("div", Ni, [
-        t("h1", Ri, o(e.headline), 1),
-        t("div", ji, [
+    return (l, o) => (i(), s("div", Oi, [
+      t("div", zi, [
+        t("h1", Fi, r(e.headline), 1),
+        t("div", Pi, [
           d(l.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const Ui = /* @__PURE__ */ h(Ki, [["__scopeId", "data-v-dc0a59da"]]), Gi = { class: "filter__wrapper" }, Wi = { class: "filter__content" }, Qi = { class: "filter__dropdowns" }, Yi = { class: "filter__chips" }, Ji = /* @__PURE__ */ v({
+const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { class: "filter__wrapper" }, Ri = { class: "filter__content" }, ji = { class: "filter__dropdowns" }, Ki = { class: "filter__chips" }, Ui = /* @__PURE__ */ v({
   __name: "filter",
   props: {
     hasChips: {
@@ -2311,44 +2337,48 @@ const Ui = /* @__PURE__ */ h(Ki, [["__scopeId", "data-v-dc0a59da"]]), Gi = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (l, r) => (a(), s("div", Gi, [
-      t("div", Wi, [
-        t("div", Qi, [
+    return (l, o) => (i(), s("div", Hi, [
+      t("div", Ri, [
+        t("div", ji, [
           d(l.$slots, "filter-dropdowns")
         ]),
-        t("div", Yi, [
+        t("div", Ki, [
           d(l.$slots, "filter-chips"),
-          e.hasChips ? (a(), s("button", {
+          e.hasChips ? (i(), s("button", {
             key: 0,
             class: "filter__clear",
-            onClick: r[0] || (r[0] = (i) => l.$emit("clearFilters"))
+            onClick: o[0] || (o[0] = (a) => l.$emit("clearFilters"))
           }, " Remove all filters ")) : m("", !0)
         ])
       ])
     ]));
   }
 });
-const Xi = /* @__PURE__ */ h(Ji, [["__scopeId", "data-v-73ba9888"]]), H = (e) => (O("data-v-d2cab33d"), e = e(), z(), e), Zi = { class: "footer__wrapper" }, es = { class: "footer__content" }, ts = { class: "footer__sections" }, as = { class: "section" }, ls = { class: "section__title" }, is = { class: "section__list" }, ss = { class: "section" }, rs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), os = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ns = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ds = /* @__PURE__ */ H(() => /* @__PURE__ */ t("br", null, null, -1)), cs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), us = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), _s = { class: "footer__bottom" }, hs = { class: "copyright" }, vs = { class: "footer__policy" }, ms = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, [
+const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) => (O("data-v-9d34b5e2"), e = e(), z(), e), Wi = { class: "footer__wrapper" }, Yi = { class: "footer__content" }, Qi = { class: "footer__sections" }, Ji = { class: "section__title" }, Xi = { class: "section__list" }, Zi = { class: "section" }, es = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ts = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), as = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ls = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ss = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), os = { class: "footer__bottom" }, rs = { class: "copyright" }, ns = { class: "footer__policy" }, ds = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ j("Change region")
-], -1)), fs = [
-  ms
-], gs = { class: "footer__social" }, ys = ["href", "aria-label"], bs = /* @__PURE__ */ v({
+], -1)), cs = [
+  ds
+], us = { class: "footer__social" }, _s = ["href", "aria-label"], hs = /* @__PURE__ */ v({
   __name: "footer",
   props: {
     footerSections: {
       type: Array,
-      default: []
+      default: () => []
     },
     privacyPolicy: {
-      type: Object
+      type: Object,
+      default: () => {
+      }
     },
     cookiePolicy: {
-      type: Object
+      type: Object,
+      default: () => {
+      }
     },
     socialMedia: {
       type: Array,
-      default: [],
+      default: () => [],
       validator: (e) => {
         const l = [
           "linkedin",
@@ -2357,104 +2387,108 @@ const Xi = /* @__PURE__ */ h(Ji, [["__scopeId", "data-v-73ba9888"]]), H = (e) =>
           "twitter",
           "youtube"
         ];
-        return e.every((r) => l.includes(r.title));
+        return e.every((o) => l.includes(o.title));
       }
     }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (l, r) => (a(), s("div", Zi, [
-      t("footer", es, [
-        t("div", ts, [
-          (a(!0), s(I, null, T(e.footerSections, (i) => (a(), s("div", as, [
-            t("span", ls, o(i.title), 1),
+    return (l, o) => (i(), s("div", Wi, [
+      t("footer", Yi, [
+        t("div", Qi, [
+          (i(!0), s(I, null, C(e.footerSections, (a) => (i(), s("div", {
+            key: a.title,
+            class: "section"
+          }, [
+            t("span", Ji, r(a.title), 1),
             t("nav", null, [
-              t("ul", is, [
+              t("ul", Xi, [
                 d(l.$slots, "section-links", {
-                  links: i.links
+                  links: a.links
                 })
               ])
             ])
-          ]))), 256)),
-          t("div", ss, [
-            rs,
+          ]))), 128)),
+          t("div", Zi, [
+            es,
             t("address", null, [
-              os,
-              ns,
-              ds,
-              p(V, {
+              ts,
+              as,
+              ls,
+              p(A, {
                 class: "footer__contact",
-                linkType: "regular-light",
+                "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  cs
+                  is
                 ]),
                 _: 1
               }),
-              p(V, {
+              p(A, {
                 class: "footer__contact",
-                linkType: "regular-light",
+                "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  us
+                  ss
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", _s, [
-          t("p", hs, "© MiR " + o((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", vs, [
+        t("div", os, [
+          t("p", rs, "© MiR " + r((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", ns, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (i) => l.$emit("changeRegionClicked"))
-            }, fs),
+              onClick: o[0] || (o[0] = (a) => l.$emit("changeRegionClicked"))
+            }, cs),
             d(l.$slots, "footer-privacy-link"),
             d(l.$slots, "footer-cookie-link")
           ]),
-          t("div", gs, [
-            (a(!0), s(I, null, T(e.socialMedia, (i) => (a(), D(V, {
+          t("div", us, [
+            (i(!0), s(I, null, C(e.socialMedia, (a) => (i(), D(A, {
+              key: a.title,
               underline: "false",
-              linkType: "regular"
+              "link-type": "regular"
             }, {
               default: $(() => [
                 t("a", {
-                  href: i.url,
-                  "aria-label": i.title
+                  href: a.url,
+                  "aria-label": a.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: u(["footer__social--icon", [
-                      i.title === "linkedin" ? "bg-linkedin" : i.title === "facebook" ? "bg-facebook" : i.title === "instagram" ? "bg-instagram" : i.title === "twitter" ? "bg-twitter" : i.title === "youtube" ? "bg-youtube" : ""
+                    class: _(["footer__social--icon", [
+                      a.title === "linkedin" ? "bg-linkedin" : a.title === "facebook" ? "bg-facebook" : a.title === "instagram" ? "bg-instagram" : a.title === "twitter" ? "bg-twitter" : a.title === "youtube" ? "bg-youtube" : ""
                     ]])
                   }, null, 2)
-                ], 8, ys)
+                ], 8, _s)
               ]),
               _: 2
-            }, 1024))), 256))
+            }, 1024))), 128))
           ])
         ])
       ])
     ]));
   }
 });
-const ps = /* @__PURE__ */ h(bs, [["__scopeId", "data-v-d2cab33d"]]), $s = { class: "header__wrapper" }, ks = { class: "nav-wrapper" }, ws = { class: "mir-link-logo" }, xs = { class: "main-nav-items" }, Ss = {
+const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, ps = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, qs = {
+}, bs = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Bs = {
+}, $s = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Is = { class: "dropdown-content" }, Ts = { class: "nav-search-wrapper" }, Ls = ["src"], Cs = { class: "mobile-logo-search-burger-wrapper" }, Vs = { class: "mobile-mir-link-logo" }, As = { class: "mobile-search-wrapper" }, Ds = ["src"], Ms = ["onClick"], Os = ["src"], zs = { class: "mobile-menu-content-wrapper" }, Fs = { class: "mobile-dropdown-content" }, Ps = /* @__PURE__ */ v({
+}, ks = { class: "dropdown-content" }, ws = { class: "nav-search-wrapper" }, xs = ["src"], Ss = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Bs = { class: "mobile-search-wrapper" }, Is = ["src"], Cs = ["onClick"], Ls = ["src"], Ts = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Vs = /* @__PURE__ */ v({
   __name: "header",
   props: {
     burgerState: {
@@ -2471,28 +2505,27 @@ const ps = /* @__PURE__ */ h(bs, [["__scopeId", "data-v-d2cab33d"]]), $s = { cla
     "update:showDropDown",
     "clickSearch"
   ],
-  setup(e, { expose: l, emit: r }) {
-    const i = e;
-    w("");
-    let n = null, _ = w(i.burgerState), b = w(i.showDropDown);
+  setup(e, { expose: l, emit: o }) {
+    const a = e;
+    let n = null, c = w(a.burgerState), b = w(a.showDropDown);
     se(
-      () => i.burgerState,
-      (k) => _.value = k
+      () => a.burgerState,
+      (k) => c.value = k
     ), se(
-      () => i.showDropDown,
+      () => a.showDropDown,
       (k) => b.value = k
     ), ne(() => {
       n = (k) => {
         k.target.closest("#menu-dropdown") || (b.value = !1);
       }, window.addEventListener("click", n);
-    }), pe(() => {
+    }), be(() => {
       n !== null && window.removeEventListener("click", n);
     });
-    function C() {
-      b.value = !b.value, r("update:showDropDown", b.value);
+    function T() {
+      b.value = !b.value, o("update:showDropDown", b.value);
     }
     function S() {
-      _.value = !_.value, r("update:burgerState", _.value);
+      c.value = !c.value, o("update:burgerState", c.value);
     }
     let g = w(null), q = w(null);
     function X() {
@@ -2500,124 +2533,126 @@ const ps = /* @__PURE__ */ h(bs, [["__scopeId", "data-v-d2cab33d"]]), $s = { cla
     }
     return l({
       defocusSearchButton: X
-    }), (k, N) => (a(), s("div", $s, [
+    }), (k, H) => (i(), s("div", ms, [
       t("nav", null, [
-        t("div", ks, [
-          t("div", ws, [
+        t("div", fs, [
+          t("div", gs, [
             d(k.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", xs, [
+          t("ul", ys, [
             d(k.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", Ss, [
+          t("div", ps, [
             t("button", {
-              onClick: C,
-              class: "nav-dropdown-btn"
+              class: "nav-dropdown-btn",
+              onClick: T
             }, [
               d(k.$slots, "dropdown-title", {}, void 0, !0),
-              B(b) == !1 ? (a(), s("img", qs)) : (a(), s("img", Bs))
+              B(b) == !1 ? (i(), s("img", bs)) : (i(), s("img", $s))
             ]),
-            Y(t("div", Is, [
+            Q(t("div", ks, [
               d(k.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, B(b)]
             ])
           ], 512),
-          t("div", Ts, [
+          t("div", ws, [
             t("button", {
-              class: "search-icon",
-              onClick: N[0] || (N[0] = (W) => {
-                var P;
-                return k.$emit("clickSearch"), (P = B(g)) == null ? void 0 : P.blur();
-              }),
               ref_key: "navSearchButton",
-              ref: g
+              ref: g,
+              class: "search-icon",
+              onClick: H[0] || (H[0] = (W) => {
+                var N;
+                return k.$emit("clickSearch"), (N = B(g)) == null ? void 0 : N.blur();
+              })
             }, [
               t("img", {
-                src: B(_) == !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",
+                src: B(c) == !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, Ls)
+              }, null, 8, xs)
             ], 512)
           ])
         ]),
         t("div", {
-          class: u(["mobile-nav-wrapper", B(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: _(["mobile-nav-wrapper", B(c) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Cs, [
-            t("div", Vs, [
+          t("div", Ss, [
+            t("div", qs, [
               d(k.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", As, [
+            t("div", Bs, [
               t("button", {
-                class: "search-icon",
-                onClick: N[1] || (N[1] = (W) => {
-                  var P;
-                  return k.$emit("clickSearch"), (P = B(q)) == null ? void 0 : P.blur();
-                }),
                 ref_key: "mobileSearchButton",
                 ref: q,
-                "aria-label": "Toggle search"
+                class: "search-icon",
+                "aria-label": "Toggle search",
+                onClick: H[1] || (H[1] = (W) => {
+                  var N;
+                  return k.$emit("clickSearch"), (N = B(q)) == null ? void 0 : N.blur();
+                })
               }, [
                 t("img", {
-                  src: B(_) == !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",
+                  src: B(c) == !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, Ds)
+                }, null, 8, Is)
               ], 512)
             ]),
             t("button", {
-              onClick: re(S, ["prevent"]),
               class: "mobile-burger-wrapper",
-              "aria-label": "Toggle menu"
+              "aria-label": "Toggle menu",
+              onClick: oe(S, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: B(_) == !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
-              }, null, 8, Os)
-            ], 8, Ms)
+                src: B(c) == !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
+              }, null, 8, Ls)
+            ], 8, Cs)
           ]),
-          Y(t("div", zs, [
+          Q(t("div", Ts, [
             t("ul", null, [
               d(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Fs, [
+            t("ul", As, [
               d(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
               d(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, B(_)]
+            [Z, B(c)]
           ])
         ], 2)
       ])
     ]));
   }
 });
-const Es = /* @__PURE__ */ h(Ps, [["__scopeId", "data-v-98560ea5"]]), Hs = { class: "language__wrapper" }, Ns = { class: "language__content" }, Rs = { class: "language__headline" }, js = { class: "language__paragraph" }, Ks = /* @__PURE__ */ v({
+const Ds = /* @__PURE__ */ h(Vs, [["__scopeId", "data-v-10e18de9"]]), Ms = { class: "language__wrapper" }, Os = { class: "language__content" }, zs = { class: "language__headline" }, Fs = { class: "language__paragraph" }, Ps = /* @__PURE__ */ v({
   __name: "language-switcher",
   props: {
     headline: {
-      type: String
+      type: String,
+      default: ""
     },
     paragraph: {
-      type: String
+      type: String,
+      default: ""
     }
   },
   setup(e) {
-    return (l, r) => (a(), s("div", Hs, [
-      t("div", Ns, [
-        t("h2", Rs, o(e.headline), 1),
-        t("p", js, o(e.paragraph), 1),
+    return (l, o) => (i(), s("div", Ms, [
+      t("div", Os, [
+        t("h2", zs, r(e.headline), 1),
+        t("p", Fs, r(e.paragraph), 1),
         d(l.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Us = /* @__PURE__ */ h(Ks, [["__scopeId", "data-v-a76ba727"]]), Gs = { class: "pagination__wrapper" }, Ws = { class: "pagination__content" }, Qs = /* @__PURE__ */ v({
+const Ns = /* @__PURE__ */ h(Ps, [["__scopeId", "data-v-f345ee1f"]]), Es = { class: "pagination__wrapper" }, Hs = { class: "pagination__content" }, Rs = /* @__PURE__ */ v({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2631,81 +2666,81 @@ const Us = /* @__PURE__ */ h(Ks, [["__scopeId", "data-v-a76ba727"]]), Gs = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (l, r) => (a(), s("div", Gs, [
-      t("div", Ws, [
+    return (l, o) => (i(), s("div", Es, [
+      t("div", Hs, [
         p(J, {
-          onClick: r[0] || (r[0] = (i) => l.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
-          ariaLabel: "previous"
+          "aria-label": "previous",
+          onClick: o[0] || (o[0] = (a) => l.$emit("previous"))
         }, null, 8, ["disabled"]),
         d(l.$slots, "pagination-numbers"),
         p(J, {
-          onClick: r[1] || (r[1] = (i) => l.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
-          ariaLabel: "next"
+          "aria-label": "next",
+          onClick: o[1] || (o[1] = (a) => l.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
 });
-const Ys = /* @__PURE__ */ h(Qs, [["__scopeId", "data-v-9f08dcf6"]]);
-const Js = {}, Xs = { class: "search__wrapper" };
-function Zs(e, l) {
-  return a(), s("div", Xs, [
+const js = /* @__PURE__ */ h(Rs, [["__scopeId", "data-v-9eec8df7"]]);
+const Ks = {}, Us = { class: "search__wrapper" };
+function Gs(e, l) {
+  return i(), s("div", Us, [
     d(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const er = /* @__PURE__ */ h(Js, [["render", Zs], ["__scopeId", "data-v-31f35da9"]]), ar = {
+const Ws = /* @__PURE__ */ h(Ks, [["render", Gs], ["__scopeId", "data-v-623adb82"]]), Qs = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", He), e.component("AtomImage", L), e.component("AtomLabel", G), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", st), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", sa), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockFormScript", Ka), e.component("BlockHeadline", nl), e.component("BlockHero", bl), e.component("BlockImage", Ja), e.component("BlockImageGallery", il), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Cl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Nl), e.component("BlockPromo", Kl), e.component("BlockQuote", ii), e.component("BlockRichText", di), e.component("BlockRichTextColumns", fi), e.component("BlockTimeline", Bi), e.component("BlockTripleCardDisplay", Di), e.component("BlockVimeo", Ei), e.component("Organism404", Ui), e.component("OrganismFilter", Xi), e.component("OrganismFooter", ps), e.component("OrganismHeader", Es), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ys), e.component("OrganismSearch", er);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ve), e.component("AtomDropdown", Ee), e.component("AtomImage", L), e.component("AtomLabel", G), e.component("AtomLink", A), e.component("AtomRadioButton", Ze), e.component("AtomSelect", st), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Yt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", sa), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ba), e.component("BlockFeatures", Ma), e.component("BlockFormScript", Ra), e.component("BlockHeadline", sl), e.component("BlockHero", fl), e.component("BlockImage", Ya), e.component("BlockImageGallery", tl), e.component("BlockLogoWall", Sl), e.component("BlockMicroStories", Bl), e.component("BlockPolicy", Al), e.component("BlockProductHero", Fl), e.component("BlockPromo", El), e.component("BlockQuote", ei), e.component("BlockRichText", si), e.component("BlockRichTextColumns", _i), e.component("BlockTimeline", ki), e.component("BlockTripleCardDisplay", Ci), e.component("BlockVimeo", Mi), e.component("Organism404", Ei), e.component("OrganismFilter", Gi), e.component("OrganismFooter", vs), e.component("OrganismHeader", Ds), e.component("OrganismLanguageSwitcher", Ns), e.component("OrganismPagination", js), e.component("OrganismSearch", Ws);
   }
 };
 export {
   J as AtomButton,
   Ie as AtomCheckbox,
-  Ae as AtomChip,
-  He as AtomDropdown,
+  Ve as AtomChip,
+  Ee as AtomDropdown,
   L as AtomImage,
   G as AtomLabel,
-  V as AtomLink,
+  A as AtomLink,
   Ze as AtomRadioButton,
   st as AtomSelect,
   mt as AtomSlider,
   Dt as AtomTextField,
   wt as AtomTextarea,
   K as AtomVideo,
-  Ia as BlockFacts,
-  za as BlockFeatures,
-  Ka as BlockFormScript,
-  nl as BlockHeadline,
-  bl as BlockHero,
-  Ja as BlockImage,
-  il as BlockImageGallery,
-  Tl as BlockLogoWall,
-  Cl as BlockMicroStories,
-  Ol as BlockPolicy,
-  Nl as BlockProductHero,
-  Kl as BlockPromo,
-  ii as BlockQuote,
-  di as BlockRichText,
-  fi as BlockRichTextColumns,
-  Bi as BlockTimeline,
-  Di as BlockTripleCardDisplay,
-  Ei as BlockVimeo,
-  Qt as MoleculeAddress,
+  Ba as BlockFacts,
+  Ma as BlockFeatures,
+  Ra as BlockFormScript,
+  sl as BlockHeadline,
+  fl as BlockHero,
+  Ya as BlockImage,
+  tl as BlockImageGallery,
+  Sl as BlockLogoWall,
+  Bl as BlockMicroStories,
+  Al as BlockPolicy,
+  Fl as BlockProductHero,
+  El as BlockPromo,
+  ei as BlockQuote,
+  si as BlockRichText,
+  _i as BlockRichTextColumns,
+  ki as BlockTimeline,
+  Ci as BlockTripleCardDisplay,
+  Mi as BlockVimeo,
+  Yt as MoleculeAddress,
   ea as MoleculeBulletList,
   sa as MoleculeCard,
   ha as MoleculeEventCard,
   de as MoleculeModal,
   ya as MoleculeTextCard,
-  Ui as Organism404,
-  Xi as OrganismFilter,
-  ps as OrganismFooter,
-  Es as OrganismHeader,
-  Us as OrganismLanguageSwitcher,
-  Ys as OrganismPagination,
-  er as OrganismSearch,
-  ar as default
+  Ei as Organism404,
+  Gi as OrganismFilter,
+  vs as OrganismFooter,
+  Ds as OrganismHeader,
+  Ns as OrganismLanguageSwitcher,
+  js as OrganismPagination,
+  Ws as OrganismSearch,
+  Qs as default
 };