@mirweb/mir-web-components 0.17.21 → 0.17.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as
|
|
1
|
+
import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
|
|
2
2
|
const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -24,7 +24,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
24
24
|
for (const [l, s] of a)
|
|
25
25
|
r[l] = s;
|
|
26
26
|
return r;
|
|
27
|
-
}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"],
|
|
27
|
+
}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
|
|
28
28
|
__name: "checkbox",
|
|
29
29
|
props: {
|
|
30
30
|
name: { default: "checkbox" },
|
|
@@ -56,12 +56,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
56
56
|
for: s.id,
|
|
57
57
|
class: h(["checkbox__label", s.required ? "required" : ""])
|
|
58
58
|
}, [
|
|
59
|
-
|
|
59
|
+
Ve,
|
|
60
60
|
p(s.$slots, "default", {}, void 0, !0)
|
|
61
61
|
], 10, Te)
|
|
62
62
|
], 2));
|
|
63
63
|
}
|
|
64
|
-
}), Ae = /* @__PURE__ */ v(
|
|
64
|
+
}), Ae = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), N(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
|
|
65
65
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
66
66
|
alt: "close",
|
|
67
67
|
class: "close-icon"
|
|
@@ -301,7 +301,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
301
301
|
p(a.$slots, "default", P(F(a.$attrs)))
|
|
302
302
|
]));
|
|
303
303
|
}
|
|
304
|
-
}),
|
|
304
|
+
}), C = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
|
|
305
305
|
__name: "label",
|
|
306
306
|
props: {
|
|
307
307
|
text: {},
|
|
@@ -607,7 +607,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
607
607
|
])
|
|
608
608
|
]));
|
|
609
609
|
}
|
|
610
|
-
}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"],
|
|
610
|
+
}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
|
|
611
611
|
key: 2,
|
|
612
612
|
class: "search"
|
|
613
613
|
}, Ot = {
|
|
@@ -657,7 +657,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
657
657
|
_.search ? "search" : ""
|
|
658
658
|
])
|
|
659
659
|
}, n(_.label), 11, Tt),
|
|
660
|
-
l.value === "password" ? (o(), i("div",
|
|
660
|
+
l.value === "password" ? (o(), i("div", Vt, [
|
|
661
661
|
t("input", {
|
|
662
662
|
id: _.id,
|
|
663
663
|
ref: "passwordField",
|
|
@@ -668,7 +668,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
668
668
|
disabled: _.disabled,
|
|
669
669
|
name: _.fieldName,
|
|
670
670
|
onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
|
|
671
|
-
}, null, 40,
|
|
671
|
+
}, null, 40, Ct),
|
|
672
672
|
t("i", {
|
|
673
673
|
role: "button",
|
|
674
674
|
class: h([u.value]),
|
|
@@ -888,7 +888,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
888
888
|
onMouseover: _[0] || (_[0] = (S) => ie(r) ? r.value = !0 : r = !0),
|
|
889
889
|
onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
|
|
890
890
|
}, [
|
|
891
|
-
c.mediaType === "image" ? (o(), A(
|
|
891
|
+
c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
|
|
892
892
|
default: w(() => [
|
|
893
893
|
p(c.$slots, "card-image", te({
|
|
894
894
|
src: c.imgSrc,
|
|
@@ -902,10 +902,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
902
902
|
_: 3
|
|
903
903
|
})) : (o(), i("div", {
|
|
904
904
|
key: 1,
|
|
905
|
-
class: h(["video-card__wrapper",
|
|
905
|
+
class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
|
|
906
906
|
}, [
|
|
907
907
|
k(G, {
|
|
908
|
-
play:
|
|
908
|
+
play: V(r),
|
|
909
909
|
"local-video": !0,
|
|
910
910
|
src: c.videoSrc,
|
|
911
911
|
"aria-label": c.arialabel,
|
|
@@ -918,7 +918,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
918
918
|
muted: !0
|
|
919
919
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
920
920
|
], 2)),
|
|
921
|
-
|
|
921
|
+
V(a)["card-label"] ? (o(), i("div", ia, [
|
|
922
922
|
p(c.$slots, "card-label")
|
|
923
923
|
])) : g("", !0),
|
|
924
924
|
c.variant === "product" ? (o(), i("h3", {
|
|
@@ -1003,7 +1003,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1003
1003
|
}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, La = { class: "fact__metric" }, Ta = {
|
|
1004
1004
|
key: 0,
|
|
1005
1005
|
class: "facts__link"
|
|
1006
|
-
},
|
|
1006
|
+
}, Va = /* @__PURE__ */ f({
|
|
1007
1007
|
__name: "facts",
|
|
1008
1008
|
props: {
|
|
1009
1009
|
headline: { default: "" },
|
|
@@ -1057,7 +1057,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1057
1057
|
])
|
|
1058
1058
|
]));
|
|
1059
1059
|
}
|
|
1060
|
-
}),
|
|
1060
|
+
}), Ca = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
|
|
1061
1061
|
key: 0,
|
|
1062
1062
|
class: "features__headline"
|
|
1063
1063
|
}, Oa = {
|
|
@@ -1086,7 +1086,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1086
1086
|
key: l.headline,
|
|
1087
1087
|
class: "features__element"
|
|
1088
1088
|
}, [
|
|
1089
|
-
k(
|
|
1089
|
+
k(C, { class: "element__icon" }, {
|
|
1090
1090
|
default: w(() => [
|
|
1091
1091
|
p(a.$slots, "features-icon", P(F({
|
|
1092
1092
|
src: l.icon.src,
|
|
@@ -1149,7 +1149,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1149
1149
|
return (a, r) => (o(), i("div", Ya, [
|
|
1150
1150
|
t("div", Qa, [
|
|
1151
1151
|
t("div", Za, [
|
|
1152
|
-
k(
|
|
1152
|
+
k(C, null, {
|
|
1153
1153
|
default: w(() => [
|
|
1154
1154
|
p(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1155
1155
|
]),
|
|
@@ -1197,7 +1197,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1197
1197
|
}, [
|
|
1198
1198
|
t("div", el, [
|
|
1199
1199
|
s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
|
|
1200
|
-
k(
|
|
1200
|
+
k(C, null, {
|
|
1201
1201
|
default: w(() => [
|
|
1202
1202
|
p(s.$slots, "image-large", P(F({
|
|
1203
1203
|
width: 617,
|
|
@@ -1235,7 +1235,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1235
1235
|
key: c.src + c.alt,
|
|
1236
1236
|
class: "image image--small"
|
|
1237
1237
|
}, [
|
|
1238
|
-
k(
|
|
1238
|
+
k(C, null, {
|
|
1239
1239
|
default: w(() => [
|
|
1240
1240
|
p(s.$slots, "image-small", P(F({
|
|
1241
1241
|
width: 328,
|
|
@@ -1366,7 +1366,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1366
1366
|
key: l.src + l.alt,
|
|
1367
1367
|
class: "logo-wall__logo"
|
|
1368
1368
|
}, [
|
|
1369
|
-
k(
|
|
1369
|
+
k(C, null, {
|
|
1370
1370
|
default: w(() => [
|
|
1371
1371
|
p(a.$slots, "logo-wall-logo", P(F({
|
|
1372
1372
|
width: 130,
|
|
@@ -1393,7 +1393,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1393
1393
|
])
|
|
1394
1394
|
]));
|
|
1395
1395
|
}
|
|
1396
|
-
}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]),
|
|
1396
|
+
}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Vl = { class: "micro-stories__top" }, Cl = {
|
|
1397
1397
|
key: 0,
|
|
1398
1398
|
class: "headline"
|
|
1399
1399
|
}, Al = {
|
|
@@ -1415,8 +1415,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
|
1415
1415
|
return (s, u) => (o(), i("div", {
|
|
1416
1416
|
class: h(["micro-stories__wrapper", r.value])
|
|
1417
1417
|
}, [
|
|
1418
|
-
t("div",
|
|
1419
|
-
s.headline ? (o(), i("div",
|
|
1418
|
+
t("div", Vl, [
|
|
1419
|
+
s.headline ? (o(), i("div", Cl, [
|
|
1420
1420
|
t("h2", null, n(s.headline), 1)
|
|
1421
1421
|
])) : g("", !0),
|
|
1422
1422
|
s.body ? (o(), i("div", Al, [
|
|
@@ -1510,7 +1510,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
|
|
|
1510
1510
|
s.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1511
1511
|
])
|
|
1512
1512
|
}, [
|
|
1513
|
-
k(
|
|
1513
|
+
k(C, null, {
|
|
1514
1514
|
default: w(() => [
|
|
1515
1515
|
p(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
|
|
1516
1516
|
]),
|
|
@@ -1608,7 +1608,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
|
|
|
1608
1608
|
t("p", to, n(e.quote), 1),
|
|
1609
1609
|
t("div", ao, [
|
|
1610
1610
|
e.authorImage ? (o(), i("div", lo, [
|
|
1611
|
-
k(
|
|
1611
|
+
k(C, null, {
|
|
1612
1612
|
default: w(() => [
|
|
1613
1613
|
p(a.$slots, "author-image", P(F({
|
|
1614
1614
|
src: e.authorImage + "/m/100x100",
|
|
@@ -1693,7 +1693,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
|
|
|
1693
1693
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
1694
1694
|
])
|
|
1695
1695
|
}, [
|
|
1696
|
-
k(
|
|
1696
|
+
k(C, null, {
|
|
1697
1697
|
default: w(() => [
|
|
1698
1698
|
p(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
|
|
1699
1699
|
]),
|
|
@@ -1724,7 +1724,7 @@ function yo(e, a) {
|
|
|
1724
1724
|
const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), N(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1725
1725
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1726
1726
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1727
|
-
], -1)), Lo = { class: "item__right" }, To = ["innerHTML"],
|
|
1727
|
+
], -1)), Lo = { class: "item__right" }, To = ["innerHTML"], Vo = /* @__PURE__ */ f({
|
|
1728
1728
|
__name: "timeline",
|
|
1729
1729
|
props: {
|
|
1730
1730
|
timelineItems: {
|
|
@@ -1757,7 +1757,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
1757
1757
|
t("div", Io, n(l.year), 1),
|
|
1758
1758
|
qo,
|
|
1759
1759
|
t("div", Lo, [
|
|
1760
|
-
k(
|
|
1760
|
+
k(C, null, {
|
|
1761
1761
|
default: w(() => [
|
|
1762
1762
|
l.media.type === "image" ? p(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
|
|
1763
1763
|
]),
|
|
@@ -1774,7 +1774,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
1774
1774
|
])
|
|
1775
1775
|
]));
|
|
1776
1776
|
}
|
|
1777
|
-
}),
|
|
1777
|
+
}), Co = /* @__PURE__ */ v(Vo, [["__scopeId", "data-v-78d319df"]]), Ao = { class: "vimeo" }, Do = { class: "vimeo__wrapper" }, Mo = {
|
|
1778
1778
|
key: 0,
|
|
1779
1779
|
class: "vimeo__headline"
|
|
1780
1780
|
}, Oo = {
|
|
@@ -1952,7 +1952,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
1952
1952
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
1953
1953
|
alt: "dropdownarrow",
|
|
1954
1954
|
style: { transform: "rotate(180deg)" }
|
|
1955
|
-
}, Ss = { class: "dropdown-content" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" },
|
|
1955
|
+
}, Ss = { class: "dropdown-content" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" }, Vs = ["src"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Ds = { class: "mobile-dropdown-content" }, Ms = /* @__PURE__ */ f({
|
|
1956
1956
|
__name: "header",
|
|
1957
1957
|
props: {
|
|
1958
1958
|
burgerState: {
|
|
@@ -2014,12 +2014,12 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2014
2014
|
onClick: S
|
|
2015
2015
|
}, [
|
|
2016
2016
|
p(B.$slots, "dropdown-title", {}, void 0, !0),
|
|
2017
|
-
|
|
2017
|
+
V(c) === !1 ? (o(), i("img", ks)) : (o(), i("img", ws))
|
|
2018
2018
|
]),
|
|
2019
2019
|
Z(t("div", Ss, [
|
|
2020
2020
|
p(B.$slots, "dropdown-links", {}, void 0, !0)
|
|
2021
2021
|
], 512), [
|
|
2022
|
-
[ee,
|
|
2022
|
+
[ee, V(c)]
|
|
2023
2023
|
])
|
|
2024
2024
|
], 512),
|
|
2025
2025
|
t("div", Bs, [
|
|
@@ -2029,11 +2029,11 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2029
2029
|
class: "search-icon",
|
|
2030
2030
|
onClick: U[0] || (U[0] = (x) => {
|
|
2031
2031
|
var H;
|
|
2032
|
-
return B.$emit("clickSearch"), (H =
|
|
2032
|
+
return B.$emit("clickSearch"), (H = V(y)) == null ? void 0 : H.blur();
|
|
2033
2033
|
})
|
|
2034
2034
|
}, [
|
|
2035
2035
|
t("img", {
|
|
2036
|
-
src:
|
|
2036
|
+
src: V(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",
|
|
2037
2037
|
alt: "search icon",
|
|
2038
2038
|
width: "20",
|
|
2039
2039
|
height: "20"
|
|
@@ -2042,7 +2042,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2042
2042
|
])
|
|
2043
2043
|
]),
|
|
2044
2044
|
t("div", {
|
|
2045
|
-
class: h(["mobile-nav-wrapper",
|
|
2045
|
+
class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2046
2046
|
}, [
|
|
2047
2047
|
t("div", qs, [
|
|
2048
2048
|
t("div", Ls, [
|
|
@@ -2056,15 +2056,15 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2056
2056
|
"aria-label": "Toggle search",
|
|
2057
2057
|
onClick: U[1] || (U[1] = (x) => {
|
|
2058
2058
|
var H;
|
|
2059
|
-
return B.$emit("clickSearch"), (H =
|
|
2059
|
+
return B.$emit("clickSearch"), (H = V(q)) == null ? void 0 : H.blur();
|
|
2060
2060
|
})
|
|
2061
2061
|
}, [
|
|
2062
2062
|
t("img", {
|
|
2063
|
-
src:
|
|
2063
|
+
src: V(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",
|
|
2064
2064
|
alt: "search icon",
|
|
2065
2065
|
width: "20",
|
|
2066
2066
|
height: "20"
|
|
2067
|
-
}, null, 8,
|
|
2067
|
+
}, null, 8, Vs)
|
|
2068
2068
|
], 512)
|
|
2069
2069
|
]),
|
|
2070
2070
|
t("button", {
|
|
@@ -2076,26 +2076,26 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2076
2076
|
width: "20",
|
|
2077
2077
|
height: "20",
|
|
2078
2078
|
alt: "burger menu line icon",
|
|
2079
|
-
src:
|
|
2080
|
-
}, null, 8,
|
|
2081
|
-
]
|
|
2079
|
+
src: V(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2080
|
+
}, null, 8, Cs)
|
|
2081
|
+
])
|
|
2082
2082
|
]),
|
|
2083
|
-
Z(t("div",
|
|
2083
|
+
Z(t("div", As, [
|
|
2084
2084
|
t("ul", null, [
|
|
2085
2085
|
p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2086
2086
|
]),
|
|
2087
|
-
t("ul",
|
|
2087
|
+
t("ul", Ds, [
|
|
2088
2088
|
p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2089
2089
|
p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2090
2090
|
])
|
|
2091
2091
|
], 512), [
|
|
2092
|
-
[ee,
|
|
2092
|
+
[ee, V(u)]
|
|
2093
2093
|
])
|
|
2094
2094
|
], 2)
|
|
2095
2095
|
])
|
|
2096
2096
|
]));
|
|
2097
2097
|
}
|
|
2098
|
-
}),
|
|
2098
|
+
}), Os = /* @__PURE__ */ v(Ms, [["__scopeId", "data-v-e129834d"]]), Ps = { class: "language__wrapper" }, Fs = { class: "language__content" }, Es = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Rs = { class: "language__links" }, Hs = /* @__PURE__ */ f({
|
|
2099
2099
|
__name: "language-switcher",
|
|
2100
2100
|
props: {
|
|
2101
2101
|
headline: {
|
|
@@ -2108,17 +2108,17 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2108
2108
|
}
|
|
2109
2109
|
},
|
|
2110
2110
|
setup(e) {
|
|
2111
|
-
return (a, r) => (o(), i("div",
|
|
2112
|
-
t("div",
|
|
2113
|
-
t("h2",
|
|
2114
|
-
t("p",
|
|
2115
|
-
t("div",
|
|
2111
|
+
return (a, r) => (o(), i("div", Ps, [
|
|
2112
|
+
t("div", Fs, [
|
|
2113
|
+
t("h2", Es, n(e.headline), 1),
|
|
2114
|
+
t("p", Ns, n(e.paragraph), 1),
|
|
2115
|
+
t("div", Rs, [
|
|
2116
2116
|
p(a.$slots, "language-links", {}, void 0, !0)
|
|
2117
2117
|
])
|
|
2118
2118
|
])
|
|
2119
2119
|
]));
|
|
2120
2120
|
}
|
|
2121
|
-
}),
|
|
2121
|
+
}), zs = /* @__PURE__ */ v(Hs, [["__scopeId", "data-v-dc8cc97e"]]), Us = { class: "pagination__wrapper" }, Ks = { class: "pagination__content" }, js = /* @__PURE__ */ f({
|
|
2122
2122
|
__name: "pagination",
|
|
2123
2123
|
props: {
|
|
2124
2124
|
isPreviousDisabled: {
|
|
@@ -2132,8 +2132,8 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2132
2132
|
},
|
|
2133
2133
|
emits: ["previous", "next"],
|
|
2134
2134
|
setup(e) {
|
|
2135
|
-
return (a, r) => (o(), i("div",
|
|
2136
|
-
t("div",
|
|
2135
|
+
return (a, r) => (o(), i("div", Us, [
|
|
2136
|
+
t("div", Ks, [
|
|
2137
2137
|
k(J, {
|
|
2138
2138
|
disabled: e.isPreviousDisabled,
|
|
2139
2139
|
variant: "previous",
|
|
@@ -2150,13 +2150,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
|
|
|
2150
2150
|
])
|
|
2151
2151
|
]));
|
|
2152
2152
|
}
|
|
2153
|
-
}),
|
|
2154
|
-
function
|
|
2155
|
-
return o(), i("div",
|
|
2153
|
+
}), Gs = /* @__PURE__ */ v(js, [["__scopeId", "data-v-f760f1c6"]]), Ws = {}, Ys = { class: "search__wrapper" };
|
|
2154
|
+
function Qs(e, a) {
|
|
2155
|
+
return o(), i("div", Ys, [
|
|
2156
2156
|
p(e.$slots, "default", { class: "search__content" })
|
|
2157
2157
|
]);
|
|
2158
2158
|
}
|
|
2159
|
-
const
|
|
2159
|
+
const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Js = { class: "product-hero__wrapper" }, Xs = { class: "product-hero__content" }, xs = { class: "product-hero__headline" }, ei = { class: "product-hero__video" }, ti = /* @__PURE__ */ f({
|
|
2160
2160
|
__name: "product-hero",
|
|
2161
2161
|
props: {
|
|
2162
2162
|
headline: {
|
|
@@ -2181,12 +2181,12 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
|
|
|
2181
2181
|
}
|
|
2182
2182
|
},
|
|
2183
2183
|
setup(e) {
|
|
2184
|
-
return (a, r) => (o(), i("div",
|
|
2185
|
-
t("div",
|
|
2186
|
-
t("div",
|
|
2184
|
+
return (a, r) => (o(), i("div", Js, [
|
|
2185
|
+
t("div", Xs, [
|
|
2186
|
+
t("div", xs, [
|
|
2187
2187
|
t("h1", null, n(e.headline), 1)
|
|
2188
2188
|
]),
|
|
2189
|
-
t("div",
|
|
2189
|
+
t("div", ei, [
|
|
2190
2190
|
e.videoSrc !== "" ? (o(), A(G, {
|
|
2191
2191
|
key: 0,
|
|
2192
2192
|
play: "",
|
|
@@ -2198,7 +2198,7 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
|
|
|
2198
2198
|
autoplay: "",
|
|
2199
2199
|
loop: "",
|
|
2200
2200
|
muted: ""
|
|
2201
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (o(), A(C
|
|
2201
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
|
|
2202
2202
|
default: w(() => [
|
|
2203
2203
|
p(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
2204
2204
|
]),
|
|
@@ -2208,9 +2208,9 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
|
|
|
2208
2208
|
])
|
|
2209
2209
|
]));
|
|
2210
2210
|
}
|
|
2211
|
-
}),
|
|
2211
|
+
}), ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-e394473d"]]), oi = {
|
|
2212
2212
|
install: (e) => {
|
|
2213
|
-
e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage",
|
|
2213
|
+
e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Na), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Ml), e.component("BlockPolicy", Nl), e.component("BlockProductHero", ai), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Co), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", vs), e.component("OrganismHeader", Os), e.component("OrganismLanguageSwitcher", zs), e.component("OrganismPagination", Gs), e.component("OrganismSearch", Zs);
|
|
2214
2214
|
}
|
|
2215
2215
|
};
|
|
2216
2216
|
export {
|
|
@@ -2218,7 +2218,7 @@ export {
|
|
|
2218
2218
|
Ae as AtomCheckbox,
|
|
2219
2219
|
Fe as AtomChip,
|
|
2220
2220
|
je as AtomDropdown,
|
|
2221
|
-
|
|
2221
|
+
C as AtomImage,
|
|
2222
2222
|
Y as AtomLabel,
|
|
2223
2223
|
O as AtomLink,
|
|
2224
2224
|
lt as AtomRadioButton,
|
|
@@ -2228,7 +2228,7 @@ export {
|
|
|
2228
2228
|
qt as AtomTextarea,
|
|
2229
2229
|
G as AtomVideo,
|
|
2230
2230
|
Gl as BlockCardDisplay,
|
|
2231
|
-
|
|
2231
|
+
Ca as BlockFacts,
|
|
2232
2232
|
Na as BlockFeatures,
|
|
2233
2233
|
Wa as BlockFormScript,
|
|
2234
2234
|
dl as BlockHeadline,
|
|
@@ -2238,12 +2238,12 @@ export {
|
|
|
2238
2238
|
Tl as BlockLogoWall,
|
|
2239
2239
|
Ml as BlockMicroStories,
|
|
2240
2240
|
Nl as BlockPolicy,
|
|
2241
|
-
|
|
2241
|
+
ai as BlockProductHero,
|
|
2242
2242
|
Ql as BlockPromo,
|
|
2243
2243
|
no as BlockQuote,
|
|
2244
2244
|
ho as BlockRichText,
|
|
2245
2245
|
$o as BlockRichTextColumns,
|
|
2246
|
-
|
|
2246
|
+
Co as BlockTimeline,
|
|
2247
2247
|
Fo as BlockVimeo,
|
|
2248
2248
|
xt as MoleculeAddress,
|
|
2249
2249
|
oa as MoleculeBulletList,
|
|
@@ -2254,9 +2254,9 @@ export {
|
|
|
2254
2254
|
Uo as Organism404,
|
|
2255
2255
|
Qo as OrganismFilter,
|
|
2256
2256
|
vs as OrganismFooter,
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2257
|
+
Os as OrganismHeader,
|
|
2258
|
+
zs as OrganismLanguageSwitcher,
|
|
2259
|
+
Gs as OrganismPagination,
|
|
2260
|
+
Zs as OrganismSearch,
|
|
2261
|
+
oi as default
|
|
2262
2262
|
};
|