@mirweb/mir-web-components 1.2.4 → 1.2.5
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 g, computed as V, openBlock as l, createElementBlock as
|
|
1
|
+
import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as H, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as pe, createBlock as C, createCommentVNode as h, watchEffect as he, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
|
|
2
2
|
const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -14,17 +14,17 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
14
14
|
close: "close",
|
|
15
15
|
next: "next",
|
|
16
16
|
previous: "previous"
|
|
17
|
-
},
|
|
18
|
-
return (o, u) => (l(),
|
|
17
|
+
}, r = e, s = V(() => a[r.variant]);
|
|
18
|
+
return (o, u) => (l(), i("button", {
|
|
19
19
|
class: m(["button", "button--" + s.value]),
|
|
20
20
|
"aria-label": o.ariaLabel
|
|
21
21
|
}, n(s.value === "close" ? "" : o.buttonText), 11, Ie));
|
|
22
22
|
}
|
|
23
23
|
}), f = (e, a) => {
|
|
24
|
-
const
|
|
24
|
+
const r = e.__vccOpts || e;
|
|
25
25
|
for (const [s, o] of a)
|
|
26
|
-
|
|
27
|
-
return
|
|
26
|
+
r[s] = o;
|
|
27
|
+
return r;
|
|
28
28
|
}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ve = ["for"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
@@ -37,11 +37,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
37
37
|
},
|
|
38
38
|
emits: ["input"],
|
|
39
39
|
setup(e, { emit: a }) {
|
|
40
|
-
const
|
|
40
|
+
const r = a, s = (o) => {
|
|
41
41
|
const u = o.target;
|
|
42
|
-
|
|
42
|
+
r("input", u.checked);
|
|
43
43
|
};
|
|
44
|
-
return (o, u) => (l(),
|
|
44
|
+
return (o, u) => (l(), i("div", {
|
|
45
45
|
class: m(["checkbox__wrapper", o.disabled ? "disabled" : ""])
|
|
46
46
|
}, [
|
|
47
47
|
t("input", {
|
|
@@ -75,14 +75,14 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
75
75
|
},
|
|
76
76
|
emits: ["remove-chip"],
|
|
77
77
|
setup(e) {
|
|
78
|
-
const a = e,
|
|
79
|
-
return (s, o) => (l(),
|
|
78
|
+
const a = e, r = V(() => `Chip: ${a.text}`);
|
|
79
|
+
return (s, o) => (l(), i("div", {
|
|
80
80
|
class: "chip__wrapper",
|
|
81
81
|
onClick: o[0] || (o[0] = (u) => s.$emit("remove-chip"))
|
|
82
82
|
}, [
|
|
83
83
|
t("span", {
|
|
84
84
|
class: "chip",
|
|
85
|
-
"aria-label":
|
|
85
|
+
"aria-label": r.value
|
|
86
86
|
}, [
|
|
87
87
|
x(n(s.text) + " ", 1),
|
|
88
88
|
Oe
|
|
@@ -104,10 +104,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
104
104
|
},
|
|
105
105
|
emits: ["update:modelValue"],
|
|
106
106
|
setup(e, { emit: a }) {
|
|
107
|
-
const
|
|
107
|
+
const r = {
|
|
108
108
|
primary: "dropdown-dark-bg-primary",
|
|
109
109
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
110
|
-
}, s = e, o = V(() =>
|
|
110
|
+
}, s = e, o = V(() => r[s.variant]), u = q(null), p = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = V(() => {
|
|
111
111
|
const d = s.options.find(
|
|
112
112
|
(y) => y.value === s.modelValue
|
|
113
113
|
);
|
|
@@ -122,7 +122,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
122
122
|
document.body.removeEventListener("click", d.clickOutsideEvent);
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
|
-
function
|
|
125
|
+
function ie(d) {
|
|
126
126
|
oe("update:modelValue", d);
|
|
127
127
|
}
|
|
128
128
|
function G(d) {
|
|
@@ -163,7 +163,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
function
|
|
166
|
+
function re(d) {
|
|
167
167
|
if (!s.disabled)
|
|
168
168
|
switch (d.key) {
|
|
169
169
|
case "ArrowUp":
|
|
@@ -209,12 +209,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
209
209
|
), J = _.value[z];
|
|
210
210
|
b(J);
|
|
211
211
|
}
|
|
212
|
-
if (d.setAttribute("aria-selected", "true"), (k =
|
|
212
|
+
if (d.setAttribute("aria-selected", "true"), (k = p.value) == null || k.setAttribute(
|
|
213
213
|
"aria-activedescendant",
|
|
214
214
|
y || ""
|
|
215
|
-
),
|
|
216
|
-
const z =
|
|
217
|
-
J > z ?
|
|
215
|
+
), ie(y || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
|
|
216
|
+
const z = p.value.clientHeight + p.value.scrollTop, J = d.offsetTop + d.offsetHeight;
|
|
217
|
+
J > z ? p.value.scrollTop = J - ((D = p.value) == null ? void 0 : D.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
220
|
function ge() {
|
|
@@ -228,12 +228,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
228
228
|
}
|
|
229
229
|
function _e() {
|
|
230
230
|
var d, y;
|
|
231
|
-
w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y =
|
|
231
|
+
w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = p.value) == null || y.focus();
|
|
232
232
|
}
|
|
233
233
|
function be() {
|
|
234
234
|
s.disabled || (w.value ? _e() : te());
|
|
235
235
|
}
|
|
236
|
-
return (d, y) => (l(),
|
|
236
|
+
return (d, y) => (l(), i("div", {
|
|
237
237
|
ref: "listbox",
|
|
238
238
|
class: "listbox__wrapper",
|
|
239
239
|
value: d.modelValue
|
|
@@ -246,7 +246,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
246
246
|
"is-required": d.required
|
|
247
247
|
}, "listbox__label"])
|
|
248
248
|
}, n(d.label), 11, He),
|
|
249
|
-
K((l(),
|
|
249
|
+
K((l(), i("div", Ne, [
|
|
250
250
|
t("button", {
|
|
251
251
|
id: `${d.name}-button-label`,
|
|
252
252
|
ref_key: "listboxButton",
|
|
@@ -257,11 +257,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
257
257
|
"aria-disabled": d.disabled,
|
|
258
258
|
class: m(["listbox__button", o.value]),
|
|
259
259
|
onClick: be,
|
|
260
|
-
onKeydown:
|
|
260
|
+
onKeydown: re
|
|
261
261
|
}, n(d.modelValue ? le.value : d.placeholder), 43, ze),
|
|
262
262
|
K(t("ul", {
|
|
263
263
|
ref_key: "listboxNode",
|
|
264
|
-
ref:
|
|
264
|
+
ref: p,
|
|
265
265
|
"aria-labelledby": `${d.name}-label`,
|
|
266
266
|
"aria-activedescendant": d.modelValue,
|
|
267
267
|
tabindex: "0",
|
|
@@ -270,7 +270,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
270
270
|
onKeydown: Z,
|
|
271
271
|
onClick: G
|
|
272
272
|
}, [
|
|
273
|
-
(l(!0),
|
|
273
|
+
(l(!0), i(P, null, M(d.options, (k, D) => (l(), i("li", {
|
|
274
274
|
key: `${d.name}-option-${D}`,
|
|
275
275
|
ref_for: !0,
|
|
276
276
|
ref_key: "listboxOptions",
|
|
@@ -300,7 +300,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
300
300
|
loading: { default: "auto" }
|
|
301
301
|
},
|
|
302
302
|
setup(e) {
|
|
303
|
-
return (a,
|
|
303
|
+
return (a, r) => (l(), i("div", Je, [
|
|
304
304
|
c(a.$slots, "default", F(H(a.$attrs)))
|
|
305
305
|
]));
|
|
306
306
|
}
|
|
@@ -311,10 +311,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
311
311
|
labelDark: { type: Boolean, default: !1 }
|
|
312
312
|
},
|
|
313
313
|
setup(e) {
|
|
314
|
-
const a = e,
|
|
315
|
-
return (s, o) => (l(),
|
|
314
|
+
const a = e, r = V(() => `Label: ${a.text}`);
|
|
315
|
+
return (s, o) => (l(), i("div", Ye, [
|
|
316
316
|
t("span", {
|
|
317
|
-
"aria-label":
|
|
317
|
+
"aria-label": r.value,
|
|
318
318
|
"label-dark": s.labelDark,
|
|
319
319
|
class: m(s.labelDark ? "label--dark" : "label--light")
|
|
320
320
|
}, n(s.text), 11, Qe)
|
|
@@ -338,16 +338,16 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
338
338
|
regular_dark: "regular-link-dark",
|
|
339
339
|
regular_light: "regular-link-light",
|
|
340
340
|
regular_blue: "regular-link-blue"
|
|
341
|
-
},
|
|
341
|
+
}, r = {
|
|
342
342
|
hover: "underline-hover",
|
|
343
343
|
true: "add-underline",
|
|
344
344
|
false: "remove-underline"
|
|
345
|
-
}, s = e, o = V(() => a[s.linkType]), u = V(() =>
|
|
345
|
+
}, s = e, o = V(() => a[s.linkType]), u = V(() => r[s.underline]), p = V(() => {
|
|
346
346
|
const { ..._ } = $e(s);
|
|
347
347
|
return _;
|
|
348
348
|
});
|
|
349
|
-
return (_, B) => (l(),
|
|
350
|
-
t("div", de(
|
|
349
|
+
return (_, B) => (l(), i("div", Xe, [
|
|
350
|
+
t("div", de(p.value, {
|
|
351
351
|
class: ["mir-link", [
|
|
352
352
|
o.value,
|
|
353
353
|
_.disabled ? "disabled" : "",
|
|
@@ -371,11 +371,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
371
371
|
},
|
|
372
372
|
emits: ["input"],
|
|
373
373
|
setup(e, { emit: a }) {
|
|
374
|
-
const
|
|
374
|
+
const r = a, s = (o) => {
|
|
375
375
|
const u = o.target;
|
|
376
|
-
|
|
376
|
+
r("input", u.checked);
|
|
377
377
|
};
|
|
378
|
-
return (o, u) => (l(),
|
|
378
|
+
return (o, u) => (l(), i("div", {
|
|
379
379
|
class: m(["radio__wrapper", o.disabled ? "disabled" : ""])
|
|
380
380
|
}, [
|
|
381
381
|
t("input", {
|
|
@@ -398,7 +398,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
398
398
|
], 10, tt)
|
|
399
399
|
], 2));
|
|
400
400
|
}
|
|
401
|
-
}), lt = /* @__PURE__ */ f(ot, [["__scopeId", "data-v-fa1bda9b"]]), st = { class: "select__wrapper" },
|
|
401
|
+
}), lt = /* @__PURE__ */ f(ot, [["__scopeId", "data-v-fa1bda9b"]]), st = { class: "select__wrapper" }, it = ["for"], rt = ["id", "disabled", "name", "value"], nt = ["value"], dt = /* @__PURE__ */ g({
|
|
402
402
|
__name: "select",
|
|
403
403
|
props: {
|
|
404
404
|
id: {},
|
|
@@ -411,26 +411,26 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
411
411
|
},
|
|
412
412
|
emits: ["update:modelValue"],
|
|
413
413
|
setup(e) {
|
|
414
|
-
return (a,
|
|
414
|
+
return (a, r) => (l(), i("div", st, [
|
|
415
415
|
t("label", {
|
|
416
416
|
for: a.id,
|
|
417
417
|
class: m([a.required ? "required" : "", a.disabled ? "disabled" : ""])
|
|
418
|
-
}, n(a.label), 11,
|
|
418
|
+
}, n(a.label), 11, it),
|
|
419
419
|
t("select", {
|
|
420
420
|
id: a.id,
|
|
421
421
|
class: m(a.disabled ? "disabled" : ""),
|
|
422
422
|
disabled: a.disabled,
|
|
423
423
|
name: a.name,
|
|
424
424
|
value: a.modelValue,
|
|
425
|
-
onChange:
|
|
425
|
+
onChange: r[0] || (r[0] = (s) => {
|
|
426
426
|
a.$emit("update:modelValue", s.target.value), s.target.blur();
|
|
427
427
|
})
|
|
428
428
|
}, [
|
|
429
|
-
(l(!0),
|
|
429
|
+
(l(!0), i(P, null, M(a.options, (s) => (l(), i("option", {
|
|
430
430
|
key: s.value,
|
|
431
431
|
value: s.value
|
|
432
432
|
}, n(s.text), 9, nt))), 128))
|
|
433
|
-
], 42,
|
|
433
|
+
], 42, rt)
|
|
434
434
|
]));
|
|
435
435
|
}
|
|
436
436
|
}), ct = /* @__PURE__ */ f(dt, [["__scopeId", "data-v-d5c46463"]]), ut = { class: "modal__wrapper" }, _t = /* @__PURE__ */ g({
|
|
@@ -441,10 +441,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
441
441
|
},
|
|
442
442
|
emits: ["update:show"],
|
|
443
443
|
setup(e, { emit: a }) {
|
|
444
|
-
const
|
|
445
|
-
s("update:show", !
|
|
444
|
+
const r = e, s = a, o = () => {
|
|
445
|
+
s("update:show", !r.show);
|
|
446
446
|
};
|
|
447
|
-
return (u,
|
|
447
|
+
return (u, p) => (l(), i("div", ut, [
|
|
448
448
|
S(ke, {
|
|
449
449
|
duration: 300,
|
|
450
450
|
name: "nested"
|
|
@@ -459,11 +459,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
459
459
|
t("div", {
|
|
460
460
|
id: "modal",
|
|
461
461
|
class: m([u.searchBar ? "search" : ""]),
|
|
462
|
-
onClick:
|
|
462
|
+
onClick: p[0] || (p[0] = pe(() => {
|
|
463
463
|
}, ["stop"]))
|
|
464
464
|
}, [
|
|
465
465
|
t("div", null, [
|
|
466
|
-
u.searchBar ?
|
|
466
|
+
u.searchBar ? h("", !0) : (l(), C(ae, {
|
|
467
467
|
key: 0,
|
|
468
468
|
"aria-label": "close",
|
|
469
469
|
variant: "close",
|
|
@@ -480,7 +480,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
480
480
|
})
|
|
481
481
|
]));
|
|
482
482
|
}
|
|
483
|
-
}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]),
|
|
483
|
+
}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
|
|
484
484
|
__name: "slider",
|
|
485
485
|
props: {
|
|
486
486
|
label: {},
|
|
@@ -496,34 +496,34 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
496
496
|
},
|
|
497
497
|
emits: ["update:modelValue"],
|
|
498
498
|
setup(e, { emit: a }) {
|
|
499
|
-
const
|
|
499
|
+
const r = e, s = a, o = q(r.modelValue), u = q(), p = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
|
|
500
500
|
var w;
|
|
501
501
|
(w = u.value) == null || w.style.setProperty("--ProgressPercent", `${v}%`);
|
|
502
502
|
};
|
|
503
|
-
return
|
|
503
|
+
return he(() => {
|
|
504
504
|
if (u.value) {
|
|
505
505
|
s("update:modelValue", o.value);
|
|
506
|
-
const v = _(o.value,
|
|
506
|
+
const v = _(o.value, r.min, r.max);
|
|
507
507
|
let w = (50 - v) / 100;
|
|
508
508
|
B(v + w);
|
|
509
509
|
}
|
|
510
|
-
}), (v, w) => (l(),
|
|
511
|
-
t("div",
|
|
512
|
-
t("div",
|
|
510
|
+
}), (v, w) => (l(), i("div", null, [
|
|
511
|
+
t("div", pt, [
|
|
512
|
+
t("div", ht, [
|
|
513
513
|
t("label", {
|
|
514
514
|
for: v.id,
|
|
515
515
|
class: m([v.variant, ""])
|
|
516
516
|
}, n(v.label), 11, mt),
|
|
517
|
-
v.information ? (l(),
|
|
517
|
+
v.information ? (l(), i("i", {
|
|
518
518
|
key: 0,
|
|
519
519
|
role: "button",
|
|
520
520
|
class: m([v.variant, "slider__information"]),
|
|
521
521
|
"aria-label": v.informationLabel,
|
|
522
522
|
tabindex: "0",
|
|
523
523
|
"aria-haspopup": "dialog",
|
|
524
|
-
onClick: w[0] || (w[0] = (L) =>
|
|
525
|
-
onKeyup: w[1] || (w[1] = we((L) =>
|
|
526
|
-
}, null, 42, vt)) :
|
|
524
|
+
onClick: w[0] || (w[0] = (L) => p.value = !p.value),
|
|
525
|
+
onKeyup: w[1] || (w[1] = we((L) => p.value = !p.value, ["enter"]))
|
|
526
|
+
}, null, 42, vt)) : h("", !0)
|
|
527
527
|
]),
|
|
528
528
|
t("div", ft, [
|
|
529
529
|
t("span", {
|
|
@@ -552,14 +552,14 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
552
552
|
]),
|
|
553
553
|
v.information ? (l(), C(ve, {
|
|
554
554
|
key: 0,
|
|
555
|
-
show:
|
|
556
|
-
"onUpdate:show": w[3] || (w[3] = (L) =>
|
|
555
|
+
show: p.value,
|
|
556
|
+
"onUpdate:show": w[3] || (w[3] = (L) => p.value = L)
|
|
557
557
|
}, {
|
|
558
558
|
default: $(() => [
|
|
559
559
|
t("p", bt, n(v.information), 1)
|
|
560
560
|
]),
|
|
561
561
|
_: 1
|
|
562
|
-
}, 8, ["show"])) :
|
|
562
|
+
}, 8, ["show"])) : h("", !0)
|
|
563
563
|
]));
|
|
564
564
|
}
|
|
565
565
|
}), $t = /* @__PURE__ */ f(yt, [["__scopeId", "data-v-24a83011"]]), kt = { id: "textarea-wrapper" }, wt = ["for"], St = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], It = { class: "textarea-info" }, qt = { key: 0 }, Lt = /* @__PURE__ */ g({
|
|
@@ -576,7 +576,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
576
576
|
},
|
|
577
577
|
emits: ["update:modelValue"],
|
|
578
578
|
setup(e) {
|
|
579
|
-
return (a,
|
|
579
|
+
return (a, r) => (l(), i("div", kt, [
|
|
580
580
|
t("label", {
|
|
581
581
|
for: a.id,
|
|
582
582
|
class: m({ required: a.required })
|
|
@@ -597,12 +597,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
597
597
|
class: m(
|
|
598
598
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
|
|
599
599
|
),
|
|
600
|
-
onInput:
|
|
600
|
+
onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
|
|
601
601
|
}, null, 42, Bt)
|
|
602
602
|
], 8, St),
|
|
603
603
|
t("div", It, [
|
|
604
604
|
t("div", null, [
|
|
605
|
-
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(),
|
|
605
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
|
|
606
606
|
]),
|
|
607
607
|
t("p", {
|
|
608
608
|
class: m(
|
|
@@ -648,12 +648,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
648
648
|
tel: "tel",
|
|
649
649
|
url: "url",
|
|
650
650
|
search: "search"
|
|
651
|
-
},
|
|
651
|
+
}, r = e, s = V(() => a[r.type]), o = q(!0), u = V(
|
|
652
652
|
() => o.value ? "showPassword" : "hidePassword"
|
|
653
|
-
),
|
|
653
|
+
), p = V(
|
|
654
654
|
() => o.value ? "password" : "text"
|
|
655
655
|
);
|
|
656
|
-
return (_, B) => (l(),
|
|
656
|
+
return (_, B) => (l(), i("div", Vt, [
|
|
657
657
|
t("label", {
|
|
658
658
|
for: _.id,
|
|
659
659
|
class: m([
|
|
@@ -662,11 +662,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
662
662
|
_.search ? "search" : ""
|
|
663
663
|
])
|
|
664
664
|
}, n(_.label), 11, Ct),
|
|
665
|
-
s.value === "password" ? (l(),
|
|
665
|
+
s.value === "password" ? (l(), i("div", Tt, [
|
|
666
666
|
t("input", {
|
|
667
667
|
id: _.id,
|
|
668
668
|
ref: "passwordField",
|
|
669
|
-
type:
|
|
669
|
+
type: p.value,
|
|
670
670
|
value: _.modelValue,
|
|
671
671
|
placeholder: _.placeholder,
|
|
672
672
|
required: _.required,
|
|
@@ -681,7 +681,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
681
681
|
"aria-expanded": !o.value,
|
|
682
682
|
onClick: B[1] || (B[1] = (v) => o.value = !o.value)
|
|
683
683
|
}, null, 10, Pt)
|
|
684
|
-
])) : (l(),
|
|
684
|
+
])) : (l(), i("input", {
|
|
685
685
|
key: 1,
|
|
686
686
|
id: _.id,
|
|
687
687
|
ref: "textField",
|
|
@@ -698,9 +698,9 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
698
698
|
name: _.fieldName,
|
|
699
699
|
onInput: B[2] || (B[2] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
700
700
|
}, null, 42, Mt)),
|
|
701
|
-
_.search ? (l(),
|
|
702
|
-
_.errorMessage ? (l(),
|
|
703
|
-
_.helperText ? (l(),
|
|
701
|
+
_.search ? (l(), i("i", Ot)) : h("", !0),
|
|
702
|
+
_.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : h("", !0),
|
|
703
|
+
_.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : h("", !0)
|
|
704
704
|
]));
|
|
705
705
|
}
|
|
706
706
|
}), Ht = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
|
|
@@ -720,16 +720,16 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
720
720
|
muted: { type: Boolean, default: !1 }
|
|
721
721
|
},
|
|
722
722
|
setup(e, { expose: a }) {
|
|
723
|
-
const
|
|
723
|
+
const r = e;
|
|
724
724
|
let s = q(null);
|
|
725
|
-
return
|
|
726
|
-
s.value && (
|
|
725
|
+
return he(() => {
|
|
726
|
+
s.value && (r.play ? s.value.play() : r.play || s.value.pause());
|
|
727
727
|
}), a({
|
|
728
728
|
resetVideo: () => {
|
|
729
729
|
s.value && (s.value.currentTime = 0, s.value.play());
|
|
730
730
|
}
|
|
731
|
-
}), (u,
|
|
732
|
-
u.localVideo ? (l(),
|
|
731
|
+
}), (u, p) => (l(), i("div", Nt, [
|
|
732
|
+
u.localVideo ? (l(), i("video", {
|
|
733
733
|
key: 0,
|
|
734
734
|
ref_key: "videoRef",
|
|
735
735
|
ref: s,
|
|
@@ -744,7 +744,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
744
744
|
type: "video/mp4",
|
|
745
745
|
playsinline: "",
|
|
746
746
|
src: u.src
|
|
747
|
-
}, null, 8, zt)) : (l(),
|
|
747
|
+
}, null, 8, zt)) : (l(), i("iframe", {
|
|
748
748
|
key: 1,
|
|
749
749
|
src: u.src,
|
|
750
750
|
"aria-label": u.ariaLabel,
|
|
@@ -770,7 +770,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
770
770
|
email: {}
|
|
771
771
|
},
|
|
772
772
|
setup(e) {
|
|
773
|
-
return (a,
|
|
773
|
+
return (a, r) => (l(), i("div", Kt, [
|
|
774
774
|
t("div", Gt, [
|
|
775
775
|
t("div", Jt, [
|
|
776
776
|
c(a.$slots, "address-flag", {}, void 0, !0)
|
|
@@ -780,7 +780,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
780
780
|
t("p", null, n(a.company), 1),
|
|
781
781
|
t("p", null, n(a.addressLine1), 1),
|
|
782
782
|
t("p", null, n(a.addressLine2), 1),
|
|
783
|
-
a.addressLine3 ? (l(),
|
|
783
|
+
a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : h("", !0)
|
|
784
784
|
]),
|
|
785
785
|
t("div", Zt, [
|
|
786
786
|
a.website ? (l(), C(T, {
|
|
@@ -795,8 +795,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
795
795
|
}, n(a.website), 9, Xt)
|
|
796
796
|
]),
|
|
797
797
|
_: 1
|
|
798
|
-
})) :
|
|
799
|
-
(l(!0),
|
|
798
|
+
})) : h("", !0),
|
|
799
|
+
(l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), C(T, {
|
|
800
800
|
key: s,
|
|
801
801
|
underline: "false",
|
|
802
802
|
"link-type": "regular"
|
|
@@ -817,7 +817,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
817
817
|
])
|
|
818
818
|
]));
|
|
819
819
|
}
|
|
820
|
-
}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)),
|
|
820
|
+
}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
|
|
821
821
|
__name: "bullet-list",
|
|
822
822
|
props: {
|
|
823
823
|
list: {
|
|
@@ -837,12 +837,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
837
837
|
}
|
|
838
838
|
},
|
|
839
839
|
setup(e) {
|
|
840
|
-
return (a,
|
|
840
|
+
return (a, r) => (l(), i("div", la, [
|
|
841
841
|
t("div", {
|
|
842
842
|
class: m(["bullet-list", e.variant])
|
|
843
843
|
}, [
|
|
844
844
|
t("ul", null, [
|
|
845
|
-
(l(!0),
|
|
845
|
+
(l(!0), i(P, null, M(e.list, (s) => (l(), i("li", { key: s }, [
|
|
846
846
|
sa,
|
|
847
847
|
x(" " + n(s), 1)
|
|
848
848
|
]))), 128))
|
|
@@ -850,7 +850,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
850
850
|
], 2)
|
|
851
851
|
]));
|
|
852
852
|
}
|
|
853
|
-
}),
|
|
853
|
+
}), ra = /* @__PURE__ */ f(ia, [["__scopeId", "data-v-a44fd57d"]]), na = { class: "card__wrapper" }, da = { key: 2 }, ca = { key: 5 }, ua = /* @__PURE__ */ g({
|
|
854
854
|
__name: "card",
|
|
855
855
|
props: {
|
|
856
856
|
variant: { default: "product" },
|
|
@@ -873,7 +873,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
873
873
|
emits: ["clicked"],
|
|
874
874
|
setup(e) {
|
|
875
875
|
const a = Se();
|
|
876
|
-
let
|
|
876
|
+
let r = q(!1);
|
|
877
877
|
const s = {
|
|
878
878
|
small: {
|
|
879
879
|
class: "card--small",
|
|
@@ -891,42 +891,42 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
891
891
|
height: "335"
|
|
892
892
|
}
|
|
893
893
|
}, o = e, u = V(() => s[o.size]);
|
|
894
|
-
return (
|
|
894
|
+
return (p, _) => (l(), i("div", na, [
|
|
895
895
|
t("div", {
|
|
896
896
|
class: m(["card", [
|
|
897
|
-
|
|
898
|
-
|
|
897
|
+
p.theme === "dark" ? "card--dark" : "card--light",
|
|
898
|
+
p.orientation === "vertical" ? "vertical" : "horizontal",
|
|
899
899
|
u.value.class,
|
|
900
|
-
|
|
901
|
-
|
|
900
|
+
p.size === "large" && p.variant === "article" ? "card--large-article" : "",
|
|
901
|
+
p.variant === "product" ? "card--product" : "card--article"
|
|
902
902
|
]]),
|
|
903
|
-
style: ce([
|
|
904
|
-
onMouseover: _[0] || (_[0] = (B) => ne(
|
|
905
|
-
onMouseout: _[1] || (_[1] = (B) => ne(
|
|
903
|
+
style: ce([p.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
904
|
+
onMouseover: _[0] || (_[0] = (B) => ne(r) ? r.value = !0 : r = !0),
|
|
905
|
+
onMouseout: _[1] || (_[1] = (B) => ne(r) ? r.value = !1 : r = !1)
|
|
906
906
|
}, [
|
|
907
|
-
|
|
907
|
+
p.mediaType === "image" ? (l(), C(A, { key: 0 }, {
|
|
908
908
|
default: $(() => [
|
|
909
|
-
c(
|
|
910
|
-
src:
|
|
909
|
+
c(p.$slots, "card-image", de({
|
|
910
|
+
src: p.imgSrc,
|
|
911
911
|
width: "596",
|
|
912
912
|
height: "335",
|
|
913
|
-
alt:
|
|
913
|
+
alt: p.alt,
|
|
914
914
|
loading: "auto",
|
|
915
915
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
916
|
-
}, { srcset:
|
|
916
|
+
}, { srcset: p.srcSet }))
|
|
917
917
|
]),
|
|
918
918
|
_: 3
|
|
919
|
-
})) : (l(),
|
|
919
|
+
})) : (l(), i("div", {
|
|
920
920
|
key: 1,
|
|
921
|
-
class: m(["video-card__wrapper", I(
|
|
921
|
+
class: m(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
|
|
922
922
|
}, [
|
|
923
923
|
S(ee, {
|
|
924
|
-
play: I(
|
|
924
|
+
play: I(r),
|
|
925
925
|
"local-video": !0,
|
|
926
|
-
src:
|
|
927
|
-
"aria-label":
|
|
926
|
+
src: p.videoSrc,
|
|
927
|
+
"aria-label": p.arialabel,
|
|
928
928
|
controls: !1,
|
|
929
|
-
poster:
|
|
929
|
+
poster: p.imgSrc,
|
|
930
930
|
width: u.value.width,
|
|
931
931
|
height: u.value.height,
|
|
932
932
|
autoplay: !0,
|
|
@@ -934,28 +934,28 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
934
934
|
muted: !0
|
|
935
935
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
936
936
|
], 2)),
|
|
937
|
-
I(a)["card-label"] ? (l(),
|
|
938
|
-
c(
|
|
939
|
-
])) :
|
|
940
|
-
|
|
937
|
+
I(a)["card-label"] ? (l(), i("div", da, [
|
|
938
|
+
c(p.$slots, "card-label")
|
|
939
|
+
])) : h("", !0),
|
|
940
|
+
p.variant === "product" ? (l(), i("div", {
|
|
941
941
|
key: 3,
|
|
942
942
|
class: m([
|
|
943
943
|
"card__headline",
|
|
944
|
-
|
|
944
|
+
p.theme === "dark" ? "regular-dark" : "regular-blue"
|
|
945
945
|
]),
|
|
946
946
|
style: { "font-weight": "700" }
|
|
947
|
-
}, n(
|
|
947
|
+
}, n(p.headline), 3)) : (l(), i("div", {
|
|
948
948
|
key: 4,
|
|
949
949
|
class: m([
|
|
950
950
|
"card__headline",
|
|
951
|
-
|
|
951
|
+
p.theme === "dark" ? "regular-dark" : "regular-dark-blue"
|
|
952
952
|
])
|
|
953
|
-
}, n(
|
|
954
|
-
|
|
953
|
+
}, n(p.headline), 3)),
|
|
954
|
+
p.variant === "product" ? (l(), i("p", ca, n(p.paragraph), 1)) : h("", !0)
|
|
955
955
|
], 38)
|
|
956
956
|
]));
|
|
957
957
|
}
|
|
958
|
-
}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]),
|
|
958
|
+
}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), pa = (e) => (E("data-v-2c394add"), e = e(), R(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
|
|
959
959
|
__name: "event-card",
|
|
960
960
|
props: {
|
|
961
961
|
eventType: {
|
|
@@ -980,7 +980,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
980
980
|
}
|
|
981
981
|
},
|
|
982
982
|
setup(e) {
|
|
983
|
-
return (a,
|
|
983
|
+
return (a, r) => (l(), i("div", ha, [
|
|
984
984
|
S(Q, {
|
|
985
985
|
"label-dark": !1,
|
|
986
986
|
text: e.eventType ? e.eventType : ""
|
|
@@ -1011,7 +1011,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1011
1011
|
}
|
|
1012
1012
|
},
|
|
1013
1013
|
setup(e) {
|
|
1014
|
-
return (a,
|
|
1014
|
+
return (a, r) => (l(), i("div", $a, [
|
|
1015
1015
|
S(Q, {
|
|
1016
1016
|
"label-dark": !1,
|
|
1017
1017
|
text: e.label ? e.label : ""
|
|
@@ -1049,11 +1049,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1049
1049
|
}) }
|
|
1050
1050
|
},
|
|
1051
1051
|
setup(e) {
|
|
1052
|
-
return (a,
|
|
1052
|
+
return (a, r) => (l(), i("div", Ia, [
|
|
1053
1053
|
t("div", qa, [
|
|
1054
1054
|
t("h2", La, n(a.headline), 1),
|
|
1055
1055
|
t("div", Da, [
|
|
1056
|
-
(l(!0),
|
|
1056
|
+
(l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
|
|
1057
1057
|
key: s.value + s.metric,
|
|
1058
1058
|
class: "fact"
|
|
1059
1059
|
}, [
|
|
@@ -1065,7 +1065,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1065
1065
|
])
|
|
1066
1066
|
]))), 128))
|
|
1067
1067
|
]),
|
|
1068
|
-
a.link ? (l(),
|
|
1068
|
+
a.link ? (l(), i("div", Ta, [
|
|
1069
1069
|
S(T, {
|
|
1070
1070
|
"link-type": "regular_light",
|
|
1071
1071
|
arrow: ""
|
|
@@ -1075,7 +1075,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1075
1075
|
]),
|
|
1076
1076
|
_: 3
|
|
1077
1077
|
})
|
|
1078
|
-
])) :
|
|
1078
|
+
])) : h("", !0)
|
|
1079
1079
|
])
|
|
1080
1080
|
]));
|
|
1081
1081
|
}
|
|
@@ -1093,18 +1093,18 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1093
1093
|
elements: { default: () => [] }
|
|
1094
1094
|
},
|
|
1095
1095
|
setup(e) {
|
|
1096
|
-
return (a,
|
|
1096
|
+
return (a, r) => (l(), i("div", Ma, [
|
|
1097
1097
|
t("div", Oa, [
|
|
1098
|
-
a.headline ? (l(),
|
|
1098
|
+
a.headline ? (l(), i("div", Fa, [
|
|
1099
1099
|
t("h2", null, n(a.headline), 1)
|
|
1100
|
-
])) :
|
|
1101
|
-
a.body ? (l(),
|
|
1100
|
+
])) : h("", !0),
|
|
1101
|
+
a.body ? (l(), i("div", Ea, [
|
|
1102
1102
|
c(a.$slots, "features-body", {}, void 0, !0)
|
|
1103
|
-
])) :
|
|
1103
|
+
])) : h("", !0),
|
|
1104
1104
|
t("div", {
|
|
1105
1105
|
class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1106
1106
|
}, [
|
|
1107
|
-
(l(!0),
|
|
1107
|
+
(l(!0), i(P, null, M(a.elements, (s) => (l(), i("div", {
|
|
1108
1108
|
key: s.headline,
|
|
1109
1109
|
class: "features__element"
|
|
1110
1110
|
}, [
|
|
@@ -1135,7 +1135,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1135
1135
|
}
|
|
1136
1136
|
},
|
|
1137
1137
|
setup(e) {
|
|
1138
|
-
return (a,
|
|
1138
|
+
return (a, r) => (l(), i("div", ja, [
|
|
1139
1139
|
t("div", Ua, [
|
|
1140
1140
|
t("div", Ka, [
|
|
1141
1141
|
t("h2", Ga, n(e.headline), 1),
|
|
@@ -1168,7 +1168,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1168
1168
|
}
|
|
1169
1169
|
},
|
|
1170
1170
|
setup(e) {
|
|
1171
|
-
return (a,
|
|
1171
|
+
return (a, r) => (l(), i("div", Za, [
|
|
1172
1172
|
t("div", Xa, [
|
|
1173
1173
|
t("div", xa, [
|
|
1174
1174
|
S(A, null, {
|
|
@@ -1188,10 +1188,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1188
1188
|
}, so = {
|
|
1189
1189
|
key: 1,
|
|
1190
1190
|
class: "video"
|
|
1191
|
-
},
|
|
1191
|
+
}, io = {
|
|
1192
1192
|
key: 0,
|
|
1193
1193
|
class: "body"
|
|
1194
|
-
},
|
|
1194
|
+
}, ro = /* @__PURE__ */ g({
|
|
1195
1195
|
__name: "image-gallery",
|
|
1196
1196
|
props: {
|
|
1197
1197
|
mediaLarge: {},
|
|
@@ -1207,8 +1207,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1207
1207
|
white: "",
|
|
1208
1208
|
light: "gallery__wrapper--light",
|
|
1209
1209
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1210
|
-
},
|
|
1211
|
-
return (o, u) => (l(),
|
|
1210
|
+
}, r = e, s = V(() => a[r.bgColor]);
|
|
1211
|
+
return (o, u) => (l(), i("div", {
|
|
1212
1212
|
class: m(["gallery__wrapper", s.value])
|
|
1213
1213
|
}, [
|
|
1214
1214
|
t("div", {
|
|
@@ -1218,7 +1218,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1218
1218
|
])
|
|
1219
1219
|
}, [
|
|
1220
1220
|
t("div", oo, [
|
|
1221
|
-
o.mediaLarge && o.mediaType === "image" ? (l(),
|
|
1221
|
+
o.mediaLarge && o.mediaType === "image" ? (l(), i("div", lo, [
|
|
1222
1222
|
S(A, null, {
|
|
1223
1223
|
default: $(() => [
|
|
1224
1224
|
c(o.$slots, "image-large", F(H({
|
|
@@ -1230,8 +1230,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1230
1230
|
]),
|
|
1231
1231
|
_: 3
|
|
1232
1232
|
})
|
|
1233
|
-
])) :
|
|
1234
|
-
o.mediaLarge && o.mediaType === "video" ? (l(),
|
|
1233
|
+
])) : h("", !0),
|
|
1234
|
+
o.mediaLarge && o.mediaType === "video" ? (l(), i("div", so, [
|
|
1235
1235
|
S(ee, {
|
|
1236
1236
|
src: o.mediaLarge.src,
|
|
1237
1237
|
"local-video": "",
|
|
@@ -1244,7 +1244,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1244
1244
|
muted: "",
|
|
1245
1245
|
play: ""
|
|
1246
1246
|
}, null, 8, ["src", "aria-label"])
|
|
1247
|
-
])) :
|
|
1247
|
+
])) : h("", !0)
|
|
1248
1248
|
]),
|
|
1249
1249
|
t("div", {
|
|
1250
1250
|
style: ce([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
@@ -1253,8 +1253,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1253
1253
|
o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1254
1254
|
])
|
|
1255
1255
|
}, [
|
|
1256
|
-
(l(!0),
|
|
1257
|
-
key:
|
|
1256
|
+
(l(!0), i(P, null, M(o.mediaSmall, (p) => (l(), i("div", {
|
|
1257
|
+
key: p.src + p.alt,
|
|
1258
1258
|
class: "image image--small"
|
|
1259
1259
|
}, [
|
|
1260
1260
|
S(A, null, {
|
|
@@ -1262,21 +1262,21 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1262
1262
|
c(o.$slots, "image-small", F(H({
|
|
1263
1263
|
width: 328,
|
|
1264
1264
|
height: 246,
|
|
1265
|
-
src:
|
|
1266
|
-
alt:
|
|
1265
|
+
src: p.src,
|
|
1266
|
+
alt: p.alt
|
|
1267
1267
|
})))
|
|
1268
1268
|
]),
|
|
1269
1269
|
_: 2
|
|
1270
1270
|
}, 1024)
|
|
1271
1271
|
]))), 128)),
|
|
1272
|
-
o.mediaSmall.length < 2 ? (l(),
|
|
1272
|
+
o.mediaSmall.length < 2 ? (l(), i("div", io, [
|
|
1273
1273
|
t("p", null, n(o.body), 1)
|
|
1274
|
-
])) :
|
|
1274
|
+
])) : h("", !0)
|
|
1275
1275
|
], 6)
|
|
1276
1276
|
], 2)
|
|
1277
1277
|
], 2));
|
|
1278
1278
|
}
|
|
1279
|
-
}), no = /* @__PURE__ */ f(
|
|
1279
|
+
}), no = /* @__PURE__ */ f(ro, [["__scopeId", "data-v-0d271138"]]), co = { class: "headline__wrapper" }, uo = { class: "headline__h1" }, _o = /* @__PURE__ */ g({
|
|
1280
1280
|
__name: "headline",
|
|
1281
1281
|
props: {
|
|
1282
1282
|
headline: {
|
|
@@ -1293,7 +1293,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1293
1293
|
}
|
|
1294
1294
|
},
|
|
1295
1295
|
setup(e) {
|
|
1296
|
-
return (a,
|
|
1296
|
+
return (a, r) => (l(), i("div", co, [
|
|
1297
1297
|
t("div", {
|
|
1298
1298
|
class: m({
|
|
1299
1299
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
@@ -1306,7 +1306,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1306
1306
|
], 2)
|
|
1307
1307
|
]));
|
|
1308
1308
|
}
|
|
1309
|
-
}),
|
|
1309
|
+
}), po = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), ho = (e) => (E("data-v-22f9be13"), e = e(), R(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ ho(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
|
|
1310
1310
|
__name: "hero",
|
|
1311
1311
|
props: {
|
|
1312
1312
|
headline: {
|
|
@@ -1315,7 +1315,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1315
1315
|
}
|
|
1316
1316
|
},
|
|
1317
1317
|
setup(e) {
|
|
1318
|
-
return (a,
|
|
1318
|
+
return (a, r) => (l(), i("div", mo, [
|
|
1319
1319
|
t("div", vo, [
|
|
1320
1320
|
t("div", fo, [
|
|
1321
1321
|
t("div", go, [
|
|
@@ -1368,14 +1368,14 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1368
1368
|
}
|
|
1369
1369
|
},
|
|
1370
1370
|
setup(e) {
|
|
1371
|
-
return (a,
|
|
1371
|
+
return (a, r) => (l(), i("div", qo, [
|
|
1372
1372
|
t("div", Lo, [
|
|
1373
|
-
e.headline || e.body ? (l(),
|
|
1374
|
-
e.headline ? (l(),
|
|
1375
|
-
e.body ? (l(),
|
|
1376
|
-
])) :
|
|
1373
|
+
e.headline || e.body ? (l(), i("div", Do, [
|
|
1374
|
+
e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : h("", !0),
|
|
1375
|
+
e.body ? (l(), i("p", Co, n(e.body), 1)) : h("", !0)
|
|
1376
|
+
])) : h("", !0),
|
|
1377
1377
|
t("div", To, [
|
|
1378
|
-
(l(!0),
|
|
1378
|
+
(l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
|
|
1379
1379
|
key: s.src + s.alt,
|
|
1380
1380
|
class: "logo-wall__logo"
|
|
1381
1381
|
}, [
|
|
@@ -1424,17 +1424,17 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1424
1424
|
white: "micro-stories__wrapper--white",
|
|
1425
1425
|
blue: "micro-stories__wrapper--blue",
|
|
1426
1426
|
dark: "micro-stories__wrapper--dark"
|
|
1427
|
-
},
|
|
1428
|
-
return (o, u) => (l(),
|
|
1429
|
-
class: m(["micro-stories__wrapper",
|
|
1427
|
+
}, r = V(() => a[s.bgColor]), s = e;
|
|
1428
|
+
return (o, u) => (l(), i("div", {
|
|
1429
|
+
class: m(["micro-stories__wrapper", r.value])
|
|
1430
1430
|
}, [
|
|
1431
1431
|
t("div", Oo, [
|
|
1432
|
-
o.headline ? (l(),
|
|
1432
|
+
o.headline ? (l(), i("div", Fo, [
|
|
1433
1433
|
t("h2", null, n(o.headline), 1)
|
|
1434
|
-
])) :
|
|
1435
|
-
o.body ? (l(),
|
|
1434
|
+
])) : h("", !0),
|
|
1435
|
+
o.body ? (l(), i("div", Eo, [
|
|
1436
1436
|
t("p", null, n(o.body), 1)
|
|
1437
|
-
])) :
|
|
1437
|
+
])) : h("", !0)
|
|
1438
1438
|
]),
|
|
1439
1439
|
t("div", Ro, [
|
|
1440
1440
|
c(o.$slots, "micro-stories-slides")
|
|
@@ -1444,7 +1444,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
|
|
|
1444
1444
|
}
|
|
1445
1445
|
}), No = {}, zo = { class: "policy__wrapper" }, jo = { class: "policy__content" };
|
|
1446
1446
|
function Uo(e, a) {
|
|
1447
|
-
return l(),
|
|
1447
|
+
return l(), i("div", zo, [
|
|
1448
1448
|
t("div", jo, [
|
|
1449
1449
|
c(e.$slots, "default", {}, void 0, !0)
|
|
1450
1450
|
])
|
|
@@ -1470,17 +1470,17 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1470
1470
|
}
|
|
1471
1471
|
},
|
|
1472
1472
|
setup(e) {
|
|
1473
|
-
return (a,
|
|
1473
|
+
return (a, r) => (l(), i("div", {
|
|
1474
1474
|
class: m([
|
|
1475
1475
|
"card-display",
|
|
1476
1476
|
e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
|
|
1477
1477
|
])
|
|
1478
1478
|
}, [
|
|
1479
1479
|
t("div", Go, [
|
|
1480
|
-
e.headline || e.paragraph ? (l(),
|
|
1481
|
-
e.headline ? (l(),
|
|
1482
|
-
e.paragraph ? (l(),
|
|
1483
|
-
])) :
|
|
1480
|
+
e.headline || e.paragraph ? (l(), i("div", Jo, [
|
|
1481
|
+
e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : h("", !0),
|
|
1482
|
+
e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : h("", !0)
|
|
1483
|
+
])) : h("", !0),
|
|
1484
1484
|
t("div", Qo, [
|
|
1485
1485
|
c(a.$slots, "card-display-cards", {}, void 0, !0)
|
|
1486
1486
|
])
|
|
@@ -1507,8 +1507,8 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1507
1507
|
dark: "promo__wrapper--dark",
|
|
1508
1508
|
light: "promo__wrapper--light",
|
|
1509
1509
|
default: "promo__wrapper--default"
|
|
1510
|
-
},
|
|
1511
|
-
return (o, u) => (l(),
|
|
1510
|
+
}, r = e, s = V(() => a[r.variant]);
|
|
1511
|
+
return (o, u) => (l(), i("div", {
|
|
1512
1512
|
class: m([
|
|
1513
1513
|
"promo__wrapper",
|
|
1514
1514
|
s.value,
|
|
@@ -1517,7 +1517,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1517
1517
|
])
|
|
1518
1518
|
}, [
|
|
1519
1519
|
t("div", xo, [
|
|
1520
|
-
o.mediaType === "image" ? (l(),
|
|
1520
|
+
o.mediaType === "image" ? (l(), i("div", {
|
|
1521
1521
|
key: 0,
|
|
1522
1522
|
class: m([
|
|
1523
1523
|
"promo__image",
|
|
@@ -1530,8 +1530,8 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1530
1530
|
]),
|
|
1531
1531
|
_: 3
|
|
1532
1532
|
})
|
|
1533
|
-
], 2)) :
|
|
1534
|
-
o.mediaType === "video" ? (l(),
|
|
1533
|
+
], 2)) : h("", !0),
|
|
1534
|
+
o.mediaType === "video" ? (l(), i("div", {
|
|
1535
1535
|
key: 1,
|
|
1536
1536
|
class: m([
|
|
1537
1537
|
"promo__video",
|
|
@@ -1549,7 +1549,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1549
1549
|
play: "",
|
|
1550
1550
|
poster: o.fallbackImage
|
|
1551
1551
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1552
|
-
], 2)) :
|
|
1552
|
+
], 2)) : h("", !0),
|
|
1553
1553
|
t("div", {
|
|
1554
1554
|
class: m([
|
|
1555
1555
|
"promo__text",
|
|
@@ -1560,7 +1560,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1560
1560
|
key: 0,
|
|
1561
1561
|
text: o.label,
|
|
1562
1562
|
"label-dark": o.variant === "dark"
|
|
1563
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1563
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
1564
1564
|
t("div", {
|
|
1565
1565
|
class: m([
|
|
1566
1566
|
"promo__title",
|
|
@@ -1578,7 +1578,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1578
1578
|
c(o.$slots, "promo-link")
|
|
1579
1579
|
]),
|
|
1580
1580
|
_: 3
|
|
1581
|
-
}, 8, ["link-type"])) :
|
|
1581
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
1582
1582
|
o.linkType === "button" ? (l(), C(T, {
|
|
1583
1583
|
key: 2,
|
|
1584
1584
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
@@ -1587,15 +1587,15 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1587
1587
|
c(o.$slots, "promo-link")
|
|
1588
1588
|
]),
|
|
1589
1589
|
_: 3
|
|
1590
|
-
}, 8, ["link-type"])) :
|
|
1590
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
1591
1591
|
], 2)
|
|
1592
1592
|
])
|
|
1593
1593
|
], 2));
|
|
1594
1594
|
}
|
|
1595
|
-
}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)),
|
|
1595
|
+
}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
|
|
1596
1596
|
key: 0,
|
|
1597
1597
|
class: "quote__image"
|
|
1598
|
-
}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" },
|
|
1598
|
+
}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, pl = /* @__PURE__ */ g({
|
|
1599
1599
|
__name: "quote",
|
|
1600
1600
|
props: {
|
|
1601
1601
|
quote: {
|
|
@@ -1617,13 +1617,13 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1617
1617
|
}
|
|
1618
1618
|
},
|
|
1619
1619
|
setup(e) {
|
|
1620
|
-
return (a,
|
|
1620
|
+
return (a, r) => (l(), i("div", ol, [
|
|
1621
1621
|
t("div", ll, [
|
|
1622
1622
|
sl,
|
|
1623
|
-
t("div",
|
|
1624
|
-
t("p",
|
|
1623
|
+
t("div", il, [
|
|
1624
|
+
t("p", rl, n(e.quote), 1),
|
|
1625
1625
|
t("div", nl, [
|
|
1626
|
-
e.authorImage ? (l(),
|
|
1626
|
+
e.authorImage ? (l(), i("div", dl, [
|
|
1627
1627
|
S(A, null, {
|
|
1628
1628
|
default: $(() => [
|
|
1629
1629
|
c(a.$slots, "author-image", F(H({
|
|
@@ -1634,7 +1634,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1634
1634
|
]),
|
|
1635
1635
|
_: 3
|
|
1636
1636
|
})
|
|
1637
|
-
])) :
|
|
1637
|
+
])) : h("", !0),
|
|
1638
1638
|
t("div", cl, [
|
|
1639
1639
|
t("p", ul, n(e.author), 1),
|
|
1640
1640
|
t("p", _l, n(e.authorTitle), 1)
|
|
@@ -1644,7 +1644,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1644
1644
|
])
|
|
1645
1645
|
]));
|
|
1646
1646
|
}
|
|
1647
|
-
}),
|
|
1647
|
+
}), hl = /* @__PURE__ */ f(pl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
|
|
1648
1648
|
key: 0,
|
|
1649
1649
|
class: "rich-text__links"
|
|
1650
1650
|
}, fl = {
|
|
@@ -1663,7 +1663,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1663
1663
|
label: { default: "" }
|
|
1664
1664
|
},
|
|
1665
1665
|
setup(e) {
|
|
1666
|
-
return (a,
|
|
1666
|
+
return (a, r) => (l(), i("div", {
|
|
1667
1667
|
class: m([
|
|
1668
1668
|
"rich-text",
|
|
1669
1669
|
a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
@@ -1674,14 +1674,14 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1674
1674
|
key: 0,
|
|
1675
1675
|
text: a.label,
|
|
1676
1676
|
"label-dark": !1
|
|
1677
|
-
}, null, 8, ["text"])) :
|
|
1678
|
-
a.headline ? (l(),
|
|
1677
|
+
}, null, 8, ["text"])) : h("", !0),
|
|
1678
|
+
a.headline ? (l(), i("h2", {
|
|
1679
1679
|
key: 1,
|
|
1680
1680
|
class: m([
|
|
1681
1681
|
"rich-text__headline",
|
|
1682
1682
|
a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1683
1683
|
])
|
|
1684
|
-
}, n(a.headline), 3)) :
|
|
1684
|
+
}, n(a.headline), 3)) : h("", !0),
|
|
1685
1685
|
t("div", {
|
|
1686
1686
|
class: m([
|
|
1687
1687
|
"rich-text__content",
|
|
@@ -1695,14 +1695,14 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1695
1695
|
])
|
|
1696
1696
|
}, [
|
|
1697
1697
|
c(a.$slots, "rich-text-content"),
|
|
1698
|
-
a.links ? (l(),
|
|
1698
|
+
a.links ? (l(), i("div", vl, [
|
|
1699
1699
|
c(a.$slots, "rich-text-links")
|
|
1700
|
-
])) :
|
|
1700
|
+
])) : h("", !0)
|
|
1701
1701
|
], 2),
|
|
1702
|
-
a.bulletList ? (l(),
|
|
1702
|
+
a.bulletList ? (l(), i("div", fl, [
|
|
1703
1703
|
c(a.$slots, "rich-text-bullet-list")
|
|
1704
|
-
])) :
|
|
1705
|
-
a.image ? (l(),
|
|
1704
|
+
])) : h("", !0),
|
|
1705
|
+
a.image ? (l(), i("div", {
|
|
1706
1706
|
key: 1,
|
|
1707
1707
|
class: m([
|
|
1708
1708
|
"rich-text__image",
|
|
@@ -1715,14 +1715,14 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
|
|
|
1715
1715
|
]),
|
|
1716
1716
|
_: 3
|
|
1717
1717
|
})
|
|
1718
|
-
], 2)) :
|
|
1718
|
+
], 2)) : h("", !0)
|
|
1719
1719
|
], 2)
|
|
1720
1720
|
])
|
|
1721
1721
|
], 2));
|
|
1722
1722
|
}
|
|
1723
1723
|
}), bl = /* @__PURE__ */ f(gl, [["__scopeId", "data-v-8bb69ea4"]]), yl = {}, $l = { class: "rich-text" }, kl = { class: "rich-text__wrapper" }, wl = { class: "rich-text__content rich-text__content--left-aligned" }, Sl = { class: "rich-text__body" };
|
|
1724
1724
|
function Bl(e, a) {
|
|
1725
|
-
return l(),
|
|
1725
|
+
return l(), i("div", $l, [
|
|
1726
1726
|
t("div", kl, [
|
|
1727
1727
|
t("div", wl, [
|
|
1728
1728
|
t("div", Sl, [
|
|
@@ -1750,10 +1750,10 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1750
1750
|
},
|
|
1751
1751
|
setup(e) {
|
|
1752
1752
|
return me(() => {
|
|
1753
|
-
const a = document.querySelectorAll(".timeline__item"),
|
|
1753
|
+
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1754
1754
|
(s) => {
|
|
1755
1755
|
s.forEach((o) => {
|
|
1756
|
-
o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"),
|
|
1756
|
+
o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), r.unobserve(o.target));
|
|
1757
1757
|
});
|
|
1758
1758
|
},
|
|
1759
1759
|
{
|
|
@@ -1761,12 +1761,12 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1761
1761
|
}
|
|
1762
1762
|
);
|
|
1763
1763
|
a.forEach((s) => {
|
|
1764
|
-
|
|
1764
|
+
r.observe(s);
|
|
1765
1765
|
});
|
|
1766
|
-
}), (a,
|
|
1766
|
+
}), (a, r) => (l(), i("div", Ll, [
|
|
1767
1767
|
t("div", Dl, [
|
|
1768
1768
|
t("div", Vl, [
|
|
1769
|
-
(l(!0),
|
|
1769
|
+
(l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
|
|
1770
1770
|
key: s.year,
|
|
1771
1771
|
class: "timeline__item faded"
|
|
1772
1772
|
}, [
|
|
@@ -1775,7 +1775,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1775
1775
|
t("div", Al, [
|
|
1776
1776
|
S(A, null, {
|
|
1777
1777
|
default: $(() => [
|
|
1778
|
-
s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) :
|
|
1778
|
+
s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
|
|
1779
1779
|
]),
|
|
1780
1780
|
_: 2
|
|
1781
1781
|
}, 1024),
|
|
@@ -1809,21 +1809,21 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1809
1809
|
}
|
|
1810
1810
|
},
|
|
1811
1811
|
setup(e) {
|
|
1812
|
-
return (a,
|
|
1812
|
+
return (a, r) => (l(), i("div", Fl, [
|
|
1813
1813
|
t("div", El, [
|
|
1814
|
-
e.headline ? (l(),
|
|
1814
|
+
e.headline ? (l(), i("h2", Rl, n(e.headline), 1)) : h("", !0),
|
|
1815
1815
|
c(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
1816
|
-
e.description ? (l(),
|
|
1816
|
+
e.description ? (l(), i("p", Hl, n(e.description), 1)) : h("", !0)
|
|
1817
1817
|
])
|
|
1818
1818
|
]));
|
|
1819
1819
|
}
|
|
1820
|
-
}), zl = /* @__PURE__ */ f(Nl, [["__scopeId", "data-v-90a2b109"]]), jl = { class: "academy-
|
|
1820
|
+
}), zl = /* @__PURE__ */ f(Nl, [["__scopeId", "data-v-90a2b109"]]), jl = { class: "academy-overview" }, Ul = { class: "academy-overview__content-wrapper" }, Kl = { class: "academy-overview__content" }, Gl = { class: "academy-overview__title" }, Jl = { class: "academy-overview__description" }, Wl = {
|
|
1821
1821
|
key: 0,
|
|
1822
|
-
class: "academy-
|
|
1823
|
-
},
|
|
1822
|
+
class: "academy-overview__stats"
|
|
1823
|
+
}, Yl = { class: "academy-overview__stats-row" }, Ql = { class: "academy-overview__stat" }, Zl = { class: "academy-overview__value" }, Xl = { class: "academy-overview__label" }, xl = { class: "academy-overview__stat" }, es = { class: "academy-overview__value" }, ts = { class: "academy-overview__label" }, as = { class: "academy-overview__stat" }, os = { class: "academy-overview__value" }, ls = { class: "academy-overview__label" }, ss = {
|
|
1824
1824
|
key: 1,
|
|
1825
|
-
class: "academy-
|
|
1826
|
-
},
|
|
1825
|
+
class: "academy-overview__button-wrapper"
|
|
1826
|
+
}, is = /* @__PURE__ */ g({
|
|
1827
1827
|
__name: "frontpage-hero",
|
|
1828
1828
|
props: {
|
|
1829
1829
|
hero: { default: () => ({
|
|
@@ -1839,33 +1839,35 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1839
1839
|
}) }
|
|
1840
1840
|
},
|
|
1841
1841
|
setup(e) {
|
|
1842
|
-
return (a,
|
|
1842
|
+
return (a, r) => (l(), i("div", jl, [
|
|
1843
1843
|
t("div", Ul, [
|
|
1844
|
-
t("
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1844
|
+
t("div", Kl, [
|
|
1845
|
+
t("h1", Gl, n(a.hero.headline), 1),
|
|
1846
|
+
t("p", Jl, n(a.hero.description), 1),
|
|
1847
|
+
a.hero.showStats ? (l(), i("div", Wl, [
|
|
1848
1848
|
t("div", Yl, [
|
|
1849
|
-
t("div", Ql,
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
t("div", xl,
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
t("div", as,
|
|
1858
|
-
|
|
1849
|
+
t("div", Ql, [
|
|
1850
|
+
t("div", Zl, n(a.hero.lessonValue), 1),
|
|
1851
|
+
t("div", Xl, n(a.hero.lessonLabel), 1)
|
|
1852
|
+
]),
|
|
1853
|
+
t("div", xl, [
|
|
1854
|
+
t("div", es, n(a.hero.minutesValue), 1),
|
|
1855
|
+
t("div", ts, n(a.hero.minutesLabel), 1)
|
|
1856
|
+
]),
|
|
1857
|
+
t("div", as, [
|
|
1858
|
+
t("div", os, n(a.hero.pointsValue), 1),
|
|
1859
|
+
t("div", ls, n(a.hero.pointsLabel), 1)
|
|
1860
|
+
])
|
|
1859
1861
|
])
|
|
1860
|
-
])
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
])
|
|
1862
|
+
])) : h("", !0),
|
|
1863
|
+
a.hero.showStats ? h("", !0) : (l(), i("div", ss, [
|
|
1864
|
+
c(a.$slots, "button", {}, void 0, !0)
|
|
1865
|
+
]))
|
|
1866
|
+
])
|
|
1865
1867
|
])
|
|
1866
1868
|
]));
|
|
1867
1869
|
}
|
|
1868
|
-
}), rs = /* @__PURE__ */ f(
|
|
1870
|
+
}), rs = /* @__PURE__ */ f(is, [["__scopeId", "data-v-d60d85f9"]]), ns = { class: "not-found__wrapper" }, ds = { class: "not-found__content" }, cs = { class: "not-found__headline" }, us = { class: "not-found__body" }, _s = /* @__PURE__ */ g({
|
|
1869
1871
|
__name: "404",
|
|
1870
1872
|
props: {
|
|
1871
1873
|
headline: {
|
|
@@ -1874,16 +1876,16 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1874
1876
|
}
|
|
1875
1877
|
},
|
|
1876
1878
|
setup(e) {
|
|
1877
|
-
return (a,
|
|
1878
|
-
t("div",
|
|
1879
|
-
t("h1",
|
|
1880
|
-
t("div",
|
|
1879
|
+
return (a, r) => (l(), i("div", ns, [
|
|
1880
|
+
t("div", ds, [
|
|
1881
|
+
t("h1", cs, n(e.headline), 1),
|
|
1882
|
+
t("div", us, [
|
|
1881
1883
|
c(a.$slots, "not-found-body", {}, void 0, !0)
|
|
1882
1884
|
])
|
|
1883
1885
|
])
|
|
1884
1886
|
]));
|
|
1885
1887
|
}
|
|
1886
|
-
}),
|
|
1888
|
+
}), ps = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), hs = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
|
|
1887
1889
|
__name: "filter",
|
|
1888
1890
|
props: {
|
|
1889
1891
|
hasChips: {
|
|
@@ -1897,29 +1899,29 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1897
1899
|
},
|
|
1898
1900
|
emits: ["clearFilters"],
|
|
1899
1901
|
setup(e) {
|
|
1900
|
-
return (a,
|
|
1901
|
-
t("div",
|
|
1902
|
-
t("div",
|
|
1902
|
+
return (a, r) => (l(), i("div", hs, [
|
|
1903
|
+
t("div", ms, [
|
|
1904
|
+
t("div", vs, [
|
|
1903
1905
|
c(a.$slots, "filter-dropdowns")
|
|
1904
1906
|
]),
|
|
1905
|
-
t("div",
|
|
1907
|
+
t("div", fs, [
|
|
1906
1908
|
c(a.$slots, "filter-chips"),
|
|
1907
|
-
e.hasChips ? (l(),
|
|
1909
|
+
e.hasChips ? (l(), i("button", {
|
|
1908
1910
|
key: 0,
|
|
1909
1911
|
class: "filter__clear",
|
|
1910
|
-
onClick:
|
|
1911
|
-
}, n(e.removeAll), 1)) :
|
|
1912
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
|
|
1913
|
+
}, n(e.removeAll), 1)) : h("", !0)
|
|
1912
1914
|
])
|
|
1913
1915
|
])
|
|
1914
1916
|
]));
|
|
1915
1917
|
}
|
|
1916
|
-
}),
|
|
1918
|
+
}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
|
|
1917
1919
|
key: 0,
|
|
1918
1920
|
class: "footer__social"
|
|
1919
|
-
},
|
|
1921
|
+
}, Es = ["href", "aria-label"], Rs = {
|
|
1920
1922
|
key: 1,
|
|
1921
1923
|
class: "footer__social"
|
|
1922
|
-
},
|
|
1924
|
+
}, Hs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
|
|
1923
1925
|
__name: "footer",
|
|
1924
1926
|
props: {
|
|
1925
1927
|
language: { default: "" },
|
|
@@ -1932,36 +1934,36 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1932
1934
|
},
|
|
1933
1935
|
emits: ["changeRegionClicked"],
|
|
1934
1936
|
setup(e) {
|
|
1935
|
-
return (a,
|
|
1936
|
-
t("footer",
|
|
1937
|
-
t("div",
|
|
1938
|
-
(l(!0),
|
|
1937
|
+
return (a, r) => (l(), i("div", ys, [
|
|
1938
|
+
t("footer", $s, [
|
|
1939
|
+
t("div", ks, [
|
|
1940
|
+
(l(!0), i(P, null, M(a.footerSections, (s) => (l(), i("div", {
|
|
1939
1941
|
key: s.title,
|
|
1940
1942
|
class: "section"
|
|
1941
1943
|
}, [
|
|
1942
|
-
t("span",
|
|
1944
|
+
t("span", ws, n(s.title), 1),
|
|
1943
1945
|
t("nav", null, [
|
|
1944
|
-
t("ul",
|
|
1946
|
+
t("ul", Ss, [
|
|
1945
1947
|
c(a.$slots, "section-links", {
|
|
1946
1948
|
links: s.links
|
|
1947
1949
|
})
|
|
1948
1950
|
])
|
|
1949
1951
|
])
|
|
1950
1952
|
]))), 128)),
|
|
1951
|
-
t("div",
|
|
1952
|
-
|
|
1953
|
+
t("div", Bs, [
|
|
1954
|
+
Is,
|
|
1953
1955
|
t("address", null, [
|
|
1954
|
-
Is,
|
|
1955
1956
|
qs,
|
|
1956
1957
|
Ls,
|
|
1957
1958
|
Ds,
|
|
1959
|
+
Vs,
|
|
1958
1960
|
S(T, {
|
|
1959
1961
|
class: "footer__contact",
|
|
1960
1962
|
"link-type": "regular_light",
|
|
1961
1963
|
underline: "false"
|
|
1962
1964
|
}, {
|
|
1963
1965
|
default: $(() => [
|
|
1964
|
-
|
|
1966
|
+
Cs
|
|
1965
1967
|
]),
|
|
1966
1968
|
_: 1
|
|
1967
1969
|
}),
|
|
@@ -1971,30 +1973,30 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1971
1973
|
underline: "false"
|
|
1972
1974
|
}, {
|
|
1973
1975
|
default: $(() => [
|
|
1974
|
-
|
|
1976
|
+
Ts
|
|
1975
1977
|
]),
|
|
1976
1978
|
_: 1
|
|
1977
1979
|
})
|
|
1978
1980
|
])
|
|
1979
1981
|
])
|
|
1980
1982
|
]),
|
|
1981
|
-
t("div",
|
|
1982
|
-
t("p",
|
|
1983
|
-
t("div",
|
|
1983
|
+
t("div", As, [
|
|
1984
|
+
t("p", Ps, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
1985
|
+
t("div", Ms, [
|
|
1984
1986
|
t("button", {
|
|
1985
1987
|
class: "footer__language-switcher",
|
|
1986
|
-
onClick:
|
|
1988
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
|
|
1987
1989
|
}, [
|
|
1988
1990
|
t("span", null, [
|
|
1989
|
-
|
|
1991
|
+
Os,
|
|
1990
1992
|
x(n(a.changeRegion), 1)
|
|
1991
1993
|
])
|
|
1992
1994
|
]),
|
|
1993
1995
|
c(a.$slots, "footer-privacy-link"),
|
|
1994
1996
|
c(a.$slots, "footer-cookie-link")
|
|
1995
1997
|
]),
|
|
1996
|
-
a.language !== "zh" ? (l(),
|
|
1997
|
-
(l(!0),
|
|
1998
|
+
a.language !== "zh" ? (l(), i("div", Fs, [
|
|
1999
|
+
(l(!0), i(P, null, M(a.socialMedia, (s) => (l(), C(T, {
|
|
1998
2000
|
key: s.title,
|
|
1999
2001
|
underline: "false",
|
|
2000
2002
|
"link-type": "regular"
|
|
@@ -2010,12 +2012,12 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2010
2012
|
height: "14",
|
|
2011
2013
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2012
2014
|
}, null, 2)
|
|
2013
|
-
], 8,
|
|
2015
|
+
], 8, Es)
|
|
2014
2016
|
]),
|
|
2015
2017
|
_: 2
|
|
2016
2018
|
}, 1024))), 128))
|
|
2017
|
-
])) : (l(),
|
|
2018
|
-
(l(!0),
|
|
2019
|
+
])) : (l(), i("div", Rs, [
|
|
2020
|
+
(l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
|
|
2019
2021
|
key: s.title,
|
|
2020
2022
|
underline: "false",
|
|
2021
2023
|
"link-type": "regular"
|
|
@@ -2031,7 +2033,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2031
2033
|
height: "14",
|
|
2032
2034
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2033
2035
|
}, null, 2)
|
|
2034
|
-
], 8,
|
|
2036
|
+
], 8, Hs)
|
|
2035
2037
|
]),
|
|
2036
2038
|
_: 2
|
|
2037
2039
|
}, 1024))), 128))
|
|
@@ -2040,51 +2042,51 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2040
2042
|
])
|
|
2041
2043
|
]));
|
|
2042
2044
|
}
|
|
2043
|
-
}),
|
|
2045
|
+
}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), R(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
|
|
2044
2046
|
key: 0,
|
|
2045
2047
|
id: "menu-dropdown",
|
|
2046
2048
|
ref: "dropdownDiv"
|
|
2047
|
-
},
|
|
2049
|
+
}, Ws = {
|
|
2048
2050
|
key: 0,
|
|
2049
2051
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2050
2052
|
alt: "dropdownarrow"
|
|
2051
|
-
},
|
|
2053
|
+
}, Ys = {
|
|
2052
2054
|
key: 1,
|
|
2053
2055
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2054
2056
|
alt: "dropdownarrow",
|
|
2055
2057
|
style: { transform: "rotate(180deg)" }
|
|
2056
|
-
},
|
|
2058
|
+
}, Qs = { class: "dropdown-content" }, Zs = {
|
|
2057
2059
|
key: 1,
|
|
2058
2060
|
class: "nav-search-wrapper"
|
|
2059
|
-
},
|
|
2061
|
+
}, Xs = ["src"], xs = {
|
|
2060
2062
|
key: 2,
|
|
2061
2063
|
id: "menu-portal-switcher",
|
|
2062
2064
|
class: "portal-switcher-wrapper"
|
|
2063
|
-
},
|
|
2065
|
+
}, ei = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
|
|
2064
2066
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2065
2067
|
alt: "portalswitchericon",
|
|
2066
2068
|
width: "15",
|
|
2067
2069
|
height: "15"
|
|
2068
|
-
}, null, -1)),
|
|
2069
|
-
|
|
2070
|
-
],
|
|
2070
|
+
}, null, -1)), ti = [
|
|
2071
|
+
ei
|
|
2072
|
+
], ai = { class: "portal-switcher-content" }, oi = { class: "portal-switcher-links" }, li = ["href"], si = ["src"], ii = {
|
|
2071
2073
|
key: 3,
|
|
2072
2074
|
id: "menu-profile-dropdown",
|
|
2073
2075
|
class: "profile-dropdown-wrapper"
|
|
2074
|
-
},
|
|
2076
|
+
}, ri = {
|
|
2075
2077
|
key: 0,
|
|
2076
2078
|
class: "profile-dropdown-sign-in"
|
|
2077
|
-
},
|
|
2079
|
+
}, ni = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
|
|
2078
2080
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2079
2081
|
alt: "profiledropdownicon",
|
|
2080
2082
|
width: "15",
|
|
2081
2083
|
height: "15"
|
|
2082
|
-
}, null, -1)),
|
|
2083
|
-
|
|
2084
|
-
],
|
|
2084
|
+
}, null, -1)), di = [
|
|
2085
|
+
ni
|
|
2086
|
+
], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, pi = {
|
|
2085
2087
|
key: 0,
|
|
2086
2088
|
class: "mobile-search-wrapper"
|
|
2087
|
-
},
|
|
2089
|
+
}, hi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
|
|
2088
2090
|
__name: "header",
|
|
2089
2091
|
props: {
|
|
2090
2092
|
burgerState: {
|
|
@@ -2135,16 +2137,16 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2135
2137
|
"update:showProfileDropDown",
|
|
2136
2138
|
"clickSearch"
|
|
2137
2139
|
],
|
|
2138
|
-
setup(e, { expose: a, emit:
|
|
2140
|
+
setup(e, { expose: a, emit: r }) {
|
|
2139
2141
|
let s = null;
|
|
2140
2142
|
const o = e;
|
|
2141
|
-
let u = q(o.burgerState),
|
|
2143
|
+
let u = q(o.burgerState), p = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
|
|
2142
2144
|
W(
|
|
2143
2145
|
() => o.burgerState,
|
|
2144
2146
|
(b) => u.value = b
|
|
2145
2147
|
), W(
|
|
2146
2148
|
() => o.search,
|
|
2147
|
-
(b) =>
|
|
2149
|
+
(b) => p.value = b
|
|
2148
2150
|
), W(
|
|
2149
2151
|
() => o.showDropDown,
|
|
2150
2152
|
(b) => _.value = b
|
|
@@ -2164,7 +2166,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2164
2166
|
}), Be(() => {
|
|
2165
2167
|
s !== null && window.removeEventListener("click", s);
|
|
2166
2168
|
});
|
|
2167
|
-
const L =
|
|
2169
|
+
const L = r;
|
|
2168
2170
|
function oe() {
|
|
2169
2171
|
_.value = !_.value, L("update:showDropDown", _.value);
|
|
2170
2172
|
}
|
|
@@ -2174,39 +2176,39 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2174
2176
|
function se() {
|
|
2175
2177
|
v.value = !v.value, L("update:showProfileDropDown", v.value);
|
|
2176
2178
|
}
|
|
2177
|
-
function
|
|
2179
|
+
function ie() {
|
|
2178
2180
|
u.value = !u.value, L("update:burgerState", u.value);
|
|
2179
2181
|
}
|
|
2180
2182
|
let G = q(null), Z = q(null);
|
|
2181
|
-
function
|
|
2183
|
+
function re() {
|
|
2182
2184
|
G.value && G.value.blur();
|
|
2183
2185
|
}
|
|
2184
2186
|
return a({
|
|
2185
|
-
defocusSearchButton:
|
|
2186
|
-
}), (b, N) => (l(),
|
|
2187
|
+
defocusSearchButton: re
|
|
2188
|
+
}), (b, N) => (l(), i("div", js, [
|
|
2187
2189
|
t("nav", null, [
|
|
2188
|
-
t("div",
|
|
2189
|
-
t("div",
|
|
2190
|
+
t("div", Us, [
|
|
2191
|
+
t("div", Ks, [
|
|
2190
2192
|
c(b.$slots, "link-logo", {}, void 0, !0)
|
|
2191
2193
|
]),
|
|
2192
|
-
t("ul",
|
|
2194
|
+
t("ul", Gs, [
|
|
2193
2195
|
c(b.$slots, "main-nav-items", {}, void 0, !0)
|
|
2194
2196
|
]),
|
|
2195
|
-
e.useDropdown ? (l(),
|
|
2197
|
+
e.useDropdown ? (l(), i("div", Js, [
|
|
2196
2198
|
t("button", {
|
|
2197
2199
|
class: "nav-dropdown-btn",
|
|
2198
2200
|
onClick: oe
|
|
2199
2201
|
}, [
|
|
2200
2202
|
c(b.$slots, "dropdown-title", {}, void 0, !0),
|
|
2201
|
-
I(_) === !1 ? (l(),
|
|
2203
|
+
I(_) === !1 ? (l(), i("img", Ws)) : (l(), i("img", Ys))
|
|
2202
2204
|
]),
|
|
2203
|
-
K(t("div",
|
|
2205
|
+
K(t("div", Qs, [
|
|
2204
2206
|
c(b.$slots, "dropdown-links", {}, void 0, !0)
|
|
2205
2207
|
], 512), [
|
|
2206
2208
|
[Y, I(_)]
|
|
2207
2209
|
])
|
|
2208
|
-
], 512)) :
|
|
2209
|
-
I(
|
|
2210
|
+
], 512)) : h("", !0),
|
|
2211
|
+
I(p) ? (l(), i("div", Zs, [
|
|
2210
2212
|
t("button", {
|
|
2211
2213
|
ref_key: "navSearchButton",
|
|
2212
2214
|
ref: G,
|
|
@@ -2221,17 +2223,17 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2221
2223
|
alt: "search icon",
|
|
2222
2224
|
width: "20",
|
|
2223
2225
|
height: "20"
|
|
2224
|
-
}, null, 8,
|
|
2226
|
+
}, null, 8, Xs)
|
|
2225
2227
|
], 512)
|
|
2226
|
-
])) :
|
|
2227
|
-
e.usePortalSwitcher ? (l(),
|
|
2228
|
+
])) : h("", !0),
|
|
2229
|
+
e.usePortalSwitcher ? (l(), i("div", xs, [
|
|
2228
2230
|
t("button", {
|
|
2229
2231
|
class: "nav-portal-switcher-btn",
|
|
2230
2232
|
onClick: le
|
|
2231
|
-
},
|
|
2232
|
-
K(t("div",
|
|
2233
|
-
t("ul",
|
|
2234
|
-
(l(!0),
|
|
2233
|
+
}, ti),
|
|
2234
|
+
K(t("div", ai, [
|
|
2235
|
+
t("ul", oi, [
|
|
2236
|
+
(l(!0), i(P, null, M(e.portals, (U, O) => (l(), i("li", {
|
|
2235
2237
|
key: O,
|
|
2236
2238
|
class: "portal-switcher-link"
|
|
2237
2239
|
}, [
|
|
@@ -2243,9 +2245,9 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2243
2245
|
}, [
|
|
2244
2246
|
t("img", {
|
|
2245
2247
|
src: U.icon
|
|
2246
|
-
}, null, 8,
|
|
2248
|
+
}, null, 8, si),
|
|
2247
2249
|
t("div", null, n(U.name), 1)
|
|
2248
|
-
], 8,
|
|
2250
|
+
], 8, li)
|
|
2249
2251
|
]),
|
|
2250
2252
|
_: 2
|
|
2251
2253
|
}, 1024)
|
|
@@ -2254,31 +2256,31 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2254
2256
|
], 512), [
|
|
2255
2257
|
[Y, I(B)]
|
|
2256
2258
|
])
|
|
2257
|
-
])) :
|
|
2258
|
-
e.useProfileDropdown ? (l(),
|
|
2259
|
-
I(w) ?
|
|
2259
|
+
])) : h("", !0),
|
|
2260
|
+
e.useProfileDropdown ? (l(), i("div", ii, [
|
|
2261
|
+
I(w) ? h("", !0) : (l(), i("div", ri, [
|
|
2260
2262
|
c(b.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2261
2263
|
])),
|
|
2262
|
-
I(w) ? (l(),
|
|
2264
|
+
I(w) ? (l(), i("button", {
|
|
2263
2265
|
key: 1,
|
|
2264
2266
|
class: "nav-profile-dropdown-btn",
|
|
2265
2267
|
onClick: se
|
|
2266
|
-
},
|
|
2267
|
-
K(t("div",
|
|
2268
|
+
}, di)) : h("", !0),
|
|
2269
|
+
K(t("div", ci, [
|
|
2268
2270
|
c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2269
2271
|
], 512), [
|
|
2270
2272
|
[Y, I(v)]
|
|
2271
2273
|
])
|
|
2272
|
-
])) :
|
|
2274
|
+
])) : h("", !0)
|
|
2273
2275
|
]),
|
|
2274
2276
|
t("div", {
|
|
2275
2277
|
class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2276
2278
|
}, [
|
|
2277
|
-
t("div",
|
|
2278
|
-
t("div",
|
|
2279
|
+
t("div", ui, [
|
|
2280
|
+
t("div", _i, [
|
|
2279
2281
|
c(b.$slots, "link-logo", {}, void 0, !0)
|
|
2280
2282
|
]),
|
|
2281
|
-
I(
|
|
2283
|
+
I(p) ? (l(), i("div", pi, [
|
|
2282
2284
|
t("button", {
|
|
2283
2285
|
ref_key: "mobileSearchButton",
|
|
2284
2286
|
ref: Z,
|
|
@@ -2294,27 +2296,27 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2294
2296
|
alt: "search icon",
|
|
2295
2297
|
width: "20",
|
|
2296
2298
|
height: "20"
|
|
2297
|
-
}, null, 8,
|
|
2299
|
+
}, null, 8, hi)
|
|
2298
2300
|
], 512)
|
|
2299
|
-
])) :
|
|
2301
|
+
])) : h("", !0),
|
|
2300
2302
|
t("button", {
|
|
2301
2303
|
class: "mobile-burger-wrapper",
|
|
2302
2304
|
"aria-label": "Toggle menu",
|
|
2303
|
-
onClick:
|
|
2305
|
+
onClick: pe(ie, ["prevent"])
|
|
2304
2306
|
}, [
|
|
2305
2307
|
t("img", {
|
|
2306
2308
|
width: "20",
|
|
2307
2309
|
height: "20",
|
|
2308
2310
|
alt: "burger menu line icon",
|
|
2309
2311
|
src: I(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"
|
|
2310
|
-
}, null, 8,
|
|
2312
|
+
}, null, 8, mi)
|
|
2311
2313
|
])
|
|
2312
2314
|
]),
|
|
2313
|
-
K(t("div",
|
|
2315
|
+
K(t("div", vi, [
|
|
2314
2316
|
t("ul", null, [
|
|
2315
2317
|
c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2316
2318
|
]),
|
|
2317
|
-
t("ul",
|
|
2319
|
+
t("ul", fi, [
|
|
2318
2320
|
c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2319
2321
|
c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2320
2322
|
])
|
|
@@ -2325,7 +2327,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2325
2327
|
])
|
|
2326
2328
|
]));
|
|
2327
2329
|
}
|
|
2328
|
-
}),
|
|
2330
|
+
}), bi = /* @__PURE__ */ f(gi, [["__scopeId", "data-v-766d3c80"]]), yi = { class: "language__wrapper" }, $i = { class: "language__content" }, ki = { class: "language__headline" }, wi = { class: "language__paragraph" }, Si = { class: "language__links" }, Bi = /* @__PURE__ */ g({
|
|
2329
2331
|
__name: "language-switcher",
|
|
2330
2332
|
props: {
|
|
2331
2333
|
headline: {
|
|
@@ -2338,17 +2340,17 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2338
2340
|
}
|
|
2339
2341
|
},
|
|
2340
2342
|
setup(e) {
|
|
2341
|
-
return (a,
|
|
2342
|
-
t("div",
|
|
2343
|
-
t("h2",
|
|
2344
|
-
t("p",
|
|
2345
|
-
t("div",
|
|
2343
|
+
return (a, r) => (l(), i("div", yi, [
|
|
2344
|
+
t("div", $i, [
|
|
2345
|
+
t("h2", ki, n(e.headline), 1),
|
|
2346
|
+
t("p", wi, n(e.paragraph), 1),
|
|
2347
|
+
t("div", Si, [
|
|
2346
2348
|
c(a.$slots, "language-links", {}, void 0, !0)
|
|
2347
2349
|
])
|
|
2348
2350
|
])
|
|
2349
2351
|
]));
|
|
2350
2352
|
}
|
|
2351
|
-
}),
|
|
2353
|
+
}), Ii = /* @__PURE__ */ f(Bi, [["__scopeId", "data-v-dc8cc97e"]]), qi = { class: "pagination__wrapper" }, Li = { class: "pagination__content" }, Di = /* @__PURE__ */ g({
|
|
2352
2354
|
__name: "pagination",
|
|
2353
2355
|
props: {
|
|
2354
2356
|
isPreviousDisabled: {
|
|
@@ -2362,37 +2364,37 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2362
2364
|
},
|
|
2363
2365
|
emits: ["previous", "next"],
|
|
2364
2366
|
setup(e) {
|
|
2365
|
-
return (a,
|
|
2366
|
-
t("div",
|
|
2367
|
+
return (a, r) => (l(), i("div", qi, [
|
|
2368
|
+
t("div", Li, [
|
|
2367
2369
|
S(ae, {
|
|
2368
2370
|
disabled: e.isPreviousDisabled,
|
|
2369
2371
|
variant: "previous",
|
|
2370
2372
|
"aria-label": "previous",
|
|
2371
|
-
onClick:
|
|
2373
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
|
|
2372
2374
|
}, null, 8, ["disabled"]),
|
|
2373
2375
|
c(a.$slots, "pagination-numbers"),
|
|
2374
2376
|
S(ae, {
|
|
2375
2377
|
disabled: e.isNextDisabled,
|
|
2376
2378
|
variant: "next",
|
|
2377
2379
|
"aria-label": "next",
|
|
2378
|
-
onClick:
|
|
2380
|
+
onClick: r[1] || (r[1] = (s) => a.$emit("next"))
|
|
2379
2381
|
}, null, 8, ["disabled"])
|
|
2380
2382
|
])
|
|
2381
2383
|
]));
|
|
2382
2384
|
}
|
|
2383
|
-
}),
|
|
2384
|
-
function
|
|
2385
|
-
return l(),
|
|
2385
|
+
}), Vi = /* @__PURE__ */ f(Di, [["__scopeId", "data-v-da6d07c9"]]), Ci = {}, Ti = { class: "search__wrapper" };
|
|
2386
|
+
function Ai(e, a) {
|
|
2387
|
+
return l(), i("div", Ti, [
|
|
2386
2388
|
c(e.$slots, "default", { class: "search__content" })
|
|
2387
2389
|
]);
|
|
2388
2390
|
}
|
|
2389
|
-
const
|
|
2391
|
+
const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Ri = { class: "product-hero__insignia" }, Hi = {
|
|
2390
2392
|
key: 0,
|
|
2391
2393
|
class: "product-hero__logo"
|
|
2392
|
-
},
|
|
2394
|
+
}, Ni = {
|
|
2393
2395
|
key: 1,
|
|
2394
2396
|
class: "product-hero__certification"
|
|
2395
|
-
},
|
|
2397
|
+
}, zi = /* @__PURE__ */ g({
|
|
2396
2398
|
__name: "product-hero",
|
|
2397
2399
|
props: {
|
|
2398
2400
|
headline: {
|
|
@@ -2427,10 +2429,10 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2427
2429
|
}
|
|
2428
2430
|
},
|
|
2429
2431
|
setup(e) {
|
|
2430
|
-
return (a,
|
|
2431
|
-
t("div",
|
|
2432
|
-
t("div",
|
|
2433
|
-
t("div",
|
|
2432
|
+
return (a, r) => (l(), i("div", Mi, [
|
|
2433
|
+
t("div", Oi, [
|
|
2434
|
+
t("div", Fi, n(e.headline), 1),
|
|
2435
|
+
t("div", Ei, [
|
|
2434
2436
|
e.videoSrc !== "" ? (l(), C(ee, {
|
|
2435
2437
|
key: 0,
|
|
2436
2438
|
play: "",
|
|
@@ -2448,29 +2450,29 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2448
2450
|
]),
|
|
2449
2451
|
_: 3
|
|
2450
2452
|
})),
|
|
2451
|
-
t("div",
|
|
2452
|
-
e.logoSrc ? (l(),
|
|
2453
|
+
t("div", Ri, [
|
|
2454
|
+
e.logoSrc ? (l(), i("div", Hi, [
|
|
2453
2455
|
S(I(A), null, {
|
|
2454
2456
|
default: $(() => [
|
|
2455
2457
|
c(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
2456
2458
|
]),
|
|
2457
2459
|
_: 3
|
|
2458
2460
|
})
|
|
2459
|
-
])) :
|
|
2460
|
-
e.isCertified ? (l(),
|
|
2461
|
+
])) : h("", !0),
|
|
2462
|
+
e.isCertified ? (l(), i("div", Ni, [
|
|
2461
2463
|
S(I(A), null, {
|
|
2462
2464
|
default: $(() => [
|
|
2463
2465
|
c(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
2464
2466
|
]),
|
|
2465
2467
|
_: 3
|
|
2466
2468
|
})
|
|
2467
|
-
])) :
|
|
2469
|
+
])) : h("", !0)
|
|
2468
2470
|
])
|
|
2469
2471
|
])
|
|
2470
2472
|
])
|
|
2471
2473
|
]));
|
|
2472
2474
|
}
|
|
2473
|
-
}),
|
|
2475
|
+
}), ji = /* @__PURE__ */ f(zi, [["__scopeId", "data-v-deab9c3a"]]), Ui = { class: "promo__content" }, Ki = { class: "pallet-jack__media-wrap" }, Gi = { class: "pallet-jack-link" }, Ji = { class: "pallet-jack__media-wrap__inner-wrap" }, Wi = { class: "pallet-jack__media-wrap__content-wrap" }, Yi = { class: "regular-blue" }, Qi = /* @__PURE__ */ g({
|
|
2474
2476
|
__name: "pallet-jack",
|
|
2475
2477
|
props: {
|
|
2476
2478
|
label: { default: "" },
|
|
@@ -2488,30 +2490,30 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2488
2490
|
dark: "promo__wrapper--dark",
|
|
2489
2491
|
light: "promo__wrapper--light",
|
|
2490
2492
|
default: "promo__wrapper--default"
|
|
2491
|
-
},
|
|
2492
|
-
return (o, u) => (l(),
|
|
2493
|
+
}, r = e, s = V(() => a[r.variant]);
|
|
2494
|
+
return (o, u) => (l(), i("div", {
|
|
2493
2495
|
class: m([
|
|
2494
2496
|
"promo__wrapper",
|
|
2495
2497
|
s.value,
|
|
2496
2498
|
o.teaser ? "promo__wrapper--teaser" : ""
|
|
2497
2499
|
])
|
|
2498
2500
|
}, [
|
|
2499
|
-
t("div",
|
|
2501
|
+
t("div", Ui, [
|
|
2500
2502
|
t("div", {
|
|
2501
2503
|
class: m([
|
|
2502
2504
|
"promo__video",
|
|
2503
2505
|
o.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2504
2506
|
])
|
|
2505
2507
|
}, [
|
|
2506
|
-
t("div",
|
|
2507
|
-
t("div",
|
|
2508
|
+
t("div", Ki, [
|
|
2509
|
+
t("div", Gi, [
|
|
2508
2510
|
c(o.$slots, "pallet-jack-link")
|
|
2509
2511
|
]),
|
|
2510
|
-
t("div",
|
|
2512
|
+
t("div", Ji, [
|
|
2511
2513
|
c(o.$slots, "pallet-jack-video")
|
|
2512
2514
|
]),
|
|
2513
|
-
t("div",
|
|
2514
|
-
t("h3",
|
|
2515
|
+
t("div", Wi, [
|
|
2516
|
+
t("h3", Yi, n(o.headline), 1),
|
|
2515
2517
|
t("p", null, n(o.shortDescription), 1)
|
|
2516
2518
|
])
|
|
2517
2519
|
])
|
|
@@ -2526,7 +2528,7 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2526
2528
|
key: 0,
|
|
2527
2529
|
text: o.label,
|
|
2528
2530
|
"label-dark": o.variant === "dark"
|
|
2529
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
2531
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
2530
2532
|
t("div", {
|
|
2531
2533
|
class: m([
|
|
2532
2534
|
"promo__title",
|
|
@@ -2544,7 +2546,7 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2544
2546
|
c(o.$slots, "promo-link")
|
|
2545
2547
|
]),
|
|
2546
2548
|
_: 3
|
|
2547
|
-
}, 8, ["link-type"])) :
|
|
2549
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
2548
2550
|
o.linkType === "button" ? (l(), C(T, {
|
|
2549
2551
|
key: 2,
|
|
2550
2552
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
@@ -2553,14 +2555,14 @@ const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2553
2555
|
c(o.$slots, "promo-link")
|
|
2554
2556
|
]),
|
|
2555
2557
|
_: 3
|
|
2556
|
-
}, 8, ["link-type"])) :
|
|
2558
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
2557
2559
|
], 2)
|
|
2558
2560
|
])
|
|
2559
2561
|
], 2));
|
|
2560
2562
|
}
|
|
2561
|
-
}),
|
|
2563
|
+
}), Zi = /* @__PURE__ */ f(Qi, [["__scopeId", "data-v-00c0bad3"]]), xi = {
|
|
2562
2564
|
install: (e) => {
|
|
2563
|
-
e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Ht), e.component("AtomVideo", ee), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList",
|
|
2565
|
+
e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Ht), e.component("AtomVideo", ee), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", po), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ho), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", hl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", ps), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Vi), e.component("OrganismSearch", Pi);
|
|
2564
2566
|
}
|
|
2565
2567
|
};
|
|
2566
2568
|
export {
|
|
@@ -2582,33 +2584,33 @@ export {
|
|
|
2582
2584
|
za as BlockFeatures,
|
|
2583
2585
|
Qa as BlockFormScript,
|
|
2584
2586
|
rs as BlockFrontPageHero,
|
|
2585
|
-
|
|
2587
|
+
po as BlockHeadline,
|
|
2586
2588
|
Io as BlockHero,
|
|
2587
2589
|
ao as BlockImage,
|
|
2588
2590
|
no as BlockImageGallery,
|
|
2589
2591
|
Mo as BlockLogoWall,
|
|
2590
2592
|
Ho as BlockMicroStories,
|
|
2591
|
-
|
|
2593
|
+
Zi as BlockPalletJack,
|
|
2592
2594
|
Ko as BlockPolicy,
|
|
2593
|
-
|
|
2595
|
+
ji as BlockProductHero,
|
|
2594
2596
|
tl as BlockPromo,
|
|
2595
|
-
|
|
2597
|
+
hl as BlockQuote,
|
|
2596
2598
|
bl as BlockRichText,
|
|
2597
2599
|
Il as BlockRichTextColumns,
|
|
2598
2600
|
Ol as BlockTimeline,
|
|
2599
2601
|
zl as BlockVimeo,
|
|
2600
2602
|
aa as MoleculeAddress,
|
|
2601
|
-
|
|
2603
|
+
ra as MoleculeBulletList,
|
|
2602
2604
|
_a as MoleculeCard,
|
|
2603
2605
|
ya as MoleculeEventCard,
|
|
2604
2606
|
ve as MoleculeModal,
|
|
2605
2607
|
Ba as MoleculeTextCard,
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2608
|
+
ps as Organism404,
|
|
2609
|
+
bs as OrganismFilter,
|
|
2610
|
+
zs as OrganismFooter,
|
|
2611
|
+
bi as OrganismHeader,
|
|
2612
|
+
Ii as OrganismLanguageSwitcher,
|
|
2613
|
+
Vi as OrganismPagination,
|
|
2614
|
+
Pi as OrganismSearch,
|
|
2615
|
+
xi as default
|
|
2614
2616
|
};
|