@mirweb/mir-web-components 0.15.86 → 0.15.88
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 h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as
|
|
1
|
+
import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Q, Fragment as I, renderList as T, 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 B, onMounted as ne, watch as re, onUnmounted as pe } from "vue";
|
|
2
2
|
const $e = ["aria-label"], ke = /* @__PURE__ */ h({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -27,13 +27,13 @@ const $e = ["aria-label"], ke = /* @__PURE__ */ h({
|
|
|
27
27
|
return (i, s) => (a(), r("button", {
|
|
28
28
|
class: c(["button", "button--" + e.variant]),
|
|
29
29
|
"aria-label": e.ariaLabel
|
|
30
|
-
},
|
|
30
|
+
}, o(e.variant == "close" ? "" : e.buttonText), 11, $e));
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
const v = (e, i) => {
|
|
34
34
|
const s = e.__vccOpts || e;
|
|
35
|
-
for (const [l,
|
|
36
|
-
s[l] =
|
|
35
|
+
for (const [l, n] of i)
|
|
36
|
+
s[l] = n;
|
|
37
37
|
return s;
|
|
38
38
|
}, 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({
|
|
39
39
|
__name: "checkbox",
|
|
@@ -63,10 +63,10 @@ const v = (e, i) => {
|
|
|
63
63
|
emits: ["input"],
|
|
64
64
|
setup(e, { emit: i }) {
|
|
65
65
|
const s = (l) => {
|
|
66
|
-
const
|
|
67
|
-
i("input",
|
|
66
|
+
const n = l.target;
|
|
67
|
+
i("input", n.checked);
|
|
68
68
|
};
|
|
69
|
-
return (l,
|
|
69
|
+
return (l, n) => (a(), r("div", {
|
|
70
70
|
class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
|
|
71
71
|
}, [
|
|
72
72
|
t("input", {
|
|
@@ -84,12 +84,12 @@ const v = (e, i) => {
|
|
|
84
84
|
class: c(["checkbox__label", e.required ? "required" : ""])
|
|
85
85
|
}, [
|
|
86
86
|
qe,
|
|
87
|
-
|
|
87
|
+
u(l.$slots, "default", {}, void 0, !0)
|
|
88
88
|
], 10, Se)
|
|
89
89
|
], 2));
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
|
-
const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]),
|
|
92
|
+
const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) => (O("data-v-b61be596"), e = e(), z(), e), Le = ["aria-label"], Ce = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
|
|
93
93
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
94
94
|
alt: "close",
|
|
95
95
|
class: "close-icon"
|
|
@@ -104,17 +104,17 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) =
|
|
|
104
104
|
emits: ["remove-chip"],
|
|
105
105
|
setup(e, { emit: i }) {
|
|
106
106
|
const s = e, l = E(() => `Chip: ${s.text}`);
|
|
107
|
-
return (
|
|
107
|
+
return (n, _) => (a(), r("div", {
|
|
108
108
|
class: "chip__wrapper",
|
|
109
|
-
onClick:
|
|
109
|
+
onClick: _[0] || (_[0] = (b) => n.$emit("remove-chip"))
|
|
110
110
|
}, [
|
|
111
111
|
t("span", {
|
|
112
112
|
class: "chip",
|
|
113
113
|
"aria-label": l.value
|
|
114
114
|
}, [
|
|
115
|
-
j(
|
|
115
|
+
j(o(e.text) + " ", 1),
|
|
116
116
|
Ce
|
|
117
|
-
], 8,
|
|
117
|
+
], 8, Le)
|
|
118
118
|
]));
|
|
119
119
|
}
|
|
120
120
|
});
|
|
@@ -168,7 +168,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
168
168
|
},
|
|
169
169
|
emits: ["update:modelValue"],
|
|
170
170
|
setup(e, { emit: i }) {
|
|
171
|
-
const s = e, l = w(null),
|
|
171
|
+
const s = e, l = w(null), n = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
|
|
172
172
|
const d = s.options.find(
|
|
173
173
|
(g) => g.value === s.modelValue
|
|
174
174
|
);
|
|
@@ -201,8 +201,8 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
201
201
|
const x = s.options.findIndex(
|
|
202
202
|
(R) => R.value === s.modelValue
|
|
203
203
|
);
|
|
204
|
-
let P = x ?
|
|
205
|
-
g === "ArrowUp" ? x - 1 >= 0 && (P =
|
|
204
|
+
let P = x ? _.value[x] : _.value[0];
|
|
205
|
+
g === "ArrowUp" ? x - 1 >= 0 && (P = _.value[x - 1]) : x + 1 <= s.options.length && (P = _.value[x + 1]), P && U(P);
|
|
206
206
|
break;
|
|
207
207
|
}
|
|
208
208
|
case "Home":
|
|
@@ -255,11 +255,11 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
255
255
|
function ae(d, g) {
|
|
256
256
|
for (let y = d; y < g; y++)
|
|
257
257
|
if (s.options[y].label && s.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
|
|
258
|
-
return
|
|
258
|
+
return _.value[y];
|
|
259
259
|
return null;
|
|
260
260
|
}
|
|
261
261
|
function he() {
|
|
262
|
-
U(
|
|
262
|
+
U(_.value[0]);
|
|
263
263
|
}
|
|
264
264
|
function U(d) {
|
|
265
265
|
var y, x;
|
|
@@ -267,32 +267,32 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
267
267
|
if (s.modelValue) {
|
|
268
268
|
const P = s.options.findIndex(
|
|
269
269
|
(ge) => ge.value === s.modelValue
|
|
270
|
-
), R =
|
|
270
|
+
), R = _.value[P];
|
|
271
271
|
ce(R);
|
|
272
272
|
}
|
|
273
|
-
if (d.setAttribute("aria-selected", "true"), (y =
|
|
273
|
+
if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
|
|
274
274
|
"aria-activedescendant",
|
|
275
275
|
g || ""
|
|
276
|
-
), k(g || ""),
|
|
277
|
-
const P =
|
|
278
|
-
R > P ?
|
|
276
|
+
), k(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
|
|
277
|
+
const P = n.value.clientHeight + n.value.scrollTop, R = d.offsetTop + d.offsetHeight;
|
|
278
|
+
R > P ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
function ve() {
|
|
282
282
|
var g;
|
|
283
|
-
const d = (g =
|
|
283
|
+
const d = (g = _.value) == null ? void 0 : g[s.options.length - 1];
|
|
284
284
|
U(d);
|
|
285
285
|
}
|
|
286
286
|
function Y() {
|
|
287
287
|
var d;
|
|
288
|
-
|
|
288
|
+
S.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
|
|
289
289
|
}
|
|
290
290
|
function le() {
|
|
291
291
|
var d, g;
|
|
292
|
-
|
|
292
|
+
S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
|
|
293
293
|
}
|
|
294
294
|
function me() {
|
|
295
|
-
s.disabled || (
|
|
295
|
+
s.disabled || (S.value ? le() : Y());
|
|
296
296
|
}
|
|
297
297
|
return (d, g) => (a(), r("div", {
|
|
298
298
|
class: "listbox__wrapper",
|
|
@@ -306,7 +306,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
306
306
|
"is-disabled": e.disabled,
|
|
307
307
|
"is-required": e.required
|
|
308
308
|
}, "listbox__label"])
|
|
309
|
-
},
|
|
309
|
+
}, o(e.label), 11, Me),
|
|
310
310
|
Q((a(), r("div", Oe, [
|
|
311
311
|
t("button", {
|
|
312
312
|
id: `${e.name}-button-label`,
|
|
@@ -322,7 +322,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
322
322
|
onKeydown: F,
|
|
323
323
|
ref_key: "listboxButton",
|
|
324
324
|
ref: l
|
|
325
|
-
},
|
|
325
|
+
}, o(e.modelValue ? q.value : e.placeholder), 43, ze),
|
|
326
326
|
Q(t("ul", {
|
|
327
327
|
"aria-labelledby": `${e.name}-label`,
|
|
328
328
|
"aria-activedescendant": e.modelValue,
|
|
@@ -332,9 +332,9 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
332
332
|
onKeydown: G,
|
|
333
333
|
onClick: H,
|
|
334
334
|
ref_key: "listboxNode",
|
|
335
|
-
ref:
|
|
335
|
+
ref: n
|
|
336
336
|
}, [
|
|
337
|
-
(a(!0), r(I, null,
|
|
337
|
+
(a(!0), r(I, null, T(e.options, (y, x) => (a(), r("li", {
|
|
338
338
|
key: `${e.name}-option-${x}`,
|
|
339
339
|
"aria-selected": y.value === e.modelValue,
|
|
340
340
|
"data-value": y.value,
|
|
@@ -342,10 +342,10 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
|
|
|
342
342
|
role: "option",
|
|
343
343
|
ref_for: !0,
|
|
344
344
|
ref_key: "listboxOptions",
|
|
345
|
-
ref:
|
|
346
|
-
},
|
|
345
|
+
ref: _
|
|
346
|
+
}, o(y.label), 9, Fe))), 128))
|
|
347
347
|
], 40, Pe), [
|
|
348
|
-
[Z, !
|
|
348
|
+
[Z, !S.value]
|
|
349
349
|
])
|
|
350
350
|
])), [
|
|
351
351
|
[X, Y]
|
|
@@ -392,11 +392,11 @@ const Ne = /* @__PURE__ */ v(Ee, [["__scopeId", "data-v-f69f328c"]]), He = { cla
|
|
|
392
392
|
},
|
|
393
393
|
setup(e) {
|
|
394
394
|
return (i, s) => (a(), r("div", He, [
|
|
395
|
-
|
|
395
|
+
u(i.$slots, "default", A(M(i.$attrs)))
|
|
396
396
|
]));
|
|
397
397
|
}
|
|
398
398
|
});
|
|
399
|
-
const
|
|
399
|
+
const L = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ h({
|
|
400
400
|
__name: "label",
|
|
401
401
|
props: {
|
|
402
402
|
text: {
|
|
@@ -411,12 +411,12 @@ const T = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
|
|
|
411
411
|
},
|
|
412
412
|
setup(e) {
|
|
413
413
|
const i = e, s = E(() => `Label: ${i.text}`);
|
|
414
|
-
return (l,
|
|
414
|
+
return (l, n) => (a(), r("div", je, [
|
|
415
415
|
t("span", {
|
|
416
416
|
"aria-label": s.value,
|
|
417
417
|
"label-dark": e.labelDark,
|
|
418
418
|
class: c(e.labelDark ? "label--dark" : "label--light")
|
|
419
|
-
},
|
|
419
|
+
}, o(e.text), 11, Ke)
|
|
420
420
|
]));
|
|
421
421
|
}
|
|
422
422
|
});
|
|
@@ -459,7 +459,7 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { clas
|
|
|
459
459
|
const { ...l } = i;
|
|
460
460
|
return l;
|
|
461
461
|
});
|
|
462
|
-
return (l,
|
|
462
|
+
return (l, n) => (a(), r("div", We, [
|
|
463
463
|
t("div", ee(s.value, {
|
|
464
464
|
class: ["mir-link", [
|
|
465
465
|
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" : "",
|
|
@@ -468,7 +468,7 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { clas
|
|
|
468
468
|
e.arrow ? "link-arrow" : ""
|
|
469
469
|
]]
|
|
470
470
|
}), [
|
|
471
|
-
|
|
471
|
+
u(l.$slots, "default")
|
|
472
472
|
], 16)
|
|
473
473
|
]));
|
|
474
474
|
}
|
|
@@ -502,10 +502,10 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Ye = ["name", "value"
|
|
|
502
502
|
emits: ["input"],
|
|
503
503
|
setup(e, { emit: i }) {
|
|
504
504
|
const s = (l) => {
|
|
505
|
-
const
|
|
506
|
-
i("input",
|
|
505
|
+
const n = l.target;
|
|
506
|
+
i("input", n.checked);
|
|
507
507
|
};
|
|
508
|
-
return (l,
|
|
508
|
+
return (l, n) => (a(), r("div", {
|
|
509
509
|
class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
|
|
510
510
|
}, [
|
|
511
511
|
t("input", {
|
|
@@ -524,7 +524,7 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Ye = ["name", "value"
|
|
|
524
524
|
class: c(["radio__label", e.required ? "required" : ""])
|
|
525
525
|
}, [
|
|
526
526
|
Je,
|
|
527
|
-
|
|
527
|
+
u(l.$slots, "default", {}, void 0, !0)
|
|
528
528
|
], 10, Qe)
|
|
529
529
|
], 2));
|
|
530
530
|
}
|
|
@@ -574,7 +574,7 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
|
|
|
574
574
|
t("label", {
|
|
575
575
|
for: e.id,
|
|
576
576
|
class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
|
|
577
|
-
},
|
|
577
|
+
}, o(e.label), 11, tt),
|
|
578
578
|
t("select", {
|
|
579
579
|
class: c(e.disabled ? "disabled" : ""),
|
|
580
580
|
disabled: e.disabled,
|
|
@@ -585,15 +585,15 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
|
|
|
585
585
|
i.$emit("update:modelValue", l.target.value), l.target.blur();
|
|
586
586
|
})
|
|
587
587
|
}, [
|
|
588
|
-
(a(!0), r(I, null,
|
|
588
|
+
(a(!0), r(I, null, T(e.options, (l) => (a(), r("option", {
|
|
589
589
|
key: l.value,
|
|
590
590
|
value: l.value
|
|
591
|
-
},
|
|
591
|
+
}, o(l.text), 9, lt))), 128))
|
|
592
592
|
], 42, at)
|
|
593
593
|
]));
|
|
594
594
|
}
|
|
595
595
|
});
|
|
596
|
-
const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { class: "modal__wrapper" },
|
|
596
|
+
const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { class: "modal__wrapper" }, ot = /* @__PURE__ */ h({
|
|
597
597
|
__name: "modal",
|
|
598
598
|
props: {
|
|
599
599
|
show: { type: Boolean, default: !1 },
|
|
@@ -604,39 +604,39 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
|
|
|
604
604
|
const s = e;
|
|
605
605
|
E({
|
|
606
606
|
get: () => s.show,
|
|
607
|
-
set: (
|
|
607
|
+
set: (n) => i("update:show", n)
|
|
608
608
|
});
|
|
609
609
|
const l = () => {
|
|
610
610
|
i("update:show", !s.show);
|
|
611
611
|
};
|
|
612
|
-
return (
|
|
612
|
+
return (n, _) => (a(), r("div", st, [
|
|
613
613
|
p(fe, {
|
|
614
614
|
duration: 300,
|
|
615
615
|
name: "nested"
|
|
616
616
|
}, {
|
|
617
617
|
default: $(() => [
|
|
618
|
-
|
|
618
|
+
n.show ? (a(), r("div", {
|
|
619
619
|
key: 0,
|
|
620
|
-
class: c(["overlay",
|
|
620
|
+
class: c(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
|
|
621
621
|
onClick: l,
|
|
622
622
|
ariaLabel: "modal",
|
|
623
623
|
role: "dialog"
|
|
624
624
|
}, [
|
|
625
625
|
t("div", {
|
|
626
626
|
id: "modal",
|
|
627
|
-
onClick:
|
|
627
|
+
onClick: _[0] || (_[0] = se(() => {
|
|
628
628
|
}, ["stop"])),
|
|
629
|
-
class: c([
|
|
629
|
+
class: c([n.searchBar ? "search" : ""])
|
|
630
630
|
}, [
|
|
631
631
|
t("div", null, [
|
|
632
|
-
|
|
632
|
+
n.searchBar ? m("", !0) : (a(), D(J, {
|
|
633
633
|
key: 0,
|
|
634
634
|
ariaLabel: "close",
|
|
635
635
|
variant: "close",
|
|
636
636
|
onClick: l
|
|
637
637
|
}))
|
|
638
638
|
]),
|
|
639
|
-
|
|
639
|
+
u(n.$slots, "default", {}, void 0, !0)
|
|
640
640
|
], 2)
|
|
641
641
|
], 2)) : m("", !0)
|
|
642
642
|
]),
|
|
@@ -645,7 +645,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
|
|
|
645
645
|
]));
|
|
646
646
|
}
|
|
647
647
|
});
|
|
648
|
-
const de = /* @__PURE__ */ v(
|
|
648
|
+
const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), 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({
|
|
649
649
|
__name: "slider",
|
|
650
650
|
props: {
|
|
651
651
|
label: {
|
|
@@ -698,30 +698,30 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
|
|
|
698
698
|
},
|
|
699
699
|
emits: ["update:modelValue"],
|
|
700
700
|
setup(e, { emit: i }) {
|
|
701
|
-
const s = e, l = w(s.modelValue),
|
|
701
|
+
const s = e, l = w(s.modelValue), n = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
|
|
702
702
|
var f;
|
|
703
|
-
(f =
|
|
703
|
+
(f = n.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
|
|
704
704
|
};
|
|
705
|
-
return
|
|
706
|
-
if (
|
|
705
|
+
return oe(() => {
|
|
706
|
+
if (n.value) {
|
|
707
707
|
i("update:modelValue", l.value);
|
|
708
|
-
const
|
|
709
|
-
let f = (50 -
|
|
710
|
-
C(
|
|
708
|
+
const S = b(l.value, s.min, s.max);
|
|
709
|
+
let f = (50 - S) / 100;
|
|
710
|
+
C(S + f);
|
|
711
711
|
}
|
|
712
|
-
}), (
|
|
713
|
-
t("div",
|
|
712
|
+
}), (S, f) => (a(), r("div", null, [
|
|
713
|
+
t("div", nt, [
|
|
714
714
|
t("div", dt, [
|
|
715
715
|
t("label", {
|
|
716
716
|
for: e.id,
|
|
717
717
|
class: c([e.variant, ""])
|
|
718
|
-
},
|
|
718
|
+
}, o(e.label), 11, ct),
|
|
719
719
|
e.information ? (a(), r("i", {
|
|
720
720
|
key: 0,
|
|
721
721
|
role: "button",
|
|
722
722
|
class: c([e.variant, "slider__information"]),
|
|
723
|
-
onClick: f[0] || (f[0] = (
|
|
724
|
-
onKeyup: f[1] || (f[1] = ye((
|
|
723
|
+
onClick: f[0] || (f[0] = (q) => _.value = !_.value),
|
|
724
|
+
onKeyup: f[1] || (f[1] = ye((q) => _.value = !_.value, ["enter"])),
|
|
725
725
|
"aria-label": e.informationLabel,
|
|
726
726
|
tabindex: "0",
|
|
727
727
|
"aria-haspopup": "dialog"
|
|
@@ -730,7 +730,7 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
|
|
|
730
730
|
t("div", _t, [
|
|
731
731
|
t("span", {
|
|
732
732
|
class: c([e.variant, "slider__minmax"])
|
|
733
|
-
},
|
|
733
|
+
}, o(e.min), 3),
|
|
734
734
|
t("input", {
|
|
735
735
|
type: "range",
|
|
736
736
|
id: e.id,
|
|
@@ -741,24 +741,24 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
|
|
|
741
741
|
max: e.max,
|
|
742
742
|
class: c(e.variant),
|
|
743
743
|
ref_key: "slider",
|
|
744
|
-
ref:
|
|
745
|
-
onInput: f[2] || (f[2] = ({ target:
|
|
744
|
+
ref: n,
|
|
745
|
+
onInput: f[2] || (f[2] = ({ target: q }) => l.value = parseFloat(q.value))
|
|
746
746
|
}, null, 42, ht),
|
|
747
747
|
t("span", {
|
|
748
748
|
class: c([e.variant, "slider__minmax"])
|
|
749
|
-
},
|
|
749
|
+
}, o(e.max), 3)
|
|
750
750
|
]),
|
|
751
751
|
t("span", {
|
|
752
752
|
class: c([e.variant, "slider__value"])
|
|
753
|
-
},
|
|
753
|
+
}, o(e.modelValue), 3)
|
|
754
754
|
]),
|
|
755
755
|
e.information ? (a(), D(de, {
|
|
756
756
|
key: 0,
|
|
757
|
-
show:
|
|
758
|
-
"onUpdate:show": f[3] || (f[3] = (
|
|
757
|
+
show: _.value,
|
|
758
|
+
"onUpdate:show": f[3] || (f[3] = (q) => _.value = q)
|
|
759
759
|
}, {
|
|
760
760
|
default: $(() => [
|
|
761
|
-
j(
|
|
761
|
+
j(o(e.information), 1)
|
|
762
762
|
]),
|
|
763
763
|
_: 1
|
|
764
764
|
}, 8, ["show"])) : m("", !0)
|
|
@@ -809,7 +809,7 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
|
|
|
809
809
|
t("label", {
|
|
810
810
|
for: e.id,
|
|
811
811
|
class: c({ required: e.required })
|
|
812
|
-
},
|
|
812
|
+
}, o(e.labelText) + o(e.required ? " *" : ""), 11, ft),
|
|
813
813
|
t("div", {
|
|
814
814
|
id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
|
|
815
815
|
}, [
|
|
@@ -837,12 +837,12 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
|
|
|
837
837
|
class: c(
|
|
838
838
|
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
|
|
839
839
|
)
|
|
840
|
-
},
|
|
840
|
+
}, o(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + o(e.maxLength), 3)
|
|
841
841
|
])
|
|
842
842
|
]));
|
|
843
843
|
}
|
|
844
844
|
});
|
|
845
|
-
const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"],
|
|
845
|
+
const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], Lt = {
|
|
846
846
|
key: 2,
|
|
847
847
|
class: "search"
|
|
848
848
|
}, Ct = {
|
|
@@ -934,7 +934,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
|
|
|
934
934
|
), l = E(
|
|
935
935
|
() => i.value ? "password" : "text"
|
|
936
936
|
);
|
|
937
|
-
return (
|
|
937
|
+
return (n, _) => (a(), r("div", xt, [
|
|
938
938
|
t("label", {
|
|
939
939
|
for: e.id,
|
|
940
940
|
class: c([
|
|
@@ -942,7 +942,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
|
|
|
942
942
|
e.disabled ? "disabled" : "",
|
|
943
943
|
e.search ? "search" : ""
|
|
944
944
|
])
|
|
945
|
-
},
|
|
945
|
+
}, o(e.label), 11, St),
|
|
946
946
|
e.type === "password" ? (a(), r("div", qt, [
|
|
947
947
|
t("input", {
|
|
948
948
|
id: e.id,
|
|
@@ -951,14 +951,14 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
|
|
|
951
951
|
placeholder: e.placeholder,
|
|
952
952
|
required: e.required,
|
|
953
953
|
disabled: e.disabled,
|
|
954
|
-
onInput:
|
|
954
|
+
onInput: _[0] || (_[0] = (b) => n.$emit("update:modelValue", b.target.value)),
|
|
955
955
|
name: e.fieldName,
|
|
956
956
|
ref: "passwordField"
|
|
957
957
|
}, null, 40, Bt),
|
|
958
958
|
t("i", {
|
|
959
959
|
role: "button",
|
|
960
960
|
class: c([s.value]),
|
|
961
|
-
onClick:
|
|
961
|
+
onClick: _[1] || (_[1] = (b) => i.value = !i.value),
|
|
962
962
|
"aria-controls": "password",
|
|
963
963
|
"aria-expanded": !i.value
|
|
964
964
|
}, null, 10, It)
|
|
@@ -975,13 +975,13 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
|
|
|
975
975
|
e.search ? "search" : ""
|
|
976
976
|
]),
|
|
977
977
|
disabled: e.disabled,
|
|
978
|
-
onInput:
|
|
978
|
+
onInput: _[2] || (_[2] = (b) => n.$emit("update:modelValue", b.target.value)),
|
|
979
979
|
name: e.fieldName,
|
|
980
980
|
ref: "textField"
|
|
981
|
-
}, null, 42,
|
|
982
|
-
e.search ? (a(), r("i",
|
|
983
|
-
e.errorMessage ? (a(), r("strong", Ct,
|
|
984
|
-
e.helperText ? (a(), r("span", Vt,
|
|
981
|
+
}, null, 42, Tt)),
|
|
982
|
+
e.search ? (a(), r("i", Lt)) : m("", !0),
|
|
983
|
+
e.errorMessage ? (a(), r("strong", Ct, o(e.errorMessage), 1)) : m("", !0),
|
|
984
|
+
e.helperText ? (a(), r("span", Vt, o(e.helperText), 1)) : m("", !0)
|
|
985
985
|
]));
|
|
986
986
|
}
|
|
987
987
|
});
|
|
@@ -1039,13 +1039,13 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
|
|
|
1039
1039
|
setup(e, { expose: i }) {
|
|
1040
1040
|
const s = e;
|
|
1041
1041
|
let l = w(null);
|
|
1042
|
-
return
|
|
1042
|
+
return oe(() => {
|
|
1043
1043
|
s.play && l.value ? l.value.play() : !s.play && l.value && l.value.pause();
|
|
1044
1044
|
}), i({
|
|
1045
1045
|
resetVideo: () => {
|
|
1046
1046
|
l.value && (l.value.currentTime = 0, l.value.play());
|
|
1047
1047
|
}
|
|
1048
|
-
}), (
|
|
1048
|
+
}), (_, b) => (a(), r("div", Mt, [
|
|
1049
1049
|
e.localVideo ? (a(), r("video", {
|
|
1050
1050
|
key: 0,
|
|
1051
1051
|
ref_key: "videoRef",
|
|
@@ -1109,17 +1109,17 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { clas
|
|
|
1109
1109
|
return (i, s) => (a(), r("div", Ft, [
|
|
1110
1110
|
t("div", Et, [
|
|
1111
1111
|
t("div", Nt, [
|
|
1112
|
-
|
|
1112
|
+
u(i.$slots, "address-flag", {}, void 0, !0)
|
|
1113
1113
|
]),
|
|
1114
1114
|
t("div", Ht, [
|
|
1115
|
-
t("p", Rt,
|
|
1116
|
-
t("p", null,
|
|
1117
|
-
t("p", null,
|
|
1118
|
-
t("p", null,
|
|
1119
|
-
e.addressLine_3 ? (a(), r("p", jt,
|
|
1115
|
+
t("p", Rt, o(e.name), 1),
|
|
1116
|
+
t("p", null, o(e.company), 1),
|
|
1117
|
+
t("p", null, o(e.addressLine_1), 1),
|
|
1118
|
+
t("p", null, o(e.addressLine_2), 1),
|
|
1119
|
+
e.addressLine_3 ? (a(), r("p", jt, o(e.addressLine_3), 1)) : m("", !0)
|
|
1120
1120
|
]),
|
|
1121
1121
|
t("div", Kt, [
|
|
1122
|
-
(a(!0), r(I, null,
|
|
1122
|
+
(a(!0), r(I, null, T(e.phone_numbers, (l) => (a(), D(V, {
|
|
1123
1123
|
underline: "false",
|
|
1124
1124
|
linkType: "regular"
|
|
1125
1125
|
}, {
|
|
@@ -1127,14 +1127,14 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { clas
|
|
|
1127
1127
|
t("a", {
|
|
1128
1128
|
href: "tel:" + l,
|
|
1129
1129
|
class: "address__phone"
|
|
1130
|
-
},
|
|
1130
|
+
}, o(l), 9, Ut)
|
|
1131
1131
|
]),
|
|
1132
1132
|
_: 2
|
|
1133
1133
|
}, 1024))), 256)),
|
|
1134
1134
|
t("a", {
|
|
1135
1135
|
href: "mailto:" + e.email,
|
|
1136
1136
|
class: "address__email"
|
|
1137
|
-
},
|
|
1137
|
+
}, o(e.email), 9, Wt)
|
|
1138
1138
|
])
|
|
1139
1139
|
])
|
|
1140
1140
|
]));
|
|
@@ -1165,9 +1165,9 @@ const Yt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Qt = (e) =
|
|
|
1165
1165
|
class: c(["bullet-list", e.variant])
|
|
1166
1166
|
}, [
|
|
1167
1167
|
t("ul", null, [
|
|
1168
|
-
(a(!0), r(I, null,
|
|
1168
|
+
(a(!0), r(I, null, T(e.list, (l) => (a(), r("li", null, [
|
|
1169
1169
|
Xt,
|
|
1170
|
-
j(" " +
|
|
1170
|
+
j(" " + o(l), 1)
|
|
1171
1171
|
]))), 256))
|
|
1172
1172
|
])
|
|
1173
1173
|
], 2)
|
|
@@ -1234,7 +1234,7 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
|
|
|
1234
1234
|
setup(e, { emit: i }) {
|
|
1235
1235
|
const s = be();
|
|
1236
1236
|
let l = w(!1);
|
|
1237
|
-
return (
|
|
1237
|
+
return (n, _) => (a(), r("div", ta, [
|
|
1238
1238
|
t("div", {
|
|
1239
1239
|
class: c(["card", [
|
|
1240
1240
|
e.theme == "dark" ? "card--dark" : "card--light",
|
|
@@ -1244,12 +1244,12 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
|
|
|
1244
1244
|
e.variant == "product" ? "card--product" : "card--article"
|
|
1245
1245
|
]]),
|
|
1246
1246
|
style: te([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
1247
|
-
onMouseover:
|
|
1248
|
-
onMouseout:
|
|
1247
|
+
onMouseover: _[0] || (_[0] = (b) => ie(l) ? l.value = !0 : l = !0),
|
|
1248
|
+
onMouseout: _[1] || (_[1] = (b) => ie(l) ? l.value = !1 : l = !1)
|
|
1249
1249
|
}, [
|
|
1250
|
-
e.mediaType == "image" ? (a(), D(
|
|
1250
|
+
e.mediaType == "image" ? (a(), D(L, { key: 0 }, {
|
|
1251
1251
|
default: $(() => [
|
|
1252
|
-
|
|
1252
|
+
u(n.$slots, "card-image", ee({
|
|
1253
1253
|
src: e.imgSrc,
|
|
1254
1254
|
height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
|
|
1255
1255
|
width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
|
|
@@ -1261,10 +1261,10 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
|
|
|
1261
1261
|
_: 3
|
|
1262
1262
|
})) : (a(), r("div", {
|
|
1263
1263
|
key: 1,
|
|
1264
|
-
class: c(["video-card__wrapper",
|
|
1264
|
+
class: c(["video-card__wrapper", B(l) == !0 ? "vimeoPlaying" : ""])
|
|
1265
1265
|
}, [
|
|
1266
1266
|
p(K, {
|
|
1267
|
-
play:
|
|
1267
|
+
play: B(l),
|
|
1268
1268
|
localVideo: !0,
|
|
1269
1269
|
src: e.videoSrc,
|
|
1270
1270
|
"aria-label": e.arialabel,
|
|
@@ -1277,22 +1277,22 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
|
|
|
1277
1277
|
muted: !0
|
|
1278
1278
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
1279
1279
|
], 2)),
|
|
1280
|
-
|
|
1281
|
-
|
|
1280
|
+
B(s)["card-label"] ? (a(), r("div", aa, [
|
|
1281
|
+
u(n.$slots, "card-label")
|
|
1282
1282
|
])) : m("", !0),
|
|
1283
1283
|
e.variant === "product" ? (a(), r("h3", {
|
|
1284
1284
|
key: 3,
|
|
1285
1285
|
class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
|
|
1286
|
-
},
|
|
1286
|
+
}, o(e.headline), 3)) : (a(), r("h3", {
|
|
1287
1287
|
key: 4,
|
|
1288
1288
|
class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
|
|
1289
|
-
},
|
|
1290
|
-
e.variant == "product" ? (a(), r("p", la,
|
|
1289
|
+
}, o(e.headline), 3)),
|
|
1290
|
+
e.variant == "product" ? (a(), r("p", la, o(e.paragraph), 1)) : m("", !0)
|
|
1291
1291
|
], 38)
|
|
1292
1292
|
]));
|
|
1293
1293
|
}
|
|
1294
1294
|
});
|
|
1295
|
-
const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) => (O("data-v-b0f9972c"), e = e(), z(), e),
|
|
1295
|
+
const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), oa = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ h({
|
|
1296
1296
|
__name: "event-card",
|
|
1297
1297
|
props: {
|
|
1298
1298
|
eventType: {
|
|
@@ -1317,18 +1317,18 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) =
|
|
|
1317
1317
|
}
|
|
1318
1318
|
},
|
|
1319
1319
|
setup(e) {
|
|
1320
|
-
return (i, s) => (a(), r("div",
|
|
1320
|
+
return (i, s) => (a(), r("div", oa, [
|
|
1321
1321
|
p(W, {
|
|
1322
1322
|
"label-dark": !1,
|
|
1323
1323
|
text: e.eventType ? e.eventType : ""
|
|
1324
1324
|
}, null, 8, ["text"]),
|
|
1325
|
-
t("div",
|
|
1325
|
+
t("div", na, o(e.headline), 1),
|
|
1326
1326
|
t("div", da, [
|
|
1327
|
-
j(
|
|
1327
|
+
j(o(e.dateTime), 1),
|
|
1328
1328
|
ca,
|
|
1329
|
-
j(
|
|
1329
|
+
j(o(e.location), 1)
|
|
1330
1330
|
]),
|
|
1331
|
-
t("div", ua, "Exhibitor: " +
|
|
1331
|
+
t("div", ua, "Exhibitor: " + o(e.exhibitor), 1)
|
|
1332
1332
|
]));
|
|
1333
1333
|
}
|
|
1334
1334
|
});
|
|
@@ -1354,9 +1354,9 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
|
|
|
1354
1354
|
"label-dark": !1,
|
|
1355
1355
|
text: e.label ? e.label : ""
|
|
1356
1356
|
}, null, 8, ["text"]),
|
|
1357
|
-
t("div", ma,
|
|
1357
|
+
t("div", ma, o(e.headline), 1),
|
|
1358
1358
|
t("div", ga, [
|
|
1359
|
-
t("p", null,
|
|
1359
|
+
t("p", null, o(e.paragraph), 1)
|
|
1360
1360
|
])
|
|
1361
1361
|
]));
|
|
1362
1362
|
}
|
|
@@ -1384,14 +1384,14 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
|
|
|
1384
1384
|
setup(e) {
|
|
1385
1385
|
return (i, s) => (a(), r("div", ba, [
|
|
1386
1386
|
t("div", pa, [
|
|
1387
|
-
t("h2", $a,
|
|
1387
|
+
t("h2", $a, o(e.headline), 1),
|
|
1388
1388
|
t("div", ka, [
|
|
1389
|
-
(a(!0), r(I, null,
|
|
1389
|
+
(a(!0), r(I, null, T(e.facts, (l) => (a(), r("div", wa, [
|
|
1390
1390
|
t("div", xa, [
|
|
1391
|
-
t("span", null,
|
|
1391
|
+
t("span", null, o(l.value), 1)
|
|
1392
1392
|
]),
|
|
1393
1393
|
t("div", Sa, [
|
|
1394
|
-
t("span", null,
|
|
1394
|
+
t("span", null, o(l.metric), 1)
|
|
1395
1395
|
])
|
|
1396
1396
|
]))), 256))
|
|
1397
1397
|
]),
|
|
@@ -1401,7 +1401,7 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
|
|
|
1401
1401
|
arrow: ""
|
|
1402
1402
|
}, {
|
|
1403
1403
|
default: $(() => [
|
|
1404
|
-
|
|
1404
|
+
u(i.$slots, "facts-link", {}, void 0, !0)
|
|
1405
1405
|
]),
|
|
1406
1406
|
_: 3
|
|
1407
1407
|
})
|
|
@@ -1410,7 +1410,7 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
|
|
|
1410
1410
|
]));
|
|
1411
1411
|
}
|
|
1412
1412
|
});
|
|
1413
|
-
const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]),
|
|
1413
|
+
const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
|
|
1414
1414
|
key: 0,
|
|
1415
1415
|
class: "features__headline"
|
|
1416
1416
|
}, Va = {
|
|
@@ -1434,21 +1434,21 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), La = { cla
|
|
|
1434
1434
|
}
|
|
1435
1435
|
},
|
|
1436
1436
|
setup(e) {
|
|
1437
|
-
return (i, s) => (a(), r("div",
|
|
1438
|
-
t("div",
|
|
1437
|
+
return (i, s) => (a(), r("div", Ta, [
|
|
1438
|
+
t("div", La, [
|
|
1439
1439
|
e.headline ? (a(), r("div", Ca, [
|
|
1440
|
-
t("h2", null,
|
|
1440
|
+
t("h2", null, o(e.headline), 1)
|
|
1441
1441
|
])) : m("", !0),
|
|
1442
1442
|
e.body ? (a(), r("div", Va, [
|
|
1443
|
-
t("p", null,
|
|
1443
|
+
t("p", null, o(e.body), 1)
|
|
1444
1444
|
])) : m("", !0),
|
|
1445
1445
|
t("div", {
|
|
1446
1446
|
class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
|
|
1447
1447
|
}, [
|
|
1448
|
-
(a(!0), r(I, null,
|
|
1449
|
-
p(
|
|
1448
|
+
(a(!0), r(I, null, T(e.elements, (l) => (a(), r("div", Aa, [
|
|
1449
|
+
p(L, { class: "element__icon" }, {
|
|
1450
1450
|
default: $(() => [
|
|
1451
|
-
|
|
1451
|
+
u(i.$slots, "features-icon", A(M({
|
|
1452
1452
|
src: l.icon.src,
|
|
1453
1453
|
height: 30,
|
|
1454
1454
|
width: 30,
|
|
@@ -1457,8 +1457,8 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), La = { cla
|
|
|
1457
1457
|
]),
|
|
1458
1458
|
_: 2
|
|
1459
1459
|
}, 1024),
|
|
1460
|
-
t("p", Da,
|
|
1461
|
-
t("p", Ma,
|
|
1460
|
+
t("p", Da, o(l.headline), 1),
|
|
1461
|
+
t("p", Ma, o(l.body), 1)
|
|
1462
1462
|
]))), 256))
|
|
1463
1463
|
], 2)
|
|
1464
1464
|
])
|
|
@@ -1485,14 +1485,14 @@ const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { cla
|
|
|
1485
1485
|
return (i, s) => (a(), r("div", Pa, [
|
|
1486
1486
|
t("div", Fa, [
|
|
1487
1487
|
t("div", Ea, [
|
|
1488
|
-
p(
|
|
1488
|
+
p(L, null, {
|
|
1489
1489
|
default: $(() => [
|
|
1490
|
-
|
|
1490
|
+
u(i.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1491
1491
|
]),
|
|
1492
1492
|
_: 3
|
|
1493
1493
|
})
|
|
1494
1494
|
]),
|
|
1495
|
-
t("p", Na,
|
|
1495
|
+
t("p", Na, o(e.caption), 1)
|
|
1496
1496
|
])
|
|
1497
1497
|
]));
|
|
1498
1498
|
}
|
|
@@ -1559,9 +1559,9 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
|
|
|
1559
1559
|
}, [
|
|
1560
1560
|
t("div", ja, [
|
|
1561
1561
|
e.mediaLarge && e.mediaType === "image" ? (a(), r("div", Ka, [
|
|
1562
|
-
p(
|
|
1562
|
+
p(L, null, {
|
|
1563
1563
|
default: $(() => [
|
|
1564
|
-
|
|
1564
|
+
u(i.$slots, "image-large", A(M({
|
|
1565
1565
|
width: 617,
|
|
1566
1566
|
height: 530,
|
|
1567
1567
|
src: e.mediaLarge.src,
|
|
@@ -1593,10 +1593,10 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
|
|
|
1593
1593
|
e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1594
1594
|
])
|
|
1595
1595
|
}, [
|
|
1596
|
-
(a(!0), r(I, null,
|
|
1597
|
-
p(
|
|
1596
|
+
(a(!0), r(I, null, T(e.mediaSmall, (l) => (a(), r("div", Wa, [
|
|
1597
|
+
p(L, null, {
|
|
1598
1598
|
default: $(() => [
|
|
1599
|
-
|
|
1599
|
+
u(i.$slots, "image-small", A(M({
|
|
1600
1600
|
width: 328,
|
|
1601
1601
|
height: 246,
|
|
1602
1602
|
src: l.src,
|
|
@@ -1607,7 +1607,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
|
|
|
1607
1607
|
}, 1024)
|
|
1608
1608
|
]))), 256)),
|
|
1609
1609
|
e.mediaSmall.length < 2 ? (a(), r("div", Ga, [
|
|
1610
|
-
t("p", null,
|
|
1610
|
+
t("p", null, o(e.body), 1)
|
|
1611
1611
|
])) : m("", !0)
|
|
1612
1612
|
], 6)
|
|
1613
1613
|
], 2)
|
|
@@ -1640,12 +1640,12 @@ const Qa = /* @__PURE__ */ v(Ya, [["__scopeId", "data-v-55b17073"]]), Ja = { cla
|
|
|
1640
1640
|
"headline__content--default": !e.article && !e.subMenu
|
|
1641
1641
|
})
|
|
1642
1642
|
}, [
|
|
1643
|
-
t("h1", Xa,
|
|
1643
|
+
t("h1", Xa, o(e.headline), 1)
|
|
1644
1644
|
], 2)
|
|
1645
1645
|
]));
|
|
1646
1646
|
}
|
|
1647
1647
|
});
|
|
1648
|
-
const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, rl = { class: "hero__elements" }, sl = { class: "hero__headline" },
|
|
1648
|
+
const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, rl = { class: "hero__elements" }, sl = { class: "hero__headline" }, ol = { class: "hero__link" }, nl = { class: "hero__video" }, dl = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), cl = /* @__PURE__ */ h({
|
|
1649
1649
|
__name: "hero",
|
|
1650
1650
|
props: {
|
|
1651
1651
|
headline: {
|
|
@@ -1663,22 +1663,22 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
|
|
|
1663
1663
|
t("div", il, [
|
|
1664
1664
|
t("div", rl, [
|
|
1665
1665
|
t("div", sl, [
|
|
1666
|
-
t("h1", null,
|
|
1666
|
+
t("h1", null, o(e.headline), 1)
|
|
1667
1667
|
]),
|
|
1668
|
-
t("div",
|
|
1668
|
+
t("div", ol, [
|
|
1669
1669
|
p(V, {
|
|
1670
1670
|
linkType: "regular-light",
|
|
1671
1671
|
arrow: ""
|
|
1672
1672
|
}, {
|
|
1673
1673
|
default: $(() => [
|
|
1674
|
-
|
|
1674
|
+
u(i.$slots, "hero-link", {}, void 0, !0)
|
|
1675
1675
|
]),
|
|
1676
1676
|
_: 3
|
|
1677
1677
|
})
|
|
1678
1678
|
])
|
|
1679
1679
|
])
|
|
1680
1680
|
]),
|
|
1681
|
-
t("div",
|
|
1681
|
+
t("div", nl, [
|
|
1682
1682
|
dl,
|
|
1683
1683
|
p(K, {
|
|
1684
1684
|
src: e.video.src,
|
|
@@ -1718,14 +1718,14 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
|
|
|
1718
1718
|
return (i, s) => (a(), r("div", _l, [
|
|
1719
1719
|
t("div", hl, [
|
|
1720
1720
|
e.headline || e.body ? (a(), r("div", vl, [
|
|
1721
|
-
e.headline ? (a(), r("h2", ml,
|
|
1722
|
-
e.body ? (a(), r("p", gl,
|
|
1721
|
+
e.headline ? (a(), r("h2", ml, o(e.headline), 1)) : m("", !0),
|
|
1722
|
+
e.body ? (a(), r("p", gl, o(e.body), 1)) : m("", !0)
|
|
1723
1723
|
])) : m("", !0),
|
|
1724
1724
|
t("div", fl, [
|
|
1725
|
-
(a(!0), r(I, null,
|
|
1726
|
-
p(
|
|
1725
|
+
(a(!0), r(I, null, T(e.logos, (l) => (a(), r("div", yl, [
|
|
1726
|
+
p(L, null, {
|
|
1727
1727
|
default: $(() => [
|
|
1728
|
-
|
|
1728
|
+
u(i.$slots, "logo-wall-logo", A(M({
|
|
1729
1729
|
width: 130,
|
|
1730
1730
|
height: 130,
|
|
1731
1731
|
src: l.src,
|
|
@@ -1742,7 +1742,7 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
|
|
|
1742
1742
|
arrow: !0
|
|
1743
1743
|
}, {
|
|
1744
1744
|
default: $(() => [
|
|
1745
|
-
|
|
1745
|
+
u(i.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1746
1746
|
]),
|
|
1747
1747
|
_: 3
|
|
1748
1748
|
})
|
|
@@ -1783,9 +1783,9 @@ const $l = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-299e5b4b"]]), kl = { cla
|
|
|
1783
1783
|
])
|
|
1784
1784
|
}, [
|
|
1785
1785
|
t("div", kl, [
|
|
1786
|
-
|
|
1786
|
+
u(i.$slots, "micro-stories-slides")
|
|
1787
1787
|
]),
|
|
1788
|
-
|
|
1788
|
+
u(i.$slots, "micro-stories-controls")
|
|
1789
1789
|
], 2));
|
|
1790
1790
|
}
|
|
1791
1791
|
});
|
|
@@ -1793,11 +1793,11 @@ const xl = {}, Sl = { class: "policy__wrapper" }, ql = { class: "policy__content
|
|
|
1793
1793
|
function Bl(e, i) {
|
|
1794
1794
|
return a(), r("div", Sl, [
|
|
1795
1795
|
t("div", ql, [
|
|
1796
|
-
|
|
1796
|
+
u(e.$slots, "default", {}, void 0, !0)
|
|
1797
1797
|
])
|
|
1798
1798
|
]);
|
|
1799
1799
|
}
|
|
1800
|
-
const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9"]]),
|
|
1800
|
+
const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9"]]), Tl = { class: "product-hero__wrapper" }, Ll = { class: "product-hero__content" }, Cl = { class: "product-hero__headline" }, Vl = { class: "product-hero__video" }, Al = /* @__PURE__ */ h({
|
|
1801
1801
|
__name: "product-hero",
|
|
1802
1802
|
props: {
|
|
1803
1803
|
headline: {
|
|
@@ -1822,10 +1822,10 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
|
|
|
1822
1822
|
}
|
|
1823
1823
|
},
|
|
1824
1824
|
setup(e) {
|
|
1825
|
-
return (i, s) => (a(), r("div",
|
|
1826
|
-
t("div",
|
|
1825
|
+
return (i, s) => (a(), r("div", Tl, [
|
|
1826
|
+
t("div", Ll, [
|
|
1827
1827
|
t("div", Cl, [
|
|
1828
|
-
t("h1", null,
|
|
1828
|
+
t("h1", null, o(e.headline), 1)
|
|
1829
1829
|
]),
|
|
1830
1830
|
t("div", Vl, [
|
|
1831
1831
|
p(K, {
|
|
@@ -1907,9 +1907,9 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
|
|
|
1907
1907
|
e.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1908
1908
|
])
|
|
1909
1909
|
}, [
|
|
1910
|
-
p(
|
|
1910
|
+
p(L, null, {
|
|
1911
1911
|
default: $(() => [
|
|
1912
|
-
|
|
1912
|
+
u(i.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
|
|
1913
1913
|
]),
|
|
1914
1914
|
_: 3
|
|
1915
1915
|
})
|
|
@@ -1949,14 +1949,14 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
|
|
|
1949
1949
|
"promo__title",
|
|
1950
1950
|
e.variant === "dark" ? "promo__title--dark" : ""
|
|
1951
1951
|
])
|
|
1952
|
-
},
|
|
1952
|
+
}, o(e.headline), 3),
|
|
1953
1953
|
e.linkType === "link" ? (a(), D(V, {
|
|
1954
1954
|
key: 1,
|
|
1955
1955
|
linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
|
|
1956
1956
|
arrow: ""
|
|
1957
1957
|
}, {
|
|
1958
1958
|
default: $(() => [
|
|
1959
|
-
|
|
1959
|
+
u(i.$slots, "promo-link")
|
|
1960
1960
|
]),
|
|
1961
1961
|
_: 3
|
|
1962
1962
|
}, 8, ["linkType"])) : m("", !0),
|
|
@@ -1965,7 +1965,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
|
|
|
1965
1965
|
linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
|
|
1966
1966
|
}, {
|
|
1967
1967
|
default: $(() => [
|
|
1968
|
-
|
|
1968
|
+
u(i.$slots, "promo-link")
|
|
1969
1969
|
]),
|
|
1970
1970
|
_: 3
|
|
1971
1971
|
}, 8, ["linkType"])) : m("", !0)
|
|
@@ -2002,12 +2002,12 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
|
|
|
2002
2002
|
t("div", El, [
|
|
2003
2003
|
Nl,
|
|
2004
2004
|
t("div", Hl, [
|
|
2005
|
-
t("p", Rl,
|
|
2005
|
+
t("p", Rl, o(e.quote), 1),
|
|
2006
2006
|
t("div", jl, [
|
|
2007
2007
|
e.authorImage ? (a(), r("div", Kl, [
|
|
2008
|
-
p(
|
|
2008
|
+
p(L, null, {
|
|
2009
2009
|
default: $(() => [
|
|
2010
|
-
|
|
2010
|
+
u(i.$slots, "author-image", A(M({
|
|
2011
2011
|
src: e.authorImage + "/m/100x100",
|
|
2012
2012
|
width: 60,
|
|
2013
2013
|
height: 60
|
|
@@ -2017,8 +2017,8 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
|
|
|
2017
2017
|
})
|
|
2018
2018
|
])) : m("", !0),
|
|
2019
2019
|
t("div", Ul, [
|
|
2020
|
-
t("p", Wl,
|
|
2021
|
-
t("p", Gl,
|
|
2020
|
+
t("p", Wl, o(e.author), 1),
|
|
2021
|
+
t("p", Gl, o(e.authorTitle), 1)
|
|
2022
2022
|
])
|
|
2023
2023
|
])
|
|
2024
2024
|
])
|
|
@@ -2085,7 +2085,7 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
|
|
|
2085
2085
|
"rich-text__headline",
|
|
2086
2086
|
e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
2087
2087
|
])
|
|
2088
|
-
},
|
|
2088
|
+
}, o(e.headline), 3)) : m("", !0),
|
|
2089
2089
|
t("div", {
|
|
2090
2090
|
class: c([
|
|
2091
2091
|
"rich-text__content",
|
|
@@ -2098,13 +2098,13 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
|
|
|
2098
2098
|
e.bulletList || e.image ? "rich-text__body--content-right" : ""
|
|
2099
2099
|
])
|
|
2100
2100
|
}, [
|
|
2101
|
-
|
|
2101
|
+
u(i.$slots, "rich-text-content"),
|
|
2102
2102
|
e.links ? (a(), r("div", Xl, [
|
|
2103
|
-
|
|
2103
|
+
u(i.$slots, "rich-text-links")
|
|
2104
2104
|
])) : m("", !0)
|
|
2105
2105
|
], 2),
|
|
2106
2106
|
e.bulletList ? (a(), r("div", Zl, [
|
|
2107
|
-
|
|
2107
|
+
u(i.$slots, "rich-text-bullet-list")
|
|
2108
2108
|
])) : m("", !0),
|
|
2109
2109
|
e.image ? (a(), r("div", {
|
|
2110
2110
|
key: 1,
|
|
@@ -2113,9 +2113,9 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
|
|
|
2113
2113
|
e.imageClip ? "rich-text__image--clip" : ""
|
|
2114
2114
|
])
|
|
2115
2115
|
}, [
|
|
2116
|
-
p(
|
|
2116
|
+
p(L, null, {
|
|
2117
2117
|
default: $(() => [
|
|
2118
|
-
|
|
2118
|
+
u(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
|
|
2119
2119
|
]),
|
|
2120
2120
|
_: 3
|
|
2121
2121
|
})
|
|
@@ -2125,7 +2125,7 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
|
|
|
2125
2125
|
], 2));
|
|
2126
2126
|
}
|
|
2127
2127
|
});
|
|
2128
|
-
const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) => (O("data-v-df182fbb"), e = e(), z(), e), li = { class: "timeline__wrapper" }, ii = { class: "timeline__content" }, ri = { class: "timeline__items" }, si = { class: "timeline__item faded" },
|
|
2128
|
+
const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) => (O("data-v-df182fbb"), e = e(), z(), e), li = { class: "timeline__wrapper" }, ii = { class: "timeline__content" }, ri = { class: "timeline__items" }, si = { class: "timeline__item faded" }, oi = { class: "item__left" }, ni = /* @__PURE__ */ ai(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
2129
2129
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
2130
2130
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
2131
2131
|
], -1)), di = { class: "item__right" }, ci = ["innerHTML"], ui = /* @__PURE__ */ h({
|
|
@@ -2137,11 +2137,11 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) =
|
|
|
2137
2137
|
}
|
|
2138
2138
|
},
|
|
2139
2139
|
setup(e) {
|
|
2140
|
-
return
|
|
2140
|
+
return ne(() => {
|
|
2141
2141
|
const i = document.querySelectorAll(".timeline__item"), s = new IntersectionObserver(
|
|
2142
2142
|
(l) => {
|
|
2143
|
-
l.forEach((
|
|
2144
|
-
|
|
2143
|
+
l.forEach((n) => {
|
|
2144
|
+
n.isIntersecting && (n.target.classList.add("visible"), n.target.classList.remove("faded"), s.unobserve(n.target));
|
|
2145
2145
|
});
|
|
2146
2146
|
},
|
|
2147
2147
|
{
|
|
@@ -2154,13 +2154,13 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) =
|
|
|
2154
2154
|
}), (i, s) => (a(), r("div", li, [
|
|
2155
2155
|
t("div", ii, [
|
|
2156
2156
|
t("div", ri, [
|
|
2157
|
-
(a(!0), r(I, null,
|
|
2158
|
-
t("div",
|
|
2159
|
-
|
|
2157
|
+
(a(!0), r(I, null, T(e.timelineItems, (l) => (a(), r("div", si, [
|
|
2158
|
+
t("div", oi, o(l.year), 1),
|
|
2159
|
+
ni,
|
|
2160
2160
|
t("div", di, [
|
|
2161
|
-
p(
|
|
2161
|
+
p(L, null, {
|
|
2162
2162
|
default: $(() => [
|
|
2163
|
-
l.media.type === "image" ?
|
|
2163
|
+
l.media.type === "image" ? u(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
|
|
2164
2164
|
]),
|
|
2165
2165
|
_: 2
|
|
2166
2166
|
}, 1024),
|
|
@@ -2204,11 +2204,11 @@ const _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-df182fbb"]]), hi = { cla
|
|
|
2204
2204
|
}, [
|
|
2205
2205
|
t("div", hi, [
|
|
2206
2206
|
e.headline || e.paragraph ? (a(), r("div", vi, [
|
|
2207
|
-
e.headline ? (a(), r("h2", mi,
|
|
2208
|
-
e.paragraph ? (a(), r("p", gi,
|
|
2207
|
+
e.headline ? (a(), r("h2", mi, o(e.headline), 1)) : m("", !0),
|
|
2208
|
+
e.paragraph ? (a(), r("p", gi, o(e.paragraph), 1)) : m("", !0)
|
|
2209
2209
|
])) : m("", !0),
|
|
2210
2210
|
t("div", fi, [
|
|
2211
|
-
|
|
2211
|
+
u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
|
|
2212
2212
|
])
|
|
2213
2213
|
])
|
|
2214
2214
|
], 2));
|
|
@@ -2233,14 +2233,14 @@ const bi = /* @__PURE__ */ v(yi, [["__scopeId", "data-v-e7b427f6"]]), pi = { cla
|
|
|
2233
2233
|
setup(e) {
|
|
2234
2234
|
return (i, s) => (a(), r("div", pi, [
|
|
2235
2235
|
t("div", $i, [
|
|
2236
|
-
e.headline ? (a(), r("h2", ki,
|
|
2237
|
-
|
|
2238
|
-
e.description ? (a(), r("p", wi,
|
|
2236
|
+
e.headline ? (a(), r("h2", ki, o(e.headline), 1)) : m("", !0),
|
|
2237
|
+
u(i.$slots, "vimeo-content", {}, void 0, !0),
|
|
2238
|
+
e.description ? (a(), r("p", wi, o(e.description), 1)) : m("", !0)
|
|
2239
2239
|
])
|
|
2240
2240
|
]));
|
|
2241
2241
|
}
|
|
2242
2242
|
});
|
|
2243
|
-
const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { class: "not-found__wrapper" }, Bi = { class: "not-found__content" }, Ii = { class: "not-found__headline" },
|
|
2243
|
+
const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { class: "not-found__wrapper" }, Bi = { class: "not-found__content" }, Ii = { class: "not-found__headline" }, Ti = { class: "not-found__body" }, Li = /* @__PURE__ */ h({
|
|
2244
2244
|
__name: "404",
|
|
2245
2245
|
props: {
|
|
2246
2246
|
headline: {
|
|
@@ -2251,15 +2251,15 @@ const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { cla
|
|
|
2251
2251
|
setup(e) {
|
|
2252
2252
|
return (i, s) => (a(), r("div", qi, [
|
|
2253
2253
|
t("div", Bi, [
|
|
2254
|
-
t("h1", Ii,
|
|
2255
|
-
t("div",
|
|
2256
|
-
|
|
2254
|
+
t("h1", Ii, o(e.headline), 1),
|
|
2255
|
+
t("div", Ti, [
|
|
2256
|
+
u(i.$slots, "not-found-body", {}, void 0, !0)
|
|
2257
2257
|
])
|
|
2258
2258
|
])
|
|
2259
2259
|
]));
|
|
2260
2260
|
}
|
|
2261
2261
|
});
|
|
2262
|
-
const Ci = /* @__PURE__ */ v(
|
|
2262
|
+
const Ci = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-a4285ce0"]]), Vi = { class: "filter__wrapper" }, Ai = { class: "filter__content" }, Di = { class: "filter__dropdowns" }, Mi = { class: "filter__chips" }, Oi = /* @__PURE__ */ h({
|
|
2263
2263
|
__name: "filter",
|
|
2264
2264
|
props: {
|
|
2265
2265
|
hasChips: {
|
|
@@ -2272,10 +2272,10 @@ const Ci = /* @__PURE__ */ v(Ti, [["__scopeId", "data-v-a4285ce0"]]), Vi = { cla
|
|
|
2272
2272
|
return (i, s) => (a(), r("div", Vi, [
|
|
2273
2273
|
t("div", Ai, [
|
|
2274
2274
|
t("div", Di, [
|
|
2275
|
-
|
|
2275
|
+
u(i.$slots, "filter-dropdowns")
|
|
2276
2276
|
]),
|
|
2277
2277
|
t("div", Mi, [
|
|
2278
|
-
|
|
2278
|
+
u(i.$slots, "filter-chips"),
|
|
2279
2279
|
e.hasChips ? (a(), r("button", {
|
|
2280
2280
|
key: 0,
|
|
2281
2281
|
class: "filter__clear",
|
|
@@ -2324,11 +2324,11 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
|
|
|
2324
2324
|
return (i, s) => (a(), r("div", Pi, [
|
|
2325
2325
|
t("footer", Fi, [
|
|
2326
2326
|
t("div", Ei, [
|
|
2327
|
-
(a(!0), r(I, null,
|
|
2328
|
-
t("span", Hi,
|
|
2327
|
+
(a(!0), r(I, null, T(e.footerSections, (l) => (a(), r("div", Ni, [
|
|
2328
|
+
t("span", Hi, o(l.title), 1),
|
|
2329
2329
|
t("nav", null, [
|
|
2330
2330
|
t("ul", Ri, [
|
|
2331
|
-
|
|
2331
|
+
u(i.$slots, "section-links", {
|
|
2332
2332
|
links: l.links
|
|
2333
2333
|
})
|
|
2334
2334
|
])
|
|
@@ -2364,17 +2364,17 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
|
|
|
2364
2364
|
])
|
|
2365
2365
|
]),
|
|
2366
2366
|
t("div", Ji, [
|
|
2367
|
-
t("p", Xi, "© MiR " +
|
|
2367
|
+
t("p", Xi, "© MiR " + o((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2368
2368
|
t("div", Zi, [
|
|
2369
2369
|
t("button", {
|
|
2370
2370
|
class: "footer__language-switcher",
|
|
2371
2371
|
onClick: s[0] || (s[0] = (l) => i.$emit("changeRegionClicked"))
|
|
2372
2372
|
}, tr),
|
|
2373
|
-
|
|
2374
|
-
|
|
2373
|
+
u(i.$slots, "footer-privacy-link"),
|
|
2374
|
+
u(i.$slots, "footer-cookie-link")
|
|
2375
2375
|
]),
|
|
2376
2376
|
t("div", ar, [
|
|
2377
|
-
(a(!0), r(I, null,
|
|
2377
|
+
(a(!0), r(I, null, T(e.socialMedia, (l) => (a(), D(V, {
|
|
2378
2378
|
underline: "false",
|
|
2379
2379
|
linkType: "regular"
|
|
2380
2380
|
}, {
|
|
@@ -2400,7 +2400,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
|
|
|
2400
2400
|
]));
|
|
2401
2401
|
}
|
|
2402
2402
|
});
|
|
2403
|
-
const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { class: "header__wrapper" },
|
|
2403
|
+
const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { class: "header__wrapper" }, or = { class: "nav-wrapper" }, nr = { class: "mir-link-logo" }, dr = { class: "main-nav-items" }, cr = {
|
|
2404
2404
|
id: "menu-dropdown",
|
|
2405
2405
|
ref: "dropdownDiv"
|
|
2406
2406
|
}, ur = {
|
|
@@ -2412,7 +2412,7 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
|
|
|
2412
2412
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2413
2413
|
alt: "dropdownarrow",
|
|
2414
2414
|
style: { transform: "rotate(180deg)" }
|
|
2415
|
-
}, hr = { class: "dropdown-content" }, vr = { class: "nav-search-wrapper" }, mr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, fr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr =
|
|
2415
|
+
}, hr = { class: "dropdown-content" }, vr = { class: "nav-search-wrapper" }, mr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, fr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = { class: "mobile-menu-content-wrapper" }, wr = { class: "mobile-dropdown-content" }, xr = /* @__PURE__ */ h({
|
|
2416
2416
|
__name: "header",
|
|
2417
2417
|
props: {
|
|
2418
2418
|
burgerState: {
|
|
@@ -2432,27 +2432,27 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
|
|
|
2432
2432
|
setup(e, { expose: i, emit: s }) {
|
|
2433
2433
|
const l = e;
|
|
2434
2434
|
w("");
|
|
2435
|
-
let
|
|
2435
|
+
let n = null, _ = w(l.burgerState), b = w(l.showDropDown);
|
|
2436
2436
|
re(
|
|
2437
2437
|
() => l.burgerState,
|
|
2438
|
-
(k) =>
|
|
2438
|
+
(k) => _.value = k
|
|
2439
2439
|
), re(
|
|
2440
2440
|
() => l.showDropDown,
|
|
2441
2441
|
(k) => b.value = k
|
|
2442
|
-
),
|
|
2443
|
-
|
|
2442
|
+
), ne(() => {
|
|
2443
|
+
n = (k) => {
|
|
2444
2444
|
k.target.closest("#menu-dropdown") || (b.value = !1);
|
|
2445
|
-
}, window.addEventListener("click",
|
|
2445
|
+
}, window.addEventListener("click", n);
|
|
2446
2446
|
}), pe(() => {
|
|
2447
|
-
|
|
2447
|
+
n !== null && window.removeEventListener("click", n);
|
|
2448
2448
|
});
|
|
2449
2449
|
function C() {
|
|
2450
2450
|
b.value = !b.value, s("update:showDropDown", b.value);
|
|
2451
2451
|
}
|
|
2452
|
-
function
|
|
2453
|
-
|
|
2452
|
+
function S() {
|
|
2453
|
+
_.value = !_.value, s("update:burgerState", _.value);
|
|
2454
2454
|
}
|
|
2455
|
-
let f = w(null),
|
|
2455
|
+
let f = w(null), q = w(null);
|
|
2456
2456
|
function X() {
|
|
2457
2457
|
f.value && f.value.blur();
|
|
2458
2458
|
}
|
|
@@ -2460,25 +2460,25 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
|
|
|
2460
2460
|
defocusSearchButton: X
|
|
2461
2461
|
}), (k, H) => (a(), r("div", sr, [
|
|
2462
2462
|
t("nav", null, [
|
|
2463
|
-
t("div",
|
|
2464
|
-
t("div",
|
|
2465
|
-
|
|
2463
|
+
t("div", or, [
|
|
2464
|
+
t("div", nr, [
|
|
2465
|
+
u(k.$slots, "link-logo", {}, void 0, !0)
|
|
2466
2466
|
]),
|
|
2467
2467
|
t("ul", dr, [
|
|
2468
|
-
|
|
2468
|
+
u(k.$slots, "main-nav-items", {}, void 0, !0)
|
|
2469
2469
|
]),
|
|
2470
2470
|
t("div", cr, [
|
|
2471
2471
|
t("button", {
|
|
2472
2472
|
onClick: C,
|
|
2473
2473
|
class: "nav-dropdown-btn"
|
|
2474
2474
|
}, [
|
|
2475
|
-
|
|
2476
|
-
|
|
2475
|
+
u(k.$slots, "dropdown-title", {}, void 0, !0),
|
|
2476
|
+
B(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
|
|
2477
2477
|
]),
|
|
2478
2478
|
Q(t("div", hr, [
|
|
2479
|
-
|
|
2479
|
+
u(k.$slots, "dropdown-links", {}, void 0, !0)
|
|
2480
2480
|
], 512), [
|
|
2481
|
-
[Z,
|
|
2481
|
+
[Z, B(b)]
|
|
2482
2482
|
])
|
|
2483
2483
|
], 512),
|
|
2484
2484
|
t("div", vr, [
|
|
@@ -2486,84 +2486,76 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
|
|
|
2486
2486
|
class: "search-icon",
|
|
2487
2487
|
onClick: H[0] || (H[0] = (G) => {
|
|
2488
2488
|
var F;
|
|
2489
|
-
return k.$emit("clickSearch"), (F =
|
|
2489
|
+
return k.$emit("clickSearch"), (F = B(f)) == null ? void 0 : F.blur();
|
|
2490
2490
|
}),
|
|
2491
2491
|
ref_key: "navSearchButton",
|
|
2492
2492
|
ref: f
|
|
2493
2493
|
}, [
|
|
2494
2494
|
t("img", {
|
|
2495
|
-
src:
|
|
2495
|
+
src: B(_) == !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",
|
|
2496
2496
|
alt: "search icon",
|
|
2497
|
-
width: "
|
|
2498
|
-
height: "
|
|
2497
|
+
width: "20",
|
|
2498
|
+
height: "20"
|
|
2499
2499
|
}, null, 8, mr)
|
|
2500
2500
|
], 512)
|
|
2501
2501
|
])
|
|
2502
2502
|
]),
|
|
2503
2503
|
t("div", {
|
|
2504
|
-
class: c(["mobile-nav-wrapper",
|
|
2504
|
+
class: c(["mobile-nav-wrapper", B(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2505
2505
|
}, [
|
|
2506
2506
|
t("div", gr, [
|
|
2507
2507
|
t("div", fr, [
|
|
2508
|
-
|
|
2508
|
+
u(k.$slots, "link-logo", {}, void 0, !0)
|
|
2509
2509
|
]),
|
|
2510
2510
|
t("div", yr, [
|
|
2511
2511
|
t("button", {
|
|
2512
2512
|
class: "search-icon",
|
|
2513
2513
|
onClick: H[1] || (H[1] = (G) => {
|
|
2514
2514
|
var F;
|
|
2515
|
-
return k.$emit("clickSearch"), (F =
|
|
2515
|
+
return k.$emit("clickSearch"), (F = B(q)) == null ? void 0 : F.blur();
|
|
2516
2516
|
}),
|
|
2517
2517
|
ref_key: "mobileSearchButton",
|
|
2518
|
-
ref:
|
|
2519
|
-
"aria-label": "
|
|
2518
|
+
ref: q,
|
|
2519
|
+
"aria-label": "Toggle search"
|
|
2520
2520
|
}, [
|
|
2521
2521
|
t("img", {
|
|
2522
|
-
src:
|
|
2522
|
+
src: B(_) == !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",
|
|
2523
2523
|
alt: "search icon",
|
|
2524
|
-
width: "
|
|
2525
|
-
height: "
|
|
2524
|
+
width: "20",
|
|
2525
|
+
height: "20"
|
|
2526
2526
|
}, null, 8, br)
|
|
2527
2527
|
], 512)
|
|
2528
2528
|
]),
|
|
2529
2529
|
t("button", {
|
|
2530
|
-
onClick: se(
|
|
2530
|
+
onClick: se(S, ["prevent"]),
|
|
2531
2531
|
class: "mobile-burger-wrapper",
|
|
2532
|
-
"aria-label": "
|
|
2532
|
+
"aria-label": "Toggle menu"
|
|
2533
2533
|
}, [
|
|
2534
2534
|
t("img", {
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
height: "2",
|
|
2538
|
-
alt: "burger menu line icon",
|
|
2539
|
-
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"
|
|
2540
|
-
}, null, 10, $r),
|
|
2541
|
-
t("img", {
|
|
2542
|
-
class: c(["burger-line", S(u) == !0 ? "burger-bottom-line-open" : ""]),
|
|
2543
|
-
width: "23",
|
|
2544
|
-
height: "2",
|
|
2535
|
+
width: "20",
|
|
2536
|
+
height: "20",
|
|
2545
2537
|
alt: "burger menu line icon",
|
|
2546
|
-
src:
|
|
2547
|
-
}, null,
|
|
2538
|
+
src: B(_) == !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2539
|
+
}, null, 8, $r)
|
|
2548
2540
|
], 8, pr)
|
|
2549
2541
|
]),
|
|
2550
|
-
Q(t("div",
|
|
2542
|
+
Q(t("div", kr, [
|
|
2551
2543
|
t("ul", null, [
|
|
2552
|
-
|
|
2544
|
+
u(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2553
2545
|
]),
|
|
2554
|
-
t("ul",
|
|
2555
|
-
|
|
2556
|
-
|
|
2546
|
+
t("ul", wr, [
|
|
2547
|
+
u(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2548
|
+
u(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2557
2549
|
])
|
|
2558
2550
|
], 512), [
|
|
2559
|
-
[Z,
|
|
2551
|
+
[Z, B(_)]
|
|
2560
2552
|
])
|
|
2561
2553
|
], 2)
|
|
2562
2554
|
])
|
|
2563
2555
|
]));
|
|
2564
2556
|
}
|
|
2565
2557
|
});
|
|
2566
|
-
const
|
|
2558
|
+
const Sr = /* @__PURE__ */ v(xr, [["__scopeId", "data-v-98560ea5"]]), qr = { class: "language__wrapper" }, Br = { class: "language__content" }, Ir = { class: "language__headline" }, Tr = { class: "language__paragraph" }, Lr = /* @__PURE__ */ h({
|
|
2567
2559
|
__name: "language-switcher",
|
|
2568
2560
|
props: {
|
|
2569
2561
|
headline: {
|
|
@@ -2574,16 +2566,16 @@ const qr = /* @__PURE__ */ v(Sr, [["__scopeId", "data-v-5aeb0831"]]), Br = { cla
|
|
|
2574
2566
|
}
|
|
2575
2567
|
},
|
|
2576
2568
|
setup(e) {
|
|
2577
|
-
return (i, s) => (a(), r("div",
|
|
2578
|
-
t("div",
|
|
2579
|
-
t("h2",
|
|
2580
|
-
t("p", Tr,
|
|
2581
|
-
|
|
2569
|
+
return (i, s) => (a(), r("div", qr, [
|
|
2570
|
+
t("div", Br, [
|
|
2571
|
+
t("h2", Ir, o(e.headline), 1),
|
|
2572
|
+
t("p", Tr, o(e.paragraph), 1),
|
|
2573
|
+
u(i.$slots, "language-links", {}, void 0, !0)
|
|
2582
2574
|
])
|
|
2583
2575
|
]));
|
|
2584
2576
|
}
|
|
2585
2577
|
});
|
|
2586
|
-
const
|
|
2578
|
+
const Cr = /* @__PURE__ */ v(Lr, [["__scopeId", "data-v-a76ba727"]]), Vr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Dr = /* @__PURE__ */ h({
|
|
2587
2579
|
__name: "pagination",
|
|
2588
2580
|
props: {
|
|
2589
2581
|
isPreviousDisabled: {
|
|
@@ -2597,15 +2589,15 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
|
|
|
2597
2589
|
},
|
|
2598
2590
|
emits: ["previous", "next"],
|
|
2599
2591
|
setup(e) {
|
|
2600
|
-
return (i, s) => (a(), r("div",
|
|
2601
|
-
t("div",
|
|
2592
|
+
return (i, s) => (a(), r("div", Vr, [
|
|
2593
|
+
t("div", Ar, [
|
|
2602
2594
|
p(J, {
|
|
2603
2595
|
onClick: s[0] || (s[0] = (l) => i.$emit("previous")),
|
|
2604
2596
|
disabled: e.isPreviousDisabled,
|
|
2605
2597
|
variant: "previous",
|
|
2606
2598
|
ariaLabel: "previous"
|
|
2607
2599
|
}, null, 8, ["disabled"]),
|
|
2608
|
-
|
|
2600
|
+
u(i.$slots, "pagination-numbers"),
|
|
2609
2601
|
p(J, {
|
|
2610
2602
|
onClick: s[1] || (s[1] = (l) => i.$emit("next")),
|
|
2611
2603
|
disabled: e.isNextDisabled,
|
|
@@ -2616,16 +2608,16 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
|
|
|
2616
2608
|
]));
|
|
2617
2609
|
}
|
|
2618
2610
|
});
|
|
2619
|
-
const
|
|
2620
|
-
const
|
|
2621
|
-
function
|
|
2622
|
-
return a(), r("div",
|
|
2623
|
-
|
|
2611
|
+
const Mr = /* @__PURE__ */ v(Dr, [["__scopeId", "data-v-9f08dcf6"]]);
|
|
2612
|
+
const Or = {}, zr = { class: "search__wrapper" };
|
|
2613
|
+
function Pr(e, i) {
|
|
2614
|
+
return a(), r("div", zr, [
|
|
2615
|
+
u(e.$slots, "default", { class: "search__content" })
|
|
2624
2616
|
]);
|
|
2625
2617
|
}
|
|
2626
|
-
const
|
|
2618
|
+
const Fr = /* @__PURE__ */ v(Or, [["render", Pr], ["__scopeId", "data-v-79fbf2ed"]]), Nr = {
|
|
2627
2619
|
install: (e) => {
|
|
2628
|
-
e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage",
|
|
2620
|
+
e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", L), 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", Sr), e.component("OrganismLanguageSwitcher", Cr), e.component("OrganismPagination", Mr), e.component("OrganismSearch", Fr);
|
|
2629
2621
|
}
|
|
2630
2622
|
};
|
|
2631
2623
|
export {
|
|
@@ -2633,7 +2625,7 @@ export {
|
|
|
2633
2625
|
Ie as AtomCheckbox,
|
|
2634
2626
|
Ae as AtomChip,
|
|
2635
2627
|
Ne as AtomDropdown,
|
|
2636
|
-
|
|
2628
|
+
L as AtomImage,
|
|
2637
2629
|
W as AtomLabel,
|
|
2638
2630
|
V as AtomLink,
|
|
2639
2631
|
Ze as AtomRadioButton,
|
|
@@ -2667,9 +2659,9 @@ export {
|
|
|
2667
2659
|
Ci as Organism404,
|
|
2668
2660
|
zi as OrganismFilter,
|
|
2669
2661
|
rr as OrganismFooter,
|
|
2670
|
-
|
|
2671
|
-
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2662
|
+
Sr as OrganismHeader,
|
|
2663
|
+
Cr as OrganismLanguageSwitcher,
|
|
2664
|
+
Mr as OrganismPagination,
|
|
2665
|
+
Fr as OrganismSearch,
|
|
2666
|
+
Nr as default
|
|
2675
2667
|
};
|