@mirweb/mir-web-components 1.2.2 → 1.2.3
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 r, 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 he, createBlock as C, createCommentVNode as p, watchEffect as pe, 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
|
+
}, i = e, s = V(() => a[i.variant]);
|
|
18
|
+
return (o, u) => (l(), r("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 i = e.__vccOpts || e;
|
|
25
25
|
for (const [s, o] of a)
|
|
26
|
-
|
|
27
|
-
return
|
|
26
|
+
i[s] = o;
|
|
27
|
+
return i;
|
|
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 i = a, s = (o) => {
|
|
41
41
|
const u = o.target;
|
|
42
|
-
|
|
42
|
+
i("input", u.checked);
|
|
43
43
|
};
|
|
44
|
-
return (o, u) => (l(),
|
|
44
|
+
return (o, u) => (l(), r("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, i = V(() => `Chip: ${a.text}`);
|
|
79
|
+
return (s, o) => (l(), r("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": i.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 i = {
|
|
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(() => i[s.variant]), u = q(null), h = 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 re(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 ie(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 = h.value) == null || k.setAttribute(
|
|
213
213
|
"aria-activedescendant",
|
|
214
214
|
y || ""
|
|
215
|
-
),
|
|
216
|
-
const z =
|
|
217
|
-
J > z ?
|
|
215
|
+
), re(y || ""), h.value && h.value.scrollHeight > h.value.clientHeight) {
|
|
216
|
+
const z = h.value.clientHeight + h.value.scrollTop, J = d.offsetTop + d.offsetHeight;
|
|
217
|
+
J > z ? h.value.scrollTop = J - ((D = h.value) == null ? void 0 : D.clientHeight) : d.offsetTop < h.value.scrollTop && (h.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 = h.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(), r("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(), r("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: ie
|
|
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: h,
|
|
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), r(P, null, M(d.options, (k, D) => (l(), r("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, i) => (l(), r("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, i = V(() => `Label: ${a.text}`);
|
|
315
|
+
return (s, o) => (l(), r("div", Ye, [
|
|
316
316
|
t("span", {
|
|
317
|
-
"aria-label":
|
|
317
|
+
"aria-label": i.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
|
+
}, i = {
|
|
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(() => i[s.underline]), h = V(() => {
|
|
346
346
|
const { ..._ } = $e(s);
|
|
347
347
|
return _;
|
|
348
348
|
});
|
|
349
|
-
return (_, B) => (l(),
|
|
350
|
-
t("div", de(
|
|
349
|
+
return (_, B) => (l(), r("div", Xe, [
|
|
350
|
+
t("div", de(h.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 i = a, s = (o) => {
|
|
375
375
|
const u = o.target;
|
|
376
|
-
|
|
376
|
+
i("input", u.checked);
|
|
377
377
|
};
|
|
378
|
-
return (o, u) => (l(),
|
|
378
|
+
return (o, u) => (l(), r("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" }, rt = ["for"], it = ["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, i) => (l(), r("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, rt),
|
|
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: i[0] || (i[0] = (s) => {
|
|
426
426
|
a.$emit("update:modelValue", s.target.value), s.target.blur();
|
|
427
427
|
})
|
|
428
428
|
}, [
|
|
429
|
-
(l(!0),
|
|
429
|
+
(l(!0), r(P, null, M(a.options, (s) => (l(), r("option", {
|
|
430
430
|
key: s.value,
|
|
431
431
|
value: s.value
|
|
432
432
|
}, n(s.text), 9, nt))), 128))
|
|
433
|
-
], 42,
|
|
433
|
+
], 42, it)
|
|
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 i = e, s = a, o = () => {
|
|
445
|
+
s("update:show", !i.show);
|
|
446
446
|
};
|
|
447
|
-
return (u,
|
|
447
|
+
return (u, h) => (l(), r("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: h[0] || (h[0] = he(() => {
|
|
463
463
|
}, ["stop"]))
|
|
464
464
|
}, [
|
|
465
465
|
t("div", null, [
|
|
466
|
-
u.searchBar ?
|
|
466
|
+
u.searchBar ? p("", !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"]]), ht = { class: "slider__wrapper" }, pt = { 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 i = e, s = a, o = q(i.modelValue), u = q(), h = 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 pe(() => {
|
|
504
504
|
if (u.value) {
|
|
505
505
|
s("update:modelValue", o.value);
|
|
506
|
-
const v = _(o.value,
|
|
506
|
+
const v = _(o.value, i.min, i.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(), r("div", null, [
|
|
511
|
+
t("div", ht, [
|
|
512
|
+
t("div", pt, [
|
|
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(), r("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) => h.value = !h.value),
|
|
525
|
+
onKeyup: w[1] || (w[1] = we((L) => h.value = !h.value, ["enter"]))
|
|
526
|
+
}, null, 42, vt)) : p("", !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: h.value,
|
|
556
|
+
"onUpdate:show": w[3] || (w[3] = (L) => h.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"])) : p("", !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, i) => (l(), r("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: i[0] || (i[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(), r("p", qt, " Too many characters. Please make it shorter ")) : p("", !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
|
+
}, i = e, s = V(() => a[i.type]), o = q(!0), u = V(
|
|
652
652
|
() => o.value ? "showPassword" : "hidePassword"
|
|
653
|
-
),
|
|
653
|
+
), h = V(
|
|
654
654
|
() => o.value ? "password" : "text"
|
|
655
655
|
);
|
|
656
|
-
return (_, B) => (l(),
|
|
656
|
+
return (_, B) => (l(), r("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(), r("div", Tt, [
|
|
666
666
|
t("input", {
|
|
667
667
|
id: _.id,
|
|
668
668
|
ref: "passwordField",
|
|
669
|
-
type:
|
|
669
|
+
type: h.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(), r("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(), r("i", Ot)) : p("", !0),
|
|
702
|
+
_.errorMessage ? (l(), r("strong", Ft, n(_.errorMessage), 1)) : p("", !0),
|
|
703
|
+
_.helperText ? (l(), r("span", Et, n(_.helperText), 1)) : p("", !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 i = e;
|
|
724
724
|
let s = q(null);
|
|
725
|
-
return
|
|
726
|
-
s.value && (
|
|
725
|
+
return pe(() => {
|
|
726
|
+
s.value && (i.play ? s.value.play() : i.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, h) => (l(), r("div", Nt, [
|
|
732
|
+
u.localVideo ? (l(), r("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(), r("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, i) => (l(), r("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(), r("p", Qt, n(a.addressLine3), 1)) : p("", !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
|
+
})) : p("", !0),
|
|
799
|
+
(l(!0), r(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)), ra = /* @__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, i) => (l(), r("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), r(P, null, M(e.list, (s) => (l(), r("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
|
+
}), ia = /* @__PURE__ */ f(ra, [["__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 i = 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 (h, _) => (l(), r("div", na, [
|
|
895
895
|
t("div", {
|
|
896
896
|
class: m(["card", [
|
|
897
|
-
|
|
898
|
-
|
|
897
|
+
h.theme === "dark" ? "card--dark" : "card--light",
|
|
898
|
+
h.orientation === "vertical" ? "vertical" : "horizontal",
|
|
899
899
|
u.value.class,
|
|
900
|
-
|
|
901
|
-
|
|
900
|
+
h.size === "large" && h.variant === "article" ? "card--large-article" : "",
|
|
901
|
+
h.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([h.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
904
|
+
onMouseover: _[0] || (_[0] = (B) => ne(i) ? i.value = !0 : i = !0),
|
|
905
|
+
onMouseout: _[1] || (_[1] = (B) => ne(i) ? i.value = !1 : i = !1)
|
|
906
906
|
}, [
|
|
907
|
-
|
|
907
|
+
h.mediaType === "image" ? (l(), C(A, { key: 0 }, {
|
|
908
908
|
default: $(() => [
|
|
909
|
-
c(
|
|
910
|
-
src:
|
|
909
|
+
c(h.$slots, "card-image", de({
|
|
910
|
+
src: h.imgSrc,
|
|
911
911
|
width: "596",
|
|
912
912
|
height: "335",
|
|
913
|
-
alt:
|
|
913
|
+
alt: h.alt,
|
|
914
914
|
loading: "auto",
|
|
915
915
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
916
|
-
}, { srcset:
|
|
916
|
+
}, { srcset: h.srcSet }))
|
|
917
917
|
]),
|
|
918
918
|
_: 3
|
|
919
|
-
})) : (l(),
|
|
919
|
+
})) : (l(), r("div", {
|
|
920
920
|
key: 1,
|
|
921
|
-
class: m(["video-card__wrapper", I(
|
|
921
|
+
class: m(["video-card__wrapper", I(i) === !0 ? "vimeoPlaying" : ""])
|
|
922
922
|
}, [
|
|
923
923
|
S(ee, {
|
|
924
|
-
play: I(
|
|
924
|
+
play: I(i),
|
|
925
925
|
"local-video": !0,
|
|
926
|
-
src:
|
|
927
|
-
"aria-label":
|
|
926
|
+
src: h.videoSrc,
|
|
927
|
+
"aria-label": h.arialabel,
|
|
928
928
|
controls: !1,
|
|
929
|
-
poster:
|
|
929
|
+
poster: h.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(), r("div", da, [
|
|
938
|
+
c(h.$slots, "card-label")
|
|
939
|
+
])) : p("", !0),
|
|
940
|
+
h.variant === "product" ? (l(), r("div", {
|
|
941
941
|
key: 3,
|
|
942
942
|
class: m([
|
|
943
943
|
"card__headline",
|
|
944
|
-
|
|
944
|
+
h.theme === "dark" ? "regular-dark" : "regular-blue"
|
|
945
945
|
]),
|
|
946
946
|
style: { "font-weight": "700" }
|
|
947
|
-
}, n(
|
|
947
|
+
}, n(h.headline), 3)) : (l(), r("div", {
|
|
948
948
|
key: 4,
|
|
949
949
|
class: m([
|
|
950
950
|
"card__headline",
|
|
951
|
-
|
|
951
|
+
h.theme === "dark" ? "regular-dark" : "regular-dark-blue"
|
|
952
952
|
])
|
|
953
|
-
}, n(
|
|
954
|
-
|
|
953
|
+
}, n(h.headline), 3)),
|
|
954
|
+
h.variant === "product" ? (l(), r("p", ca, n(h.paragraph), 1)) : p("", !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"]]), ha = (e) => (E("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ ha(() => /* @__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, i) => (l(), r("div", pa, [
|
|
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, i) => (l(), r("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, i) => (l(), r("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), r(P, null, M(a.facts, (s) => (l(), r("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(), r("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
|
+
])) : p("", !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, i) => (l(), r("div", Ma, [
|
|
1097
1097
|
t("div", Oa, [
|
|
1098
|
-
a.headline ? (l(),
|
|
1098
|
+
a.headline ? (l(), r("div", Fa, [
|
|
1099
1099
|
t("h2", null, n(a.headline), 1)
|
|
1100
|
-
])) :
|
|
1101
|
-
a.body ? (l(),
|
|
1100
|
+
])) : p("", !0),
|
|
1101
|
+
a.body ? (l(), r("div", Ea, [
|
|
1102
1102
|
c(a.$slots, "features-body", {}, void 0, !0)
|
|
1103
|
-
])) :
|
|
1103
|
+
])) : p("", !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), r(P, null, M(a.elements, (s) => (l(), r("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, i) => (l(), r("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, i) => (l(), r("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
|
+
}, ro = {
|
|
1192
1192
|
key: 0,
|
|
1193
1193
|
class: "body"
|
|
1194
|
-
},
|
|
1194
|
+
}, io = /* @__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
|
+
}, i = e, s = V(() => a[i.bgColor]);
|
|
1211
|
+
return (o, u) => (l(), r("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(), r("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
|
+
])) : p("", !0),
|
|
1234
|
+
o.mediaLarge && o.mediaType === "video" ? (l(), r("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
|
+
])) : p("", !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), r(P, null, M(o.mediaSmall, (h) => (l(), r("div", {
|
|
1257
|
+
key: h.src + h.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: h.src,
|
|
1266
|
+
alt: h.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(), r("div", ro, [
|
|
1273
1273
|
t("p", null, n(o.body), 1)
|
|
1274
|
-
])) :
|
|
1274
|
+
])) : p("", !0)
|
|
1275
1275
|
], 6)
|
|
1276
1276
|
], 2)
|
|
1277
1277
|
], 2));
|
|
1278
1278
|
}
|
|
1279
|
-
}), no = /* @__PURE__ */ f(
|
|
1279
|
+
}), no = /* @__PURE__ */ f(io, [["__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, i) => (l(), r("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
|
+
}), ho = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), po = (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__ */ po(() => /* @__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, i) => (l(), r("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, i) => (l(), r("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(), r("div", Do, [
|
|
1374
|
+
e.headline ? (l(), r("h2", Vo, n(e.headline), 1)) : p("", !0),
|
|
1375
|
+
e.body ? (l(), r("p", Co, n(e.body), 1)) : p("", !0)
|
|
1376
|
+
])) : p("", !0),
|
|
1377
1377
|
t("div", To, [
|
|
1378
|
-
(l(!0),
|
|
1378
|
+
(l(!0), r(P, null, M(e.logos, (s) => (l(), r("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
|
+
}, i = V(() => a[s.bgColor]), s = e;
|
|
1428
|
+
return (o, u) => (l(), r("div", {
|
|
1429
|
+
class: m(["micro-stories__wrapper", i.value])
|
|
1430
1430
|
}, [
|
|
1431
1431
|
t("div", Oo, [
|
|
1432
|
-
o.headline ? (l(),
|
|
1432
|
+
o.headline ? (l(), r("div", Fo, [
|
|
1433
1433
|
t("h2", null, n(o.headline), 1)
|
|
1434
|
-
])) :
|
|
1435
|
-
o.body ? (l(),
|
|
1434
|
+
])) : p("", !0),
|
|
1435
|
+
o.body ? (l(), r("div", Eo, [
|
|
1436
1436
|
t("p", null, n(o.body), 1)
|
|
1437
|
-
])) :
|
|
1437
|
+
])) : p("", !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(), r("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, i) => (l(), r("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(), r("div", Jo, [
|
|
1481
|
+
e.headline ? (l(), r("h2", Wo, n(e.headline), 1)) : p("", !0),
|
|
1482
|
+
e.paragraph ? (l(), r("p", Yo, n(e.paragraph), 1)) : p("", !0)
|
|
1483
|
+
])) : p("", !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
|
+
}, i = e, s = V(() => a[i.variant]);
|
|
1511
|
+
return (o, u) => (l(), r("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(), r("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)) : p("", !0),
|
|
1534
|
+
o.mediaType === "video" ? (l(), r("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)) : p("", !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"])) : p("", !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"])) : p("", !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"])) : p("", !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)), rl = { class: "quote__quote" }, il = { 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" }, hl = /* @__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, i) => (l(), r("div", ol, [
|
|
1621
1621
|
t("div", ll, [
|
|
1622
1622
|
sl,
|
|
1623
|
-
t("div",
|
|
1624
|
-
t("p",
|
|
1623
|
+
t("div", rl, [
|
|
1624
|
+
t("p", il, n(e.quote), 1),
|
|
1625
1625
|
t("div", nl, [
|
|
1626
|
-
e.authorImage ? (l(),
|
|
1626
|
+
e.authorImage ? (l(), r("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
|
+
])) : p("", !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
|
+
}), pl = /* @__PURE__ */ f(hl, [["__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, i) => (l(), r("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"])) : p("", !0),
|
|
1678
|
+
a.headline ? (l(), r("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)) : p("", !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(), r("div", vl, [
|
|
1699
1699
|
c(a.$slots, "rich-text-links")
|
|
1700
|
-
])) :
|
|
1700
|
+
])) : p("", !0)
|
|
1701
1701
|
], 2),
|
|
1702
|
-
a.bulletList ? (l(),
|
|
1702
|
+
a.bulletList ? (l(), r("div", fl, [
|
|
1703
1703
|
c(a.$slots, "rich-text-bullet-list")
|
|
1704
|
-
])) :
|
|
1705
|
-
a.image ? (l(),
|
|
1704
|
+
])) : p("", !0),
|
|
1705
|
+
a.image ? (l(), r("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)) : p("", !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(), r("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"), i = 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"), i.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
|
+
i.observe(s);
|
|
1765
1765
|
});
|
|
1766
|
-
}), (a,
|
|
1766
|
+
}), (a, i) => (l(), r("div", Ll, [
|
|
1767
1767
|
t("div", Dl, [
|
|
1768
1768
|
t("div", Vl, [
|
|
1769
|
-
(l(!0),
|
|
1769
|
+
(l(!0), r(P, null, M(e.timelineItems, (s) => (l(), r("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) : p("", !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, i) => (l(), r("div", Fl, [
|
|
1813
1813
|
t("div", El, [
|
|
1814
|
-
e.headline ? (l(),
|
|
1814
|
+
e.headline ? (l(), r("h2", Rl, n(e.headline), 1)) : p("", !0),
|
|
1815
1815
|
c(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
1816
|
-
e.description ? (l(),
|
|
1816
|
+
e.description ? (l(), r("p", Hl, n(e.description), 1)) : p("", !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-hero-wrapper" }, Ul = { class: "academy-hero__content" }, Kl = { class: "academy-hero__title" }, Gl = { class: "academy-hero__description" }, Jl = {
|
|
1821
1821
|
key: 0,
|
|
1822
|
-
class: "academy-
|
|
1823
|
-
},
|
|
1822
|
+
class: "academy-hero__stats"
|
|
1823
|
+
}, Wl = { class: "academy-hero__stats-row" }, Yl = { class: "academy-hero__stat" }, Ql = { class: "academy-hero__value" }, Zl = { class: "academy-hero__label" }, Xl = { class: "academy-hero__stat" }, xl = { class: "academy-hero__value" }, es = { class: "academy-hero__label" }, ts = { class: "academy-hero__stat" }, as = { class: "academy-hero__value" }, os = { class: "academy-hero__label" }, ls = {
|
|
1824
1824
|
key: 1,
|
|
1825
|
-
class: "academy-
|
|
1826
|
-
},
|
|
1825
|
+
class: "academy-hero__button-wrapper"
|
|
1826
|
+
}, ss = /* @__PURE__ */ g({
|
|
1827
1827
|
__name: "frontpage-hero",
|
|
1828
1828
|
props: {
|
|
1829
1829
|
hero: { default: () => ({
|
|
@@ -1839,35 +1839,33 @@ 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, i) => (l(), r("div", jl, [
|
|
1843
1843
|
t("div", Ul, [
|
|
1844
|
-
t("
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1844
|
+
t("h1", Kl, n(a.hero.headline), 1),
|
|
1845
|
+
t("p", Gl, n(a.hero.description), 1),
|
|
1846
|
+
a.hero.showStats ? (l(), r("div", Jl, [
|
|
1847
|
+
t("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
|
-
|
|
1859
|
-
t("div", ls, n(a.hero.pointsLabel), 1)
|
|
1860
|
-
])
|
|
1849
|
+
t("div", Ql, n(a.hero.lessonValue), 1),
|
|
1850
|
+
t("div", Zl, n(a.hero.lessonLabel), 1)
|
|
1851
|
+
]),
|
|
1852
|
+
t("div", Xl, [
|
|
1853
|
+
t("div", xl, n(a.hero.minutesValue), 1),
|
|
1854
|
+
t("div", es, n(a.hero.minutesLabel), 1)
|
|
1855
|
+
]),
|
|
1856
|
+
t("div", ts, [
|
|
1857
|
+
t("div", as, n(a.hero.pointsValue), 1),
|
|
1858
|
+
t("div", os, n(a.hero.pointsLabel), 1)
|
|
1861
1859
|
])
|
|
1862
|
-
])
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
])
|
|
1860
|
+
])
|
|
1861
|
+
])) : p("", !0),
|
|
1862
|
+
a.hero.showStats ? p("", !0) : (l(), r("div", ls, [
|
|
1863
|
+
c(a.$slots, "button", {}, void 0, !0)
|
|
1864
|
+
]))
|
|
1867
1865
|
])
|
|
1868
1866
|
]));
|
|
1869
1867
|
}
|
|
1870
|
-
}), rs = /* @__PURE__ */ f(
|
|
1868
|
+
}), rs = /* @__PURE__ */ f(ss, [["__scopeId", "data-v-1423c3d5"]]), is = { class: "not-found__wrapper" }, ns = { class: "not-found__content" }, ds = { class: "not-found__headline" }, cs = { class: "not-found__body" }, us = /* @__PURE__ */ g({
|
|
1871
1869
|
__name: "404",
|
|
1872
1870
|
props: {
|
|
1873
1871
|
headline: {
|
|
@@ -1876,16 +1874,16 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1876
1874
|
}
|
|
1877
1875
|
},
|
|
1878
1876
|
setup(e) {
|
|
1879
|
-
return (a,
|
|
1880
|
-
t("div",
|
|
1881
|
-
t("h1",
|
|
1882
|
-
t("div",
|
|
1877
|
+
return (a, i) => (l(), r("div", is, [
|
|
1878
|
+
t("div", ns, [
|
|
1879
|
+
t("h1", ds, n(e.headline), 1),
|
|
1880
|
+
t("div", cs, [
|
|
1883
1881
|
c(a.$slots, "not-found-body", {}, void 0, !0)
|
|
1884
1882
|
])
|
|
1885
1883
|
])
|
|
1886
1884
|
]));
|
|
1887
1885
|
}
|
|
1888
|
-
}),
|
|
1886
|
+
}), _s = /* @__PURE__ */ f(us, [["__scopeId", "data-v-b829ca6c"]]), hs = { class: "filter__wrapper" }, ps = { class: "filter__content" }, ms = { class: "filter__dropdowns" }, vs = { class: "filter__chips" }, fs = /* @__PURE__ */ g({
|
|
1889
1887
|
__name: "filter",
|
|
1890
1888
|
props: {
|
|
1891
1889
|
hasChips: {
|
|
@@ -1899,29 +1897,29 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1899
1897
|
},
|
|
1900
1898
|
emits: ["clearFilters"],
|
|
1901
1899
|
setup(e) {
|
|
1902
|
-
return (a,
|
|
1903
|
-
t("div",
|
|
1904
|
-
t("div",
|
|
1900
|
+
return (a, i) => (l(), r("div", hs, [
|
|
1901
|
+
t("div", ps, [
|
|
1902
|
+
t("div", ms, [
|
|
1905
1903
|
c(a.$slots, "filter-dropdowns")
|
|
1906
1904
|
]),
|
|
1907
|
-
t("div",
|
|
1905
|
+
t("div", vs, [
|
|
1908
1906
|
c(a.$slots, "filter-chips"),
|
|
1909
|
-
e.hasChips ? (l(),
|
|
1907
|
+
e.hasChips ? (l(), r("button", {
|
|
1910
1908
|
key: 0,
|
|
1911
1909
|
class: "filter__clear",
|
|
1912
|
-
onClick:
|
|
1913
|
-
}, n(e.removeAll), 1)) :
|
|
1910
|
+
onClick: i[0] || (i[0] = (s) => a.$emit("clearFilters"))
|
|
1911
|
+
}, n(e.removeAll), 1)) : p("", !0)
|
|
1914
1912
|
])
|
|
1915
1913
|
])
|
|
1916
1914
|
]));
|
|
1917
1915
|
}
|
|
1918
|
-
}),
|
|
1916
|
+
}), gs = /* @__PURE__ */ f(fs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), bs = { class: "footer__wrapper" }, ys = { class: "footer__content" }, $s = { class: "footer__sections" }, ks = { class: "section__title" }, ws = { class: "section__list" }, Ss = { class: "section" }, Bs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ts = { class: "footer__bottom" }, As = { class: "copyright" }, Ps = { class: "footer__policy" }, Ms = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Os = {
|
|
1919
1917
|
key: 0,
|
|
1920
1918
|
class: "footer__social"
|
|
1921
|
-
},
|
|
1919
|
+
}, Fs = ["href", "aria-label"], Es = {
|
|
1922
1920
|
key: 1,
|
|
1923
1921
|
class: "footer__social"
|
|
1924
|
-
},
|
|
1922
|
+
}, Rs = ["href", "aria-label"], Hs = /* @__PURE__ */ g({
|
|
1925
1923
|
__name: "footer",
|
|
1926
1924
|
props: {
|
|
1927
1925
|
language: { default: "" },
|
|
@@ -1934,36 +1932,36 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1934
1932
|
},
|
|
1935
1933
|
emits: ["changeRegionClicked"],
|
|
1936
1934
|
setup(e) {
|
|
1937
|
-
return (a,
|
|
1938
|
-
t("footer",
|
|
1939
|
-
t("div",
|
|
1940
|
-
(l(!0),
|
|
1935
|
+
return (a, i) => (l(), r("div", bs, [
|
|
1936
|
+
t("footer", ys, [
|
|
1937
|
+
t("div", $s, [
|
|
1938
|
+
(l(!0), r(P, null, M(a.footerSections, (s) => (l(), r("div", {
|
|
1941
1939
|
key: s.title,
|
|
1942
1940
|
class: "section"
|
|
1943
1941
|
}, [
|
|
1944
|
-
t("span",
|
|
1942
|
+
t("span", ks, n(s.title), 1),
|
|
1945
1943
|
t("nav", null, [
|
|
1946
|
-
t("ul",
|
|
1944
|
+
t("ul", ws, [
|
|
1947
1945
|
c(a.$slots, "section-links", {
|
|
1948
1946
|
links: s.links
|
|
1949
1947
|
})
|
|
1950
1948
|
])
|
|
1951
1949
|
])
|
|
1952
1950
|
]))), 128)),
|
|
1953
|
-
t("div",
|
|
1954
|
-
|
|
1951
|
+
t("div", Ss, [
|
|
1952
|
+
Bs,
|
|
1955
1953
|
t("address", null, [
|
|
1954
|
+
Is,
|
|
1956
1955
|
qs,
|
|
1957
1956
|
Ls,
|
|
1958
1957
|
Ds,
|
|
1959
|
-
Vs,
|
|
1960
1958
|
S(T, {
|
|
1961
1959
|
class: "footer__contact",
|
|
1962
1960
|
"link-type": "regular_light",
|
|
1963
1961
|
underline: "false"
|
|
1964
1962
|
}, {
|
|
1965
1963
|
default: $(() => [
|
|
1966
|
-
|
|
1964
|
+
Vs
|
|
1967
1965
|
]),
|
|
1968
1966
|
_: 1
|
|
1969
1967
|
}),
|
|
@@ -1973,30 +1971,30 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
1973
1971
|
underline: "false"
|
|
1974
1972
|
}, {
|
|
1975
1973
|
default: $(() => [
|
|
1976
|
-
|
|
1974
|
+
Cs
|
|
1977
1975
|
]),
|
|
1978
1976
|
_: 1
|
|
1979
1977
|
})
|
|
1980
1978
|
])
|
|
1981
1979
|
])
|
|
1982
1980
|
]),
|
|
1983
|
-
t("div",
|
|
1984
|
-
t("p",
|
|
1985
|
-
t("div",
|
|
1981
|
+
t("div", Ts, [
|
|
1982
|
+
t("p", As, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
1983
|
+
t("div", Ps, [
|
|
1986
1984
|
t("button", {
|
|
1987
1985
|
class: "footer__language-switcher",
|
|
1988
|
-
onClick:
|
|
1986
|
+
onClick: i[0] || (i[0] = (s) => a.$emit("changeRegionClicked"))
|
|
1989
1987
|
}, [
|
|
1990
1988
|
t("span", null, [
|
|
1991
|
-
|
|
1989
|
+
Ms,
|
|
1992
1990
|
x(n(a.changeRegion), 1)
|
|
1993
1991
|
])
|
|
1994
1992
|
]),
|
|
1995
1993
|
c(a.$slots, "footer-privacy-link"),
|
|
1996
1994
|
c(a.$slots, "footer-cookie-link")
|
|
1997
1995
|
]),
|
|
1998
|
-
a.language !== "zh" ? (l(),
|
|
1999
|
-
(l(!0),
|
|
1996
|
+
a.language !== "zh" ? (l(), r("div", Os, [
|
|
1997
|
+
(l(!0), r(P, null, M(a.socialMedia, (s) => (l(), C(T, {
|
|
2000
1998
|
key: s.title,
|
|
2001
1999
|
underline: "false",
|
|
2002
2000
|
"link-type": "regular"
|
|
@@ -2012,12 +2010,12 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2012
2010
|
height: "14",
|
|
2013
2011
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2014
2012
|
}, null, 2)
|
|
2015
|
-
], 8,
|
|
2013
|
+
], 8, Fs)
|
|
2016
2014
|
]),
|
|
2017
2015
|
_: 2
|
|
2018
2016
|
}, 1024))), 128))
|
|
2019
|
-
])) : (l(),
|
|
2020
|
-
(l(!0),
|
|
2017
|
+
])) : (l(), r("div", Es, [
|
|
2018
|
+
(l(!0), r(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
|
|
2021
2019
|
key: s.title,
|
|
2022
2020
|
underline: "false",
|
|
2023
2021
|
"link-type": "regular"
|
|
@@ -2033,7 +2031,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2033
2031
|
height: "14",
|
|
2034
2032
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2035
2033
|
}, null, 2)
|
|
2036
|
-
], 8,
|
|
2034
|
+
], 8, Rs)
|
|
2037
2035
|
]),
|
|
2038
2036
|
_: 2
|
|
2039
2037
|
}, 1024))), 128))
|
|
@@ -2042,51 +2040,51 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2042
2040
|
])
|
|
2043
2041
|
]));
|
|
2044
2042
|
}
|
|
2045
|
-
}),
|
|
2043
|
+
}), Ns = /* @__PURE__ */ f(Hs, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), R(), e), zs = { class: "header__wrapper" }, js = { class: "nav-wrapper" }, Us = { class: "mir-link-logo" }, Ks = { class: "main-nav-items" }, Gs = {
|
|
2046
2044
|
key: 0,
|
|
2047
2045
|
id: "menu-dropdown",
|
|
2048
2046
|
ref: "dropdownDiv"
|
|
2049
|
-
},
|
|
2047
|
+
}, Js = {
|
|
2050
2048
|
key: 0,
|
|
2051
2049
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2052
2050
|
alt: "dropdownarrow"
|
|
2053
|
-
},
|
|
2051
|
+
}, Ws = {
|
|
2054
2052
|
key: 1,
|
|
2055
2053
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2056
2054
|
alt: "dropdownarrow",
|
|
2057
2055
|
style: { transform: "rotate(180deg)" }
|
|
2058
|
-
},
|
|
2056
|
+
}, Ys = { class: "dropdown-content" }, Qs = {
|
|
2059
2057
|
key: 1,
|
|
2060
2058
|
class: "nav-search-wrapper"
|
|
2061
|
-
},
|
|
2059
|
+
}, Zs = ["src"], Xs = {
|
|
2062
2060
|
key: 2,
|
|
2063
2061
|
id: "menu-portal-switcher",
|
|
2064
2062
|
class: "portal-switcher-wrapper"
|
|
2065
|
-
},
|
|
2063
|
+
}, xs = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
|
|
2066
2064
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2067
2065
|
alt: "portalswitchericon",
|
|
2068
2066
|
width: "15",
|
|
2069
2067
|
height: "15"
|
|
2070
|
-
}, null, -1)),
|
|
2071
|
-
|
|
2072
|
-
],
|
|
2068
|
+
}, null, -1)), er = [
|
|
2069
|
+
xs
|
|
2070
|
+
], tr = { class: "portal-switcher-content" }, ar = { class: "portal-switcher-links" }, or = ["href"], lr = ["src"], sr = {
|
|
2073
2071
|
key: 3,
|
|
2074
2072
|
id: "menu-profile-dropdown",
|
|
2075
2073
|
class: "profile-dropdown-wrapper"
|
|
2076
|
-
},
|
|
2074
|
+
}, rr = {
|
|
2077
2075
|
key: 0,
|
|
2078
2076
|
class: "profile-dropdown-sign-in"
|
|
2079
|
-
},
|
|
2077
|
+
}, ir = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
|
|
2080
2078
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2081
2079
|
alt: "profiledropdownicon",
|
|
2082
2080
|
width: "15",
|
|
2083
2081
|
height: "15"
|
|
2084
|
-
}, null, -1)),
|
|
2085
|
-
|
|
2086
|
-
],
|
|
2082
|
+
}, null, -1)), nr = [
|
|
2083
|
+
ir
|
|
2084
|
+
], dr = { class: "profile-dropdown-content" }, cr = { class: "mobile-logo-search-burger-wrapper" }, ur = { class: "mobile-mir-link-logo" }, _r = {
|
|
2087
2085
|
key: 0,
|
|
2088
2086
|
class: "mobile-search-wrapper"
|
|
2089
|
-
},
|
|
2087
|
+
}, hr = ["src"], pr = ["src"], mr = { class: "mobile-menu-content-wrapper" }, vr = { class: "mobile-dropdown-content" }, fr = /* @__PURE__ */ g({
|
|
2090
2088
|
__name: "header",
|
|
2091
2089
|
props: {
|
|
2092
2090
|
burgerState: {
|
|
@@ -2137,16 +2135,16 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2137
2135
|
"update:showProfileDropDown",
|
|
2138
2136
|
"clickSearch"
|
|
2139
2137
|
],
|
|
2140
|
-
setup(e, { expose: a, emit:
|
|
2138
|
+
setup(e, { expose: a, emit: i }) {
|
|
2141
2139
|
let s = null;
|
|
2142
2140
|
const o = e;
|
|
2143
|
-
let u = q(o.burgerState),
|
|
2141
|
+
let u = q(o.burgerState), h = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
|
|
2144
2142
|
W(
|
|
2145
2143
|
() => o.burgerState,
|
|
2146
2144
|
(b) => u.value = b
|
|
2147
2145
|
), W(
|
|
2148
2146
|
() => o.search,
|
|
2149
|
-
(b) =>
|
|
2147
|
+
(b) => h.value = b
|
|
2150
2148
|
), W(
|
|
2151
2149
|
() => o.showDropDown,
|
|
2152
2150
|
(b) => _.value = b
|
|
@@ -2166,7 +2164,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2166
2164
|
}), Be(() => {
|
|
2167
2165
|
s !== null && window.removeEventListener("click", s);
|
|
2168
2166
|
});
|
|
2169
|
-
const L =
|
|
2167
|
+
const L = i;
|
|
2170
2168
|
function oe() {
|
|
2171
2169
|
_.value = !_.value, L("update:showDropDown", _.value);
|
|
2172
2170
|
}
|
|
@@ -2176,39 +2174,39 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2176
2174
|
function se() {
|
|
2177
2175
|
v.value = !v.value, L("update:showProfileDropDown", v.value);
|
|
2178
2176
|
}
|
|
2179
|
-
function
|
|
2177
|
+
function re() {
|
|
2180
2178
|
u.value = !u.value, L("update:burgerState", u.value);
|
|
2181
2179
|
}
|
|
2182
2180
|
let G = q(null), Z = q(null);
|
|
2183
|
-
function
|
|
2181
|
+
function ie() {
|
|
2184
2182
|
G.value && G.value.blur();
|
|
2185
2183
|
}
|
|
2186
2184
|
return a({
|
|
2187
|
-
defocusSearchButton:
|
|
2188
|
-
}), (b, N) => (l(),
|
|
2185
|
+
defocusSearchButton: ie
|
|
2186
|
+
}), (b, N) => (l(), r("div", zs, [
|
|
2189
2187
|
t("nav", null, [
|
|
2190
|
-
t("div",
|
|
2191
|
-
t("div",
|
|
2188
|
+
t("div", js, [
|
|
2189
|
+
t("div", Us, [
|
|
2192
2190
|
c(b.$slots, "link-logo", {}, void 0, !0)
|
|
2193
2191
|
]),
|
|
2194
|
-
t("ul",
|
|
2192
|
+
t("ul", Ks, [
|
|
2195
2193
|
c(b.$slots, "main-nav-items", {}, void 0, !0)
|
|
2196
2194
|
]),
|
|
2197
|
-
e.useDropdown ? (l(),
|
|
2195
|
+
e.useDropdown ? (l(), r("div", Gs, [
|
|
2198
2196
|
t("button", {
|
|
2199
2197
|
class: "nav-dropdown-btn",
|
|
2200
2198
|
onClick: oe
|
|
2201
2199
|
}, [
|
|
2202
2200
|
c(b.$slots, "dropdown-title", {}, void 0, !0),
|
|
2203
|
-
I(_) === !1 ? (l(),
|
|
2201
|
+
I(_) === !1 ? (l(), r("img", Js)) : (l(), r("img", Ws))
|
|
2204
2202
|
]),
|
|
2205
|
-
K(t("div",
|
|
2203
|
+
K(t("div", Ys, [
|
|
2206
2204
|
c(b.$slots, "dropdown-links", {}, void 0, !0)
|
|
2207
2205
|
], 512), [
|
|
2208
2206
|
[Y, I(_)]
|
|
2209
2207
|
])
|
|
2210
|
-
], 512)) :
|
|
2211
|
-
I(
|
|
2208
|
+
], 512)) : p("", !0),
|
|
2209
|
+
I(h) ? (l(), r("div", Qs, [
|
|
2212
2210
|
t("button", {
|
|
2213
2211
|
ref_key: "navSearchButton",
|
|
2214
2212
|
ref: G,
|
|
@@ -2223,17 +2221,17 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2223
2221
|
alt: "search icon",
|
|
2224
2222
|
width: "20",
|
|
2225
2223
|
height: "20"
|
|
2226
|
-
}, null, 8,
|
|
2224
|
+
}, null, 8, Zs)
|
|
2227
2225
|
], 512)
|
|
2228
|
-
])) :
|
|
2229
|
-
e.usePortalSwitcher ? (l(),
|
|
2226
|
+
])) : p("", !0),
|
|
2227
|
+
e.usePortalSwitcher ? (l(), r("div", Xs, [
|
|
2230
2228
|
t("button", {
|
|
2231
2229
|
class: "nav-portal-switcher-btn",
|
|
2232
2230
|
onClick: le
|
|
2233
|
-
},
|
|
2234
|
-
K(t("div",
|
|
2235
|
-
t("ul",
|
|
2236
|
-
(l(!0),
|
|
2231
|
+
}, er),
|
|
2232
|
+
K(t("div", tr, [
|
|
2233
|
+
t("ul", ar, [
|
|
2234
|
+
(l(!0), r(P, null, M(e.portals, (U, O) => (l(), r("li", {
|
|
2237
2235
|
key: O,
|
|
2238
2236
|
class: "portal-switcher-link"
|
|
2239
2237
|
}, [
|
|
@@ -2245,9 +2243,9 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2245
2243
|
}, [
|
|
2246
2244
|
t("img", {
|
|
2247
2245
|
src: U.icon
|
|
2248
|
-
}, null, 8,
|
|
2246
|
+
}, null, 8, lr),
|
|
2249
2247
|
t("div", null, n(U.name), 1)
|
|
2250
|
-
], 8,
|
|
2248
|
+
], 8, or)
|
|
2251
2249
|
]),
|
|
2252
2250
|
_: 2
|
|
2253
2251
|
}, 1024)
|
|
@@ -2256,31 +2254,31 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2256
2254
|
], 512), [
|
|
2257
2255
|
[Y, I(B)]
|
|
2258
2256
|
])
|
|
2259
|
-
])) :
|
|
2260
|
-
e.useProfileDropdown ? (l(),
|
|
2261
|
-
I(w) ?
|
|
2257
|
+
])) : p("", !0),
|
|
2258
|
+
e.useProfileDropdown ? (l(), r("div", sr, [
|
|
2259
|
+
I(w) ? p("", !0) : (l(), r("div", rr, [
|
|
2262
2260
|
c(b.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2263
2261
|
])),
|
|
2264
|
-
I(w) ? (l(),
|
|
2262
|
+
I(w) ? (l(), r("button", {
|
|
2265
2263
|
key: 1,
|
|
2266
2264
|
class: "nav-profile-dropdown-btn",
|
|
2267
2265
|
onClick: se
|
|
2268
|
-
},
|
|
2269
|
-
K(t("div",
|
|
2266
|
+
}, nr)) : p("", !0),
|
|
2267
|
+
K(t("div", dr, [
|
|
2270
2268
|
c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2271
2269
|
], 512), [
|
|
2272
2270
|
[Y, I(v)]
|
|
2273
2271
|
])
|
|
2274
|
-
])) :
|
|
2272
|
+
])) : p("", !0)
|
|
2275
2273
|
]),
|
|
2276
2274
|
t("div", {
|
|
2277
2275
|
class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2278
2276
|
}, [
|
|
2279
|
-
t("div",
|
|
2280
|
-
t("div",
|
|
2277
|
+
t("div", cr, [
|
|
2278
|
+
t("div", ur, [
|
|
2281
2279
|
c(b.$slots, "link-logo", {}, void 0, !0)
|
|
2282
2280
|
]),
|
|
2283
|
-
I(
|
|
2281
|
+
I(h) ? (l(), r("div", _r, [
|
|
2284
2282
|
t("button", {
|
|
2285
2283
|
ref_key: "mobileSearchButton",
|
|
2286
2284
|
ref: Z,
|
|
@@ -2296,27 +2294,27 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2296
2294
|
alt: "search icon",
|
|
2297
2295
|
width: "20",
|
|
2298
2296
|
height: "20"
|
|
2299
|
-
}, null, 8,
|
|
2297
|
+
}, null, 8, hr)
|
|
2300
2298
|
], 512)
|
|
2301
|
-
])) :
|
|
2299
|
+
])) : p("", !0),
|
|
2302
2300
|
t("button", {
|
|
2303
2301
|
class: "mobile-burger-wrapper",
|
|
2304
2302
|
"aria-label": "Toggle menu",
|
|
2305
|
-
onClick:
|
|
2303
|
+
onClick: he(re, ["prevent"])
|
|
2306
2304
|
}, [
|
|
2307
2305
|
t("img", {
|
|
2308
2306
|
width: "20",
|
|
2309
2307
|
height: "20",
|
|
2310
2308
|
alt: "burger menu line icon",
|
|
2311
2309
|
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"
|
|
2312
|
-
}, null, 8,
|
|
2310
|
+
}, null, 8, pr)
|
|
2313
2311
|
])
|
|
2314
2312
|
]),
|
|
2315
|
-
K(t("div",
|
|
2313
|
+
K(t("div", mr, [
|
|
2316
2314
|
t("ul", null, [
|
|
2317
2315
|
c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2318
2316
|
]),
|
|
2319
|
-
t("ul",
|
|
2317
|
+
t("ul", vr, [
|
|
2320
2318
|
c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2321
2319
|
c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2322
2320
|
])
|
|
@@ -2327,7 +2325,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2327
2325
|
])
|
|
2328
2326
|
]));
|
|
2329
2327
|
}
|
|
2330
|
-
}),
|
|
2328
|
+
}), gr = /* @__PURE__ */ f(fr, [["__scopeId", "data-v-766d3c80"]]), br = { class: "language__wrapper" }, yr = { class: "language__content" }, $r = { class: "language__headline" }, kr = { class: "language__paragraph" }, wr = { class: "language__links" }, Sr = /* @__PURE__ */ g({
|
|
2331
2329
|
__name: "language-switcher",
|
|
2332
2330
|
props: {
|
|
2333
2331
|
headline: {
|
|
@@ -2340,17 +2338,17 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2340
2338
|
}
|
|
2341
2339
|
},
|
|
2342
2340
|
setup(e) {
|
|
2343
|
-
return (a,
|
|
2344
|
-
t("div",
|
|
2345
|
-
t("h2",
|
|
2346
|
-
t("p",
|
|
2347
|
-
t("div",
|
|
2341
|
+
return (a, i) => (l(), r("div", br, [
|
|
2342
|
+
t("div", yr, [
|
|
2343
|
+
t("h2", $r, n(e.headline), 1),
|
|
2344
|
+
t("p", kr, n(e.paragraph), 1),
|
|
2345
|
+
t("div", wr, [
|
|
2348
2346
|
c(a.$slots, "language-links", {}, void 0, !0)
|
|
2349
2347
|
])
|
|
2350
2348
|
])
|
|
2351
2349
|
]));
|
|
2352
2350
|
}
|
|
2353
|
-
}),
|
|
2351
|
+
}), Br = /* @__PURE__ */ f(Sr, [["__scopeId", "data-v-dc8cc97e"]]), Ir = { class: "pagination__wrapper" }, qr = { class: "pagination__content" }, Lr = /* @__PURE__ */ g({
|
|
2354
2352
|
__name: "pagination",
|
|
2355
2353
|
props: {
|
|
2356
2354
|
isPreviousDisabled: {
|
|
@@ -2364,37 +2362,37 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
|
|
|
2364
2362
|
},
|
|
2365
2363
|
emits: ["previous", "next"],
|
|
2366
2364
|
setup(e) {
|
|
2367
|
-
return (a,
|
|
2368
|
-
t("div",
|
|
2365
|
+
return (a, i) => (l(), r("div", Ir, [
|
|
2366
|
+
t("div", qr, [
|
|
2369
2367
|
S(ae, {
|
|
2370
2368
|
disabled: e.isPreviousDisabled,
|
|
2371
2369
|
variant: "previous",
|
|
2372
2370
|
"aria-label": "previous",
|
|
2373
|
-
onClick:
|
|
2371
|
+
onClick: i[0] || (i[0] = (s) => a.$emit("previous"))
|
|
2374
2372
|
}, null, 8, ["disabled"]),
|
|
2375
2373
|
c(a.$slots, "pagination-numbers"),
|
|
2376
2374
|
S(ae, {
|
|
2377
2375
|
disabled: e.isNextDisabled,
|
|
2378
2376
|
variant: "next",
|
|
2379
2377
|
"aria-label": "next",
|
|
2380
|
-
onClick:
|
|
2378
|
+
onClick: i[1] || (i[1] = (s) => a.$emit("next"))
|
|
2381
2379
|
}, null, 8, ["disabled"])
|
|
2382
2380
|
])
|
|
2383
2381
|
]));
|
|
2384
2382
|
}
|
|
2385
|
-
}),
|
|
2386
|
-
function
|
|
2387
|
-
return l(),
|
|
2383
|
+
}), Dr = /* @__PURE__ */ f(Lr, [["__scopeId", "data-v-da6d07c9"]]), Vr = {}, Cr = { class: "search__wrapper" };
|
|
2384
|
+
function Tr(e, a) {
|
|
2385
|
+
return l(), r("div", Cr, [
|
|
2388
2386
|
c(e.$slots, "default", { class: "search__content" })
|
|
2389
2387
|
]);
|
|
2390
2388
|
}
|
|
2391
|
-
const
|
|
2389
|
+
const Ar = /* @__PURE__ */ f(Vr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3"]]), Pr = { class: "product-hero__wrapper" }, Mr = { class: "product-hero__content" }, Or = { class: "product-hero__headline" }, Fr = { class: "product-hero__video" }, Er = { class: "product-hero__insignia" }, Rr = {
|
|
2392
2390
|
key: 0,
|
|
2393
2391
|
class: "product-hero__logo"
|
|
2394
|
-
},
|
|
2392
|
+
}, Hr = {
|
|
2395
2393
|
key: 1,
|
|
2396
2394
|
class: "product-hero__certification"
|
|
2397
|
-
},
|
|
2395
|
+
}, Nr = /* @__PURE__ */ g({
|
|
2398
2396
|
__name: "product-hero",
|
|
2399
2397
|
props: {
|
|
2400
2398
|
headline: {
|
|
@@ -2429,10 +2427,10 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2429
2427
|
}
|
|
2430
2428
|
},
|
|
2431
2429
|
setup(e) {
|
|
2432
|
-
return (a,
|
|
2433
|
-
t("div",
|
|
2434
|
-
t("div",
|
|
2435
|
-
t("div",
|
|
2430
|
+
return (a, i) => (l(), r("div", Pr, [
|
|
2431
|
+
t("div", Mr, [
|
|
2432
|
+
t("div", Or, n(e.headline), 1),
|
|
2433
|
+
t("div", Fr, [
|
|
2436
2434
|
e.videoSrc !== "" ? (l(), C(ee, {
|
|
2437
2435
|
key: 0,
|
|
2438
2436
|
play: "",
|
|
@@ -2450,29 +2448,29 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2450
2448
|
]),
|
|
2451
2449
|
_: 3
|
|
2452
2450
|
})),
|
|
2453
|
-
t("div",
|
|
2454
|
-
e.logoSrc ? (l(),
|
|
2451
|
+
t("div", Er, [
|
|
2452
|
+
e.logoSrc ? (l(), r("div", Rr, [
|
|
2455
2453
|
S(I(A), null, {
|
|
2456
2454
|
default: $(() => [
|
|
2457
2455
|
c(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
2458
2456
|
]),
|
|
2459
2457
|
_: 3
|
|
2460
2458
|
})
|
|
2461
|
-
])) :
|
|
2462
|
-
e.isCertified ? (l(),
|
|
2459
|
+
])) : p("", !0),
|
|
2460
|
+
e.isCertified ? (l(), r("div", Hr, [
|
|
2463
2461
|
S(I(A), null, {
|
|
2464
2462
|
default: $(() => [
|
|
2465
2463
|
c(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
2466
2464
|
]),
|
|
2467
2465
|
_: 3
|
|
2468
2466
|
})
|
|
2469
|
-
])) :
|
|
2467
|
+
])) : p("", !0)
|
|
2470
2468
|
])
|
|
2471
2469
|
])
|
|
2472
2470
|
])
|
|
2473
2471
|
]));
|
|
2474
2472
|
}
|
|
2475
|
-
}),
|
|
2473
|
+
}), zr = /* @__PURE__ */ f(Nr, [["__scopeId", "data-v-deab9c3a"]]), jr = { class: "promo__content" }, Ur = { class: "pallet-jack__media-wrap" }, Kr = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Jr = { class: "pallet-jack__media-wrap__content-wrap" }, Wr = { class: "regular-blue" }, Yr = /* @__PURE__ */ g({
|
|
2476
2474
|
__name: "pallet-jack",
|
|
2477
2475
|
props: {
|
|
2478
2476
|
label: { default: "" },
|
|
@@ -2490,30 +2488,30 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2490
2488
|
dark: "promo__wrapper--dark",
|
|
2491
2489
|
light: "promo__wrapper--light",
|
|
2492
2490
|
default: "promo__wrapper--default"
|
|
2493
|
-
},
|
|
2494
|
-
return (o, u) => (l(),
|
|
2491
|
+
}, i = e, s = V(() => a[i.variant]);
|
|
2492
|
+
return (o, u) => (l(), r("div", {
|
|
2495
2493
|
class: m([
|
|
2496
2494
|
"promo__wrapper",
|
|
2497
2495
|
s.value,
|
|
2498
2496
|
o.teaser ? "promo__wrapper--teaser" : ""
|
|
2499
2497
|
])
|
|
2500
2498
|
}, [
|
|
2501
|
-
t("div",
|
|
2499
|
+
t("div", jr, [
|
|
2502
2500
|
t("div", {
|
|
2503
2501
|
class: m([
|
|
2504
2502
|
"promo__video",
|
|
2505
2503
|
o.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2506
2504
|
])
|
|
2507
2505
|
}, [
|
|
2508
|
-
t("div",
|
|
2509
|
-
t("div",
|
|
2506
|
+
t("div", Ur, [
|
|
2507
|
+
t("div", Kr, [
|
|
2510
2508
|
c(o.$slots, "pallet-jack-link")
|
|
2511
2509
|
]),
|
|
2512
|
-
t("div",
|
|
2510
|
+
t("div", Gr, [
|
|
2513
2511
|
c(o.$slots, "pallet-jack-video")
|
|
2514
2512
|
]),
|
|
2515
|
-
t("div",
|
|
2516
|
-
t("h3",
|
|
2513
|
+
t("div", Jr, [
|
|
2514
|
+
t("h3", Wr, n(o.headline), 1),
|
|
2517
2515
|
t("p", null, n(o.shortDescription), 1)
|
|
2518
2516
|
])
|
|
2519
2517
|
])
|
|
@@ -2528,7 +2526,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2528
2526
|
key: 0,
|
|
2529
2527
|
text: o.label,
|
|
2530
2528
|
"label-dark": o.variant === "dark"
|
|
2531
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
2529
|
+
}, null, 8, ["text", "label-dark"])) : p("", !0),
|
|
2532
2530
|
t("div", {
|
|
2533
2531
|
class: m([
|
|
2534
2532
|
"promo__title",
|
|
@@ -2546,7 +2544,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2546
2544
|
c(o.$slots, "promo-link")
|
|
2547
2545
|
]),
|
|
2548
2546
|
_: 3
|
|
2549
|
-
}, 8, ["link-type"])) :
|
|
2547
|
+
}, 8, ["link-type"])) : p("", !0),
|
|
2550
2548
|
o.linkType === "button" ? (l(), C(T, {
|
|
2551
2549
|
key: 2,
|
|
2552
2550
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
@@ -2555,14 +2553,14 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
|
|
|
2555
2553
|
c(o.$slots, "promo-link")
|
|
2556
2554
|
]),
|
|
2557
2555
|
_: 3
|
|
2558
|
-
}, 8, ["link-type"])) :
|
|
2556
|
+
}, 8, ["link-type"])) : p("", !0)
|
|
2559
2557
|
], 2)
|
|
2560
2558
|
])
|
|
2561
2559
|
], 2));
|
|
2562
2560
|
}
|
|
2563
|
-
}),
|
|
2561
|
+
}), Qr = /* @__PURE__ */ f(Yr, [["__scopeId", "data-v-00c0bad3"]]), Xr = {
|
|
2564
2562
|
install: (e) => {
|
|
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",
|
|
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", ia), 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", ho), 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", zr), e.component("BlockPromo", tl), e.component("BlockQuote", pl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Qr), e.component("BlockFrontPageHero", rs), e.component("Organism404", _s), e.component("OrganismFilter", gs), e.component("OrganismFooter", Ns), e.component("OrganismHeader", gr), e.component("OrganismLanguageSwitcher", Br), e.component("OrganismPagination", Dr), e.component("OrganismSearch", Ar);
|
|
2566
2564
|
}
|
|
2567
2565
|
};
|
|
2568
2566
|
export {
|
|
@@ -2584,33 +2582,33 @@ export {
|
|
|
2584
2582
|
za as BlockFeatures,
|
|
2585
2583
|
Qa as BlockFormScript,
|
|
2586
2584
|
rs as BlockFrontPageHero,
|
|
2587
|
-
|
|
2585
|
+
ho as BlockHeadline,
|
|
2588
2586
|
Io as BlockHero,
|
|
2589
2587
|
ao as BlockImage,
|
|
2590
2588
|
no as BlockImageGallery,
|
|
2591
2589
|
Mo as BlockLogoWall,
|
|
2592
2590
|
Ho as BlockMicroStories,
|
|
2593
|
-
|
|
2591
|
+
Qr as BlockPalletJack,
|
|
2594
2592
|
Ko as BlockPolicy,
|
|
2595
|
-
|
|
2593
|
+
zr as BlockProductHero,
|
|
2596
2594
|
tl as BlockPromo,
|
|
2597
|
-
|
|
2595
|
+
pl as BlockQuote,
|
|
2598
2596
|
bl as BlockRichText,
|
|
2599
2597
|
Il as BlockRichTextColumns,
|
|
2600
2598
|
Ol as BlockTimeline,
|
|
2601
2599
|
zl as BlockVimeo,
|
|
2602
2600
|
aa as MoleculeAddress,
|
|
2603
|
-
|
|
2601
|
+
ia as MoleculeBulletList,
|
|
2604
2602
|
_a as MoleculeCard,
|
|
2605
2603
|
ya as MoleculeEventCard,
|
|
2606
2604
|
ve as MoleculeModal,
|
|
2607
2605
|
Ba as MoleculeTextCard,
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2606
|
+
_s as Organism404,
|
|
2607
|
+
gs as OrganismFilter,
|
|
2608
|
+
Ns as OrganismFooter,
|
|
2609
|
+
gr as OrganismHeader,
|
|
2610
|
+
Br as OrganismLanguageSwitcher,
|
|
2611
|
+
Dr as OrganismPagination,
|
|
2612
|
+
Ar as OrganismSearch,
|
|
2613
|
+
Xr as default
|
|
2616
2614
|
};
|