@mirweb/mir-web-components 0.15.75 → 0.15.76

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

@@ -1,4 +1,4 @@
-import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as _, pushScopeId as O, popScopeId as z, computed as F, createTextVNode as R, ref as w, withDirectives as G, Fragment as B, renderList as L, vShow as J, normalizeProps as A, guardReactiveProps as M, mergeProps as X, createVNode as p, Transition as fe, withCtx as $, withModifiers as re, createBlock as D, createCommentVNode as m, watchEffect as se, withKeys as ye, useSlots as be, normalizeStyle as Z, isRef as le, unref as q, onMounted as oe, watch as ie, onUnmounted as pe } from "vue";
+import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as _, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Q, Fragment as I, renderList as L, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as se, createBlock as D, createCommentVNode as m, watchEffect as oe, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as S, onMounted as ne, watch as re, onUnmounted as pe } from "vue";
 const $e = ["aria-label"], ke = /* @__PURE__ */ h({
   __name: "button",
   props: {
@@ -35,7 +35,7 @@ const v = (e, i) => {
   for (const [l, n] of i)
     s[l] = n;
   return s;
-}, Y = /* @__PURE__ */ v(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ h({
+}, J = /* @__PURE__ */ v(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ h({
   __name: "checkbox",
   props: {
     name: String,
@@ -103,7 +103,7 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) =
   },
   emits: ["remove-chip"],
   setup(e, { emit: i }) {
-    const s = e, l = F(() => `Chip: ${s.text}`);
+    const s = e, l = E(() => `Chip: ${s.text}`);
     return (n, u) => (a(), r("div", {
       class: "chip__wrapper",
       onClick: u[0] || (u[0] = (b) => n.$emit("remove-chip"))
@@ -112,7 +112,7 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) =
         class: "chip",
         "aria-label": l.value
       }, [
-        R(o(e.text) + " ", 1),
+        j(o(e.text) + " ", 1),
         Ce
       ], 8, Te)
     ]));
@@ -168,12 +168,12 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(null), n = w(null), u = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), I = F(() => {
+    const s = e, l = w(null), n = w(null), u = w([]), b = w(0), C = w(""), q = w(!0), f = w(0), B = E(() => {
       const d = s.options.find(
         (g) => g.value === s.modelValue
       );
       return d && d.label;
-    }), k = {
+    }), X = {
       beforeMount(d, g) {
         d.clickOutsideEvent = function(y) {
           d === y.target || d.contains(y.target) || g.value(y);
@@ -183,15 +183,15 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
         document.body.removeEventListener("click", d.clickOutsideEvent);
       }
     };
-    function N(d) {
+    function k(d) {
       i("update:modelValue", d);
     }
-    function Q(d) {
+    function H(d) {
       var y;
       const g = d.target;
-      g.getAttribute("role") === "option" && (K(g), W(), (y = l.value) == null || y.focus());
+      g.getAttribute("role") === "option" && (U(g), Y(), (y = l.value) == null || y.focus());
     }
-    function ee(d) {
+    function G(d) {
       var y;
       const g = d.key;
       switch (g) {
@@ -199,10 +199,10 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
         case "ArrowDown": {
           d.preventDefault();
           const x = s.options.findIndex(
-            (H) => H.value === s.modelValue
+            (R) => R.value === s.modelValue
           );
           let P = x ? u.value[x] : u.value[0];
-          g === "ArrowUp" ? x - 1 >= 0 && (P = u.value[x - 1]) : x + 1 <= s.options.length && (P = u.value[x + 1]), P && K(P);
+          g === "ArrowUp" ? x - 1 >= 0 && (P = u.value[x - 1]) : x + 1 <= s.options.length && (P = u.value[x + 1]), P && U(P);
           break;
         }
         case "Home":
@@ -215,21 +215,21 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), W(), (y = l.value) == null || y.focus();
+          d.preventDefault(), Y(), (y = l.value) == null || y.focus();
           break;
         default: {
           const x = _e(g);
-          x && K(x);
+          x && U(x);
           break;
         }
       }
     }
-    function de(d) {
+    function F(d) {
       if (!s.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), ae(), ee(d);
+            d.preventDefault(), le(), G(d);
             break;
         }
     }
@@ -246,53 +246,53 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       (C.value === "" || g !== d) && (f.value = s.options.findIndex(
         (x) => x.value === s.modelValue
       )), C.value = g === d ? d : C.value + d, g = d, ue();
-      let y = te(
+      let y = ae(
         f.value + 1,
         s.options.length
       );
-      return !y && C.value.length === 1 && (y = te(0, f.value)), f.value = (f.value + 1) % s.options.length, y;
+      return !y && C.value.length === 1 && (y = ae(0, f.value)), f.value = (f.value + 1) % s.options.length, y;
     }
-    function te(d, g) {
+    function ae(d, g) {
       for (let y = d; y < g; y++)
         if (s.options[y].label && s.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
           return u.value[y];
       return null;
     }
     function he() {
-      K(u.value[0]);
+      U(u.value[0]);
     }
-    function K(d) {
+    function U(d) {
       var y, x;
       const g = d.getAttribute("data-value");
       if (s.modelValue) {
         const P = s.options.findIndex(
           (ge) => ge.value === s.modelValue
-        ), H = u.value[P];
-        ce(H);
+        ), R = u.value[P];
+        ce(R);
       }
       if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
-      ), N(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const P = n.value.clientHeight + n.value.scrollTop, H = d.offsetTop + d.offsetHeight;
-        H > P ? n.value.scrollTop = H - ((x = n.value) == null ? void 0 : x.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
+      ), k(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+        const P = n.value.clientHeight + n.value.scrollTop, R = d.offsetTop + d.offsetHeight;
+        R > P ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
       }
     }
     function ve() {
       var g;
       const d = (g = u.value) == null ? void 0 : g[s.options.length - 1];
-      K(d);
+      U(d);
     }
-    function W() {
+    function Y() {
       var d;
-      S.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
+      q.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
     }
-    function ae() {
+    function le() {
       var d, g;
-      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
+      q.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function me() {
-      s.disabled || (S.value ? ae() : W());
+      s.disabled || (q.value ? le() : Y());
     }
     return (d, g) => (a(), r("div", {
       class: "listbox__wrapper",
@@ -307,7 +307,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           "is-required": e.required
         }, "listbox__label"])
       }, o(e.label), 11, Me),
-      G((a(), r("div", Oe, [
+      Q((a(), r("div", Oe, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
@@ -319,22 +319,22 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
             e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
           ]),
           onClick: me,
-          onKeydown: de,
+          onKeydown: F,
           ref_key: "listboxButton",
           ref: l
-        }, o(e.modelValue ? I.value : e.placeholder), 43, ze),
-        G(t("ul", {
+        }, o(e.modelValue ? B.value : e.placeholder), 43, ze),
+        Q(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: ee,
-          onClick: Q,
+          onKeydown: G,
+          onClick: H,
           ref_key: "listboxNode",
           ref: n
         }, [
-          (a(!0), r(B, null, L(e.options, (y, x) => (a(), r("li", {
+          (a(!0), r(I, null, L(e.options, (y, x) => (a(), r("li", {
             key: `${e.name}-option-${x}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -345,10 +345,10 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
             ref: u
           }, o(y.label), 9, Fe))), 128))
         ], 40, Pe), [
-          [J, !S.value]
+          [Z, !q.value]
         ])
       ])), [
-        [k, W]
+        [X, Y]
       ])
     ], 8, De));
   }
@@ -410,7 +410,7 @@ const T = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
     }
   },
   setup(e) {
-    const i = e, s = F(() => `Label: ${i.text}`);
+    const i = e, s = E(() => `Label: ${i.text}`);
     return (l, n) => (a(), r("div", je, [
       t("span", {
         "aria-label": s.value,
@@ -420,7 +420,7 @@ const T = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
     ]));
   }
 });
-const U = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { class: "link__wrapper" }, V = /* @__PURE__ */ h({
+const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { class: "link__wrapper" }, V = /* @__PURE__ */ h({
   __name: "link",
   props: {
     underline: {
@@ -455,12 +455,12 @@ const U = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { clas
     }
   },
   setup(e) {
-    const i = e, s = F(() => {
+    const i = e, s = E(() => {
       const { ...l } = i;
       return l;
     });
     return (l, n) => (a(), r("div", We, [
-      t("div", X(s.value, {
+      t("div", ee(s.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" : "",
@@ -585,7 +585,7 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
           i.$emit("update:modelValue", l.target.value), l.target.blur();
         })
       }, [
-        (a(!0), r(B, null, L(e.options, (l) => (a(), r("option", {
+        (a(!0), r(I, null, L(e.options, (l) => (a(), r("option", {
           key: l.value,
           value: l.value
         }, o(l.text), 9, lt))), 128))
@@ -602,7 +602,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-2d0a5b51"]]), st = { cla
   emits: ["update:show"],
   setup(e, { emit: i }) {
     const s = e;
-    F({
+    E({
       get: () => s.show,
       set: (n) => i("update:show", n)
     });
@@ -624,12 +624,12 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-2d0a5b51"]]), st = { cla
           }, [
             t("div", {
               id: "modal",
-              onClick: u[0] || (u[0] = re(() => {
+              onClick: u[0] || (u[0] = se(() => {
               }, ["stop"])),
               class: c([n.searchBar ? "search" : ""])
             }, [
               t("div", null, [
-                n.searchBar ? m("", !0) : (a(), D(Y, {
+                n.searchBar ? m("", !0) : (a(), D(J, {
                   key: 0,
                   ariaLabel: "close",
                   variant: "close",
@@ -645,7 +645,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-2d0a5b51"]]), st = { cla
     ]));
   }
 });
-const ne = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ h({
+const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ h({
   __name: "slider",
   props: {
     label: {
@@ -698,18 +698,18 @@ const ne = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(s.modelValue), n = w(), u = w(!1), b = (S, f, I) => (S - f) / (I - f) * 100, C = (S) => {
+    const s = e, l = w(s.modelValue), n = w(), u = w(!1), b = (q, f, B) => (q - f) / (B - f) * 100, C = (q) => {
       var f;
-      (f = n.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
+      (f = n.value) == null || f.style.setProperty("--ProgressPercent", `${q}%`);
     };
-    return se(() => {
+    return oe(() => {
       if (n.value) {
         i("update:modelValue", l.value);
-        const S = b(l.value, s.min, s.max);
-        let f = (50 - S) / 100;
-        C(S + f);
+        const q = b(l.value, s.min, s.max);
+        let f = (50 - q) / 100;
+        C(q + f);
       }
-    }), (S, f) => (a(), r(B, null, [
+    }), (q, f) => (a(), r(I, null, [
       t("div", nt, [
         t("div", dt, [
           t("label", {
@@ -720,8 +720,8 @@ const ne = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { cla
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
-            onClick: f[0] || (f[0] = (I) => u.value = !u.value),
-            onKeyup: f[1] || (f[1] = ye((I) => u.value = !u.value, ["enter"])),
+            onClick: f[0] || (f[0] = (B) => u.value = !u.value),
+            onKeyup: f[1] || (f[1] = ye((B) => u.value = !u.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -742,7 +742,7 @@ const ne = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { cla
             class: c(e.variant),
             ref_key: "slider",
             ref: n,
-            onInput: f[2] || (f[2] = ({ target: I }) => l.value = parseFloat(I.value))
+            onInput: f[2] || (f[2] = ({ target: B }) => l.value = parseFloat(B.value))
           }, null, 42, ht),
           t("span", {
             class: c([e.variant, "slider__minmax"])
@@ -752,13 +752,13 @@ const ne = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-84d2402b"]]), nt = { cla
           class: c([e.variant, "slider__value"])
         }, o(e.modelValue), 3)
       ]),
-      e.information ? (a(), D(ne, {
+      e.information ? (a(), D(de, {
         key: 0,
         show: u.value,
-        "onUpdate:show": f[3] || (f[3] = (I) => u.value = I)
+        "onUpdate:show": f[3] || (f[3] = (B) => u.value = B)
       }, {
         default: $(() => [
-          R(o(e.information), 1)
+          j(o(e.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : m("", !0)
@@ -923,9 +923,9 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = w(!0), s = F(
+    const i = w(!0), s = E(
       () => i.value ? "showPassword" : "hidePassword"
-    ), l = F(
+    ), l = E(
       () => i.value ? "password" : "text"
     );
     return (n, u) => (a(), r("div", xt, [
@@ -1031,7 +1031,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-634229f5"]]), Mt = { cla
   setup(e, { expose: i }) {
     const s = e;
     let l = w(null);
-    return se(() => {
+    return oe(() => {
       s.play && l.value ? l.value.play() : !s.play && l.value && l.value.pause();
     }), i({
       resetVideo: () => {
@@ -1067,7 +1067,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-634229f5"]]), Mt = { cla
     ]));
   }
 });
-const j = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { class: "address__wrapper" }, Et = { class: "address__content" }, Nt = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Wt = ["href"], Gt = /* @__PURE__ */ h({
+const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { class: "address__wrapper" }, Et = { class: "address__content" }, Nt = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Wt = ["href"], Gt = /* @__PURE__ */ h({
   __name: "address",
   props: {
     name: {
@@ -1111,7 +1111,7 @@ const j = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { clas
           e.addressLine_3 ? (a(), r("p", jt, o(e.addressLine_3), 1)) : m("", !0)
         ]),
         t("div", Kt, [
-          (a(!0), r(B, null, L(e.phone_numbers, (l) => (a(), D(V, {
+          (a(!0), r(I, null, L(e.phone_numbers, (l) => (a(), D(V, {
             underline: "false",
             linkType: "regular"
           }, {
@@ -1157,9 +1157,9 @@ const Yt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Qt = (e) =
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (a(!0), r(B, null, L(e.list, (l) => (a(), r("li", null, [
+          (a(!0), r(I, null, L(e.list, (l) => (a(), r("li", null, [
             Xt,
-            R(" " + o(l), 1)
+            j(" " + o(l), 1)
           ]))), 256))
         ])
       ], 2)
@@ -1235,13 +1235,13 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           e.size == "large" && e.variant == "article" ? "card--large-article" : "",
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
-        style: Z([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: u[0] || (u[0] = (b) => le(l) ? l.value = !0 : l = !0),
-        onMouseout: u[1] || (u[1] = (b) => le(l) ? l.value = !1 : l = !1)
+        style: te([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: u[0] || (u[0] = (b) => ie(l) ? l.value = !0 : l = !0),
+        onMouseout: u[1] || (u[1] = (b) => ie(l) ? l.value = !1 : l = !1)
       }, [
         e.mediaType == "image" ? (a(), D(T, { key: 0 }, {
           default: $(() => [
-            _(n.$slots, "card-image", X({
+            _(n.$slots, "card-image", ee({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
               width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
@@ -1253,10 +1253,10 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           _: 3
         })) : (a(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", q(l) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", S(l) == !0 ? "vimeoPlaying" : ""])
         }, [
-          p(j, {
-            play: q(l),
+          p(K, {
+            play: S(l),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1269,7 +1269,7 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        q(s)["card-label"] ? (a(), r("div", aa, [
+        S(s)["card-label"] ? (a(), r("div", aa, [
           _(n.$slots, "card-label")
         ])) : m("", !0),
         e.variant === "product" ? (a(), r("h3", {
@@ -1310,15 +1310,15 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) =
   },
   setup(e) {
     return (i, s) => (a(), r("div", oa, [
-      p(U, {
+      p(W, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
       t("div", na, o(e.headline), 1),
       t("div", da, [
-        R(o(e.dateTime), 1),
+        j(o(e.dateTime), 1),
         ca,
-        R(o(e.location), 1)
+        j(o(e.location), 1)
       ]),
       t("div", ua, "Exhibitor: " + o(e.exhibitor), 1)
     ]));
@@ -1342,7 +1342,7 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
   },
   setup(e) {
     return (i, s) => (a(), r("div", va, [
-      p(U, {
+      p(W, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1378,7 +1378,7 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
       t("div", pa, [
         t("h2", $a, o(e.headline), 1),
         t("div", ka, [
-          (a(!0), r(B, null, L(e.facts, (l) => (a(), r("div", wa, [
+          (a(!0), r(I, null, L(e.facts, (l) => (a(), r("div", wa, [
             t("div", xa, [
               t("span", null, o(l.value), 1)
             ]),
@@ -1437,7 +1437,7 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-f0b38c5d"]]), La = { cla
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (a(!0), r(B, null, L(e.elements, (l) => (a(), r("div", Aa, [
+          (a(!0), r(I, null, L(e.elements, (l) => (a(), r("div", Aa, [
             p(T, { class: "element__icon" }, {
               default: $(() => [
                 _(i.$slots, "features-icon", A(M({
@@ -1564,7 +1564,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-fc71b085"]]), ja = { cla
             })
           ])) : m("", !0),
           e.mediaLarge && e.mediaType === "video" ? (a(), r("div", Ua, [
-            p(j, {
+            p(K, {
               src: e.mediaLarge.src,
               localVideo: "",
               ariaLabel: e.mediaLarge.alt,
@@ -1579,13 +1579,13 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-fc71b085"]]), ja = { cla
           ])) : m("", !0)
         ]),
         t("div", {
-          style: Z([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
+          style: te([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
           class: c([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (a(!0), r(B, null, L(e.mediaSmall, (l) => (a(), r("div", Wa, [
+          (a(!0), r(I, null, L(e.mediaSmall, (l) => (a(), r("div", Wa, [
             p(T, null, {
               default: $(() => [
                 _(i.$slots, "image-small", A(M({
@@ -1672,7 +1672,7 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
         ]),
         t("div", nl, [
           dl,
-          p(j, {
+          p(K, {
             src: e.video.src,
             localVideo: "",
             ariaLabel: e.video.alt,
@@ -1714,7 +1714,7 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-c74d9be1"]]), _l = { cla
           e.body ? (a(), r("p", gl, o(e.body), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", fl, [
-          (a(!0), r(B, null, L(e.logos, (l) => (a(), r("div", yl, [
+          (a(!0), r(I, null, L(e.logos, (l) => (a(), r("div", yl, [
             p(T, null, {
               default: $(() => [
                 _(i.$slots, "logo-wall-logo", A(M({
@@ -1820,7 +1820,7 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
           t("h1", null, o(e.headline), 1)
         ]),
         t("div", Vl, [
-          p(j, {
+          p(K, {
             play: !0,
             localVideo: !0,
             src: e.videoSrc,
@@ -1913,7 +1913,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-36aac1b0"]]), Ml = { cla
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          p(j, {
+          p(K, {
             src: e.src,
             localVideo: "",
             ariaLabel: e.alt,
@@ -1931,7 +1931,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-36aac1b0"]]), Ml = { cla
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (a(), D(U, {
+          e.label ? (a(), D(W, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
@@ -2066,7 +2066,7 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
       ])
     }, [
       t("div", Jl, [
-        e.label ? (a(), D(U, {
+        e.label ? (a(), D(W, {
           key: 0,
           text: e.label,
           labelDark: !1
@@ -2129,7 +2129,7 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-7bf963a0"]]), ai = (e) =
     }
   },
   setup(e) {
-    return oe(() => {
+    return ne(() => {
       const i = document.querySelectorAll(".timeline__item"), s = new IntersectionObserver(
         (l) => {
           l.forEach((n) => {
@@ -2146,18 +2146,18 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-7bf963a0"]]), ai = (e) =
     }), (i, s) => (a(), r("div", li, [
       t("div", ii, [
         t("div", ri, [
-          (a(!0), r(B, null, L(e.timelineItems, (l) => (a(), r("div", si, [
+          (a(!0), r(I, null, L(e.timelineItems, (l) => (a(), r("div", si, [
             t("div", oi, o(l.year), 1),
             ni,
             t("div", di, [
               p(T, null, {
                 default: $(() => [
-                  l.media.type === "image" ? _(i.$slots, "timeline-image", A(X({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
+                  l.media.type === "image" ? _(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: Z([l.media.type === "none" ? "margin-top: 0px" : ""]),
+                style: te([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
               }, null, 12, ci)
@@ -2278,9 +2278,9 @@ const Ci = /* @__PURE__ */ v(Ti, [["__scopeId", "data-v-a4285ce0"]]), Vi = { cla
     ]));
   }
 });
-const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), E = (e) => (O("data-v-d2cab33d"), e = e(), z(), e), Pi = { class: "footer__wrapper" }, Fi = { class: "footer__content" }, Ei = { class: "footer__sections" }, Ni = { class: "section" }, Hi = { class: "section__title" }, Ri = { class: "section__list" }, ji = { class: "section" }, Ki = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Ui = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Wi = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Gi = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), Yi = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Qi = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ji = { class: "footer__bottom" }, Xi = { class: "copyright" }, Zi = { class: "footer__policy" }, er = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
+const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) => (O("data-v-d2cab33d"), e = e(), z(), e), Pi = { class: "footer__wrapper" }, Fi = { class: "footer__content" }, Ei = { class: "footer__sections" }, Ni = { class: "section" }, Hi = { class: "section__title" }, Ri = { class: "section__list" }, ji = { class: "section" }, Ki = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Ui = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Wi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Gi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("br", null, null, -1)), Yi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Qi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ji = { class: "footer__bottom" }, Xi = { class: "copyright" }, Zi = { class: "footer__policy" }, er = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
-  /* @__PURE__ */ R("Change region")
+  /* @__PURE__ */ j("Change region")
 ], -1)), tr = [
   er
 ], ar = { class: "footer__social" }, lr = ["href", "aria-label"], ir = /* @__PURE__ */ h({
@@ -2316,7 +2316,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), E = (e) =>
     return (i, s) => (a(), r("div", Pi, [
       t("footer", Fi, [
         t("div", Ei, [
-          (a(!0), r(B, null, L(e.footerSections, (l) => (a(), r("div", Ni, [
+          (a(!0), r(I, null, L(e.footerSections, (l) => (a(), r("div", Ni, [
             t("span", Hi, o(l.title), 1),
             t("nav", null, [
               t("ul", Ri, [
@@ -2366,7 +2366,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), E = (e) =>
             _(i.$slots, "footer-cookie-link")
           ]),
           t("div", ar, [
-            (a(!0), r(B, null, L(e.socialMedia, (l) => (a(), D(V, {
+            (a(!0), r(I, null, L(e.socialMedia, (l) => (a(), D(V, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -2425,13 +2425,13 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     const l = e;
     w("");
     let n = null, u = w(l.burgerState), b = w(l.showDropDown);
-    ie(
+    re(
       () => l.burgerState,
       (k) => u.value = k
-    ), ie(
+    ), re(
       () => l.showDropDown,
       (k) => b.value = k
-    ), oe(() => {
+    ), ne(() => {
       n = (k) => {
         k.target.closest("#menu-dropdown") || (b.value = !1);
       }, window.addEventListener("click", n);
@@ -2441,16 +2441,16 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     function C() {
       b.value = !b.value, s("update:showDropDown", b.value);
     }
-    function S() {
+    function q() {
       u.value = !u.value, s("update:burgerState", u.value);
     }
-    let f = w(null);
-    function I() {
+    let f = w(null), B = w(null);
+    function X() {
       f.value && f.value.blur();
     }
     return i({
-      defocusSearchButton: I
-    }), (k, N) => (a(), r("div", sr, [
+      defocusSearchButton: X
+    }), (k, H) => (a(), r("div", sr, [
       t("nav", null, [
         t("div", or, [
           t("div", nr, [
@@ -2465,29 +2465,32 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
               class: "nav-dropdown-btn"
             }, [
               _(k.$slots, "dropdown-title", {}, void 0, !0),
-              q(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
+              S(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
             ]),
-            G(t("div", hr, [
+            Q(t("div", hr, [
               _(k.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [J, q(b)]
+              [Z, S(b)]
             ])
           ], 512),
           t("div", vr, [
             t("button", {
-              onClick: N[0] || (N[0] = (Q) => k.$emit("clickSearch")),
-              ref_key: "searchButton",
+              onClick: H[0] || (H[0] = (G) => {
+                var F;
+                return k.$emit("clickSearch"), (F = S(f)) == null ? void 0 : F.blur();
+              }),
+              ref_key: "navSearchButton",
               ref: f
             }, [
               t("img", {
-                src: q(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon"
               }, null, 8, mr)
             ], 512)
           ])
         ]),
         t("div", {
-          class: c(["mobile-nav-wrapper", q(u) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: c(["mobile-nav-wrapper", S(u) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", gr, [
             t("div", fr, [
@@ -2495,29 +2498,34 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
             ]),
             t("div", yr, [
               t("button", {
-                onClick: N[1] || (N[1] = (Q) => k.$emit("clickSearch"))
+                onClick: H[1] || (H[1] = (G) => {
+                  var F;
+                  return k.$emit("clickSearch"), (F = S(B)) == null ? void 0 : F.blur();
+                }),
+                ref_key: "mobileSearchButton",
+                ref: B
               }, [
                 t("img", {
-                  src: q(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: S(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon"
                 }, null, 8, br)
-              ])
+              ], 512)
             ]),
             t("button", {
-              onClick: re(S, ["prevent"]),
+              onClick: se(q, ["prevent"]),
               class: "mobile-burger-wrapper"
             }, [
               t("img", {
-                class: c(["burger-line", q(u) == !0 ? "burger-top-line-open" : ""]),
-                src: q(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
+                class: c(["burger-line", S(u) == !0 ? "burger-top-line-open" : ""]),
+                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
               }, null, 10, $r),
               t("img", {
-                class: c(["burger-line", q(u) == !0 ? "burger-bottom-line-open" : ""]),
-                src: q(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
+                class: c(["burger-line", S(u) == !0 ? "burger-bottom-line-open" : ""]),
+                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
               }, null, 10, kr)
             ], 8, pr)
           ]),
-          G(t("div", wr, [
+          Q(t("div", wr, [
             t("ul", null, [
               _(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
@@ -2526,14 +2534,14 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
               _(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [J, q(u)]
+            [Z, S(u)]
           ])
         ], 2)
       ])
     ]));
   }
 });
-const qr = /* @__PURE__ */ v(Sr, [["__scopeId", "data-v-acc239a9"]]), Br = { class: "language__wrapper" }, Ir = { class: "language__content" }, Lr = { class: "language__headline" }, Tr = { class: "language__paragraph" }, Cr = /* @__PURE__ */ h({
+const qr = /* @__PURE__ */ v(Sr, [["__scopeId", "data-v-9efe46b8"]]), Br = { class: "language__wrapper" }, Ir = { class: "language__content" }, Lr = { class: "language__headline" }, Tr = { class: "language__paragraph" }, Cr = /* @__PURE__ */ h({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2569,14 +2577,14 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
   setup(e) {
     return (i, s) => (a(), r("div", Ar, [
       t("div", Dr, [
-        p(Y, {
+        p(J, {
           onClick: s[0] || (s[0] = (l) => i.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
         _(i.$slots, "pagination-numbers"),
-        p(Y, {
+        p(J, {
           onClick: s[1] || (s[1] = (l) => i.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2588,23 +2596,23 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
 });
 const Or = /* @__PURE__ */ v(Mr, [["__scopeId", "data-v-9f08dcf6"]]), Pr = {
   install: (e) => {
-    e.component("AtomButton", Y), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", T), e.component("AtomLabel", U), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", rt), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", j), e.component("MoleculeAddress", Yt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", ra), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", ne), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockHeadline", el), e.component("BlockHero", ul), e.component("BlockImage", Ra), e.component("BlockImageGallery", Qa), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Ql), e.component("BlockRichText", ti), e.component("BlockTimeline", _i), e.component("BlockTripleCardDisplay", bi), e.component("BlockVimeo", Si), e.component("Organism404", Ci), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", qr), e.component("OrganismLanguageSwitcher", Vr), e.component("OrganismPagination", Or);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", T), e.component("AtomLabel", W), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", rt), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Yt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", ra), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockHeadline", el), e.component("BlockHero", ul), e.component("BlockImage", Ra), e.component("BlockImageGallery", Qa), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Ql), e.component("BlockRichText", ti), e.component("BlockTimeline", _i), e.component("BlockTripleCardDisplay", bi), e.component("BlockVimeo", Si), e.component("Organism404", Ci), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", qr), e.component("OrganismLanguageSwitcher", Vr), e.component("OrganismPagination", Or);
   }
 };
 export {
-  Y as AtomButton,
+  J as AtomButton,
   Ie as AtomCheckbox,
   Ae as AtomChip,
   Ne as AtomDropdown,
   T as AtomImage,
-  U as AtomLabel,
+  W as AtomLabel,
   V as AtomLink,
   Ze as AtomRadioButton,
   rt as AtomSelect,
   mt as AtomSlider,
   Dt as AtomTextField,
   wt as AtomTextarea,
-  j as AtomVideo,
+  K as AtomVideo,
   Ia as BlockFacts,
   za as BlockFeatures,
   el as BlockHeadline,
@@ -2625,7 +2633,7 @@ export {
   ea as MoleculeBulletList,
   ra as MoleculeCard,
   ha as MoleculeEventCard,
-  ne as MoleculeModal,
+  de as MoleculeModal,
   ya as MoleculeTextCard,
   Ci as Organism404,
   zi as OrganismFilter,