@mirweb/mir-web-components 0.9.11 → 0.10.1

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

@@ -1,12 +1,14 @@
-import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as m, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as S, withDirectives as U, Fragment as M, renderList as L, vShow as F, normalizeProps as T, guardReactiveProps as C, mergeProps as le, createVNode as k, Transition as ke, withCtx as $, withModifiers as ie, createCommentVNode as _, watchEffect as re, withKeys as $e, createBlock as j, normalizeStyle as oe, isRef as K, unref as p, watch as Q, onMounted as we, onUnmounted as Se } from "vue";
-const xe = ["aria-label"], Ie = /* @__PURE__ */ h({
+import { defineComponent as _, openBlock as i, createElementBlock as r, normalizeClass as u, toDisplayString as d, createElementVNode as t, renderSlot as m, 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__ */ _({
   __name: "button",
   props: {
     variant: {
       type: String,
       required: !0,
       validator(e) {
-        return ["primary", "secondary", "close"].includes(e);
+        return ["primary", "secondary", "close", "next", "previous"].includes(
+          e
+        );
       }
     },
     ariaLabel: {
@@ -22,18 +24,18 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ h({
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("button", {
-      class: c(["button", "button--" + e.variant]),
+    return (l, a) => (i(), r("button", {
+      class: u(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
-    }, d(e.variant == "close" ? "" : e.buttonText), 11, xe));
+    }, d(e.variant == "close" ? "" : e.buttonText), 11, Se));
   }
 });
-const v = (e, i) => {
-  const l = e.__vccOpts || e;
-  for (const [o, n] of i)
-    l[o] = n;
-  return l;
-}, ne = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-2f387652"]]), 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__ */ h({
+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__ */ _({
   __name: "checkbox",
   props: {
     name: String,
@@ -59,13 +61,13 @@ const v = (e, i) => {
     }
   },
   emits: ["input"],
-  setup(e, { emit: i }) {
-    const l = (o) => {
+  setup(e, { emit: l }) {
+    const a = (o) => {
       const n = o.target;
-      i("input", n.checked);
+      l("input", n.checked);
     };
-    return (o, n) => (a(), r("div", {
-      class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
+    return (o, n) => (i(), r("div", {
+      class: u(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "checkbox",
@@ -75,11 +77,11 @@ const v = (e, i) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: l
+        onChange: a
       }, null, 40, Me),
       t("label", {
         for: e.id,
-        class: c(["checkbox__label", e.required ? "required" : ""])
+        class: u(["checkbox__label", e.required ? "required" : ""])
       }, [
         Be,
         m(o.$slots, "default", {}, void 0, !0)
@@ -87,7 +89,7 @@ const v = (e, i) => {
     ], 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__ */ h({
+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__ */ _({
   __name: "chip",
   props: {
     text: {
@@ -96,9 +98,9 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
     }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: i }) {
-    const l = e, o = N(() => `Chip: ${l.text}`);
-    return (n, u) => (a(), r("div", Ce, [
+  setup(e, { emit: l }) {
+    const a = e, o = N(() => `Chip: ${a.text}`);
+    return (n, c) => (i(), r("div", Ce, [
       t("span", {
         class: "chip",
         "aria-label": o.value
@@ -108,13 +110,13 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
           src: Te,
           alt: "close",
           class: "close-icon",
-          onClick: u[0] || (u[0] = (x) => n.$emit("remove-chip"))
+          onClick: c[0] || (c[0] = (S) => n.$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__ */ h({
+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__ */ _({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -130,7 +132,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       required: !0,
       validator(e) {
         return e.every(
-          (i) => typeof i.value < "u" && typeof i.label < "u"
+          (l) => typeof l.value < "u" && typeof l.label < "u"
         );
       }
     },
@@ -156,13 +158,13 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const l = e, o = S(null), n = S(null), u = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), q = N(() => {
-      const s = l.options.find(
-        (g) => g.value === l.modelValue
+  setup(e, { emit: l }) {
+    const a = e, o = x(null), n = x(null), c = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), q = N(() => {
+      const s = a.options.find(
+        (g) => g.value === a.modelValue
       );
       return s && s.label;
-    }), ce = {
+    }), ue = {
       beforeMount(s, g) {
         s.clickOutsideEvent = function(y) {
           s === y.target || s.contains(y.target) || g.value(y);
@@ -172,26 +174,26 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
         document.body.removeEventListener("click", s.clickOutsideEvent);
       }
     };
-    function ue(s) {
-      i("update:modelValue", s);
+    function ce(s) {
+      l("update:modelValue", s);
     }
     function me(s) {
       var y;
       const g = s.target;
       g.getAttribute("role") === "option" && (Z(g), R(), (y = o.value) == null || y.focus());
     }
-    function G(s) {
+    function J(s) {
       var y;
       const g = s.key;
       switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           s.preventDefault();
-          const w = l.options.findIndex(
-            (V) => V.value === l.modelValue
+          const w = a.options.findIndex(
+            (V) => V.value === a.modelValue
           );
-          let B = w ? u.value[w] : u.value[0];
-          g === "ArrowUp" ? w - 1 >= 0 && (B = u.value[w - 1]) : w + 1 <= l.options.length && (B = u.value[w + 1]), B && Z(B);
+          let B = w ? c.value[w] : c.value[0];
+          g === "ArrowUp" ? w - 1 >= 0 && (B = c.value[w - 1]) : w + 1 <= a.options.length && (B = c.value[w + 1]), B && Z(B);
           break;
         }
         case "Home":
@@ -213,90 +215,90 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
         }
       }
     }
-    function he(s) {
-      if (!l.disabled)
+    function _e(s) {
+      if (!a.disabled)
         switch (s.key) {
           case "ArrowUp":
           case "ArrowDown":
-            s.preventDefault(), Y(), G(s);
+            s.preventDefault(), K(), J(s);
             break;
         }
     }
-    function _e(s) {
+    function ve(s) {
       s && s.removeAttribute("aria-selected");
     }
-    function ve() {
-      x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
-        I.value = "", x.value = 0;
+    function he() {
+      S && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
+        I.value = "", S.value = 0;
       }, 500);
     }
     function ge(s) {
       let g = "";
-      (I.value === "" || g !== s) && (b.value = l.options.findIndex(
-        (w) => w.value === l.modelValue
-      )), I.value = g === s ? s : I.value + s, g = s, ve();
-      let y = J(
+      (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();
+      let y = Y(
         b.value + 1,
-        l.options.length
+        a.options.length
       );
-      return !y && I.value.length === 1 && (y = J(0, b.value)), b.value = (b.value + 1) % l.options.length, y;
+      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
     }
-    function J(s, g) {
+    function Y(s, g) {
       for (let y = s; y < g; y++)
-        if (l.options[y].label && l.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
-          return u.value[y];
+        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+          return c.value[y];
       return null;
     }
     function fe() {
-      Z(u.value[0]);
+      Z(c.value[0]);
     }
     function Z(s) {
       var y, w;
       const g = s.getAttribute("data-value");
-      if (l.modelValue) {
-        const B = l.options.findIndex(
-          (pe) => pe.value === l.modelValue
-        ), V = u.value[B];
-        _e(V);
+      if (a.modelValue) {
+        const B = a.options.findIndex(
+          (pe) => pe.value === a.modelValue
+        ), V = c.value[B];
+        ve(V);
       }
       if (s.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
-      ), ue(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+      ), ce(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);
       }
     }
     function ye() {
       var g;
-      const s = (g = u.value) == null ? void 0 : g[l.options.length - 1];
+      const s = (g = c.value) == null ? void 0 : g[a.options.length - 1];
       Z(s);
     }
     function R() {
       var s;
       f.value = !0, (s = o.value) == null || s.removeAttribute("aria-expanded");
     }
-    function Y() {
+    function K() {
       var s, g;
       f.value = !1, (s = o.value) == null || s.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function be() {
-      l.disabled || (f.value ? Y() : R());
+      a.disabled || (f.value ? K() : R());
     }
-    return (s, g) => (a(), r("div", {
+    return (s, g) => (i(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
     }, [
       t("label", {
         id: `${e.name}-label`,
-        class: c([{
+        class: u([{
           "listbox__label--visually-hidden": !e.showLabel,
           "is-disabled": e.disabled,
           "is-required": e.required
         }, "listbox__label"])
       }, d(e.label), 11, Oe),
-      U((a(), r("div", Pe, [
+      U((i(), r("div", Pe, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
@@ -305,7 +307,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           "aria-disabled": e.disabled,
           class: "listbox__button",
           onClick: be,
-          onKeydown: he,
+          onKeydown: _e,
           ref_key: "listboxButton",
           ref: o
         }, d(e.modelValue ? q.value : e.placeholder), 41, He),
@@ -315,12 +317,12 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: G,
+          onKeydown: J,
           onClick: me,
           ref_key: "listboxNode",
           ref: n
         }, [
-          (a(!0), r(M, null, L(e.options, (y, w) => (a(), r("li", {
+          (i(!0), r(M, null, L(e.options, (y, w) => (i(), r("li", {
             key: `${e.name}-option-${w}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -328,18 +330,18 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: u
+            ref: c
           }, d(y.label), 9, Ee))), 128))
         ], 40, Ze), [
-          [F, !f.value]
+          [G, !f.value]
         ])
       ])), [
-        [ce, R]
+        [ue, R]
       ])
     ], 8, Ve));
   }
 });
-const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ h({
+const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ _({
   __name: "image",
   props: {
     src: {
@@ -377,12 +379,12 @@ const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", We, [
-      m(i.$slots, "default", T(C(i.$attrs)))
+    return (l, a) => (i(), r("div", We, [
+      m(l.$slots, "default", T(C(l.$attrs)))
     ]));
   }
 });
-const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ h({
+const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ _({
   __name: "label",
   props: {
     text: {
@@ -396,17 +398,17 @@ const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
     }
   },
   setup(e) {
-    const i = e, l = N(() => `Label: ${i.text}`);
-    return (o, n) => (a(), r("div", Ge, [
+    const l = e, a = N(() => `Label: ${l.text}`);
+    return (o, n) => (i(), r("div", Ge, [
       t("span", {
-        "aria-label": l.value,
+        "aria-label": a.value,
         "label-dark": e.labelDark,
-        class: c(e.labelDark ? "label--dark" : "label--light")
+        class: u(e.labelDark ? "label--dark" : "label--light")
       }, d(e.text), 11, Je)
     ]));
   }
 });
-const W = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ h({
+const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ _({
   __name: "link",
   props: {
     url: {
@@ -447,12 +449,12 @@ const W = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     }
   },
   setup(e) {
-    const i = e, l = N(() => {
-      const { ...o } = i;
+    const l = e, a = N(() => {
+      const { ...o } = l;
       return o;
     });
-    return (o, n) => (a(), r("div", Ke, [
-      t("div", le(l.value, {
+    return (o, n) => (i(), r("div", Ke, [
+      t("div", ie(a.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" : "",
@@ -465,7 +467,7 @@ const W = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     ]));
   }
 });
-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__ */ h({
+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__ */ _({
   __name: "radio-button",
   props: {
     name: String,
@@ -492,13 +494,13 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
     }
   },
   emits: ["input"],
-  setup(e, { emit: i }) {
-    const l = (o) => {
+  setup(e, { emit: l }) {
+    const a = (o) => {
       const n = o.target;
-      i("input", n.checked);
+      l("input", n.checked);
     };
-    return (o, n) => (a(), r("div", {
-      class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
+    return (o, n) => (i(), r("div", {
+      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "radio",
@@ -509,11 +511,11 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
         required: e.required,
         id: e.id,
         class: "radio__radio",
-        onChange: l
+        onChange: a
       }, null, 40, Xe),
       t("label", {
         for: e.id,
-        class: c(["radio__label", e.required ? "required" : ""])
+        class: u(["radio__label", e.required ? "required" : ""])
       }, [
         tt,
         m(o.$slots, "default", {}, void 0, !0)
@@ -521,7 +523,7 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
     ], 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__ */ h({
+const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], ot = ["disabled", "id", "name", "value"], nt = ["value"], st = /* @__PURE__ */ _({
   __name: "select",
   props: {
     id: {
@@ -537,7 +539,7 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
       required: !0,
       validator(e) {
         return e.every(
-          (i) => typeof i.value < "u" && typeof i.text < "u"
+          (l) => typeof l.value < "u" && typeof l.text < "u"
         );
       }
     },
@@ -562,22 +564,22 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, l) => (a(), r("div", it, [
+    return (l, a) => (i(), r("div", it, [
       t("label", {
         for: e.id,
-        class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
+        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
       }, d(e.label), 11, rt),
       t("select", {
-        class: c(e.disabled ? "disabled" : ""),
+        class: u(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
         id: e.id,
         name: e.name,
         value: e.modelValue,
-        onChange: l[0] || (l[0] = (o) => {
-          i.$emit("update:modelValue", o.target.value), o.target.blur();
+        onChange: a[0] || (a[0] = (o) => {
+          l.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (a(!0), r(M, null, L(e.options, (o) => (a(), r("option", {
+        (i(!0), r(M, null, L(e.options, (o) => (i(), r("option", {
           key: o.value,
           value: o.value
         }, d(o.text), 9, nt))), 128))
@@ -585,28 +587,28 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
     ]));
   }
 });
-const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ h({
+const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { class: "modal__wrapper" }, ct = /* @__PURE__ */ _({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: i }) {
-    const l = e;
+  setup(e, { emit: l }) {
+    const a = e;
     N({
-      get: () => l.show,
-      set: (n) => i("update:show", n)
+      get: () => a.show,
+      set: (n) => l("update:show", n)
     });
     const o = () => {
-      i("update:show", !l.show);
+      l("update:show", !a.show);
     };
-    return (n, u) => (a(), r("div", ct, [
+    return (n, c) => (i(), r("div", ut, [
       k(ke, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          n.show ? (a(), r("div", {
+          n.show ? (i(), r("div", {
             key: 0,
             class: "overlay",
             onClick: o,
@@ -615,11 +617,11 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
           }, [
             t("div", {
               id: "modal",
-              onClick: u[0] || (u[0] = ie(() => {
+              onClick: c[0] || (c[0] = re(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                k(ne, {
+                k(W, {
                   ariaLabel: "close",
                   variant: "close",
                   onClick: o
@@ -627,14 +629,14 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
               ]),
               m(n.$slots, "default", {}, void 0, !0)
             ])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, _t = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ h({
+const se = /* @__PURE__ */ v(ct, [["__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__ */ _({
   __name: "slider",
   props: {
     label: {
@@ -686,39 +688,39 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const l = e, o = S(l.modelValue), n = S(), u = S(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+  setup(e, { emit: l }) {
+    const a = e, o = x(a.modelValue), n = x(), c = x(!1), S = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
       var b;
       (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
-    return re(() => {
+    return oe(() => {
       if (n.value) {
-        i("update:modelValue", o.value);
-        const f = x(o.value, l.min, l.max);
+        l("update:modelValue", o.value);
+        const f = S(o.value, a.min, a.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
-    }), (f, b) => (a(), r(M, null, [
+    }), (f, b) => (i(), r(M, null, [
       t("div", mt, [
-        t("div", ht, [
+        t("div", _t, [
           t("label", {
             for: e.id,
-            class: c([e.variant, ""])
-          }, d(e.label), 11, _t),
-          e.information ? (a(), r("i", {
+            class: u([e.variant, ""])
+          }, d(e.label), 11, vt),
+          e.information ? (i(), r("i", {
             key: 0,
             role: "button",
-            class: c([e.variant, "slider__information"]),
-            onClick: b[0] || (b[0] = (q) => u.value = !u.value),
-            onKeyup: b[1] || (b[1] = $e((q) => u.value = !u.value, ["enter"])),
+            class: u([e.variant, "slider__information"]),
+            onClick: b[0] || (b[0] = (q) => c.value = !c.value),
+            onKeyup: b[1] || (b[1] = $e((q) => c.value = !c.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
-          }, null, 42, vt)) : _("", !0)
+          }, null, 42, ht)) : h("", !0)
         ]),
         t("div", gt, [
           t("span", {
-            class: c([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, d(e.min), 3),
           t("input", {
             type: "range",
@@ -728,33 +730,33 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             min: e.min,
             step: e.step,
             max: e.max,
-            class: c(e.variant),
+            class: u(e.variant),
             ref_key: "slider",
             ref: n,
             onInput: b[2] || (b[2] = ({ target: q }) => o.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
-            class: c([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, d(e.max), 3)
         ]),
         t("span", {
-          class: c([e.variant, "slider__value"])
+          class: u([e.variant, "slider__value"])
         }, d(e.modelValue), 3)
       ]),
-      e.information ? (a(), j(se, {
+      e.information ? (i(), j(se, {
         key: 0,
-        show: u.value,
-        "onUpdate:show": b[3] || (b[3] = (q) => u.value = q)
+        show: c.value,
+        "onUpdate:show": b[3] || (b[3] = (q) => c.value = q)
       }, {
         default: $(() => [
           O(d(e.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : _("", !0)
+      }, 8, ["show"])) : h("", !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"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ h({
+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__ */ _({
   __name: "textarea",
   props: {
     id: {
@@ -794,10 +796,10 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, l) => (a(), r("div", pt, [
+    return (l, a) => (i(), r("div", pt, [
       t("label", {
         for: e.id,
-        class: c({ required: e.required })
+        class: u({ required: e.required })
       }, d(e.labelText) + d(e.required ? " *" : ""), 11, kt),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
@@ -812,18 +814,18 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          onInput: l[0] || (l[0] = (o) => i.$emit("update:modelValue", o.target.value)),
-          class: c(
+          onInput: a[0] || (a[0] = (o) => l.$emit("update:modelValue", o.target.value)),
+          class: u(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
         }, null, 42, wt)
       ], 8, $t),
-      t("div", St, [
+      t("div", xt, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (a(), r("p", xt, " Too many characters. Please make it shorter ")) : _("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", St, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
         t("p", {
-          class: c(
+          class: u(
             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)
@@ -840,7 +842,7 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
 }, Nt = {
   key: 4,
   class: "helperText"
-}, zt = /* @__PURE__ */ h({
+}, zt = /* @__PURE__ */ _({
   __name: "text-field",
   props: {
     type: {
@@ -907,21 +909,21 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = S(!0), l = N(
-      () => i.value ? "showPassword" : "hidePassword"
+    const l = x(!0), a = N(
+      () => l.value ? "showPassword" : "hidePassword"
     ), o = N(
-      () => i.value ? "password" : "text"
+      () => l.value ? "password" : "text"
     );
-    return (n, u) => (a(), r("div", Mt, [
+    return (n, c) => (i(), r("div", Mt, [
       t("label", {
         for: e.id,
-        class: c([
+        class: u([
           e.required ? "required" : "",
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
         ])
       }, d(e.label), 11, Dt),
-      e.type === "password" ? (a(), r("div", Bt, [
+      e.type === "password" ? (i(), r("div", Bt, [
         t("input", {
           id: e.id,
           type: o.value,
@@ -929,37 +931,37 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: u[0] || (u[0] = (x) => n.$emit("update:modelValue", x.target.value))
+          onInput: c[0] || (c[0] = (S) => n.$emit("update:modelValue", S.target.value))
         }, null, 40, At),
         t("i", {
           role: "button",
-          class: c([l.value]),
-          onClick: u[1] || (u[1] = (x) => i.value = !i.value),
+          class: u([a.value]),
+          onClick: c[1] || (c[1] = (S) => l.value = !l.value),
           "aria-controls": "password",
-          "aria-expanded": !i.value
+          "aria-expanded": !l.value
         }, null, 10, Lt)
-      ])) : (a(), r("input", {
+      ])) : (i(), r("input", {
         key: 1,
         type: e.type,
         value: e.modelValue,
         placeholder: e.placeholder,
         id: e.id,
         required: e.required,
-        class: c([
+        class: u([
           e.invalid ? "invalid" : "",
           e.valid ? "valid" : "",
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: u[2] || (u[2] = (x) => n.$emit("update:modelValue", x.target.value))
+        onInput: c[2] || (c[2] = (S) => n.$emit("update:modelValue", S.target.value))
       }, null, 42, Tt)),
-      e.search ? (a(), r("i", Ct)) : _("", !0),
-      e.errorMessage ? (a(), r("strong", jt, d(e.errorMessage), 1)) : _("", !0),
-      e.helperText ? (a(), r("span", Nt, d(e.helperText), 1)) : _("", !0)
+      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)
     ]));
   }
 });
-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__ */ h({
+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__ */ _({
   __name: "video",
   props: {
     play: {
@@ -1011,15 +1013,15 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     }
   },
   setup(e) {
-    const i = e;
-    let l = S(null);
-    return re(() => {
-      i.play && l.value ? l.value.play() : !i.play && l.value && l.value.pause();
-    }), (o, n) => (a(), r("div", Ot, [
-      e.localVideo ? (a(), r("video", {
+    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, [
+      e.localVideo ? (i(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: l,
+        ref: a,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1031,7 +1033,7 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
         type: "video/mp4",
         playsinline: "",
         src: e.src
-      }, " Your browser does not support HTML video. ", 8, Pt)) : (a(), r("iframe", {
+      }, " Your browser does not support HTML video. ", 8, Pt)) : (i(), r("iframe", {
         key: 1,
         src: e.src,
         "aria-label": e.ariaLabel,
@@ -1045,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__ */ h({
+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__ */ _({
   __name: "bullet-list",
   props: {
     list: {
@@ -1065,12 +1067,12 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Rt, [
+    return (l, a) => (i(), r("div", Rt, [
       t("div", {
-        class: c(["bullet-list", e.variant])
+        class: u(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (a(!0), r(M, null, L(e.list, (o) => (a(), r("li", null, [
+          (i(!0), r(M, null, L(e.list, (o) => (i(), r("li", null, [
             Ut,
             O(" " + d(o), 1)
           ]))), 256))
@@ -1079,7 +1081,7 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     ]));
   }
 });
-const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ h({
+const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ _({
   __name: "card",
   props: {
     variant: {
@@ -1133,27 +1135,27 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
     alt: String
   },
   emits: ["clicked"],
-  setup(e, { emit: i }) {
-    let l = S(!1);
-    return (o, n) => (a(), r("div", Gt, [
+  setup(e, { emit: l }) {
+    let a = x(!1);
+    return (o, n) => (i(), r("div", Gt, [
       t("div", {
-        class: c(["card", [
+        class: u(["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" : "",
           e.size == "large" && e.variant == "article" ? "card--large-article" : "",
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
-        style: oe([
+        style: ne([
           e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
           e.mediaType == "video" ? "width: 328px" : ""
         ]),
-        onMouseover: n[0] || (n[0] = (u) => K(l) ? l.value = !0 : l = !0),
-        onMouseout: n[1] || (n[1] = (u) => K(l) ? l.value = !1 : l = !1)
+        onMouseover: n[0] || (n[0] = (c) => Q(a) ? a.value = !0 : a = !0),
+        onMouseout: n[1] || (n[1] = (c) => Q(a) ? a.value = !1 : a = !1)
       }, [
-        e.mediaType == "image" ? (a(), j(D, { key: 0 }, {
+        e.mediaType == "image" ? (i(), j(D, { key: 0 }, {
           default: $(() => [
-            m(o.$slots, "card-image", le({
+            m(o.$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" : "",
@@ -1163,12 +1165,12 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
             }, { srcset: e.srcSet }))
           ]),
           _: 3
-        })) : (a(), r("div", {
+        })) : (i(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
+          class: u(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
         }, [
           k(E, {
-            play: p(l),
+            play: p(a),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1181,20 +1183,20 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        e.variant === "product" ? (a(), r("h3", {
+        e.variant === "product" ? (i(), r("h3", {
           key: 2,
-          class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, d(e.headline), 3)) : (a(), r("h3", {
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-blue")
+        }, d(e.headline), 3)) : (i(), r("h3", {
           key: 3,
-          class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, d(e.headline), 3)),
-        e.variant == "product" ? (a(), r("p", Jt, d(e.paragraph), 1)) : _("", !0),
+        e.variant == "product" ? (i(), r("p", Jt, d(e.paragraph), 1)) : h("", !0),
         m(o.$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__ */ h({
+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__ */ _({
   __name: "event-card",
   props: {
     eventType: {
@@ -1219,8 +1221,8 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Xt, [
-      k(W, {
+    return (l, a) => (i(), r("div", Xt, [
+      k(F, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1234,10 +1236,10 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     ]));
   }
 });
-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" }, ha = {
+const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ua = { class: "fact" }, ca = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
   key: 0,
   class: "facts__link"
-}, _a = /* @__PURE__ */ h({
+}, va = /* @__PURE__ */ _({
   __name: "facts",
   props: {
     headline: {
@@ -1255,12 +1257,12 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", oa, [
+    return (l, a) => (i(), r("div", oa, [
       t("div", na, [
         t("h2", sa, d(e.headline), 1),
         t("div", da, [
-          (a(!0), r(M, null, L(e.facts, (o) => (a(), r("div", ca, [
-            t("div", ua, [
+          (i(!0), r(M, null, L(e.facts, (o) => (i(), r("div", ua, [
+            t("div", ca, [
               t("span", null, d(o.value), 1)
             ]),
             t("div", ma, [
@@ -1268,25 +1270,25 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
             ])
           ]))), 256))
         ]),
-        e.link ? (a(), r("div", ha, [
+        e.link ? (i(), r("div", _a, [
           k(A, {
             linkType: "regular-light",
             arrow: ""
           }, {
             default: $(() => [
-              m(i.$slots, "facts-link", {}, void 0, !0)
+              m(l.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : _("", !0)
+        ])) : h("", !0)
       ])
     ]));
   }
 });
-const va = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-17bdc477"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
+const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-17bdc477"]]), 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__ */ h({
+}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ _({
   __name: "features",
   props: {
     headline: {
@@ -1301,21 +1303,21 @@ const va = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-17bdc477"]]), ga = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", ga, [
+    return (l, a) => (i(), r("div", ga, [
       t("div", fa, [
-        e.headline ? (a(), r("div", ya, [
+        e.headline ? (i(), r("div", ya, [
           t("h2", null, d(e.headline), 1)
-        ])) : _("", !0),
+        ])) : h("", !0),
         t("div", ba, [
-          m(i.$slots, "features-body", {}, void 0, !0)
+          m(l.$slots, "features-body", {}, void 0, !0)
         ]),
         t("div", {
-          class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
+          class: u(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (a(!0), r(M, null, L(e.elements, (o) => (a(), r("div", pa, [
+          (i(!0), r(M, null, L(e.elements, (o) => (i(), r("div", pa, [
             k(D, { class: "element__icon" }, {
               default: $(() => [
-                m(i.$slots, "features-icon", T(C({
+                m(l.$slots, "features-icon", T(C({
                   src: o.icon.src,
                   height: 30,
                   width: 30,
@@ -1332,7 +1334,7 @@ const va = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-17bdc477"]]), ga = { cla
     ]));
   }
 });
-const Sa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ h({
+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__ */ _({
   __name: "image",
   props: {
     caption: {
@@ -1349,12 +1351,12 @@ const Sa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", xa, [
+    return (l, a) => (i(), r("div", Sa, [
       t("div", Ia, [
         t("div", qa, [
           k(D, null, {
             default: $(() => [
-              m(i.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              m(l.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1373,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__ */ h({
+}, Na = /* @__PURE__ */ _({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1412,23 +1414,23 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", {
-      class: c([
+    return (l, a) => (i(), r("div", {
+      class: u([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
       ])
     }, [
       t("div", {
-        class: c([
+        class: u([
           "gallery__content",
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", Aa, [
-          e.mediaLarge && e.mediaType === "image" ? (a(), r("div", La, [
+          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", La, [
             k(D, null, {
               default: $(() => [
-                m(i.$slots, "image-large", T(C({
+                m(l.$slots, "image-large", T(C({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1437,8 +1439,8 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               ]),
               _: 3
             })
-          ])) : _("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (a(), r("div", Ta, [
+          ])) : h("", !0),
+          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ta, [
             k(E, {
               src: e.mediaLarge.src,
               localVideo: "",
@@ -1451,19 +1453,19 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               muted: !0,
               play: !0
             }, null, 8, ["src", "ariaLabel"])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
-          style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
-          class: c([
+          style: ne([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
+          class: u([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (a(!0), r(M, null, L(e.mediaSmall, (o) => (a(), r("div", Ca, [
+          (i(!0), r(M, null, L(e.mediaSmall, (o) => (i(), r("div", Ca, [
             k(D, null, {
               default: $(() => [
-                m(i.$slots, "image-small", T(C({
+                m(l.$slots, "image-small", T(C({
                   width: 328,
                   height: 246,
                   src: o.src,
@@ -1473,15 +1475,15 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (a(), r("div", ja, [
+          e.mediaSmall.length < 2 ? (i(), r("div", ja, [
             t("p", null, d(e.body), 1)
-          ])) : _("", !0)
+          ])) : h("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
 });
-const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-9000454c"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ h({
+const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-9000454c"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ _({
   __name: "headline",
   props: {
     headline: {
@@ -1498,9 +1500,9 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-9000454c"]]), Va = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Va, [
+    return (l, a) => (i(), r("div", Va, [
       t("div", {
-        class: c([
+        class: u([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
         ])
       }, [
@@ -1509,7 +1511,7 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-9000454c"]]), Va = { cla
     ]));
   }
 });
-const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ h({
+const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ _({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1532,20 +1534,20 @@ const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", {
-      class: c([
+    return (l, a) => (i(), r("div", {
+      class: u([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
       t("div", Za, [
-        m(i.$slots, "micro-stories-slides")
+        m(l.$slots, "micro-stories-slides")
       ]),
-      m(i.$slots, "micro-stories-controls")
+      m(l.$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__ */ h({
+const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ _({
   __name: "product-hero",
   props: {
     headline: {
@@ -1570,7 +1572,7 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Ra, [
+    return (l, a) => (i(), r("div", Ra, [
       t("div", Ua, [
         t("div", Wa, [
           t("h1", null, d(e.headline), 1)
@@ -1592,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__ */ h({
+const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ _({
   __name: "promo",
   props: {
     label: {
@@ -1638,30 +1640,30 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", {
-      class: c([
+    return (l, a) => (i(), r("div", {
+      class: u([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : ""
       ])
     }, [
       t("div", Ya, [
-        e.mediaType === "image" ? (a(), r("div", {
+        e.mediaType === "image" ? (i(), r("div", {
           key: 0,
-          class: c([
+          class: u([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           k(D, null, {
             default: $(() => [
-              m(i.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              m(l.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : _("", !0),
-        e.mediaType === "video" ? (a(), r("div", {
+        ], 2)) : h("", !0),
+        e.mediaType === "video" ? (i(), r("div", {
           key: 1,
-          class: c([
+          class: u([
             "promo__video",
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
@@ -1677,43 +1679,43 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             play: !0,
             poster: e.fallbackImage
           }, null, 8, ["src", "ariaLabel", "poster"])
-        ], 2)) : _("", !0),
+        ], 2)) : h("", !0),
         t("div", {
-          class: c([
+          class: u([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (a(), j(W, {
+          e.label ? (i(), j(F, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
-          }, null, 8, ["text", "labelDark"])) : _("", !0),
+          }, null, 8, ["text", "labelDark"])) : h("", !0),
           t("h3", {
-            class: c([
+            class: u([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, d(e.headline), 3),
-          e.linkType === "link" ? (a(), j(A, {
+          e.linkType === "link" ? (i(), j(A, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
             default: $(() => [
-              m(i.$slots, "promo-link")
+              m(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : _("", !0),
-          e.linkType === "button" ? (a(), j(A, {
+          }, 8, ["linkType"])) : h("", !0),
+          e.linkType === "button" ? (i(), j(A, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
-              m(i.$slots, "promo-link")
+              m(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : _("", !0)
+          }, 8, ["linkType"])) : h("", !0)
         ], 2)
       ])
     ], 2));
@@ -1722,7 +1724,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
 const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-d4f4d294"]]), 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 = {
   key: 0,
   class: "quote__image"
-}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ h({
+}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, ul = /* @__PURE__ */ _({
   __name: "quote",
   props: {
     quote: {
@@ -1743,16 +1745,16 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-d4f4d294"]]), Xa = (e) =
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", el, [
+    return (l, a) => (i(), r("div", el, [
       t("div", tl, [
         al,
         t("div", ll, [
           t("p", il, d(e.quote), 1),
           t("div", rl, [
-            e.authorImage ? (a(), r("div", ol, [
+            e.authorImage ? (i(), r("div", ol, [
               k(D, null, {
                 default: $(() => [
-                  m(i.$slots, "author-image", T(C({
+                  m(l.$slots, "author-image", T(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1760,7 +1762,7 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-d4f4d294"]]), Xa = (e) =
                 ]),
                 _: 3
               })
-            ])) : _("", !0),
+            ])) : h("", !0),
             t("div", nl, [
               t("p", sl, d(e.author), 1),
               t("p", dl, d(e.authorTitle), 1)
@@ -1771,13 +1773,13 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-d4f4d294"]]), Xa = (e) =
     ]));
   }
 });
-const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, hl = {
+const cl = /* @__PURE__ */ v(ul, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
   key: 0,
   class: "rich-text__links"
-}, _l = {
+}, vl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, vl = /* @__PURE__ */ h({
+}, hl = /* @__PURE__ */ _({
   __name: "rich-text",
   props: {
     headline: {
@@ -1812,68 +1814,68 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", {
-      class: c([
+    return (l, a) => (i(), r("div", {
+      class: u([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", ml, [
-        e.label ? (a(), j(W, {
+        e.label ? (i(), j(F, {
           key: 0,
           text: e.label,
           labelDark: !1
-        }, null, 8, ["text"])) : _("", !0),
-        e.headline ? (a(), r("h2", {
+        }, null, 8, ["text"])) : h("", !0),
+        e.headline ? (i(), r("h2", {
           key: 1,
-          class: c([
+          class: u([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, d(e.headline), 3)) : _("", !0),
+        }, d(e.headline), 3)) : h("", !0),
         t("div", {
-          class: c([
+          class: u([
             "rich-text__content",
             e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: c([
+            class: u([
               "rich-text__body",
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            m(i.$slots, "rich-text-content"),
-            e.links ? (a(), r("div", hl, [
-              m(i.$slots, "rich-text-links")
-            ])) : _("", !0)
+            m(l.$slots, "rich-text-content"),
+            e.links ? (i(), r("div", _l, [
+              m(l.$slots, "rich-text-links")
+            ])) : h("", !0)
           ], 2),
-          e.bulletList ? (a(), r("div", _l, [
-            m(i.$slots, "rich-text-bullet-list")
-          ])) : _("", !0),
-          e.image ? (a(), r("div", {
+          e.bulletList ? (i(), r("div", vl, [
+            m(l.$slots, "rich-text-bullet-list")
+          ])) : h("", !0),
+          e.image ? (i(), r("div", {
             key: 1,
-            class: c([
+            class: u([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
             k(D, null, {
               default: $(() => [
-                m(i.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
+                m(l.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : _("", !0)
+          ], 2)) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ v(vl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
+const gl = /* @__PURE__ */ v(hl, [["__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__ */ h({
+}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ _({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -1890,31 +1892,31 @@ const gl = /* @__PURE__ */ v(vl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", {
-      class: c([
+    return (l, a) => (i(), r("div", {
+      class: u([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
       t("div", fl, [
-        e.headline || e.paragraph ? (a(), r("div", yl, [
-          e.headline ? (a(), r("h2", bl, d(e.headline), 1)) : _("", !0),
-          e.paragraph ? (a(), r("p", pl, d(e.paragraph), 1)) : _("", !0)
-        ])) : _("", !0),
+        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),
         t("div", kl, [
-          m(i.$slots, "triple-card-display-cards", {}, void 0, !0)
+          m(l.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-1842eb9a"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
+const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-1842eb9a"]]), xl = { class: "vimeo" }, Sl = { class: "vimeo__wrapper" }, Il = {
   key: 0,
   class: "vimeo__headline"
 }, ql = {
   key: 1,
   class: "vimeo__description"
-}, Ml = /* @__PURE__ */ h({
+}, Ml = /* @__PURE__ */ _({
   __name: "vimeo",
   props: {
     headline: {
@@ -1925,16 +1927,16 @@ const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-1842eb9a"]]), Sl = { cla
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Sl, [
-      t("div", xl, [
-        e.headline ? (a(), r("h2", Il, d(e.headline), 1)) : _("", !0),
-        m(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (a(), r("p", ql, d(e.description), 1)) : _("", !0)
+    return (l, a) => (i(), r("div", xl, [
+      t("div", Sl, [
+        e.headline ? (i(), r("h2", Il, d(e.headline), 1)) : h("", !0),
+        m(l.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (i(), r("p", ql, d(e.description), 1)) : h("", !0)
       ])
     ]));
   }
 });
-const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "filter__wrapper" }, Al = { class: "filter__content" }, Ll = { class: "filter__dropdowns" }, Tl = { class: "filter__chips" }, Cl = /* @__PURE__ */ h({
+const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "filter__wrapper" }, Al = { class: "filter__content" }, Ll = { class: "filter__dropdowns" }, Tl = { class: "filter__chips" }, Cl = /* @__PURE__ */ _({
   __name: "filter",
   props: {
     hasChips: {
@@ -1944,18 +1946,18 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (i, l) => (a(), r("div", Bl, [
+    return (l, a) => (i(), r("div", Bl, [
       t("div", Al, [
         t("div", Ll, [
-          m(i.$slots, "filter-dropdowns", {}, void 0, !0)
+          m(l.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", Tl, [
-          m(i.$slots, "filter-chips", {}, void 0, !0),
-          e.hasChips ? (a(), r("button", {
+          m(l.$slots, "filter-chips", {}, void 0, !0),
+          e.hasChips ? (i(), r("button", {
             key: 0,
             class: "filter__clear",
-            onClick: l[0] || (l[0] = (o) => i.$emit("clearFilters"))
-          }, " Remove all filters ")) : _("", !0)
+            onClick: a[0] || (a[0] = (o) => l.$emit("clearFilters"))
+          }, " Remove all filters ")) : h("", !0)
         ])
       ])
     ]));
@@ -1964,7 +1966,7 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
 const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) => (P("data-v-85ce0923"), e = e(), H(), e), Nl = { class: "footer__wrapper" }, zl = { class: "footer__content" }, Vl = { class: "footer__sections" }, Ol = { class: "section" }, Pl = { class: "section__title" }, Hl = { class: "section__list" }, Zl = { class: "section" }, El = /* @__PURE__ */ z(() => /* @__PURE__ */ t("h5", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Rl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ul = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Wl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Fl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Gl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Jl = { class: "footer__bottom" }, Yl = { class: "footer__copyright-policy" }, Kl = { class: "copyright" }, Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), Xl = { class: "footer__social" }, ei = ["href", "aria-label"], ti = /* @__PURE__ */ h({
+], -1)), Xl = { class: "footer__social" }, ei = ["href", "aria-label"], ti = /* @__PURE__ */ _({
   __name: "footer",
   props: {
     footerSections: {
@@ -1981,26 +1983,26 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
       type: Array,
       default: [],
       validator: (e) => {
-        const i = [
+        const l = [
           "linkedin",
           "facebook",
           "instagram",
           "twitter",
           "youtube"
         ];
-        return e.every((l) => i.includes(l.title));
+        return e.every((a) => l.includes(a.title));
       }
     }
   },
   setup(e) {
-    return (i, l) => (a(), r("div", Nl, [
+    return (l, a) => (i(), r("div", Nl, [
       t("footer", zl, [
         t("div", Vl, [
-          (a(!0), r(M, null, L(e.footerSections, (o) => (a(), r("div", Ol, [
+          (i(!0), r(M, null, L(e.footerSections, (o) => (i(), r("div", Ol, [
             t("span", Pl, d(o.title), 1),
             t("nav", null, [
               t("ul", Hl, [
-                m(i.$slots, "section-links", {
+                m(l.$slots, "section-links", {
                   links: o.links
                 })
               ])
@@ -2044,11 +2046,11 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
               ]),
               _: 1
             }),
-            m(i.$slots, "footer-privacy-link"),
-            m(i.$slots, "footer-cookie-link")
+            m(l.$slots, "footer-privacy-link"),
+            m(l.$slots, "footer-cookie-link")
           ]),
           t("div", Xl, [
-            (a(!0), r(M, null, L(e.socialMedia, (o) => (a(), j(A, {
+            (i(!0), r(M, null, L(e.socialMedia, (o) => (i(), j(A, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -2060,7 +2062,7 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: c(["footer__social--icon", [
+                    class: u(["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" : ""
                     ]])
                   }, null, 2)
@@ -2074,7 +2076,7 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
     ]));
   }
 });
-const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", X = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", li = { class: "header__wrapper" }, ii = { class: "nav-wrapper" }, ri = { class: "mir-link-logo" }, oi = { class: "main-nav-items" }, ni = {
+const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), 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=", li = { class: "header__wrapper" }, ii = { class: "nav-wrapper" }, ri = { class: "mir-link-logo" }, oi = { class: "main-nav-items" }, ni = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, si = {
@@ -2086,7 +2088,7 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ci = { class: "dropdown-content" }, ui = { class: "nav-search-wrapper" }, mi = ["src"], hi = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, vi = { class: "mobile-search-wrapper" }, gi = ["src"], fi = ["onClick"], yi = ["src"], bi = ["src"], pi = { class: "mobile-menu-content-wrapper" }, ki = { class: "mobile-dropdown-content" }, $i = /* @__PURE__ */ h({
+}, ui = { class: "dropdown-content" }, ci = { class: "nav-search-wrapper" }, mi = ["src"], _i = { class: "mobile-logo-search-burger-wrapper" }, vi = { class: "mobile-mir-link-logo" }, hi = { class: "mobile-search-wrapper" }, gi = ["src"], fi = ["onClick"], yi = ["src"], bi = ["src"], pi = { class: "mobile-menu-content-wrapper" }, ki = { class: "mobile-dropdown-content" }, $i = /* @__PURE__ */ _({
   __name: "header",
   props: {
     burgerState: {
@@ -2099,30 +2101,30 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
     }
   },
   emits: ["update:burgerState", "update:showDropDown"],
-  setup(e, { emit: i }) {
-    const l = e;
-    S("");
-    let o = null, n = S(l.burgerState), u = S(l.showDropDown);
-    Q(
-      () => l.burgerState,
+  setup(e, { emit: l }) {
+    const a = e;
+    x("");
+    let o = null, n = x(a.burgerState), c = x(a.showDropDown);
+    X(
+      () => a.burgerState,
       (f) => n.value = f
-    ), Q(
-      () => l.showDropDown,
-      (f) => u.value = f
+    ), X(
+      () => a.showDropDown,
+      (f) => c.value = f
     ), we(() => {
       o = (f) => {
-        f.target.closest("#menu-dropdown") || (u.value = !1);
+        f.target.closest("#menu-dropdown") || (c.value = !1);
       }, window.addEventListener("click", o);
-    }), Se(() => {
+    }), xe(() => {
       o !== null && window.removeEventListener("click", o);
     });
-    function x() {
-      u.value = !u.value, i("update:showDropDown", u.value);
+    function S() {
+      c.value = !c.value, l("update:showDropDown", c.value);
     }
     function I() {
-      n.value = !n.value, i("update:burgerState", n.value);
+      n.value = !n.value, l("update:burgerState", n.value);
     }
-    return (f, b) => (a(), r("div", li, [
+    return (f, b) => (i(), r("div", li, [
       t("nav", null, [
         t("div", ii, [
           t("div", ri, [
@@ -2133,53 +2135,53 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
           ]),
           t("div", ni, [
             t("button", {
-              onClick: x,
+              onClick: S,
               class: "nav-dropdown-btn"
             }, [
               m(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(u) == !1 ? (a(), r("img", si)) : (a(), r("img", di))
+              p(c) == !1 ? (i(), r("img", si)) : (i(), r("img", di))
             ]),
-            U(t("div", ci, [
+            U(t("div", ui, [
               m(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [F, p(u)]
+              [G, p(c)]
             ])
           ], 512),
-          t("div", ui, [
+          t("div", ci, [
             t("button", null, [
               t("img", {
-                src: p(n) == !0 ? p(ae) : p(te),
+                src: p(n) == !0 ? p(le) : p(ae),
                 alt: "search icon"
               }, null, 8, mi)
             ])
           ])
         ]),
         t("div", {
-          class: c(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
+          class: u(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", hi, [
-            t("div", _i, [
+          t("div", _i, [
+            t("div", vi, [
               m(f.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", vi, [
+            t("div", hi, [
               t("button", null, [
                 t("img", {
-                  src: p(n) == !0 ? p(ae) : p(te),
+                  src: p(n) == !0 ? p(le) : p(ae),
                   alt: "search icon"
                 }, null, 8, gi)
               ])
             ]),
             t("button", {
-              onClick: ie(I, ["prevent"]),
+              onClick: re(I, ["prevent"]),
               class: "mobile-burger-wrapper"
             }, [
               t("img", {
-                class: c(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
-                src: p(n) == !0 ? p(ee) : p(X)
+                class: u(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
+                src: p(n) == !0 ? p(te) : p(ee)
               }, null, 10, yi),
               t("img", {
-                class: c(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
-                src: p(n) == !0 ? p(ee) : p(X)
+                class: u(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
+                src: p(n) == !0 ? p(te) : p(ee)
               }, null, 10, bi)
             ], 8, fi)
           ]),
@@ -2192,25 +2194,58 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
               m(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [F, p(n)]
+            [G, p(n)]
           ])
         ], 2)
       ])
     ]));
   }
 });
-const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = {
+const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = { class: "pagination__wrapper" }, Si = { class: "pagination__content" }, Ii = /* @__PURE__ */ _({
+  __name: "pagination",
+  props: {
+    isPreviousDisabled: {
+      type: Boolean,
+      required: !0
+    },
+    isNextDisabled: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["previous", "next"],
+  setup(e) {
+    return (l, a) => (i(), r("div", xi, [
+      t("div", Si, [
+        k(W, {
+          onClick: a[0] || (a[0] = (o) => l.$emit("previous")),
+          disabled: e.isPreviousDisabled,
+          variant: "previous",
+          ariaLabel: "previous"
+        }, null, 8, ["disabled"]),
+        m(l.$slots, "pagination-numbers"),
+        k(W, {
+          onClick: a[1] || (a[1] = (o) => l.$emit("next")),
+          disabled: e.isNextDisabled,
+          variant: "next",
+          ariaLabel: "next"
+        }, null, 8, ["disabled"])
+      ])
+    ]));
+  }
+});
+const qi = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-161faef3"]]), Di = {
   install: (e) => {
-    e.component("AtomButton", ne), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", W), 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", 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("OrganismFilter", jl), e.component("OrganismFooter", ai), e.component("OrganismHeader", wi);
+    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", cl), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("OrganismFilter", jl), e.component("OrganismFooter", ai), e.component("OrganismHeader", wi), e.component("OrganismPagination", qi);
   }
 };
 export {
-  ne as AtomButton,
+  W as AtomButton,
   Le as AtomCheckbox,
   ze as AtomChip,
   Ue as AtomDropdown,
   D as AtomImage,
-  W as AtomLabel,
+  F as AtomLabel,
   A as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
@@ -2218,15 +2253,15 @@ export {
   Vt as AtomTextField,
   qt as AtomTextarea,
   E as AtomVideo,
-  va as BlockFacts,
-  Sa as BlockFeatures,
+  ha as BlockFacts,
+  xa as BlockFeatures,
   Ha as BlockHeadline,
   Ba as BlockImage,
   za as BlockImageGallery,
   Ea as BlockMicroStories,
   Ja as BlockProductHero,
   Qa as BlockPromo,
-  ul as BlockQuote,
+  cl as BlockQuote,
   gl as BlockRichText,
   wl as BlockTripleCardDisplay,
   Dl as BlockVimeo,
@@ -2237,5 +2272,6 @@ export {
   jl as OrganismFilter,
   ai as OrganismFooter,
   wi as OrganismHeader,
-  xi as default
+  qi as OrganismPagination,
+  Di as default
 };