@mirweb/mir-web-components 0.11.1 → 0.12.0

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

@@ -1,5 +1,5 @@
-import { defineComponent as _, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as x, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as T, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as h, watchEffect as oe, withKeys as $e, createBlock as j, normalizeStyle as ne, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as xe } from "vue";
-const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
+import { defineComponent as m, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as S, withDirectives as U, Fragment as M, renderList as A, vShow as G, normalizeProps as T, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as v, watchEffect as ne, withKeys as $e, createBlock as j, normalizeStyle as oe, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
+const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
   __name: "button",
   props: {
     variant: {
@@ -24,18 +24,18 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("button", {
+    return (a, l) => (i(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
-    }, d(e.variant == "close" ? "" : e.buttonText), 11, Se));
+    }, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
   }
 });
-const v = (e, l) => {
-  const a = e.__vccOpts || e;
-  for (const [o, n] of l)
-    a[o] = n;
-  return a;
-}, W = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ _({
+const h = (e, a) => {
+  const l = e.__vccOpts || e;
+  for (const [n, o] of a)
+    l[n] = o;
+  return l;
+}, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
   __name: "checkbox",
   props: {
     name: String,
@@ -61,12 +61,12 @@ const v = (e, l) => {
     }
   },
   emits: ["input"],
-  setup(e, { emit: l }) {
-    const a = (o) => {
-      const n = o.target;
-      l("input", n.checked);
+  setup(e, { emit: a }) {
+    const l = (n) => {
+      const o = n.target;
+      a("input", o.checked);
     };
-    return (o, n) => (i(), r("div", {
+    return (n, o) => (i(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -77,19 +77,19 @@ const v = (e, l) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: a
+        onChange: l
       }, null, 40, Me),
       t("label", {
         for: e.id,
         class: c(["checkbox__label", e.required ? "required" : ""])
       }, [
         Be,
-        u(o.$slots, "default", {}, void 0, !0)
+        u(n.$slots, "default", {}, void 0, !0)
       ], 10, De)
     ], 2));
   }
 });
-const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ _({
+const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ m({
   __name: "chip",
   props: {
     text: {
@@ -98,25 +98,25 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
     }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: l }) {
-    const a = e, o = N(() => `Chip: ${a.text}`);
-    return (n, m) => (i(), r("div", Ce, [
+  setup(e, { emit: a }) {
+    const l = e, n = N(() => `Chip: ${l.text}`);
+    return (o, _) => (i(), r("div", Ce, [
       t("span", {
         class: "chip",
-        "aria-label": o.value
+        "aria-label": n.value
       }, [
-        O(d(e.text) + " ", 1),
+        O(s(e.text) + " ", 1),
         t("img", {
           src: Te,
           alt: "close",
           class: "close-icon",
-          onClick: m[0] || (m[0] = (S) => n.$emit("remove-chip"))
+          onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
         })
       ], 8, je)
     ]));
   }
 });
-const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Ee = ["aria-selected", "data-value"], Re = /* @__PURE__ */ _({
+const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Ee = ["aria-selected", "data-value"], Re = /* @__PURE__ */ m({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -132,7 +132,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       required: !0,
       validator(e) {
         return e.every(
-          (l) => typeof l.value < "u" && typeof l.label < "u"
+          (a) => typeof a.value < "u" && typeof a.label < "u"
         );
       }
     },
@@ -158,55 +158,55 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const a = e, o = x(null), n = x(null), m = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), q = N(() => {
-      const s = a.options.find(
-        (g) => g.value === a.modelValue
+  setup(e, { emit: a }) {
+    const l = e, n = S(null), o = S(null), _ = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), q = N(() => {
+      const d = l.options.find(
+        (g) => g.value === l.modelValue
       );
-      return s && s.label;
+      return d && d.label;
     }), ce = {
-      beforeMount(s, g) {
-        s.clickOutsideEvent = function(y) {
-          s === y.target || s.contains(y.target) || g.value(y);
-        }, document.body.addEventListener("click", s.clickOutsideEvent);
+      beforeMount(d, g) {
+        d.clickOutsideEvent = function(y) {
+          d === y.target || d.contains(y.target) || g.value(y);
+        }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
-      unmounted(s) {
-        document.body.removeEventListener("click", s.clickOutsideEvent);
+      unmounted(d) {
+        document.body.removeEventListener("click", d.clickOutsideEvent);
       }
     };
-    function ue(s) {
-      l("update:modelValue", s);
+    function ue(d) {
+      a("update:modelValue", d);
     }
-    function me(s) {
+    function _e(d) {
       var y;
-      const g = s.target;
-      g.getAttribute("role") === "option" && (Z(g), R(), (y = o.value) == null || y.focus());
+      const g = d.target;
+      g.getAttribute("role") === "option" && (Z(g), R(), (y = n.value) == null || y.focus());
     }
-    function J(s) {
+    function J(d) {
       var y;
-      const g = s.key;
+      const g = d.key;
       switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
-          s.preventDefault();
-          const w = a.options.findIndex(
-            (V) => V.value === a.modelValue
+          d.preventDefault();
+          const w = l.options.findIndex(
+            (V) => V.value === l.modelValue
           );
-          let B = w ? m.value[w] : m.value[0];
-          g === "ArrowUp" ? w - 1 >= 0 && (B = m.value[w - 1]) : w + 1 <= a.options.length && (B = m.value[w + 1]), B && Z(B);
+          let B = w ? _.value[w] : _.value[0];
+          g === "ArrowUp" ? w - 1 >= 0 && (B = _.value[w - 1]) : w + 1 <= l.options.length && (B = _.value[w + 1]), B && Z(B);
           break;
         }
         case "Home":
         case "PageUp":
-          s.preventDefault(), fe();
+          d.preventDefault(), fe();
           break;
         case "End":
         case "PageDown":
-          s.preventDefault(), ye();
+          d.preventDefault(), ye();
           break;
         case "Enter":
         case "Escape":
-          s.preventDefault(), R(), (y = o.value) == null || y.focus();
+          d.preventDefault(), R(), (y = n.value) == null || y.focus();
           break;
         default: {
           const w = ge(g);
@@ -215,77 +215,77 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
         }
       }
     }
-    function _e(s) {
-      if (!a.disabled)
-        switch (s.key) {
+    function me(d) {
+      if (!l.disabled)
+        switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            s.preventDefault(), K(), J(s);
+            d.preventDefault(), K(), J(d);
             break;
         }
     }
-    function ve(s) {
-      s && s.removeAttribute("aria-selected");
+    function he(d) {
+      d && d.removeAttribute("aria-selected");
     }
-    function he() {
-      S && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
-        I.value = "", S.value = 0;
+    function ve() {
+      x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
+        I.value = "", x.value = 0;
       }, 500);
     }
-    function ge(s) {
+    function ge(d) {
       let g = "";
-      (I.value === "" || g !== s) && (b.value = a.options.findIndex(
-        (w) => w.value === a.modelValue
-      )), I.value = g === s ? s : I.value + s, g = s, he();
+      (I.value === "" || g !== d) && (b.value = l.options.findIndex(
+        (w) => w.value === l.modelValue
+      )), I.value = g === d ? d : I.value + d, g = d, ve();
       let y = Y(
         b.value + 1,
-        a.options.length
+        l.options.length
       );
-      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
+      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % l.options.length, y;
     }
-    function Y(s, g) {
-      for (let y = s; y < g; y++)
-        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
-          return m.value[y];
+    function Y(d, g) {
+      for (let y = d; y < g; y++)
+        if (l.options[y].label && l.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+          return _.value[y];
       return null;
     }
     function fe() {
-      Z(m.value[0]);
+      Z(_.value[0]);
     }
-    function Z(s) {
+    function Z(d) {
       var y, w;
-      const g = s.getAttribute("data-value");
-      if (a.modelValue) {
-        const B = a.options.findIndex(
-          (pe) => pe.value === a.modelValue
-        ), V = m.value[B];
-        ve(V);
+      const g = d.getAttribute("data-value");
+      if (l.modelValue) {
+        const B = l.options.findIndex(
+          (pe) => pe.value === l.modelValue
+        ), V = _.value[B];
+        he(V);
       }
-      if (s.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
-      ), ue(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const B = n.value.clientHeight + n.value.scrollTop, V = s.offsetTop + s.offsetHeight;
-        V > B ? n.value.scrollTop = V - ((w = n.value) == null ? void 0 : w.clientHeight) : s.offsetTop < n.value.scrollTop && (n.value.scrollTop = s.offsetTop);
+      ), ue(g || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
+        const B = o.value.clientHeight + o.value.scrollTop, V = d.offsetTop + d.offsetHeight;
+        V > B ? o.value.scrollTop = V - ((w = o.value) == null ? void 0 : w.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
     function ye() {
       var g;
-      const s = (g = m.value) == null ? void 0 : g[a.options.length - 1];
-      Z(s);
+      const d = (g = _.value) == null ? void 0 : g[l.options.length - 1];
+      Z(d);
     }
     function R() {
-      var s;
-      f.value = !0, (s = o.value) == null || s.removeAttribute("aria-expanded");
+      var d;
+      f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
     }
     function K() {
-      var s, g;
-      f.value = !1, (s = o.value) == null || s.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
+      var d, g;
+      f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
     }
     function be() {
-      a.disabled || (f.value ? K() : R());
+      l.disabled || (f.value ? K() : R());
     }
-    return (s, g) => (i(), r("div", {
+    return (d, g) => (i(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -297,7 +297,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           "is-disabled": e.disabled,
           "is-required": e.required
         }, "listbox__label"])
-      }, d(e.label), 11, Oe),
+      }, s(e.label), 11, Oe),
       U((i(), r("div", Pe, [
         t("button", {
           id: `${e.name}-button-label`,
@@ -307,10 +307,10 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           "aria-disabled": e.disabled,
           class: "listbox__button",
           onClick: be,
-          onKeydown: _e,
+          onKeydown: me,
           ref_key: "listboxButton",
-          ref: o
-        }, d(e.modelValue ? q.value : e.placeholder), 41, He),
+          ref: n
+        }, s(e.modelValue ? q.value : e.placeholder), 41, He),
         U(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
@@ -318,11 +318,11 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           role: "listbox",
           class: "listbox__list",
           onKeydown: J,
-          onClick: me,
+          onClick: _e,
           ref_key: "listboxNode",
-          ref: n
+          ref: o
         }, [
-          (i(!0), r(M, null, L(e.options, (y, w) => (i(), r("li", {
+          (i(!0), r(M, null, A(e.options, (y, w) => (i(), r("li", {
             key: `${e.name}-option-${w}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -330,8 +330,8 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: m
-          }, d(y.label), 9, Ee))), 128))
+            ref: _
+          }, s(y.label), 9, Ee))), 128))
         ], 40, Ze), [
           [G, !f.value]
         ])
@@ -341,7 +341,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     ], 8, Ve));
   }
 });
-const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ _({
+const Ue = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ m({
   __name: "image",
   props: {
     src: {
@@ -379,12 +379,12 @@ const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", We, [
-      u(l.$slots, "default", T(C(l.$attrs)))
+    return (a, l) => (i(), r("div", We, [
+      u(a.$slots, "default", T(C(a.$attrs)))
     ]));
   }
 });
-const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ _({
+const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ m({
   __name: "label",
   props: {
     text: {
@@ -398,17 +398,17 @@ const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
     }
   },
   setup(e) {
-    const l = e, a = N(() => `Label: ${l.text}`);
-    return (o, n) => (i(), r("div", Ge, [
+    const a = e, l = N(() => `Label: ${a.text}`);
+    return (n, o) => (i(), r("div", Ge, [
       t("span", {
-        "aria-label": a.value,
+        "aria-label": l.value,
         "label-dark": e.labelDark,
         class: c(e.labelDark ? "label--dark" : "label--light")
-      }, d(e.text), 11, Je)
+      }, s(e.text), 11, Je)
     ]));
   }
 });
-const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ _({
+const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, L = /* @__PURE__ */ m({
   __name: "link",
   props: {
     url: {
@@ -449,12 +449,12 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     }
   },
   setup(e) {
-    const l = e, a = N(() => {
-      const { ...o } = l;
-      return o;
+    const a = e, l = N(() => {
+      const { ...n } = a;
+      return n;
     });
-    return (o, n) => (i(), r("div", Ke, [
-      t("div", ie(a.value, {
+    return (n, o) => (i(), r("div", Ke, [
+      t("div", ie(l.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" : "",
@@ -462,12 +462,12 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
           e.arrow ? "link-arrow" : ""
         ]]
       }), [
-        u(o.$slots, "default")
+        u(n.$slots, "default")
       ], 16)
     ]));
   }
 });
-const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ _({
+const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ m({
   __name: "radio-button",
   props: {
     name: String,
@@ -494,12 +494,12 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
     }
   },
   emits: ["input"],
-  setup(e, { emit: l }) {
-    const a = (o) => {
-      const n = o.target;
-      l("input", n.checked);
+  setup(e, { emit: a }) {
+    const l = (n) => {
+      const o = n.target;
+      a("input", o.checked);
     };
-    return (o, n) => (i(), r("div", {
+    return (n, o) => (i(), r("div", {
       class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -511,19 +511,19 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
         required: e.required,
         id: e.id,
         class: "radio__radio",
-        onChange: a
+        onChange: l
       }, null, 40, Xe),
       t("label", {
         for: e.id,
         class: c(["radio__label", e.required ? "required" : ""])
       }, [
         tt,
-        u(o.$slots, "default", {}, void 0, !0)
+        u(n.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
 });
-const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], ot = ["disabled", "id", "name", "value"], nt = ["value"], st = /* @__PURE__ */ _({
+const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["disabled", "id", "name", "value"], ot = ["value"], st = /* @__PURE__ */ m({
   __name: "select",
   props: {
     id: {
@@ -539,7 +539,7 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
       required: !0,
       validator(e) {
         return e.every(
-          (l) => typeof l.value < "u" && typeof l.text < "u"
+          (a) => typeof a.value < "u" && typeof a.text < "u"
         );
       }
     },
@@ -564,79 +564,79 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, a) => (i(), r("div", it, [
+    return (a, l) => (i(), r("div", it, [
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
-      }, d(e.label), 11, rt),
+      }, s(e.label), 11, rt),
       t("select", {
         class: c(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
         id: e.id,
         name: e.name,
         value: e.modelValue,
-        onChange: a[0] || (a[0] = (o) => {
-          l.$emit("update:modelValue", o.target.value), o.target.blur();
+        onChange: l[0] || (l[0] = (n) => {
+          a.$emit("update:modelValue", n.target.value), n.target.blur();
         })
       }, [
-        (i(!0), r(M, null, L(e.options, (o) => (i(), r("option", {
-          key: o.value,
-          value: o.value
-        }, d(o.text), 9, nt))), 128))
-      ], 42, ot)
+        (i(!0), r(M, null, A(e.options, (n) => (i(), r("option", {
+          key: n.value,
+          value: n.value
+        }, s(n.text), 9, ot))), 128))
+      ], 42, nt)
     ]));
   }
 });
-const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ _({
+const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ m({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: l }) {
-    const a = e;
+  setup(e, { emit: a }) {
+    const l = e;
     N({
-      get: () => a.show,
-      set: (n) => l("update:show", n)
+      get: () => l.show,
+      set: (o) => a("update:show", o)
     });
-    const o = () => {
-      l("update:show", !a.show);
+    const n = () => {
+      a("update:show", !l.show);
     };
-    return (n, m) => (i(), r("div", ct, [
+    return (o, _) => (i(), r("div", ct, [
       k(ke, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          n.show ? (i(), r("div", {
+          o.show ? (i(), r("div", {
             key: 0,
             class: "overlay",
-            onClick: o,
+            onClick: n,
             ariaLabel: "modal",
             role: "dialog"
           }, [
             t("div", {
               id: "modal",
-              onClick: m[0] || (m[0] = re(() => {
+              onClick: _[0] || (_[0] = re(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
                 k(W, {
                   ariaLabel: "close",
                   variant: "close",
-                  onClick: o
+                  onClick: n
                 })
               ]),
-              u(n.$slots, "default", {}, void 0, !0)
+              u(o.$slots, "default", {}, void 0, !0)
             ])
-          ])) : h("", !0)
+          ])) : v("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, _t = { class: "slider__label" }, vt = ["for"], ht = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ _({
+const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -688,40 +688,40 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const a = e, o = x(a.modelValue), n = x(), m = x(!1), S = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+  setup(e, { emit: a }) {
+    const l = e, n = S(l.modelValue), o = S(), _ = S(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
       var b;
-      (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
+      (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
-    return oe(() => {
-      if (n.value) {
-        l("update:modelValue", o.value);
-        const f = S(o.value, a.min, a.max);
+    return ne(() => {
+      if (o.value) {
+        a("update:modelValue", n.value);
+        const f = x(n.value, l.min, l.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
     }), (f, b) => (i(), r(M, null, [
-      t("div", mt, [
-        t("div", _t, [
+      t("div", _t, [
+        t("div", mt, [
           t("label", {
             for: e.id,
             class: c([e.variant, ""])
-          }, d(e.label), 11, vt),
+          }, s(e.label), 11, ht),
           e.information ? (i(), r("i", {
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
-            onClick: b[0] || (b[0] = (q) => m.value = !m.value),
-            onKeyup: b[1] || (b[1] = $e((q) => m.value = !m.value, ["enter"])),
+            onClick: b[0] || (b[0] = (q) => _.value = !_.value),
+            onKeyup: b[1] || (b[1] = $e((q) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
-          }, null, 42, ht)) : h("", !0)
+          }, null, 42, vt)) : v("", !0)
         ]),
         t("div", gt, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
-          }, d(e.min), 3),
+          }, s(e.min), 3),
           t("input", {
             type: "range",
             id: e.id,
@@ -732,31 +732,31 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             max: e.max,
             class: c(e.variant),
             ref_key: "slider",
-            ref: n,
-            onInput: b[2] || (b[2] = ({ target: q }) => o.value = parseFloat(q.value))
+            ref: o,
+            onInput: b[2] || (b[2] = ({ target: q }) => n.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
             class: c([e.variant, "slider__minmax"])
-          }, d(e.max), 3)
+          }, s(e.max), 3)
         ]),
         t("span", {
           class: c([e.variant, "slider__value"])
-        }, d(e.modelValue), 3)
+        }, s(e.modelValue), 3)
       ]),
       e.information ? (i(), j(se, {
         key: 0,
-        show: m.value,
-        "onUpdate:show": b[3] || (b[3] = (q) => m.value = q)
+        show: _.value,
+        "onUpdate:show": b[3] || (b[3] = (q) => _.value = q)
       }, {
         default: $(() => [
-          O(d(e.information), 1)
+          O(s(e.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : h("", !0)
+      }, 8, ["show"])) : v("", !0)
     ], 64));
   }
 });
-const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], xt = { class: "textarea-info" }, St = { key: 0 }, It = /* @__PURE__ */ _({
+const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ m({
   __name: "textarea",
   props: {
     id: {
@@ -796,11 +796,11 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, a) => (i(), r("div", pt, [
+    return (a, l) => (i(), r("div", pt, [
       t("label", {
         for: e.id,
         class: c({ required: e.required })
-      }, d(e.labelText) + d(e.required ? " *" : ""), 11, kt),
+      }, s(e.labelText) + s(e.required ? " *" : ""), 11, kt),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
       }, [
@@ -814,26 +814,26 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          onInput: a[0] || (a[0] = (o) => l.$emit("update:modelValue", o.target.value)),
+          onInput: l[0] || (l[0] = (n) => a.$emit("update:modelValue", n.target.value)),
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
         }, null, 42, wt)
       ], 8, $t),
-      t("div", xt, [
+      t("div", St, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", St, " Too many characters. Please make it shorter ")) : h("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", xt, " Too many characters. Please make it shorter ")) : v("", !0)
         ]),
         t("p", {
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
-        }, d(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + d(e.maxLength), 3)
+        }, s(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + s(e.maxLength), 3)
       ])
     ]));
   }
 });
-const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled"], Lt = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
+const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, Lt = ["id", "type", "value", "placeholder", "required", "disabled"], At = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
   key: 2,
   class: "search"
 }, jt = {
@@ -842,7 +842,7 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
 }, Nt = {
   key: 4,
   class: "helperText"
-}, zt = /* @__PURE__ */ _({
+}, zt = /* @__PURE__ */ m({
   __name: "text-field",
   props: {
     type: {
@@ -909,12 +909,12 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = x(!0), a = N(
-      () => l.value ? "showPassword" : "hidePassword"
-    ), o = N(
-      () => l.value ? "password" : "text"
+    const a = S(!0), l = N(
+      () => a.value ? "showPassword" : "hidePassword"
+    ), n = N(
+      () => a.value ? "password" : "text"
     );
-    return (n, m) => (i(), r("div", Mt, [
+    return (o, _) => (i(), r("div", Mt, [
       t("label", {
         for: e.id,
         class: c([
@@ -922,24 +922,24 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
         ])
-      }, d(e.label), 11, Dt),
+      }, s(e.label), 11, Dt),
       e.type === "password" ? (i(), r("div", Bt, [
         t("input", {
           id: e.id,
-          type: o.value,
+          type: n.value,
           value: e.modelValue,
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: m[0] || (m[0] = (S) => n.$emit("update:modelValue", S.target.value))
-        }, null, 40, At),
+          onInput: _[0] || (_[0] = (x) => o.$emit("update:modelValue", x.target.value))
+        }, null, 40, Lt),
         t("i", {
           role: "button",
-          class: c([a.value]),
-          onClick: m[1] || (m[1] = (S) => l.value = !l.value),
+          class: c([l.value]),
+          onClick: _[1] || (_[1] = (x) => a.value = !a.value),
           "aria-controls": "password",
-          "aria-expanded": !l.value
-        }, null, 10, Lt)
+          "aria-expanded": !a.value
+        }, null, 10, At)
       ])) : (i(), r("input", {
         key: 1,
         type: e.type,
@@ -953,15 +953,15 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: m[2] || (m[2] = (S) => n.$emit("update:modelValue", S.target.value))
+        onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
       }, null, 42, Tt)),
-      e.search ? (i(), r("i", Ct)) : h("", !0),
-      e.errorMessage ? (i(), r("strong", jt, d(e.errorMessage), 1)) : h("", !0),
-      e.helperText ? (i(), r("span", Nt, d(e.helperText), 1)) : h("", !0)
+      e.search ? (i(), r("i", Ct)) : v("", !0),
+      e.errorMessage ? (i(), r("strong", jt, s(e.errorMessage), 1)) : v("", !0),
+      e.helperText ? (i(), r("span", Nt, s(e.helperText), 1)) : v("", !0)
     ]));
   }
 });
-const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ _({
+const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ m({
   __name: "video",
   props: {
     play: {
@@ -1013,15 +1013,15 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     }
   },
   setup(e) {
-    const l = e;
-    let a = x(null);
-    return oe(() => {
-      l.play && a.value ? a.value.play() : !l.play && a.value && a.value.pause();
-    }), (o, n) => (i(), r("div", Ot, [
+    const a = e;
+    let l = S(null);
+    return ne(() => {
+      a.play && l.value ? l.value.play() : !a.play && l.value && l.value.pause();
+    }), (n, o) => (i(), r("div", Ot, [
       e.localVideo ? (i(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: a,
+        ref: l,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1047,7 +1047,7 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     ]));
   }
 });
-const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Rt = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Et(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ _({
+const E = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Rt = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Et(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ m({
   __name: "bullet-list",
   props: {
     list: {
@@ -1067,21 +1067,21 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Rt, [
+    return (a, l) => (i(), r("div", Rt, [
       t("div", {
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (i(!0), r(M, null, L(e.list, (o) => (i(), r("li", null, [
+          (i(!0), r(M, null, A(e.list, (n) => (i(), r("li", null, [
             Ut,
-            O(" " + d(o), 1)
+            O(" " + s(n), 1)
           ]))), 256))
         ])
       ], 2)
     ]));
   }
 });
-const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ _({
+const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ m({
   __name: "card",
   props: {
     variant: {
@@ -1135,9 +1135,9 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
     alt: String
   },
   emits: ["clicked"],
-  setup(e, { emit: l }) {
-    let a = x(!1);
-    return (o, n) => (i(), r("div", Gt, [
+  setup(e, { emit: a }) {
+    let l = S(!1);
+    return (n, o) => (i(), r("div", Gt, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1146,16 +1146,16 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           e.size == "large" && e.variant == "article" ? "card--large-article" : "",
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
-        style: ne([
+        style: oe([
           e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
           e.mediaType == "video" ? "width: 328px" : ""
         ]),
-        onMouseover: n[0] || (n[0] = (m) => Q(a) ? a.value = !0 : a = !0),
-        onMouseout: n[1] || (n[1] = (m) => Q(a) ? a.value = !1 : a = !1)
+        onMouseover: o[0] || (o[0] = (_) => Q(l) ? l.value = !0 : l = !0),
+        onMouseout: o[1] || (o[1] = (_) => Q(l) ? l.value = !1 : l = !1)
       }, [
         e.mediaType == "image" ? (i(), j(D, { key: 0 }, {
           default: $(() => [
-            u(o.$slots, "card-image", ie({
+            u(n.$slots, "card-image", ie({
               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" : "",
@@ -1167,10 +1167,10 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           _: 3
         })) : (i(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
         }, [
           k(E, {
-            play: p(a),
+            play: p(l),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1186,17 +1186,17 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
         e.variant === "product" ? (i(), r("h3", {
           key: 2,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, d(e.headline), 3)) : (i(), r("h3", {
+        }, s(e.headline), 3)) : (i(), r("h3", {
           key: 3,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
-        }, d(e.headline), 3)),
-        e.variant == "product" ? (i(), r("p", Jt, d(e.paragraph), 1)) : h("", !0),
-        u(o.$slots, "card-label")
+        }, s(e.headline), 3)),
+        e.variant == "product" ? (i(), r("p", Jt, s(e.paragraph), 1)) : v("", !0),
+        u(n.$slots, "card-label")
       ], 38)
     ]));
   }
 });
-const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ _({
+const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ m({
   __name: "event-card",
   props: {
     eventType: {
@@ -1221,25 +1221,25 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Xt, [
+    return (a, l) => (i(), r("div", Xt, [
       k(F, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", ea, d(e.headline), 1),
+      t("div", ea, s(e.headline), 1),
       t("div", ta, [
-        O(d(e.dateTime), 1),
+        O(s(e.dateTime), 1),
         aa,
-        O(d(e.location), 1)
+        O(s(e.location), 1)
       ]),
-      t("div", la, "Exhibitor: " + d(e.exhibitor), 1)
+      t("div", la, "Exhibitor: " + s(e.exhibitor), 1)
     ]));
   }
 });
-const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
+const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { class: "facts__wrapper" }, oa = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, _a = { class: "fact__metric" }, ma = {
   key: 0,
   class: "facts__link"
-}, va = /* @__PURE__ */ _({
+}, ha = /* @__PURE__ */ m({
   __name: "facts",
   props: {
     headline: {
@@ -1257,38 +1257,38 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", oa, [
-      t("div", na, [
-        t("h2", sa, d(e.headline), 1),
+    return (a, l) => (i(), r("div", na, [
+      t("div", oa, [
+        t("h2", sa, s(e.headline), 1),
         t("div", da, [
-          (i(!0), r(M, null, L(e.facts, (o) => (i(), r("div", ca, [
+          (i(!0), r(M, null, A(e.facts, (n) => (i(), r("div", ca, [
             t("div", ua, [
-              t("span", null, d(o.value), 1)
+              t("span", null, s(n.value), 1)
             ]),
-            t("div", ma, [
-              t("span", null, d(o.metric), 1)
+            t("div", _a, [
+              t("span", null, s(n.metric), 1)
             ])
           ]))), 256))
         ]),
-        e.link ? (i(), r("div", _a, [
-          k(A, {
+        e.link ? (i(), r("div", ma, [
+          k(L, {
             linkType: "regular-light",
             arrow: ""
           }, {
             default: $(() => [
-              u(l.$slots, "facts-link", {}, void 0, !0)
+              u(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : h("", !0)
+        ])) : v("", !0)
       ])
     ]));
   }
 });
-const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
+const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
   key: 0,
   class: "features__headline"
-}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ _({
+}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ m({
   __name: "features",
   props: {
     headline: {
@@ -1303,38 +1303,38 @@ const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", ga, [
+    return (a, l) => (i(), r("div", ga, [
       t("div", fa, [
         e.headline ? (i(), r("div", ya, [
-          t("h2", null, d(e.headline), 1)
-        ])) : h("", !0),
+          t("h2", null, s(e.headline), 1)
+        ])) : v("", !0),
         t("div", ba, [
-          u(l.$slots, "features-body", {}, void 0, !0)
+          u(a.$slots, "features-body", {}, void 0, !0)
         ]),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (i(!0), r(M, null, L(e.elements, (o) => (i(), r("div", pa, [
+          (i(!0), r(M, null, A(e.elements, (n) => (i(), r("div", pa, [
             k(D, { class: "element__icon" }, {
               default: $(() => [
-                u(l.$slots, "features-icon", T(C({
-                  src: o.icon.src,
+                u(a.$slots, "features-icon", T(C({
+                  src: n.icon.src,
                   height: 30,
                   width: 30,
-                  alt: o.icon.alt
+                  alt: n.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", ka, d(o.headline), 1),
-            t("p", $a, d(o.body), 1)
+            t("p", ka, s(n.headline), 1),
+            t("p", $a, s(n.body), 1)
           ]))), 256))
         ], 2)
       ])
     ]));
   }
 });
-const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ _({
+const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ m({
   __name: "image",
   props: {
     caption: {
@@ -1351,22 +1351,22 @@ const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Sa, [
+    return (a, l) => (i(), r("div", xa, [
       t("div", Ia, [
         t("div", qa, [
           k(D, null, {
             default: $(() => [
-              u(l.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(a.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", Ma, d(e.caption), 1)
+        t("p", Ma, s(e.caption), 1)
       ])
     ]));
   }
 });
-const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { class: "gallery__large" }, La = {
+const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { class: "gallery__large" }, Aa = {
   key: 0,
   class: "image image--large"
 }, Ta = {
@@ -1375,7 +1375,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
 }, Ca = { class: "image image--small" }, ja = {
   key: 0,
   class: "body"
-}, Na = /* @__PURE__ */ _({
+}, Na = /* @__PURE__ */ m({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1414,7 +1414,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
@@ -1426,11 +1426,11 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", Aa, [
-          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", La, [
+        t("div", La, [
+          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Aa, [
             k(D, null, {
               default: $(() => [
-                u(l.$slots, "image-large", T(C({
+                u(a.$slots, "image-large", T(C({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1439,7 +1439,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               ]),
               _: 3
             })
-          ])) : h("", !0),
+          ])) : v("", !0),
           e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ta, [
             k(E, {
               src: e.mediaLarge.src,
@@ -1453,37 +1453,37 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               muted: !0,
               play: !0
             }, null, 8, ["src", "ariaLabel"])
-          ])) : h("", !0)
+          ])) : v("", !0)
         ]),
         t("div", {
-          style: ne([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
+          style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
           class: c([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (i(!0), r(M, null, L(e.mediaSmall, (o) => (i(), r("div", Ca, [
+          (i(!0), r(M, null, A(e.mediaSmall, (n) => (i(), r("div", Ca, [
             k(D, null, {
               default: $(() => [
-                u(l.$slots, "image-small", T(C({
+                u(a.$slots, "image-small", T(C({
                   width: 328,
                   height: 246,
-                  src: o.src,
-                  alt: o.alt
+                  src: n.src,
+                  alt: n.alt
                 })))
               ]),
               _: 2
             }, 1024)
           ]))), 256)),
           e.mediaSmall.length < 2 ? (i(), r("div", ja, [
-            t("p", null, d(e.body), 1)
-          ])) : h("", !0)
+            t("p", null, s(e.body), 1)
+          ])) : v("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
 });
-const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ _({
+const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ m({
   __name: "headline",
   props: {
     headline: {
@@ -1500,18 +1500,18 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Va, [
+    return (a, l) => (i(), r("div", Va, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
         ])
       }, [
-        t("h1", Oa, d(e.headline), 1)
+        t("h1", Oa, s(e.headline), 1)
       ], 2)
     ]));
   }
 });
-const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ _({
+const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1534,20 +1534,20 @@ const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
       t("div", Za, [
-        u(l.$slots, "micro-stories-slides")
+        u(a.$slots, "micro-stories-slides")
       ]),
-      u(l.$slots, "micro-stories-controls")
+      u(a.$slots, "micro-stories-controls")
     ], 2));
   }
 });
-const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ _({
+const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -1572,10 +1572,10 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Ra, [
+    return (a, l) => (i(), r("div", Ra, [
       t("div", Ua, [
         t("div", Wa, [
-          t("h1", null, d(e.headline), 1)
+          t("h1", null, s(e.headline), 1)
         ]),
         t("div", Fa, [
           k(E, {
@@ -1594,7 +1594,7 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     ]));
   }
 });
-const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ _({
+const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ m({
   __name: "promo",
   props: {
     label: {
@@ -1637,13 +1637,17 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
       type: String,
       default: "link",
       validator: (e) => ["link", "button"].includes(e)
+    },
+    teaser: {
+      type: Boolean
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "promo__wrapper",
-        e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : ""
+        e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "",
+        e.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
       t("div", Ya, [
@@ -1656,11 +1660,11 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
         }, [
           k(D, null, {
             default: $(() => [
-              u(l.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              u(a.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : h("", !0),
+        ], 2)) : v("", !0),
         e.mediaType === "video" ? (i(), r("div", {
           key: 1,
           class: c([
@@ -1679,7 +1683,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             play: !0,
             poster: e.fallbackImage
           }, null, 8, ["src", "ariaLabel", "poster"])
-        ], 2)) : h("", !0),
+        ], 2)) : v("", !0),
         t("div", {
           class: c([
             "promo__text",
@@ -1690,41 +1694,41 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
-          }, null, 8, ["text", "labelDark"])) : h("", !0),
+          }, null, 8, ["text", "labelDark"])) : v("", !0),
           t("h3", {
             class: c([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, d(e.headline), 3),
-          e.linkType === "link" ? (i(), j(A, {
+          }, s(e.headline), 3),
+          e.linkType === "link" ? (i(), j(L, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
             default: $(() => [
-              u(l.$slots, "promo-link")
+              u(a.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : h("", !0),
-          e.linkType === "button" ? (i(), j(A, {
+          }, 8, ["linkType"])) : v("", !0),
+          e.linkType === "button" ? (i(), j(L, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
-              u(l.$slots, "promo-link")
+              u(a.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : h("", !0)
+          }, 8, ["linkType"])) : v("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, ol = {
+const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, nl = {
   key: 0,
   class: "quote__image"
-}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ _({
+}, ol = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ m({
   __name: "quote",
   props: {
     quote: {
@@ -1745,16 +1749,16 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) =
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", el, [
+    return (a, l) => (i(), r("div", el, [
       t("div", tl, [
         al,
         t("div", ll, [
-          t("p", il, d(e.quote), 1),
+          t("p", il, s(e.quote), 1),
           t("div", rl, [
-            e.authorImage ? (i(), r("div", ol, [
+            e.authorImage ? (i(), r("div", nl, [
               k(D, null, {
                 default: $(() => [
-                  u(l.$slots, "author-image", T(C({
+                  u(a.$slots, "author-image", T(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1762,10 +1766,10 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) =
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
-            t("div", nl, [
-              t("p", sl, d(e.author), 1),
-              t("p", dl, d(e.authorTitle), 1)
+            ])) : v("", !0),
+            t("div", ol, [
+              t("p", sl, s(e.author), 1),
+              t("p", dl, s(e.authorTitle), 1)
             ])
           ])
         ])
@@ -1773,13 +1777,13 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) =
     ]));
   }
 });
-const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
+const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { class: "rich-text__wrapper" }, ml = {
   key: 0,
   class: "rich-text__links"
-}, vl = {
+}, hl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, hl = /* @__PURE__ */ _({
+}, vl = /* @__PURE__ */ m({
   __name: "rich-text",
   props: {
     headline: {
@@ -1814,25 +1818,25 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ml, [
+      t("div", _l, [
         e.label ? (i(), j(F, {
           key: 0,
           text: e.label,
           labelDark: !1
-        }, null, 8, ["text"])) : h("", !0),
+        }, null, 8, ["text"])) : v("", !0),
         e.headline ? (i(), r("h2", {
           key: 1,
           class: c([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, d(e.headline), 3)) : h("", !0),
+        }, s(e.headline), 3)) : v("", !0),
         t("div", {
           class: c([
             "rich-text__content",
@@ -1845,14 +1849,14 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(l.$slots, "rich-text-content"),
-            e.links ? (i(), r("div", _l, [
-              u(l.$slots, "rich-text-links")
-            ])) : h("", !0)
+            u(a.$slots, "rich-text-content"),
+            e.links ? (i(), r("div", ml, [
+              u(a.$slots, "rich-text-links")
+            ])) : v("", !0)
           ], 2),
-          e.bulletList ? (i(), r("div", vl, [
-            u(l.$slots, "rich-text-bullet-list")
-          ])) : h("", !0),
+          e.bulletList ? (i(), r("div", hl, [
+            u(a.$slots, "rich-text-bullet-list")
+          ])) : v("", !0),
           e.image ? (i(), r("div", {
             key: 1,
             class: c([
@@ -1862,20 +1866,20 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
           }, [
             k(D, null, {
               default: $(() => [
-                u(l.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
+                u(a.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : h("", !0)
+          ], 2)) : v("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
+const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
   key: 0,
   class: "triple-card__content"
-}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ _({
+}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ m({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -1892,7 +1896,7 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
@@ -1900,23 +1904,23 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }, [
       t("div", fl, [
         e.headline || e.paragraph ? (i(), r("div", yl, [
-          e.headline ? (i(), r("h2", bl, d(e.headline), 1)) : h("", !0),
-          e.paragraph ? (i(), r("p", pl, d(e.paragraph), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (i(), r("h2", bl, s(e.headline), 1)) : v("", !0),
+          e.paragraph ? (i(), r("p", pl, s(e.paragraph), 1)) : v("", !0)
+        ])) : v("", !0),
         t("div", kl, [
-          u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
+          u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { class: "vimeo" }, Sl = { class: "vimeo__wrapper" }, Il = {
+const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-10340ac8"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
   key: 0,
   class: "vimeo__headline"
 }, ql = {
   key: 1,
   class: "vimeo__description"
-}, Ml = /* @__PURE__ */ _({
+}, Ml = /* @__PURE__ */ m({
   __name: "vimeo",
   props: {
     headline: {
@@ -1927,16 +1931,16 @@ const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", xl, [
-      t("div", Sl, [
-        e.headline ? (i(), r("h2", Il, d(e.headline), 1)) : h("", !0),
-        u(l.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (i(), r("p", ql, d(e.description), 1)) : h("", !0)
+    return (a, l) => (i(), r("div", Sl, [
+      t("div", xl, [
+        e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : v("", !0),
+        u(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (i(), r("p", ql, s(e.description), 1)) : v("", !0)
       ])
     ]));
   }
 });
-const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Al = { class: "not-found__content" }, Ll = { class: "not-found__headline" }, Tl = { class: "not-found__body" }, Cl = /* @__PURE__ */ _({
+const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Ll = { class: "not-found__content" }, Al = { class: "not-found__headline" }, Tl = { class: "not-found__body" }, Cl = /* @__PURE__ */ m({
   __name: "404",
   props: {
     headline: {
@@ -1945,17 +1949,17 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Bl, [
-      t("div", Al, [
-        t("h1", Ll, d(e.headline), 1),
+    return (a, l) => (i(), r("div", Bl, [
+      t("div", Ll, [
+        t("h1", Al, s(e.headline), 1),
         t("div", Tl, [
-          u(l.$slots, "not-found-body", {}, void 0, !0)
+          u(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ _({
+const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ m({
   __name: "filter",
   props: {
     hasChips: {
@@ -1965,27 +1969,27 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (l, a) => (i(), r("div", Nl, [
+    return (a, l) => (i(), r("div", Nl, [
       t("div", zl, [
         t("div", Vl, [
-          u(l.$slots, "filter-dropdowns", {}, void 0, !0)
+          u(a.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", Ol, [
-          u(l.$slots, "filter-chips", {}, void 0, !0),
+          u(a.$slots, "filter-chips", {}, void 0, !0),
           e.hasChips ? (i(), r("button", {
             key: 0,
             class: "filter__clear",
-            onClick: a[0] || (a[0] = (o) => l.$emit("clearFilters"))
-          }, " Remove all filters ")) : h("", !0)
+            onClick: l[0] || (l[0] = (n) => a.$emit("clearFilters"))
+          }, " Remove all filters ")) : v("", !0)
         ])
       ])
     ]));
   }
 });
-const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-1da7210c"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, El = { class: "footer__content" }, Rl = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
+const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-1da7210c"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, El = { class: "footer__content" }, Rl = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), ri = { class: "footer__social" }, oi = ["href", "aria-label"], ni = /* @__PURE__ */ _({
+], -1)), ri = { class: "footer__social" }, ni = ["href", "aria-label"], oi = /* @__PURE__ */ m({
   __name: "footer",
   props: {
     footerSections: {
@@ -2002,27 +2006,27 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
       type: Array,
       default: [],
       validator: (e) => {
-        const l = [
+        const a = [
           "linkedin",
           "facebook",
           "instagram",
           "twitter",
           "youtube"
         ];
-        return e.every((a) => l.includes(a.title));
+        return e.every((l) => a.includes(l.title));
       }
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Zl, [
+    return (a, l) => (i(), r("div", Zl, [
       t("footer", El, [
         t("div", Rl, [
-          (i(!0), r(M, null, L(e.footerSections, (o) => (i(), r("div", Ul, [
-            t("span", Wl, d(o.title), 1),
+          (i(!0), r(M, null, A(e.footerSections, (n) => (i(), r("div", Ul, [
+            t("span", Wl, s(n.title), 1),
             t("nav", null, [
               t("ul", Fl, [
-                u(l.$slots, "section-links", {
-                  links: o.links
+                u(a.$slots, "section-links", {
+                  links: n.links
                 })
               ])
             ])
@@ -2033,7 +2037,7 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
               Yl,
               Kl,
               Ql,
-              k(A, {
+              k(L, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
@@ -2043,7 +2047,7 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
                 ]),
                 _: 1
               }),
-              k(A, {
+              k(L, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
@@ -2058,34 +2062,34 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
         ]),
         t("div", ti, [
           t("div", ai, [
-            t("p", li, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
-            k(A, { linkType: "regular-light" }, {
+            t("p", li, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
+            k(L, { linkType: "regular-light" }, {
               default: $(() => [
                 ii
               ]),
               _: 1
             }),
-            u(l.$slots, "footer-privacy-link"),
-            u(l.$slots, "footer-cookie-link")
+            u(a.$slots, "footer-privacy-link"),
+            u(a.$slots, "footer-cookie-link")
           ]),
           t("div", ri, [
-            (i(!0), r(M, null, L(e.socialMedia, (o) => (i(), j(A, {
+            (i(!0), r(M, null, A(e.socialMedia, (n) => (i(), j(L, {
               underline: "false",
               linkType: "regular"
             }, {
               default: $(() => [
                 t("a", {
-                  href: o.url,
-                  "aria-label": o.title
+                  href: n.url,
+                  "aria-label": n.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
                     class: c(["footer__social--icon", [
-                      o.title === "linkedin" ? "bg-linkedin" : o.title === "facebook" ? "bg-facebook" : o.title === "instagram" ? "bg-instagram" : o.title === "twitter" ? "bg-twitter" : o.title === "youtube" ? "bg-youtube" : ""
+                      n.title === "linkedin" ? "bg-linkedin" : n.title === "facebook" ? "bg-facebook" : n.title === "instagram" ? "bg-instagram" : n.title === "twitter" ? "bg-twitter" : n.title === "youtube" ? "bg-youtube" : ""
                     ]])
                   }, null, 2)
-                ], 8, oi)
+                ], 8, ni)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2095,19 +2099,19 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
     ]));
   }
 });
-const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", di = { class: "header__wrapper" }, ci = { class: "nav-wrapper" }, ui = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, _i = {
+const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", di = { class: "header__wrapper" }, ci = { class: "nav-wrapper" }, ui = { class: "mir-link-logo" }, _i = { class: "main-nav-items" }, mi = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, vi = {
+}, hi = {
   key: 0,
   src: de,
   alt: "dropdownarrow"
-}, hi = {
+}, vi = {
   key: 1,
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, gi = { class: "dropdown-content" }, fi = { class: "nav-search-wrapper" }, yi = ["src"], bi = { class: "mobile-logo-search-burger-wrapper" }, pi = { class: "mobile-mir-link-logo" }, ki = { class: "mobile-search-wrapper" }, $i = ["src"], wi = ["onClick"], xi = ["src"], Si = ["src"], Ii = { class: "mobile-menu-content-wrapper" }, qi = { class: "mobile-dropdown-content" }, Mi = /* @__PURE__ */ _({
+}, gi = { class: "dropdown-content" }, fi = { class: "nav-search-wrapper" }, yi = ["src"], bi = { class: "mobile-logo-search-burger-wrapper" }, pi = { class: "mobile-mir-link-logo" }, ki = { class: "mobile-search-wrapper" }, $i = ["src"], wi = ["onClick"], Si = ["src"], xi = ["src"], Ii = { class: "mobile-menu-content-wrapper" }, qi = { class: "mobile-dropdown-content" }, Mi = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2120,28 +2124,28 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
     }
   },
   emits: ["update:burgerState", "update:showDropDown"],
-  setup(e, { emit: l }) {
-    const a = e;
-    x("");
-    let o = null, n = x(a.burgerState), m = x(a.showDropDown);
+  setup(e, { emit: a }) {
+    const l = e;
+    S("");
+    let n = null, o = S(l.burgerState), _ = S(l.showDropDown);
     X(
-      () => a.burgerState,
-      (f) => n.value = f
+      () => l.burgerState,
+      (f) => o.value = f
     ), X(
-      () => a.showDropDown,
-      (f) => m.value = f
+      () => l.showDropDown,
+      (f) => _.value = f
     ), we(() => {
-      o = (f) => {
-        f.target.closest("#menu-dropdown") || (m.value = !1);
-      }, window.addEventListener("click", o);
-    }), xe(() => {
-      o !== null && window.removeEventListener("click", o);
+      n = (f) => {
+        f.target.closest("#menu-dropdown") || (_.value = !1);
+      }, window.addEventListener("click", n);
+    }), Se(() => {
+      n !== null && window.removeEventListener("click", n);
     });
-    function S() {
-      m.value = !m.value, l("update:showDropDown", m.value);
+    function x() {
+      _.value = !_.value, a("update:showDropDown", _.value);
     }
     function I() {
-      n.value = !n.value, l("update:burgerState", n.value);
+      o.value = !o.value, a("update:burgerState", o.value);
     }
     return (f, b) => (i(), r("div", di, [
       t("nav", null, [
@@ -2149,34 +2153,34 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
           t("div", ui, [
             u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", mi, [
+          t("ul", _i, [
             u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", _i, [
+          t("div", mi, [
             t("button", {
-              onClick: S,
+              onClick: x,
               class: "nav-dropdown-btn"
             }, [
               u(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(m) == !1 ? (i(), r("img", vi)) : (i(), r("img", hi))
+              p(_) == !1 ? (i(), r("img", hi)) : (i(), r("img", vi))
             ]),
             U(t("div", gi, [
               u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [G, p(m)]
+              [G, p(_)]
             ])
           ], 512),
           t("div", fi, [
             t("button", null, [
               t("img", {
-                src: p(n) == !0 ? p(le) : p(ae),
+                src: p(o) == !0 ? p(le) : p(ae),
                 alt: "search icon"
               }, null, 8, yi)
             ])
           ])
         ]),
         t("div", {
-          class: c(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
+          class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
           t("div", bi, [
             t("div", pi, [
@@ -2185,7 +2189,7 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
             t("div", ki, [
               t("button", null, [
                 t("img", {
-                  src: p(n) == !0 ? p(le) : p(ae),
+                  src: p(o) == !0 ? p(le) : p(ae),
                   alt: "search icon"
                 }, null, 8, $i)
               ])
@@ -2195,13 +2199,13 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
               class: "mobile-burger-wrapper"
             }, [
               t("img", {
-                class: c(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
-                src: p(n) == !0 ? p(te) : p(ee)
-              }, null, 10, xi),
+                class: c(["burger-line", p(o) == !0 ? "burger-top-line-open" : ""]),
+                src: p(o) == !0 ? p(te) : p(ee)
+              }, null, 10, Si),
               t("img", {
-                class: c(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
-                src: p(n) == !0 ? p(te) : p(ee)
-              }, null, 10, Si)
+                class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
+                src: p(o) == !0 ? p(te) : p(ee)
+              }, null, 10, xi)
             ], 8, wi)
           ]),
           U(t("div", Ii, [
@@ -2213,14 +2217,33 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
               u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [G, p(n)]
+            [G, p(o)]
           ])
         ], 2)
       ])
     ]));
   }
 });
-const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { class: "pagination__wrapper" }, Ai = { class: "pagination__content" }, Li = /* @__PURE__ */ _({
+const Di = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { class: "language__wrapper" }, Li = { class: "language__content" }, Ai = { class: "language__headline" }, Ti = { class: "language__paragraph" }, Ci = /* @__PURE__ */ m({
+  __name: "language-switcher",
+  props: {
+    headline: {
+      type: String
+    },
+    paragraph: {
+      type: String
+    }
+  },
+  setup(e) {
+    return (a, l) => (i(), r("div", Bi, [
+      t("div", Li, [
+        t("h2", Ai, s(e.headline), 1),
+        t("p", Ti, s(e.paragraph), 1),
+        u(a.$slots, "language-links")
+      ])
+    ]));
+  }
+}), ji = { class: "pagination__wrapper" }, Ni = { class: "pagination__content" }, zi = /* @__PURE__ */ m({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2234,17 +2257,17 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (l, a) => (i(), r("div", Bi, [
-      t("div", Ai, [
+    return (a, l) => (i(), r("div", ji, [
+      t("div", Ni, [
         k(W, {
-          onClick: a[0] || (a[0] = (o) => l.$emit("previous")),
+          onClick: l[0] || (l[0] = (n) => a.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        u(l.$slots, "pagination-numbers"),
+        u(a.$slots, "pagination-numbers"),
         k(W, {
-          onClick: a[1] || (a[1] = (o) => l.$emit("next")),
+          onClick: l[1] || (l[1] = (n) => a.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
           ariaLabel: "next"
@@ -2253,27 +2276,27 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
     ]));
   }
 });
-const Ti = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-161faef3"]]), ji = {
+const Vi = /* @__PURE__ */ h(zi, [["__scopeId", "data-v-161faef3"]]), Pi = {
   install: (e) => {
-    e.component("AtomButton", W), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ha), e.component("BlockFeatures", xa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ea), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", si), e.component("OrganismHeader", Di), e.component("OrganismPagination", Ti);
+    e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", L), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", va), e.component("BlockFeatures", Sa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ea), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", si), e.component("OrganismHeader", Di), e.component("OrganismLanguageSwitcher", Ci), e.component("OrganismPagination", Vi);
   }
 };
 export {
   W as AtomButton,
-  Le as AtomCheckbox,
+  Ae as AtomCheckbox,
   ze as AtomChip,
   Ue as AtomDropdown,
   D as AtomImage,
   F as AtomLabel,
-  A as AtomLink,
+  L as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
   Vt as AtomTextField,
   qt as AtomTextarea,
   E as AtomVideo,
-  ha as BlockFacts,
-  xa as BlockFeatures,
+  va as BlockFacts,
+  Sa as BlockFeatures,
   Ha as BlockHeadline,
   Ba as BlockImage,
   za as BlockImageGallery,
@@ -2292,6 +2315,7 @@ export {
   Hl as OrganismFilter,
   si as OrganismFooter,
   Di as OrganismHeader,
-  Ti as OrganismPagination,
-  ji as default
+  Ci as OrganismLanguageSwitcher,
+  Vi as OrganismPagination,
+  Pi as default
 };