@mirweb/mir-web-components 1.7.0 → 1.7.2

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

@@ -1020,7 +1020,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       t("div", Ia, d(e.exhibitor), 1)
     ]));
   }
-}), Ca = /* @__PURE__ */ f(qa, [["__scopeId", "data-v-2c394add"]]), le = (e) => (O("data-v-06c7f817"), e = e(), H(), e), Aa = { class: "flashcard-side flashcard-front" }, La = {
+}), Ca = /* @__PURE__ */ f(qa, [["__scopeId", "data-v-2c394add"]]), le = (e) => (O("data-v-93ee37aa"), e = e(), H(), e), Aa = { class: "flashcard-side flashcard-front" }, La = {
   key: 0,
   class: "content"
 }, Da = { key: 0 }, Ta = {
@@ -1043,7 +1043,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
 }, null, -1)), Ha = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
-  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
+  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
 }, null, -1)), Ra = /* @__PURE__ */ g({
   __name: "flashcard",
   props: {
@@ -1095,9 +1095,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             ], 2))
           ]),
           t("div", {
-            class: p(["flashcard-side flashcard-back", {
-              "flashcard-back--image": ((b = o.imagebackside) == null ? void 0 : b.filename) && !o.namebackside && !o.bodytextbackside
-            }])
+            class: p([
+              "flashcard-side flashcard-back",
+              (b = o.imagebackside) != null && b.filename ? "flashcard-back--image" : "flashcard-back--no-image"
+            ])
           }, [
             o.namebackside || o.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
               o.namebackside ? (s(), i("h3", Ma, d(o.namebackside), 1)) : h("", !0),
@@ -1120,7 +1121,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ]);
     };
   }
-}), be = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-06c7f817"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
+}), be = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1406,6 +1407,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   props: {
     headline: {},
     body: {},
+    bgColor: {},
     flashcards: {}
   },
   setup(e) {
@@ -1414,55 +1416,59 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       const l = (_ = a.flashcards) == null ? void 0 : _.length;
       return l === 4 || l === 5 ? "sm" : l === 6 || l === 3 ? "md" : l === 2 ? "lg" : "sm";
     });
-    return (l, _) => (s(), i("div", Po, [
-      t("div", {
-        class: p([
-          { "no-bodytext": !r.value },
-          "flashcard-wrapper__top-section"
-        ])
-      }, [
-        l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : h("", !0),
-        l.body ? (s(), i("div", Mo, [
-          c(l.$slots, "flashcard-wrapper-body", {}, void 0, !0)
-        ])) : h("", !0)
-      ], 2),
-      t("div", {
-        class: p(["flashcard-wrapper__teaser-list", {
-          sm: o.value === "sm",
-          md: o.value === "md",
-          lg: o.value === "lg"
-        }])
-      }, [
-        (s(!0), i(P, null, F(l.flashcards, (n) => (s(), T(I(be), {
-          key: n._uid,
-          name: n.name,
-          bodytext: n.bodytext,
-          image: n.image,
-          namebackside: n.namebackside ? n.namebackside : "",
-          bodytextbackside: n.bodytextbackside,
-          imagebackside: n.imagebackside ? n.imagebackside : { filename: "", alt: "" },
-          size: o.value,
-          "image-fit": n.imageFit,
-          "image-fit-back": n.imageFitBack
-        }, {
-          "flashcard-front-body": y(({ bodytext: u }) => [
-            c(l.$slots, "flashcard-front-body", C(L({ bodytext: u })), void 0, !0)
-          ]),
-          "flashcard-front-image": y(({ src: u, alt: b }) => [
-            c(l.$slots, "flashcard-front-image", C(L({ src: u, alt: b })), void 0, !0)
-          ]),
-          "flashcard-back-body": y(({ bodytextbackside: u }) => [
-            c(l.$slots, "flashcard-back-body", C(L({ bodytextbackside: u })), void 0, !0)
-          ]),
-          "flashcard-back-image": y(({ src: u, alt: b }) => [
-            c(l.$slots, "flashcard-back-image", C(L({ src: u, alt: b })), void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
-      ], 2)
-    ]));
+    return (l, _) => (s(), i("div", {
+      class: p(["flashcards", l.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
+    }, [
+      t("div", Po, [
+        t("div", {
+          class: p([
+            { "no-bodytext": !r.value },
+            "flashcard-wrapper__top-section"
+          ])
+        }, [
+          l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : h("", !0),
+          l.body ? (s(), i("div", Mo, [
+            c(l.$slots, "flashcard-wrapper-body", {}, void 0, !0)
+          ])) : h("", !0)
+        ], 2),
+        t("div", {
+          class: p(["flashcard-wrapper__teaser-list", {
+            sm: o.value === "sm",
+            md: o.value === "md",
+            lg: o.value === "lg"
+          }])
+        }, [
+          (s(!0), i(P, null, F(l.flashcards, (n) => (s(), T(I(be), {
+            key: n._uid,
+            name: n.name,
+            bodytext: n.bodytext,
+            image: n.image,
+            namebackside: n.namebackside ? n.namebackside : "",
+            bodytextbackside: n.bodytextbackside,
+            imagebackside: n.imagebackside ? n.imagebackside : { filename: "", alt: "" },
+            size: o.value,
+            "image-fit": n.imageFit,
+            "image-fit-back": n.imageFitBack
+          }, {
+            "flashcard-front-body": y(({ bodytext: u }) => [
+              c(l.$slots, "flashcard-front-body", C(L({ bodytext: u })), void 0, !0)
+            ]),
+            "flashcard-front-image": y(({ src: u, alt: b }) => [
+              c(l.$slots, "flashcard-front-image", C(L({ src: u, alt: b })), void 0, !0)
+            ]),
+            "flashcard-back-body": y(({ bodytextbackside: u }) => [
+              c(l.$slots, "flashcard-back-body", C(L({ bodytextbackside: u })), void 0, !0)
+            ]),
+            "flashcard-back-image": y(({ src: u, alt: b }) => [
+              c(l.$slots, "flashcard-back-image", C(L({ src: u, alt: b })), void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
+        ], 2)
+      ])
+    ], 2));
   }
-}), Oo = /* @__PURE__ */ f(zo, [["__scopeId", "data-v-6dc1e767"]]), Ho = { class: "form__wrapper" }, Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
+}), Oo = /* @__PURE__ */ f(zo, [["__scopeId", "data-v-6ed31309"]]), Ho = { class: "form__wrapper" }, Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {