@mirweb/mir-web-components 1.6.9 → 1.6.11

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as D, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as P, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as L, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
+import { defineComponent as g, computed as D, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as F, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as L, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
 const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -295,10 +295,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (o(), i("div", We, [
-      c(a.$slots, "default", P(O(a.$attrs)))
+      c(a.$slots, "default", F(O(a.$attrs)))
     ]));
   }
-}), F = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
+}), M = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
@@ -314,7 +314,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       }, d(s.text), 11, Ze)
     ]));
   }
-}), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" }, M = /* @__PURE__ */ g({
+}), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" }, P = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -777,7 +777,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           a.addressLine3 ? (o(), i("p", Zt, d(a.addressLine3), 1)) : p("", !0)
         ]),
         t("div", Xt, [
-          a.website ? (o(), L(M, {
+          a.website ? (o(), L(P, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -790,7 +790,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : p("", !0),
-          (o(!0), i(T, null, V(a.phoneNumbers, (s) => (o(), L(M, {
+          (o(!0), i(T, null, V(a.phoneNumbers, (s) => (o(), L(P, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -903,7 +903,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         onMouseover: _[0] || (_[0] = (b) => de(r) ? r.value = !0 : r = !0),
         onMouseout: _[1] || (_[1] = (b) => de(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (o(), L(F, { key: 0 }, {
+        n.mediaType === "image" ? (o(), L(M, { key: 0 }, {
           default: y(() => [
             c(n.$slots, "card-image", X({
               src: n.imgSrc,
@@ -969,7 +969,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           key: 0,
           class: m(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
         }, [
-          c(a.$slots, "column-card-image", P(O({
+          c(a.$slots, "column-card-image", F(O({
             src: a.image.filename,
             alt: a.image.alt
           })), void 0, !0)
@@ -1086,11 +1086,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
               })
             }, [
               t("div", Ra, [
-                c(l.$slots, "accordion-body", P(O({ body: n.bodytext })), void 0, !0)
+                c(l.$slots, "accordion-body", F(O({ body: n.bodytext })), void 0, !0)
               ]),
-              S(F, null, {
+              S(M, null, {
                 default: y(() => [
-                  n.image ? c(l.$slots, "accordion-image", P(X({ key: 0 }, {
+                  n.image ? c(l.$slots, "accordion-image", F(X({ key: 0 }, {
                     src: n.image.filename,
                     alt: n.image.alt,
                     class: "accordion__image"
@@ -1147,9 +1147,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
 }, xa = { class: "column-grid__teaser-list" }, eo = /* @__PURE__ */ g({
   __name: "column-grid",
   props: {
-    headline: {},
+    headline: { default: "" },
     bgColor: {},
-    bodytext: {},
+    bodytext: { default: "" },
     columns: {}
   },
   setup(e) {
@@ -1161,8 +1161,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }, [
       t("div", Qa, [
         t("h2", Za, d(a.headline), 1),
-        a.bodytext.length > 0 ? (o(), i("div", Xa, [
-          c(a.$slots, "column-grid-body", P(O({ body: a.bodytext })), void 0, !0)
+        a.bodytext ? (o(), i("div", Xa, [
+          c(a.$slots, "column-grid-body", {}, void 0, !0)
         ])) : p("", !0)
       ]),
       t("div", xa, [
@@ -1174,10 +1174,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           "image-fit": s.imageFit
         }, {
           "column-card-body": y(() => [
-            c(a.$slots, "column-card-body", P(O({ body: s.bodytext })), void 0, !0)
+            c(a.$slots, "column-card-body", F(O({ body: s.bodytext })), void 0, !0)
           ]),
           "column-card-image": y(() => [
-            s.image ? c(a.$slots, "column-card-image", P(X({ key: 0 }, {
+            s.image ? c(a.$slots, "column-card-image", F(X({ key: 0 }, {
               src: s.image.filename,
               alt: s.image.alt,
               class: "column-card__image",
@@ -1189,7 +1189,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-507dde1e"]]), ao = { class: "facts__wrapper" }, oo = { class: "facts__content" }, lo = { class: "facts__headline" }, so = { class: "facts" }, io = { class: "fact__value" }, ro = { class: "fact__metric" }, no = {
+}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-02296102"]]), ao = { class: "facts__wrapper" }, oo = { class: "facts__content" }, lo = { class: "facts__headline" }, so = { class: "facts" }, io = { class: "fact__value" }, ro = { class: "fact__metric" }, no = {
   key: 0,
   class: "facts__link"
 }, co = /* @__PURE__ */ g({
@@ -1233,7 +1233,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         a.link ? (o(), i("div", no, [
-          S(M, {
+          S(P, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1275,9 +1275,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             key: s.headline,
             class: "features__element"
           }, [
-            S(F, { class: "element__icon" }, {
+            S(M, { class: "element__icon" }, {
               default: y(() => [
-                c(a.$slots, "features-icon", P(O({
+                c(a.$slots, "features-icon", F(O({
                   src: s.icon.src,
                   height: 30,
                   width: 30,
@@ -1363,7 +1363,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
               t("h1", null, d(e.headline), 1)
             ]),
             t("div", zo, [
-              S(M, {
+              S(P, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1414,9 +1414,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     return (a, r) => (o(), i("div", Uo, [
       t("div", Go, [
         t("div", Jo, [
-          S(F, null, {
+          S(M, null, {
             default: y(() => [
-              c(a.$slots, "image", P(O({
+              c(a.$slots, "image", F(O({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1468,9 +1468,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       }, [
         t("div", Zo, [
           l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Xo, [
-            S(F, null, {
+            S(M, null, {
               default: y(() => [
-                c(l.$slots, "image-large", P(O({
+                c(l.$slots, "image-large", F(O({
                   width: 617,
                   height: 530,
                   src: l.mediaLarge.src,
@@ -1506,9 +1506,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             key: n.src + n.alt,
             class: "image image--small"
           }, [
-            S(F, null, {
+            S(M, null, {
               default: y(() => [
-                c(l.$slots, "image-small", P(O({
+                c(l.$slots, "image-small", F(O({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1557,9 +1557,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             key: s.src + s.alt,
             class: "logo-wall__logo"
           }, [
-            S(F, null, {
+            S(M, null, {
               default: y(() => [
-                c(a.$slots, "logo-wall-logo", P(O({
+                c(a.$slots, "logo-wall-logo", F(O({
                   width: 130,
                   height: 130,
                   src: s.src,
@@ -1571,7 +1571,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         t("div", dl, [
-          S(M, {
+          S(P, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1684,7 +1684,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(F), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(M), { key: 1 }, {
             default: y(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
@@ -1692,7 +1692,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
           })),
           t("div", Il, [
             e.logoSrc ? (o(), i("div", ql, [
-              S(I(F), null, {
+              S(I(M), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
@@ -1700,7 +1700,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
               })
             ])) : p("", !0),
             e.isCertified ? (o(), i("div", Cl, [
-              S(I(F), null, {
+              S(I(M), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
@@ -1749,9 +1749,9 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             l.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          S(F, null, {
+          S(M, null, {
             default: y(() => [
-              c(l.$slots, "promo-image", P(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(l.$slots, "promo-image", F(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1794,7 +1794,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
           }, [
             c(l.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (o(), L(M, {
+          l.linkType === "link" ? (o(), L(P, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -1804,7 +1804,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), L(M, {
+          l.linkType === "button" ? (o(), L(P, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -1849,9 +1849,9 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
           t("p", Hl, d(e.quote), 1),
           t("div", Rl, [
             e.authorImage ? (o(), i("div", Nl, [
-              S(F, null, {
+              S(M, null, {
                 default: y(() => [
-                  c(a.$slots, "author-image", P(O({
+                  c(a.$slots, "author-image", F(O({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1934,9 +1934,9 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            S(F, null, {
+            S(M, null, {
               default: y(() => [
-                c(a.$slots, "rich-text-image", P(O({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", F(O({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1998,9 +1998,9 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
             t("div", ds, d(s.year), 1),
             cs,
             t("div", us, [
-              S(F, null, {
+              S(M, null, {
                 default: y(() => [
-                  s.media.src ? c(a.$slots, "timeline-image", P(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
+                  s.media.src ? c(a.$slots, "timeline-image", F(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -2201,7 +2201,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
               a.language === "zh" ? (o(), i("span", ii, "桂桥路1201号10栋2楼")) : (o(), i("span", ri, "5260 Odense S")),
               a.language !== "zh" ? (o(), i("span", ni, "CVR: 35251235")) : p("", !0),
               di,
-              S(M, {
+              S(P, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2211,7 +2211,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
                 ]),
                 _: 1
               }),
-              S(M, {
+              S(P, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2240,7 +2240,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
             c(a.$slots, "footer-cookie-link")
           ]),
           a.language !== "zh" ? (o(), i("div", gi, [
-            (o(!0), i(T, null, V(a.socialMedia, (s) => (o(), L(M, {
+            (o(!0), i(T, null, V(a.socialMedia, (s) => (o(), L(P, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2261,7 +2261,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
               _: 2
             }, 1024))), 128))
           ])) : (o(), i("div", yi, [
-            (o(!0), i(T, null, V(a.socialMediaChina, (s) => (o(), L(M, {
+            (o(!0), i(T, null, V(a.socialMediaChina, (s) => (o(), L(P, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2481,7 +2481,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
                   key: N,
                   class: "portal-switcher-link"
                 }, [
-                  S(I(M), { "link-type": "regular" }, {
+                  S(I(P), { "link-type": "regular" }, {
                     default: y(() => [
                       t("a", {
                         href: j.link,
@@ -2751,7 +2751,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
           }, [
             c(l.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (o(), L(M, {
+          l.linkType === "link" ? (o(), L(P, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -2761,7 +2761,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), L(M, {
+          l.linkType === "button" ? (o(), L(P, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -2776,7 +2776,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
   }
 }), qr = /* @__PURE__ */ f(Ir, [["__scopeId", "data-v-00c0bad3"]]), Ar = {
   install: (e) => {
-    e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", F), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", br), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", uo), e.component("BlockFeatures", bo), e.component("BlockFormScript", qo), e.component("BlockHeadline", Do), e.component("BlockHero", Ko), e.component("BlockImage", Qo), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ul), e.component("BlockMicroStories", vl), e.component("BlockPolicy", $l), e.component("BlockProductHero", Ll), e.component("BlockPromo", Vl), e.component("BlockQuote", Gl), e.component("BlockRichText", Zl), e.component("BlockRichTextColumns", ls), e.component("BlockTimeline", ps), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", to), e.component("BlockVimeo", ys), e.component("BlockPalletJack", qr), e.component("BlockFrontPageHero", Fs), e.component("Organism404", Es), e.component("OrganismFilter", Ws), e.component("OrganismFooter", wi), e.component("OrganismHeader", er), e.component("OrganismLanguageSwitcher", rr), e.component("OrganismPagination", ur), e.component("OrganismSearch", mr);
+    e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", P), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", br), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", uo), e.component("BlockFeatures", bo), e.component("BlockFormScript", qo), e.component("BlockHeadline", Do), e.component("BlockHero", Ko), e.component("BlockImage", Qo), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ul), e.component("BlockMicroStories", vl), e.component("BlockPolicy", $l), e.component("BlockProductHero", Ll), e.component("BlockPromo", Vl), e.component("BlockQuote", Gl), e.component("BlockRichText", Zl), e.component("BlockRichTextColumns", ls), e.component("BlockTimeline", ps), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", to), e.component("BlockVimeo", ys), e.component("BlockPalletJack", qr), e.component("BlockFrontPageHero", Fs), e.component("Organism404", Es), e.component("OrganismFilter", Ws), e.component("OrganismFooter", wi), e.component("OrganismHeader", er), e.component("OrganismLanguageSwitcher", rr), e.component("OrganismPagination", ur), e.component("OrganismSearch", mr);
   }
 };
 export {
@@ -2784,9 +2784,9 @@ export {
   me as AtomCheckbox,
   He as AtomChip,
   Je as AtomDropdown,
-  F as AtomImage,
+  M as AtomImage,
   Z as AtomLabel,
-  M as AtomLink,
+  P as AtomLink,
   st as AtomRadioButton,
   ut as AtomSelect,
   br as AtomSelectMultiple,