@mirweb/mir-web-components 1.5.2 → 1.6.0
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.
- package/dist/components/blocks/accordion/accordion.vue.d.ts +1 -1
- package/dist/components/blocks/column-grid/column-grid.vue.d.ts +5 -0
- package/dist/components/blocks/column-grid/column-grid.vue.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/main.d.ts +3 -1
- package/dist/components/molecules/column-card/column-card.vue.d.ts +5 -0
- package/dist/components/molecules/column-card/column-card.vue.d.ts.map +1 -0
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +833 -760
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as g, computed as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as g, computed as L, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as u, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as P, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as D, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
|
|
2
|
+
const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -14,18 +14,18 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
14
14
|
close: "close",
|
|
15
15
|
next: "next",
|
|
16
16
|
previous: "previous"
|
|
17
|
-
}, r = e,
|
|
18
|
-
return (l,
|
|
19
|
-
class: m(["button", "button--" +
|
|
17
|
+
}, r = e, s = L(() => a[r.variant]);
|
|
18
|
+
return (l, c) => (o(), i("button", {
|
|
19
|
+
class: m(["button", "button--" + s.value]),
|
|
20
20
|
"aria-label": l.ariaLabel
|
|
21
|
-
}, d(
|
|
21
|
+
}, d(s.value === "close" ? "" : l.buttonText), 11, Ce));
|
|
22
22
|
}
|
|
23
23
|
}), f = (e, a) => {
|
|
24
24
|
const r = e.__vccOpts || e;
|
|
25
|
-
for (const [
|
|
26
|
-
r[
|
|
25
|
+
for (const [s, l] of a)
|
|
26
|
+
r[s] = l;
|
|
27
27
|
return r;
|
|
28
|
-
},
|
|
28
|
+
}, le = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Pe = /* @__PURE__ */ g({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
31
31
|
name: { default: "checkbox" },
|
|
@@ -37,11 +37,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
37
37
|
},
|
|
38
38
|
emits: ["input"],
|
|
39
39
|
setup(e, { emit: a }) {
|
|
40
|
-
const r = a,
|
|
41
|
-
const
|
|
42
|
-
r("input",
|
|
40
|
+
const r = a, s = (l) => {
|
|
41
|
+
const c = l.target;
|
|
42
|
+
r("input", c.checked);
|
|
43
43
|
};
|
|
44
|
-
return (l,
|
|
44
|
+
return (l, c) => (o(), i("div", {
|
|
45
45
|
class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
|
|
46
46
|
}, [
|
|
47
47
|
t("input", {
|
|
@@ -53,18 +53,18 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
53
53
|
required: l.required,
|
|
54
54
|
checked: l.checked,
|
|
55
55
|
class: "checkbox__checkbox",
|
|
56
|
-
onChange:
|
|
56
|
+
onChange: s
|
|
57
57
|
}, null, 40, De),
|
|
58
58
|
t("label", {
|
|
59
59
|
for: l.id,
|
|
60
60
|
class: m(["checkbox__label", l.required ? "required" : ""])
|
|
61
61
|
}, [
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
], 10,
|
|
62
|
+
Ve,
|
|
63
|
+
u(l.$slots, "default", {}, void 0, !0)
|
|
64
|
+
], 10, Te)
|
|
65
65
|
], 2));
|
|
66
66
|
}
|
|
67
|
-
}), me = /* @__PURE__ */ f(
|
|
67
|
+
}), me = /* @__PURE__ */ f(Pe, [["__scopeId", "data-v-0c4c6d8e"]]), Me = (e) => (H("data-v-08813346"), e = e(), R(), e), Fe = ["aria-label"], Oe = /* @__PURE__ */ Me(() => /* @__PURE__ */ t("img", {
|
|
68
68
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
69
69
|
alt: "close",
|
|
70
70
|
class: "close-icon"
|
|
@@ -75,21 +75,21 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
75
75
|
},
|
|
76
76
|
emits: ["remove-chip"],
|
|
77
77
|
setup(e) {
|
|
78
|
-
const a = e, r =
|
|
79
|
-
return (
|
|
78
|
+
const a = e, r = L(() => `Chip: ${a.text}`);
|
|
79
|
+
return (s, l) => (o(), i("div", {
|
|
80
80
|
class: "chip__wrapper",
|
|
81
|
-
onClick: l[0] || (l[0] = (
|
|
81
|
+
onClick: l[0] || (l[0] = (c) => s.$emit("remove-chip"))
|
|
82
82
|
}, [
|
|
83
83
|
t("span", {
|
|
84
84
|
class: "chip",
|
|
85
85
|
"aria-label": r.value
|
|
86
86
|
}, [
|
|
87
|
-
G(d(
|
|
87
|
+
G(d(s.text) + " ", 1),
|
|
88
88
|
Oe
|
|
89
|
-
], 8,
|
|
89
|
+
], 8, Fe)
|
|
90
90
|
]));
|
|
91
91
|
}
|
|
92
|
-
}),
|
|
92
|
+
}), He = /* @__PURE__ */ f(ze, [["__scopeId", "data-v-08813346"]]), Re = ["value"], Ne = ["id"], Ee = { class: "listbox__dropdown" }, je = ["id", "aria-labelledby", "aria-disabled"], Ke = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ge = /* @__PURE__ */ g({
|
|
93
93
|
__name: "dropdown",
|
|
94
94
|
props: {
|
|
95
95
|
modelValue: {},
|
|
@@ -107,55 +107,55 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
107
107
|
const r = {
|
|
108
108
|
primary: "dropdown-dark-bg-primary",
|
|
109
109
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
110
|
-
},
|
|
111
|
-
const h =
|
|
112
|
-
(
|
|
110
|
+
}, s = e, l = L(() => r[s.variant]), c = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = a, se = L(() => {
|
|
111
|
+
const h = s.options.find(
|
|
112
|
+
(B) => B.value === s.modelValue
|
|
113
113
|
);
|
|
114
114
|
return h && h.label;
|
|
115
115
|
});
|
|
116
116
|
function ie(h) {
|
|
117
|
-
|
|
117
|
+
te("update:modelValue", h);
|
|
118
118
|
}
|
|
119
119
|
function re(h) {
|
|
120
|
-
var
|
|
121
|
-
const
|
|
122
|
-
|
|
120
|
+
var C;
|
|
121
|
+
const B = h.target;
|
|
122
|
+
B.getAttribute("role") === "option" && (J(B), oe(), (C = c.value) == null || C.focus());
|
|
123
123
|
}
|
|
124
124
|
function U(h) {
|
|
125
|
-
var
|
|
126
|
-
const
|
|
127
|
-
switch (
|
|
125
|
+
var C;
|
|
126
|
+
const B = h.key;
|
|
127
|
+
switch (B) {
|
|
128
128
|
case "ArrowUp":
|
|
129
129
|
case "ArrowDown": {
|
|
130
130
|
h.preventDefault();
|
|
131
|
-
const
|
|
132
|
-
(W) => W.value ===
|
|
131
|
+
const A = s.options.findIndex(
|
|
132
|
+
(W) => W.value === s.modelValue
|
|
133
133
|
);
|
|
134
|
-
let z =
|
|
135
|
-
|
|
134
|
+
let z = A ? _.value[A] : _.value[0];
|
|
135
|
+
B === "ArrowUp" ? A - 1 >= 0 && (z = _.value[A - 1]) : A + 1 <= s.options.length && (z = _.value[A + 1]), z && J(z);
|
|
136
136
|
break;
|
|
137
137
|
}
|
|
138
138
|
case "Home":
|
|
139
139
|
case "PageUp":
|
|
140
|
-
h.preventDefault(),
|
|
140
|
+
h.preventDefault(), N();
|
|
141
141
|
break;
|
|
142
142
|
case "End":
|
|
143
143
|
case "PageDown":
|
|
144
|
-
h.preventDefault(),
|
|
144
|
+
h.preventDefault(), ye();
|
|
145
145
|
break;
|
|
146
146
|
case "Enter":
|
|
147
147
|
case "Escape":
|
|
148
|
-
h.preventDefault(),
|
|
148
|
+
h.preventDefault(), oe(), (C = c.value) == null || C.focus();
|
|
149
149
|
break;
|
|
150
150
|
default: {
|
|
151
|
-
const
|
|
152
|
-
|
|
151
|
+
const A = E(B);
|
|
152
|
+
A && J(A);
|
|
153
153
|
break;
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
function
|
|
158
|
-
if (!
|
|
157
|
+
function ae(h) {
|
|
158
|
+
if (!s.disabled)
|
|
159
159
|
switch (h.key) {
|
|
160
160
|
case "ArrowUp":
|
|
161
161
|
case "ArrowDown":
|
|
@@ -171,62 +171,62 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
171
171
|
v.value = "", b.value = 0;
|
|
172
172
|
}, 500);
|
|
173
173
|
}
|
|
174
|
-
function
|
|
175
|
-
let
|
|
176
|
-
(v.value === "" ||
|
|
177
|
-
(
|
|
178
|
-
)), v.value =
|
|
179
|
-
let
|
|
174
|
+
function E(h) {
|
|
175
|
+
let B = "";
|
|
176
|
+
(v.value === "" || B !== h) && (w.value = s.options.findIndex(
|
|
177
|
+
(A) => A.value === s.modelValue
|
|
178
|
+
)), v.value = B === h ? h : v.value + h, B = h, $();
|
|
179
|
+
let C = j(
|
|
180
180
|
w.value + 1,
|
|
181
|
-
|
|
181
|
+
s.options.length
|
|
182
182
|
);
|
|
183
|
-
return !
|
|
183
|
+
return !C && v.value.length === 1 && (C = j(0, w.value)), w.value = (w.value + 1) % s.options.length, C;
|
|
184
184
|
}
|
|
185
|
-
function j(h,
|
|
186
|
-
for (let
|
|
187
|
-
if (
|
|
188
|
-
return _.value[
|
|
185
|
+
function j(h, B) {
|
|
186
|
+
for (let C = h; C < B; C++)
|
|
187
|
+
if (s.options[C].label && s.options[C].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
|
|
188
|
+
return _.value[C];
|
|
189
189
|
return null;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
191
|
+
function N() {
|
|
192
192
|
J(_.value[0]);
|
|
193
193
|
}
|
|
194
194
|
function J(h) {
|
|
195
|
-
var
|
|
196
|
-
const
|
|
197
|
-
if (
|
|
198
|
-
const z =
|
|
199
|
-
(
|
|
195
|
+
var C, A;
|
|
196
|
+
const B = h.getAttribute("data-value");
|
|
197
|
+
if (s.modelValue) {
|
|
198
|
+
const z = s.options.findIndex(
|
|
199
|
+
(ke) => ke.value === s.modelValue
|
|
200
200
|
), W = _.value[z];
|
|
201
201
|
ne(W);
|
|
202
202
|
}
|
|
203
|
-
if (h.setAttribute("aria-selected", "true"), (
|
|
203
|
+
if (h.setAttribute("aria-selected", "true"), (C = n.value) == null || C.setAttribute(
|
|
204
204
|
"aria-activedescendant",
|
|
205
|
-
|
|
206
|
-
), ie(
|
|
205
|
+
B || ""
|
|
206
|
+
), ie(B || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
|
|
207
207
|
const z = n.value.clientHeight + n.value.scrollTop, W = h.offsetTop + h.offsetHeight;
|
|
208
|
-
W > z ? n.value.scrollTop = W - ((
|
|
208
|
+
W > z ? n.value.scrollTop = W - ((A = n.value) == null ? void 0 : A.clientHeight) : h.offsetTop < n.value.scrollTop && (n.value.scrollTop = h.offsetTop);
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
function
|
|
212
|
-
var
|
|
213
|
-
const h = (
|
|
211
|
+
function ye() {
|
|
212
|
+
var B;
|
|
213
|
+
const h = (B = _.value) == null ? void 0 : B[s.options.length - 1];
|
|
214
214
|
J(h);
|
|
215
215
|
}
|
|
216
|
-
function
|
|
216
|
+
function oe() {
|
|
217
217
|
var h;
|
|
218
|
-
k.value = !0, (h =
|
|
218
|
+
k.value = !0, (h = c.value) == null || h.removeAttribute("aria-expanded");
|
|
219
219
|
}
|
|
220
220
|
function ce() {
|
|
221
|
-
var h,
|
|
222
|
-
k.value = !1, (h =
|
|
221
|
+
var h, B;
|
|
222
|
+
k.value = !1, (h = c.value) == null || h.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
|
|
223
223
|
}
|
|
224
|
-
function
|
|
225
|
-
|
|
224
|
+
function $e() {
|
|
225
|
+
s.disabled || (k.value ? ce() : oe());
|
|
226
226
|
}
|
|
227
|
-
return (h,
|
|
228
|
-
const
|
|
229
|
-
return o(),
|
|
227
|
+
return (h, B) => {
|
|
228
|
+
const C = ue("click-outside");
|
|
229
|
+
return o(), i("div", {
|
|
230
230
|
ref: "listbox",
|
|
231
231
|
class: "listbox__wrapper",
|
|
232
232
|
value: h.modelValue
|
|
@@ -238,20 +238,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
238
238
|
"is-disabled": h.disabled,
|
|
239
239
|
"is-required": h.required
|
|
240
240
|
}, "listbox__label"])
|
|
241
|
-
}, d(h.label), 11,
|
|
242
|
-
K((o(),
|
|
241
|
+
}, d(h.label), 11, Ne),
|
|
242
|
+
K((o(), i("div", Ee, [
|
|
243
243
|
t("button", {
|
|
244
244
|
id: `${h.name}-button-label`,
|
|
245
245
|
ref_key: "listboxButton",
|
|
246
|
-
ref:
|
|
246
|
+
ref: c,
|
|
247
247
|
"aria-labelledby": `${h.name}-label ${h.name}-button-label`,
|
|
248
248
|
type: "button",
|
|
249
249
|
"aria-haspopup": "listbox",
|
|
250
250
|
"aria-disabled": h.disabled,
|
|
251
251
|
class: m(["listbox__button", l.value]),
|
|
252
|
-
onClick:
|
|
253
|
-
onKeydown:
|
|
254
|
-
}, d(h.modelValue ? se.value : h.placeholder), 43,
|
|
252
|
+
onClick: $e,
|
|
253
|
+
onKeydown: ae
|
|
254
|
+
}, d(h.modelValue ? se.value : h.placeholder), 43, je),
|
|
255
255
|
K(t("ul", {
|
|
256
256
|
ref_key: "listboxNode",
|
|
257
257
|
ref: n,
|
|
@@ -263,26 +263,26 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
263
263
|
onKeydown: U,
|
|
264
264
|
onClick: re
|
|
265
265
|
}, [
|
|
266
|
-
(o(!0),
|
|
266
|
+
(o(!0), i(T, null, V(h.options, (A, z) => (o(), i("li", {
|
|
267
267
|
key: `${h.name}-option-${z}`,
|
|
268
268
|
ref_for: !0,
|
|
269
269
|
ref_key: "listboxOptions",
|
|
270
270
|
ref: _,
|
|
271
|
-
"aria-selected":
|
|
272
|
-
"data-value":
|
|
271
|
+
"aria-selected": A.value === h.modelValue,
|
|
272
|
+
"data-value": A.value,
|
|
273
273
|
class: "listbox__option",
|
|
274
274
|
role: "option"
|
|
275
|
-
}, d(
|
|
276
|
-
], 40,
|
|
275
|
+
}, d(A.label), 9, Ue))), 128))
|
|
276
|
+
], 40, Ke), [
|
|
277
277
|
[Q, !k.value]
|
|
278
278
|
])
|
|
279
279
|
])), [
|
|
280
|
-
[
|
|
280
|
+
[C, oe]
|
|
281
281
|
])
|
|
282
|
-
], 8,
|
|
282
|
+
], 8, Re);
|
|
283
283
|
};
|
|
284
284
|
}
|
|
285
|
-
}),
|
|
285
|
+
}), Je = /* @__PURE__ */ f(Ge, [["__scopeId", "data-v-a17afd8c"]]), We = { class: "image__wrapper" }, Ye = /* @__PURE__ */ g({
|
|
286
286
|
__name: "image",
|
|
287
287
|
props: {
|
|
288
288
|
src: { default: void 0 },
|
|
@@ -294,27 +294,27 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
294
294
|
loading: { default: "auto" }
|
|
295
295
|
},
|
|
296
296
|
setup(e) {
|
|
297
|
-
return (a, r) => (o(),
|
|
298
|
-
|
|
297
|
+
return (a, r) => (o(), i("div", We, [
|
|
298
|
+
u(a.$slots, "default", P(O(a.$attrs)))
|
|
299
299
|
]));
|
|
300
300
|
}
|
|
301
|
-
}),
|
|
301
|
+
}), F = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
|
|
302
302
|
__name: "label",
|
|
303
303
|
props: {
|
|
304
304
|
text: {},
|
|
305
305
|
labelDark: { type: Boolean, default: !1 }
|
|
306
306
|
},
|
|
307
307
|
setup(e) {
|
|
308
|
-
const a = e, r =
|
|
309
|
-
return (
|
|
308
|
+
const a = e, r = L(() => `Label: ${a.text}`);
|
|
309
|
+
return (s, l) => (o(), i("div", Qe, [
|
|
310
310
|
t("span", {
|
|
311
311
|
"aria-label": r.value,
|
|
312
|
-
"label-dark":
|
|
313
|
-
class: m(
|
|
314
|
-
}, d(
|
|
312
|
+
"label-dark": s.labelDark,
|
|
313
|
+
class: m(s.labelDark ? "label--dark" : "label--light")
|
|
314
|
+
}, d(s.text), 11, Ze)
|
|
315
315
|
]));
|
|
316
316
|
}
|
|
317
|
-
}), Z = /* @__PURE__ */ f(
|
|
317
|
+
}), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" }, M = /* @__PURE__ */ g({
|
|
318
318
|
__name: "link",
|
|
319
319
|
props: {
|
|
320
320
|
linkType: { default: "regular" },
|
|
@@ -336,24 +336,24 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
336
336
|
hover: "underline-hover",
|
|
337
337
|
true: "add-underline",
|
|
338
338
|
false: "remove-underline"
|
|
339
|
-
},
|
|
340
|
-
const { ..._ } =
|
|
339
|
+
}, s = e, l = L(() => a[s.linkType]), c = L(() => r[s.underline]), n = L(() => {
|
|
340
|
+
const { ..._ } = we(s);
|
|
341
341
|
return _;
|
|
342
342
|
});
|
|
343
|
-
return (_, b) => (o(),
|
|
344
|
-
t("div",
|
|
343
|
+
return (_, b) => (o(), i("div", xe, [
|
|
344
|
+
t("div", X(n.value, {
|
|
345
345
|
class: ["mir-link", [
|
|
346
346
|
l.value,
|
|
347
347
|
_.disabled ? "disabled" : "",
|
|
348
|
-
|
|
348
|
+
c.value,
|
|
349
349
|
_.arrow ? "link-arrow" : ""
|
|
350
350
|
]]
|
|
351
351
|
}), [
|
|
352
|
-
|
|
352
|
+
u(_.$slots, "default")
|
|
353
353
|
], 16)
|
|
354
354
|
]));
|
|
355
355
|
}
|
|
356
|
-
}),
|
|
356
|
+
}), et = (e) => (H("data-v-fa1bda9b"), e = e(), R(), e), tt = ["id", "name", "value", "checked", "disabled", "required"], at = ["for"], ot = /* @__PURE__ */ et(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), lt = /* @__PURE__ */ g({
|
|
357
357
|
__name: "radio-button",
|
|
358
358
|
props: {
|
|
359
359
|
name: { default: "radio" },
|
|
@@ -365,11 +365,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
365
365
|
},
|
|
366
366
|
emits: ["input"],
|
|
367
367
|
setup(e, { emit: a }) {
|
|
368
|
-
const r = a,
|
|
369
|
-
const
|
|
370
|
-
r("input",
|
|
368
|
+
const r = a, s = (l) => {
|
|
369
|
+
const c = l.target;
|
|
370
|
+
r("input", c.checked);
|
|
371
371
|
};
|
|
372
|
-
return (l,
|
|
372
|
+
return (l, c) => (o(), i("div", {
|
|
373
373
|
class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
|
|
374
374
|
}, [
|
|
375
375
|
t("input", {
|
|
@@ -381,18 +381,18 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
381
381
|
disabled: l.disabled,
|
|
382
382
|
required: l.required,
|
|
383
383
|
class: "radio__radio",
|
|
384
|
-
onChange:
|
|
385
|
-
}, null, 40,
|
|
384
|
+
onChange: s
|
|
385
|
+
}, null, 40, tt),
|
|
386
386
|
t("label", {
|
|
387
387
|
for: l.id,
|
|
388
388
|
class: m(["radio__label", l.required ? "required" : ""])
|
|
389
389
|
}, [
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
], 10,
|
|
390
|
+
ot,
|
|
391
|
+
u(l.$slots, "default", {}, void 0, !0)
|
|
392
|
+
], 10, at)
|
|
393
393
|
], 2));
|
|
394
394
|
}
|
|
395
|
-
}),
|
|
395
|
+
}), st = /* @__PURE__ */ f(lt, [["__scopeId", "data-v-fa1bda9b"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["id", "disabled", "name", "value"], dt = ["value"], ct = /* @__PURE__ */ g({
|
|
396
396
|
__name: "select",
|
|
397
397
|
props: {
|
|
398
398
|
id: {},
|
|
@@ -405,29 +405,29 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
405
405
|
},
|
|
406
406
|
emits: ["update:modelValue"],
|
|
407
407
|
setup(e) {
|
|
408
|
-
return (a, r) => (o(),
|
|
408
|
+
return (a, r) => (o(), i("div", it, [
|
|
409
409
|
t("label", {
|
|
410
410
|
for: a.id,
|
|
411
411
|
class: m([a.required ? "required" : "", a.disabled ? "disabled" : ""])
|
|
412
|
-
}, d(a.label), 11,
|
|
412
|
+
}, d(a.label), 11, rt),
|
|
413
413
|
t("select", {
|
|
414
414
|
id: a.id,
|
|
415
415
|
class: m(a.disabled ? "disabled" : ""),
|
|
416
416
|
disabled: a.disabled,
|
|
417
417
|
name: a.name,
|
|
418
418
|
value: a.modelValue,
|
|
419
|
-
onChange: r[0] || (r[0] = (
|
|
420
|
-
a.$emit("update:modelValue",
|
|
419
|
+
onChange: r[0] || (r[0] = (s) => {
|
|
420
|
+
a.$emit("update:modelValue", s.target.value), s.target.blur();
|
|
421
421
|
})
|
|
422
422
|
}, [
|
|
423
|
-
(o(!0),
|
|
424
|
-
key:
|
|
425
|
-
value:
|
|
426
|
-
}, d(
|
|
427
|
-
], 42,
|
|
423
|
+
(o(!0), i(T, null, V(a.options, (s) => (o(), i("option", {
|
|
424
|
+
key: s.value,
|
|
425
|
+
value: s.value
|
|
426
|
+
}, d(s.text), 9, dt))), 128))
|
|
427
|
+
], 42, nt)
|
|
428
428
|
]));
|
|
429
429
|
}
|
|
430
|
-
}),
|
|
430
|
+
}), ut = /* @__PURE__ */ f(ct, [["__scopeId", "data-v-d5c46463"]]), _t = { class: "modal__wrapper" }, ht = /* @__PURE__ */ g({
|
|
431
431
|
__name: "modal",
|
|
432
432
|
props: {
|
|
433
433
|
show: { type: Boolean, default: !1 },
|
|
@@ -435,46 +435,46 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
435
435
|
},
|
|
436
436
|
emits: ["update:show"],
|
|
437
437
|
setup(e, { emit: a }) {
|
|
438
|
-
const r = e,
|
|
439
|
-
|
|
438
|
+
const r = e, s = a, l = () => {
|
|
439
|
+
s("update:show", !r.show);
|
|
440
440
|
};
|
|
441
|
-
return (
|
|
442
|
-
|
|
441
|
+
return (c, n) => (o(), i("div", _t, [
|
|
442
|
+
S(Be, {
|
|
443
443
|
duration: 300,
|
|
444
444
|
name: "nested"
|
|
445
445
|
}, {
|
|
446
446
|
default: y(() => [
|
|
447
447
|
K(t("div", {
|
|
448
|
-
class: m(["overlay",
|
|
448
|
+
class: m(["overlay", c.searchBar ? "overlay-search" : "overlay-default"]),
|
|
449
449
|
ariaLabel: "modal",
|
|
450
450
|
role: "dialog",
|
|
451
451
|
onClick: l
|
|
452
452
|
}, [
|
|
453
453
|
t("div", {
|
|
454
454
|
id: "modal",
|
|
455
|
-
class: m([
|
|
455
|
+
class: m([c.searchBar ? "search" : ""]),
|
|
456
456
|
onClick: n[0] || (n[0] = _e(() => {
|
|
457
457
|
}, ["stop"]))
|
|
458
458
|
}, [
|
|
459
459
|
t("div", null, [
|
|
460
|
-
|
|
460
|
+
c.searchBar ? p("", !0) : (o(), D(le, {
|
|
461
461
|
key: 0,
|
|
462
462
|
"aria-label": "close",
|
|
463
463
|
variant: "close",
|
|
464
464
|
onClick: l
|
|
465
465
|
}))
|
|
466
466
|
]),
|
|
467
|
-
c
|
|
467
|
+
u(c.$slots, "default", {}, void 0, !0)
|
|
468
468
|
], 2)
|
|
469
469
|
], 2), [
|
|
470
|
-
[Q,
|
|
470
|
+
[Q, c.show]
|
|
471
471
|
])
|
|
472
472
|
]),
|
|
473
473
|
_: 3
|
|
474
474
|
})
|
|
475
475
|
]));
|
|
476
476
|
}
|
|
477
|
-
}), ve = /* @__PURE__ */ f(
|
|
477
|
+
}), ve = /* @__PURE__ */ f(ht, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, mt = { class: "slider__label" }, vt = ["for"], ft = ["aria-label"], gt = { class: "slider__content" }, bt = ["id", "name", "value", "min", "step", "max"], yt = { class: "modal-information" }, $t = /* @__PURE__ */ g({
|
|
478
478
|
__name: "slider",
|
|
479
479
|
props: {
|
|
480
480
|
label: {},
|
|
@@ -490,25 +490,25 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
490
490
|
},
|
|
491
491
|
emits: ["update:modelValue"],
|
|
492
492
|
setup(e, { emit: a }) {
|
|
493
|
-
const r = e,
|
|
493
|
+
const r = e, s = a, l = q(r.modelValue), c = q(), n = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
|
|
494
494
|
var k;
|
|
495
|
-
(k =
|
|
495
|
+
(k = c.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
|
|
496
496
|
};
|
|
497
497
|
return he(() => {
|
|
498
|
-
if (
|
|
499
|
-
|
|
498
|
+
if (c.value) {
|
|
499
|
+
s("update:modelValue", l.value);
|
|
500
500
|
const v = _(l.value, r.min, r.max);
|
|
501
501
|
let k = (50 - v) / 100;
|
|
502
502
|
b(v + k);
|
|
503
503
|
}
|
|
504
|
-
}), (v, k) => (o(),
|
|
505
|
-
t("div",
|
|
506
|
-
t("div",
|
|
504
|
+
}), (v, k) => (o(), i("div", null, [
|
|
505
|
+
t("div", pt, [
|
|
506
|
+
t("div", mt, [
|
|
507
507
|
t("label", {
|
|
508
508
|
for: v.id,
|
|
509
509
|
class: m([v.variant, ""])
|
|
510
|
-
}, d(v.label), 11,
|
|
511
|
-
v.information ? (o(),
|
|
510
|
+
}, d(v.label), 11, vt),
|
|
511
|
+
v.information ? (o(), i("i", {
|
|
512
512
|
key: 0,
|
|
513
513
|
role: "button",
|
|
514
514
|
class: m([v.variant, "slider__information"]),
|
|
@@ -517,16 +517,16 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
517
517
|
"aria-haspopup": "dialog",
|
|
518
518
|
onClick: k[0] || (k[0] = (w) => n.value = !n.value),
|
|
519
519
|
onKeyup: k[1] || (k[1] = Se((w) => n.value = !n.value, ["enter"]))
|
|
520
|
-
}, null, 42,
|
|
520
|
+
}, null, 42, ft)) : p("", !0)
|
|
521
521
|
]),
|
|
522
|
-
t("div",
|
|
522
|
+
t("div", gt, [
|
|
523
523
|
t("span", {
|
|
524
524
|
class: m([v.variant, "slider__minmax"])
|
|
525
525
|
}, d(v.min), 3),
|
|
526
526
|
t("input", {
|
|
527
527
|
id: v.id,
|
|
528
528
|
ref_key: "slider",
|
|
529
|
-
ref:
|
|
529
|
+
ref: c,
|
|
530
530
|
type: "range",
|
|
531
531
|
name: v.name,
|
|
532
532
|
value: v.modelValue,
|
|
@@ -535,7 +535,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
535
535
|
max: v.max,
|
|
536
536
|
class: m(v.variant),
|
|
537
537
|
onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
|
|
538
|
-
}, null, 42,
|
|
538
|
+
}, null, 42, bt),
|
|
539
539
|
t("span", {
|
|
540
540
|
class: m([v.variant, "slider__minmax"])
|
|
541
541
|
}, d(v.max), 3)
|
|
@@ -544,19 +544,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
544
544
|
class: m([v.variant, "slider__value"])
|
|
545
545
|
}, d(v.modelValue), 3)
|
|
546
546
|
]),
|
|
547
|
-
v.information ? (o(),
|
|
547
|
+
v.information ? (o(), D(ve, {
|
|
548
548
|
key: 0,
|
|
549
549
|
show: n.value,
|
|
550
550
|
"onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
|
|
551
551
|
}, {
|
|
552
552
|
default: y(() => [
|
|
553
|
-
t("p",
|
|
553
|
+
t("p", yt, d(v.information), 1)
|
|
554
554
|
]),
|
|
555
555
|
_: 1
|
|
556
556
|
}, 8, ["show"])) : p("", !0)
|
|
557
557
|
]));
|
|
558
558
|
}
|
|
559
|
-
}),
|
|
559
|
+
}), kt = /* @__PURE__ */ f($t, [["__scopeId", "data-v-24a83011"]]), wt = { id: "textarea-wrapper" }, Bt = ["for"], St = ["id"], It = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, Ct = { key: 0 }, At = /* @__PURE__ */ g({
|
|
560
560
|
__name: "textarea",
|
|
561
561
|
props: {
|
|
562
562
|
id: { default: "" },
|
|
@@ -570,11 +570,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
570
570
|
},
|
|
571
571
|
emits: ["update:modelValue"],
|
|
572
572
|
setup(e) {
|
|
573
|
-
return (a, r) => (o(),
|
|
573
|
+
return (a, r) => (o(), i("div", wt, [
|
|
574
574
|
t("label", {
|
|
575
575
|
for: a.id,
|
|
576
576
|
class: m({ required: a.required })
|
|
577
|
-
}, d(a.labelText) + d(a.required ? " *" : ""), 11,
|
|
577
|
+
}, d(a.labelText) + d(a.required ? " *" : ""), 11, Bt),
|
|
578
578
|
t("div", {
|
|
579
579
|
id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
|
|
580
580
|
}, [
|
|
@@ -591,12 +591,12 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
591
591
|
class: m(
|
|
592
592
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
|
|
593
593
|
),
|
|
594
|
-
onInput: r[0] || (r[0] = (
|
|
595
|
-
}, null, 42,
|
|
594
|
+
onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
|
|
595
|
+
}, null, 42, It)
|
|
596
596
|
], 8, St),
|
|
597
|
-
t("div",
|
|
597
|
+
t("div", qt, [
|
|
598
598
|
t("div", null, [
|
|
599
|
-
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(),
|
|
599
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Ct, " Too many characters. Please make it shorter ")) : p("", !0)
|
|
600
600
|
]),
|
|
601
601
|
t("p", {
|
|
602
602
|
class: m(
|
|
@@ -606,16 +606,16 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
606
606
|
])
|
|
607
607
|
]));
|
|
608
608
|
}
|
|
609
|
-
}),
|
|
609
|
+
}), Lt = /* @__PURE__ */ f(At, [["__scopeId", "data-v-220a973c"]]), Dt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = ["aria-expanded"], Ft = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
|
|
610
610
|
key: 2,
|
|
611
611
|
class: "search"
|
|
612
612
|
}, zt = {
|
|
613
613
|
key: 3,
|
|
614
614
|
class: "errorMessage"
|
|
615
|
-
},
|
|
615
|
+
}, Ht = {
|
|
616
616
|
key: 4,
|
|
617
617
|
class: "helperText"
|
|
618
|
-
},
|
|
618
|
+
}, Rt = /* @__PURE__ */ g({
|
|
619
619
|
__name: "text-field",
|
|
620
620
|
props: {
|
|
621
621
|
type: { default: "text" },
|
|
@@ -642,12 +642,12 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
642
642
|
tel: "tel",
|
|
643
643
|
url: "url",
|
|
644
644
|
search: "search"
|
|
645
|
-
}, r = e,
|
|
645
|
+
}, r = e, s = L(() => a[r.type]), l = q(!0), c = L(
|
|
646
646
|
() => l.value ? "showPassword" : "hidePassword"
|
|
647
|
-
), n =
|
|
647
|
+
), n = L(
|
|
648
648
|
() => l.value ? "password" : "text"
|
|
649
649
|
);
|
|
650
|
-
return (_, b) => (o(),
|
|
650
|
+
return (_, b) => (o(), i("div", Dt, [
|
|
651
651
|
t("label", {
|
|
652
652
|
for: _.id,
|
|
653
653
|
class: m([
|
|
@@ -655,8 +655,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
655
655
|
_.disabled ? "disabled" : "",
|
|
656
656
|
_.search ? "search" : ""
|
|
657
657
|
])
|
|
658
|
-
}, d(_.label), 11,
|
|
659
|
-
|
|
658
|
+
}, d(_.label), 11, Tt),
|
|
659
|
+
s.value === "password" ? (o(), i("div", Vt, [
|
|
660
660
|
t("input", {
|
|
661
661
|
id: _.id,
|
|
662
662
|
ref: "passwordField",
|
|
@@ -667,19 +667,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
667
667
|
disabled: _.disabled,
|
|
668
668
|
name: _.fieldName,
|
|
669
669
|
onInput: b[0] || (b[0] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
670
|
-
}, null, 40,
|
|
670
|
+
}, null, 40, Pt),
|
|
671
671
|
t("i", {
|
|
672
672
|
role: "button",
|
|
673
|
-
class: m([
|
|
673
|
+
class: m([c.value]),
|
|
674
674
|
"aria-controls": "password",
|
|
675
675
|
"aria-expanded": !l.value,
|
|
676
676
|
onClick: b[1] || (b[1] = (v) => l.value = !l.value)
|
|
677
|
-
}, null, 10,
|
|
678
|
-
])) : (o(),
|
|
677
|
+
}, null, 10, Mt)
|
|
678
|
+
])) : (o(), i("input", {
|
|
679
679
|
key: 1,
|
|
680
680
|
id: _.id,
|
|
681
681
|
ref: "textField",
|
|
682
|
-
type:
|
|
682
|
+
type: s.value,
|
|
683
683
|
value: _.modelValue,
|
|
684
684
|
placeholder: _.placeholder,
|
|
685
685
|
required: _.required,
|
|
@@ -691,13 +691,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
691
691
|
disabled: _.disabled,
|
|
692
692
|
name: _.fieldName,
|
|
693
693
|
onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
694
|
-
}, null, 42,
|
|
695
|
-
_.search ? (o(),
|
|
696
|
-
_.errorMessage ? (o(),
|
|
697
|
-
_.helperText ? (o(),
|
|
694
|
+
}, null, 42, Ft)),
|
|
695
|
+
_.search ? (o(), i("i", Ot)) : p("", !0),
|
|
696
|
+
_.errorMessage ? (o(), i("strong", zt, d(_.errorMessage), 1)) : p("", !0),
|
|
697
|
+
_.helperText ? (o(), i("span", Ht, d(_.helperText), 1)) : p("", !0)
|
|
698
698
|
]));
|
|
699
699
|
}
|
|
700
|
-
}),
|
|
700
|
+
}), Nt = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, jt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
|
|
701
701
|
__name: "video",
|
|
702
702
|
props: {
|
|
703
703
|
play: { type: Boolean, default: !1 },
|
|
@@ -715,43 +715,43 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
715
715
|
},
|
|
716
716
|
setup(e, { expose: a }) {
|
|
717
717
|
const r = e;
|
|
718
|
-
let
|
|
718
|
+
let s = q(null);
|
|
719
719
|
return he(() => {
|
|
720
|
-
|
|
720
|
+
s.value && (r.play ? s.value.play() : r.play || s.value.pause());
|
|
721
721
|
}), a({
|
|
722
722
|
resetVideo: () => {
|
|
723
|
-
|
|
723
|
+
s.value && (s.value.currentTime = 0, s.value.play());
|
|
724
724
|
}
|
|
725
|
-
}), (
|
|
726
|
-
|
|
725
|
+
}), (c, n) => (o(), i("div", Et, [
|
|
726
|
+
c.localVideo ? (o(), i("video", {
|
|
727
727
|
key: 0,
|
|
728
728
|
ref_key: "videoRef",
|
|
729
|
-
ref:
|
|
730
|
-
"aria-label":
|
|
731
|
-
controls:
|
|
732
|
-
poster:
|
|
733
|
-
width:
|
|
734
|
-
height:
|
|
735
|
-
autoplay:
|
|
736
|
-
loop:
|
|
737
|
-
muted:
|
|
729
|
+
ref: s,
|
|
730
|
+
"aria-label": c.ariaLabel,
|
|
731
|
+
controls: c.controls,
|
|
732
|
+
poster: c.poster,
|
|
733
|
+
width: c.width,
|
|
734
|
+
height: c.height,
|
|
735
|
+
autoplay: c.autoplay,
|
|
736
|
+
loop: c.loop,
|
|
737
|
+
muted: c.muted,
|
|
738
738
|
type: "video/mp4",
|
|
739
739
|
playsinline: "",
|
|
740
|
-
src:
|
|
741
|
-
}, null, 8,
|
|
740
|
+
src: c.src
|
|
741
|
+
}, null, 8, jt)) : (o(), i("iframe", {
|
|
742
742
|
key: 1,
|
|
743
|
-
src:
|
|
744
|
-
"aria-label":
|
|
745
|
-
title:
|
|
746
|
-
width:
|
|
747
|
-
height:
|
|
743
|
+
src: c.src,
|
|
744
|
+
"aria-label": c.ariaLabel,
|
|
745
|
+
title: c.title,
|
|
746
|
+
width: c.width,
|
|
747
|
+
height: c.height,
|
|
748
748
|
frameborder: "0",
|
|
749
749
|
allow: "autoplay; fullscreen",
|
|
750
750
|
allowfullscreen: ""
|
|
751
|
-
}, null, 8,
|
|
751
|
+
}, null, 8, Kt))
|
|
752
752
|
]));
|
|
753
753
|
}
|
|
754
|
-
}),
|
|
754
|
+
}), ee = /* @__PURE__ */ f(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Gt = { class: "address__wrapper" }, Jt = { class: "address__content" }, Wt = { class: "address__flag" }, Yt = { class: "address__address" }, Qt = { class: "address__name" }, Zt = { key: 0 }, Xt = { class: "address__contact" }, xt = ["href"], ea = ["href"], ta = ["href"], aa = /* @__PURE__ */ g({
|
|
755
755
|
__name: "address",
|
|
756
756
|
props: {
|
|
757
757
|
name: {},
|
|
@@ -764,20 +764,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
764
764
|
email: {}
|
|
765
765
|
},
|
|
766
766
|
setup(e) {
|
|
767
|
-
return (a, r) => (o(),
|
|
768
|
-
t("div",
|
|
769
|
-
t("div", Jt, [
|
|
770
|
-
c(a.$slots, "address-flag", {}, void 0, !0)
|
|
771
|
-
]),
|
|
767
|
+
return (a, r) => (o(), i("div", Gt, [
|
|
768
|
+
t("div", Jt, [
|
|
772
769
|
t("div", Wt, [
|
|
773
|
-
|
|
770
|
+
u(a.$slots, "address-flag", {}, void 0, !0)
|
|
771
|
+
]),
|
|
772
|
+
t("div", Yt, [
|
|
773
|
+
t("p", Qt, d(a.name), 1),
|
|
774
774
|
t("p", null, d(a.company), 1),
|
|
775
775
|
t("p", null, d(a.addressLine1), 1),
|
|
776
776
|
t("p", null, d(a.addressLine2), 1),
|
|
777
|
-
a.addressLine3 ? (o(),
|
|
777
|
+
a.addressLine3 ? (o(), i("p", Zt, d(a.addressLine3), 1)) : p("", !0)
|
|
778
778
|
]),
|
|
779
|
-
t("div",
|
|
780
|
-
a.website ? (o(),
|
|
779
|
+
t("div", Xt, [
|
|
780
|
+
a.website ? (o(), D(M, {
|
|
781
781
|
key: 0,
|
|
782
782
|
underline: "false",
|
|
783
783
|
"link-type": "regular"
|
|
@@ -786,32 +786,32 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
786
786
|
t("a", {
|
|
787
787
|
href: "https://" + a.website,
|
|
788
788
|
class: "address__website"
|
|
789
|
-
}, d(a.website), 9,
|
|
789
|
+
}, d(a.website), 9, xt)
|
|
790
790
|
]),
|
|
791
791
|
_: 1
|
|
792
792
|
})) : p("", !0),
|
|
793
|
-
(o(!0),
|
|
794
|
-
key:
|
|
793
|
+
(o(!0), i(T, null, V(a.phoneNumbers, (s) => (o(), D(M, {
|
|
794
|
+
key: s,
|
|
795
795
|
underline: "false",
|
|
796
796
|
"link-type": "regular"
|
|
797
797
|
}, {
|
|
798
798
|
default: y(() => [
|
|
799
799
|
t("a", {
|
|
800
|
-
href: "tel:" +
|
|
800
|
+
href: "tel:" + s,
|
|
801
801
|
class: "address__phone"
|
|
802
|
-
}, d(
|
|
802
|
+
}, d(s), 9, ea)
|
|
803
803
|
]),
|
|
804
804
|
_: 2
|
|
805
805
|
}, 1024))), 128)),
|
|
806
806
|
t("a", {
|
|
807
807
|
href: "mailto:" + a.email,
|
|
808
808
|
class: "address__email"
|
|
809
|
-
}, d(a.email), 9,
|
|
809
|
+
}, d(a.email), 9, ta)
|
|
810
810
|
])
|
|
811
811
|
])
|
|
812
812
|
]));
|
|
813
813
|
}
|
|
814
|
-
}),
|
|
814
|
+
}), oa = /* @__PURE__ */ f(aa, [["__scopeId", "data-v-e1c72a18"]]), la = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), sa = { class: "bullet-list__wrapper" }, ia = /* @__PURE__ */ la(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ra = /* @__PURE__ */ g({
|
|
815
815
|
__name: "bullet-list",
|
|
816
816
|
props: {
|
|
817
817
|
list: {
|
|
@@ -831,20 +831,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
831
831
|
}
|
|
832
832
|
},
|
|
833
833
|
setup(e) {
|
|
834
|
-
return (a, r) => (o(),
|
|
834
|
+
return (a, r) => (o(), i("div", sa, [
|
|
835
835
|
t("div", {
|
|
836
836
|
class: m(["bullet-list", e.variant])
|
|
837
837
|
}, [
|
|
838
838
|
t("ul", null, [
|
|
839
|
-
(o(!0),
|
|
840
|
-
|
|
841
|
-
G(" " + d(
|
|
839
|
+
(o(!0), i(T, null, V(e.list, (s) => (o(), i("li", { key: s }, [
|
|
840
|
+
ia,
|
|
841
|
+
G(" " + d(s), 1)
|
|
842
842
|
]))), 128))
|
|
843
843
|
])
|
|
844
844
|
], 2)
|
|
845
845
|
]));
|
|
846
846
|
}
|
|
847
|
-
}),
|
|
847
|
+
}), na = /* @__PURE__ */ f(ra, [["__scopeId", "data-v-a44fd57d"]]), da = { class: "card__wrapper" }, ca = { key: 2 }, ua = { key: 5 }, _a = /* @__PURE__ */ g({
|
|
848
848
|
__name: "card",
|
|
849
849
|
props: {
|
|
850
850
|
variant: { default: "product" },
|
|
@@ -866,9 +866,9 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
866
866
|
},
|
|
867
867
|
emits: ["clicked"],
|
|
868
868
|
setup(e) {
|
|
869
|
-
const a =
|
|
869
|
+
const a = Ie();
|
|
870
870
|
let r = q(!1);
|
|
871
|
-
const
|
|
871
|
+
const s = {
|
|
872
872
|
xsmall: {
|
|
873
873
|
class: "card--xsmall",
|
|
874
874
|
width: "241",
|
|
@@ -889,23 +889,23 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
889
889
|
width: "596",
|
|
890
890
|
height: "335"
|
|
891
891
|
}
|
|
892
|
-
}, l = e,
|
|
893
|
-
return (n, _) => (o(),
|
|
892
|
+
}, l = e, c = L(() => s[l.size]);
|
|
893
|
+
return (n, _) => (o(), i("div", da, [
|
|
894
894
|
t("div", {
|
|
895
895
|
class: m(["card", [
|
|
896
896
|
n.theme === "dark" ? "card--dark" : "card--light",
|
|
897
897
|
n.orientation === "vertical" ? "vertical" : "horizontal",
|
|
898
|
-
|
|
898
|
+
c.value.class,
|
|
899
899
|
n.size === "large" && n.variant === "article" ? "card--large-article" : n.size === "small" && n.variant === "article" ? "card--small-article" : n.size === "xsmall" && n.variant === "article" ? "card--xsmall-article" : n.size === "medium" && n.variant === "article" ? "card--medium-article" : n.size === "large" && n.variant === "product" ? "card--large-product" : n.size === "small" && n.variant === "product" ? "card--small-product" : n.size === "xsmall" && n.variant === "product" ? "card--xsmall-product" : n.size === "medium" && n.variant === "product" ? "card--medium-product" : n.variant === "product" ? "card--product" : "card--article",
|
|
900
900
|
n.variant === "product" ? "card--product" : "card--article"
|
|
901
901
|
]]),
|
|
902
|
-
style:
|
|
902
|
+
style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
903
903
|
onMouseover: _[0] || (_[0] = (b) => de(r) ? r.value = !0 : r = !0),
|
|
904
904
|
onMouseout: _[1] || (_[1] = (b) => de(r) ? r.value = !1 : r = !1)
|
|
905
905
|
}, [
|
|
906
|
-
n.mediaType === "image" ? (o(),
|
|
906
|
+
n.mediaType === "image" ? (o(), D(F, { key: 0 }, {
|
|
907
907
|
default: y(() => [
|
|
908
|
-
|
|
908
|
+
u(n.$slots, "card-image", X({
|
|
909
909
|
src: n.imgSrc,
|
|
910
910
|
width: "596",
|
|
911
911
|
height: "335",
|
|
@@ -915,46 +915,73 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
915
915
|
}, { srcset: n.srcSet }))
|
|
916
916
|
]),
|
|
917
917
|
_: 3
|
|
918
|
-
})) : (o(),
|
|
918
|
+
})) : (o(), i("div", {
|
|
919
919
|
key: 1,
|
|
920
920
|
class: m(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
|
|
921
921
|
}, [
|
|
922
|
-
|
|
922
|
+
S(ee, {
|
|
923
923
|
play: I(r),
|
|
924
924
|
"local-video": !0,
|
|
925
925
|
src: n.videoSrc,
|
|
926
926
|
"aria-label": n.arialabel,
|
|
927
927
|
controls: !1,
|
|
928
928
|
poster: n.imgSrc,
|
|
929
|
-
width:
|
|
930
|
-
height:
|
|
929
|
+
width: c.value.width,
|
|
930
|
+
height: c.value.height,
|
|
931
931
|
autoplay: !0,
|
|
932
932
|
loop: !0,
|
|
933
933
|
muted: !0
|
|
934
934
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
935
935
|
], 2)),
|
|
936
|
-
I(a)["card-label"] ? (o(),
|
|
937
|
-
|
|
936
|
+
I(a)["card-label"] ? (o(), i("div", ca, [
|
|
937
|
+
u(n.$slots, "card-label")
|
|
938
938
|
])) : p("", !0),
|
|
939
|
-
n.variant === "product" ? (o(),
|
|
939
|
+
n.variant === "product" ? (o(), i("div", {
|
|
940
940
|
key: 3,
|
|
941
941
|
class: m([
|
|
942
942
|
"card__headline",
|
|
943
943
|
n.theme === "dark" ? "regular-dark" : "regular-blue"
|
|
944
944
|
]),
|
|
945
945
|
style: { "font-weight": "700" }
|
|
946
|
-
}, d(n.headline), 3)) : (o(),
|
|
946
|
+
}, d(n.headline), 3)) : (o(), i("div", {
|
|
947
947
|
key: 4,
|
|
948
948
|
class: m([
|
|
949
949
|
"card__headline",
|
|
950
950
|
n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
|
|
951
951
|
])
|
|
952
952
|
}, d(n.headline), 3)),
|
|
953
|
-
n.variant === "product" ? (o(),
|
|
953
|
+
n.variant === "product" ? (o(), i("p", ua, d(n.paragraph), 1)) : p("", !0)
|
|
954
954
|
], 38)
|
|
955
955
|
]));
|
|
956
956
|
}
|
|
957
|
-
}),
|
|
957
|
+
}), ha = /* @__PURE__ */ f(_a, [["__scopeId", "data-v-f26b0595"]]), pa = { class: "column-card" }, ma = { class: "column-card__content" }, va = { class: "column-card__headline" }, fa = { class: "column-card__bodytext" }, ga = /* @__PURE__ */ g({
|
|
958
|
+
__name: "column-card",
|
|
959
|
+
props: {
|
|
960
|
+
headline: {},
|
|
961
|
+
bodytext: {},
|
|
962
|
+
image: {},
|
|
963
|
+
imageFit: { type: Boolean }
|
|
964
|
+
},
|
|
965
|
+
setup(e) {
|
|
966
|
+
return (a, r) => (o(), i("div", pa, [
|
|
967
|
+
t("div", ma, [
|
|
968
|
+
a.image.filename ? (o(), i("div", {
|
|
969
|
+
key: 0,
|
|
970
|
+
class: m(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
|
|
971
|
+
}, [
|
|
972
|
+
u(a.$slots, "column-card-image", P(O({
|
|
973
|
+
src: a.image.filename,
|
|
974
|
+
alt: a.image.alt
|
|
975
|
+
})), void 0, !0)
|
|
976
|
+
], 2)) : p("", !0),
|
|
977
|
+
t("h3", va, d(a.headline), 1),
|
|
978
|
+
t("div", fa, [
|
|
979
|
+
u(a.$slots, "column-card-body", {}, void 0, !0)
|
|
980
|
+
])
|
|
981
|
+
])
|
|
982
|
+
]));
|
|
983
|
+
}
|
|
984
|
+
}), fe = /* @__PURE__ */ f(ga, [["__scopeId", "data-v-39d91624"]]), ba = (e) => (H("data-v-2c394add"), e = e(), R(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, ka = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ t("br", null, null, -1)), Ba = { class: "event__exhibitor" }, Sa = /* @__PURE__ */ g({
|
|
958
985
|
__name: "event-card",
|
|
959
986
|
props: {
|
|
960
987
|
eventType: {
|
|
@@ -979,21 +1006,21 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
979
1006
|
}
|
|
980
1007
|
},
|
|
981
1008
|
setup(e) {
|
|
982
|
-
return (a, r) => (o(),
|
|
983
|
-
|
|
1009
|
+
return (a, r) => (o(), i("div", ya, [
|
|
1010
|
+
S(Z, {
|
|
984
1011
|
"label-dark": !1,
|
|
985
1012
|
text: e.eventType ? e.eventType : ""
|
|
986
1013
|
}, null, 8, ["text"]),
|
|
987
|
-
t("div",
|
|
988
|
-
t("div",
|
|
1014
|
+
t("div", $a, d(e.headline), 1),
|
|
1015
|
+
t("div", ka, [
|
|
989
1016
|
G(d(e.dateTime), 1),
|
|
990
|
-
|
|
1017
|
+
wa,
|
|
991
1018
|
G(d(e.location), 1)
|
|
992
1019
|
]),
|
|
993
|
-
t("div",
|
|
1020
|
+
t("div", Ba, d(e.exhibitor), 1)
|
|
994
1021
|
]));
|
|
995
1022
|
}
|
|
996
|
-
}),
|
|
1023
|
+
}), Ia = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-2c394add"]]), qa = { class: "text__wrapper" }, Ca = { class: "text__headline" }, Aa = { class: "text__paragraph" }, La = /* @__PURE__ */ g({
|
|
997
1024
|
__name: "text-card",
|
|
998
1025
|
props: {
|
|
999
1026
|
label: {
|
|
@@ -1010,64 +1037,60 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1010
1037
|
}
|
|
1011
1038
|
},
|
|
1012
1039
|
setup(e) {
|
|
1013
|
-
return (a, r) => (o(),
|
|
1014
|
-
|
|
1040
|
+
return (a, r) => (o(), i("div", qa, [
|
|
1041
|
+
S(Z, {
|
|
1015
1042
|
"label-dark": !1,
|
|
1016
1043
|
text: e.label ? e.label : ""
|
|
1017
1044
|
}, null, 8, ["text"]),
|
|
1018
|
-
t("div",
|
|
1019
|
-
t("div",
|
|
1045
|
+
t("div", Ca, d(e.headline), 1),
|
|
1046
|
+
t("div", Aa, [
|
|
1020
1047
|
t("p", null, d(e.paragraph), 1)
|
|
1021
1048
|
])
|
|
1022
1049
|
]));
|
|
1023
1050
|
}
|
|
1024
|
-
}),
|
|
1051
|
+
}), Da = /* @__PURE__ */ f(La, [["__scopeId", "data-v-ebdea819"]]), Ta = { class: "accordions" }, Va = { class: "accordions__wrapper" }, Pa = { class: "accordion" }, Ma = ["onClick"], Fa = { class: "accordion__headline" }, Oa = { class: "accordion__icon" }, za = {
|
|
1025
1052
|
key: 0,
|
|
1026
1053
|
src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
|
|
1027
|
-
},
|
|
1054
|
+
}, Ha = {
|
|
1028
1055
|
key: 1,
|
|
1029
1056
|
src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
|
|
1030
|
-
},
|
|
1057
|
+
}, Ra = { class: "accordion__bodytext" }, Na = /* @__PURE__ */ g({
|
|
1031
1058
|
__name: "accordion",
|
|
1032
1059
|
props: {
|
|
1033
1060
|
accordions: {}
|
|
1034
1061
|
},
|
|
1035
1062
|
setup(e) {
|
|
1036
|
-
const a =
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
)
|
|
1043
|
-
u ? r.value = u._uid : r.value = "";
|
|
1044
|
-
}
|
|
1045
|
-
};
|
|
1046
|
-
return (l, u) => (o(), s("section", Ia, [
|
|
1047
|
-
t("div", qa, [
|
|
1048
|
-
(o(!0), s(V, null, P(l.accordions, (n) => (o(), s("div", {
|
|
1063
|
+
const a = q([]), r = (l) => {
|
|
1064
|
+
const c = a.value.indexOf(l);
|
|
1065
|
+
c > -1 ? a.value.splice(c, 1) : a.value.push(l);
|
|
1066
|
+
}, s = (l) => a.value.includes(l);
|
|
1067
|
+
return (l, c) => (o(), i("section", Ta, [
|
|
1068
|
+
t("div", Va, [
|
|
1069
|
+
(o(!0), i(T, null, V(l.accordions, (n) => (o(), i("div", {
|
|
1049
1070
|
key: n._uid
|
|
1050
1071
|
}, [
|
|
1051
|
-
t("div",
|
|
1072
|
+
t("div", Pa, [
|
|
1052
1073
|
t("div", {
|
|
1053
1074
|
class: "accordion__header",
|
|
1054
|
-
onClick: (_) =>
|
|
1075
|
+
onClick: (_) => r(n._uid)
|
|
1055
1076
|
}, [
|
|
1056
|
-
t("h3",
|
|
1057
|
-
t("span",
|
|
1058
|
-
n._uid
|
|
1077
|
+
t("h3", Fa, d(n.headline), 1),
|
|
1078
|
+
t("span", Oa, [
|
|
1079
|
+
s(n._uid) ? (o(), i("img", Ha)) : (o(), i("img", za))
|
|
1059
1080
|
])
|
|
1060
|
-
], 8,
|
|
1081
|
+
], 8, Ma),
|
|
1061
1082
|
t("div", {
|
|
1062
1083
|
class: m(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
|
|
1063
|
-
style:
|
|
1084
|
+
style: x({
|
|
1085
|
+
display: s(n._uid) ? "flex" : "none"
|
|
1086
|
+
})
|
|
1064
1087
|
}, [
|
|
1065
|
-
t("div",
|
|
1066
|
-
|
|
1088
|
+
t("div", Ra, [
|
|
1089
|
+
u(l.$slots, "accordion-body", P(O({ body: n.bodytext })), void 0, !0)
|
|
1067
1090
|
]),
|
|
1068
|
-
|
|
1091
|
+
S(F, null, {
|
|
1069
1092
|
default: y(() => [
|
|
1070
|
-
n.image ?
|
|
1093
|
+
n.image ? u(l.$slots, "accordion-image", P(X({ key: 0 }, {
|
|
1071
1094
|
src: n.image.filename,
|
|
1072
1095
|
alt: n.image.alt,
|
|
1073
1096
|
class: "accordion__image"
|
|
@@ -1081,10 +1104,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1081
1104
|
])
|
|
1082
1105
|
]));
|
|
1083
1106
|
}
|
|
1084
|
-
}),
|
|
1107
|
+
}), Ea = /* @__PURE__ */ f(Na, [["__scopeId", "data-v-8e3c34ec"]]), ja = { class: "card-display__wrapper" }, Ka = {
|
|
1085
1108
|
key: 0,
|
|
1086
1109
|
class: "card__content"
|
|
1087
|
-
},
|
|
1110
|
+
}, Ua = { key: 0 }, Ga = { key: 1 }, Ja = { class: "card__cards" }, Wa = /* @__PURE__ */ g({
|
|
1088
1111
|
__name: "card-display",
|
|
1089
1112
|
props: {
|
|
1090
1113
|
headline: {
|
|
@@ -1101,27 +1124,75 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1101
1124
|
}
|
|
1102
1125
|
},
|
|
1103
1126
|
setup(e) {
|
|
1104
|
-
return (a, r) => (o(),
|
|
1127
|
+
return (a, r) => (o(), i("div", {
|
|
1105
1128
|
class: m([
|
|
1106
1129
|
"card-display",
|
|
1107
1130
|
e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
|
|
1108
1131
|
])
|
|
1109
1132
|
}, [
|
|
1110
|
-
t("div",
|
|
1111
|
-
e.headline || e.paragraph ? (o(),
|
|
1112
|
-
e.headline ? (o(),
|
|
1113
|
-
e.paragraph ? (o(),
|
|
1133
|
+
t("div", ja, [
|
|
1134
|
+
e.headline || e.paragraph ? (o(), i("div", Ka, [
|
|
1135
|
+
e.headline ? (o(), i("h2", Ua, d(e.headline), 1)) : p("", !0),
|
|
1136
|
+
e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) : p("", !0)
|
|
1114
1137
|
])) : p("", !0),
|
|
1115
|
-
t("div",
|
|
1116
|
-
|
|
1138
|
+
t("div", Ja, [
|
|
1139
|
+
u(a.$slots, "card-display-cards", {}, void 0, !0)
|
|
1117
1140
|
])
|
|
1118
1141
|
])
|
|
1119
1142
|
], 2));
|
|
1120
1143
|
}
|
|
1121
|
-
}),
|
|
1144
|
+
}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__headline" }, Za = { class: "column-grid__bodytext" }, Xa = { class: "column-grid__teaser-list" }, xa = /* @__PURE__ */ g({
|
|
1145
|
+
__name: "column-grid",
|
|
1146
|
+
props: {
|
|
1147
|
+
headline: {},
|
|
1148
|
+
bgColor: {},
|
|
1149
|
+
bodytext: {},
|
|
1150
|
+
columns: {}
|
|
1151
|
+
},
|
|
1152
|
+
setup(e) {
|
|
1153
|
+
const a = e, r = L(() => a.bodytext.trim().length > 0);
|
|
1154
|
+
return (s, l) => (o(), i("div", {
|
|
1155
|
+
class: m([
|
|
1156
|
+
"column-grid",
|
|
1157
|
+
s.bgColor === "dark" ? "column-grid--dark" : s.bgColor === "light" ? "column-grid--light" : "column-grid--white"
|
|
1158
|
+
])
|
|
1159
|
+
}, [
|
|
1160
|
+
t("div", {
|
|
1161
|
+
class: m([{ "no-bodytext": !r.value }, "column-grid__top-section"])
|
|
1162
|
+
}, [
|
|
1163
|
+
t("h2", Qa, d(s.headline), 1),
|
|
1164
|
+
t("div", Za, [
|
|
1165
|
+
u(s.$slots, "column-grid-body", P(O({ body: s.bodytext })), void 0, !0)
|
|
1166
|
+
])
|
|
1167
|
+
], 2),
|
|
1168
|
+
t("div", Xa, [
|
|
1169
|
+
(o(!0), i(T, null, V(s.columns, (c) => (o(), D(fe, {
|
|
1170
|
+
key: c._uid,
|
|
1171
|
+
headline: c.headline,
|
|
1172
|
+
bodytext: c.bodytext,
|
|
1173
|
+
image: c.image,
|
|
1174
|
+
"image-fit": c.imageFit
|
|
1175
|
+
}, {
|
|
1176
|
+
"column-card-body": y(() => [
|
|
1177
|
+
u(s.$slots, "column-card-body", P(O({ body: c.bodytext })), void 0, !0)
|
|
1178
|
+
]),
|
|
1179
|
+
"column-card-image": y(() => [
|
|
1180
|
+
c.image ? u(s.$slots, "column-card-image", P(X({ key: 0 }, {
|
|
1181
|
+
src: c.image.filename,
|
|
1182
|
+
alt: c.image.alt,
|
|
1183
|
+
class: "column-card__image",
|
|
1184
|
+
style: { "object-fit": c.imageFit ? "cover" : "contain" }
|
|
1185
|
+
})), void 0, !0) : p("", !0)
|
|
1186
|
+
]),
|
|
1187
|
+
_: 2
|
|
1188
|
+
}, 1032, ["headline", "bodytext", "image", "image-fit"]))), 128))
|
|
1189
|
+
])
|
|
1190
|
+
], 2));
|
|
1191
|
+
}
|
|
1192
|
+
}), eo = /* @__PURE__ */ f(xa, [["__scopeId", "data-v-77dff7b4"]]), to = { class: "facts__wrapper" }, ao = { class: "facts__content" }, oo = { class: "facts__headline" }, lo = { class: "facts" }, so = { class: "fact__value" }, io = { class: "fact__metric" }, ro = {
|
|
1122
1193
|
key: 0,
|
|
1123
1194
|
class: "facts__link"
|
|
1124
|
-
},
|
|
1195
|
+
}, no = /* @__PURE__ */ g({
|
|
1125
1196
|
__name: "facts",
|
|
1126
1197
|
props: {
|
|
1127
1198
|
headline: { default: "" },
|
|
@@ -1145,29 +1216,29 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1145
1216
|
}) }
|
|
1146
1217
|
},
|
|
1147
1218
|
setup(e) {
|
|
1148
|
-
return (a, r) => (o(),
|
|
1149
|
-
t("div",
|
|
1150
|
-
t("h2",
|
|
1151
|
-
t("div",
|
|
1152
|
-
(o(!0),
|
|
1153
|
-
key:
|
|
1219
|
+
return (a, r) => (o(), i("div", to, [
|
|
1220
|
+
t("div", ao, [
|
|
1221
|
+
t("h2", oo, d(a.headline), 1),
|
|
1222
|
+
t("div", lo, [
|
|
1223
|
+
(o(!0), i(T, null, V(a.facts, (s) => (o(), i("div", {
|
|
1224
|
+
key: s.value + s.metric,
|
|
1154
1225
|
class: "fact"
|
|
1155
1226
|
}, [
|
|
1156
|
-
t("div",
|
|
1157
|
-
t("span", null, d(
|
|
1227
|
+
t("div", so, [
|
|
1228
|
+
t("span", null, d(s.value), 1)
|
|
1158
1229
|
]),
|
|
1159
|
-
t("div",
|
|
1160
|
-
t("span", null, d(
|
|
1230
|
+
t("div", io, [
|
|
1231
|
+
t("span", null, d(s.metric), 1)
|
|
1161
1232
|
])
|
|
1162
1233
|
]))), 128))
|
|
1163
1234
|
]),
|
|
1164
|
-
a.link ? (o(),
|
|
1165
|
-
|
|
1235
|
+
a.link ? (o(), i("div", ro, [
|
|
1236
|
+
S(M, {
|
|
1166
1237
|
"link-type": "regular_light",
|
|
1167
1238
|
arrow: ""
|
|
1168
1239
|
}, {
|
|
1169
1240
|
default: y(() => [
|
|
1170
|
-
|
|
1241
|
+
u(a.$slots, "facts-link", {}, void 0, !0)
|
|
1171
1242
|
]),
|
|
1172
1243
|
_: 3
|
|
1173
1244
|
})
|
|
@@ -1175,13 +1246,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1175
1246
|
])
|
|
1176
1247
|
]));
|
|
1177
1248
|
}
|
|
1178
|
-
}),
|
|
1249
|
+
}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-d2b231d4"]]), uo = { class: "features__wrapper" }, _o = { class: "features__content" }, ho = {
|
|
1179
1250
|
key: 0,
|
|
1180
1251
|
class: "features__headline"
|
|
1181
|
-
},
|
|
1252
|
+
}, po = {
|
|
1182
1253
|
key: 1,
|
|
1183
1254
|
class: "features__body"
|
|
1184
|
-
},
|
|
1255
|
+
}, mo = { class: "element__headline" }, vo = { class: "element__body" }, fo = /* @__PURE__ */ g({
|
|
1185
1256
|
__name: "features",
|
|
1186
1257
|
props: {
|
|
1187
1258
|
headline: { default: "" },
|
|
@@ -1189,40 +1260,40 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1189
1260
|
elements: { default: () => [] }
|
|
1190
1261
|
},
|
|
1191
1262
|
setup(e) {
|
|
1192
|
-
return (a, r) => (o(),
|
|
1193
|
-
t("div",
|
|
1194
|
-
a.headline ? (o(),
|
|
1263
|
+
return (a, r) => (o(), i("div", uo, [
|
|
1264
|
+
t("div", _o, [
|
|
1265
|
+
a.headline ? (o(), i("div", ho, [
|
|
1195
1266
|
t("h2", null, d(a.headline), 1)
|
|
1196
1267
|
])) : p("", !0),
|
|
1197
|
-
a.body ? (o(),
|
|
1198
|
-
|
|
1268
|
+
a.body ? (o(), i("div", po, [
|
|
1269
|
+
u(a.$slots, "features-body", {}, void 0, !0)
|
|
1199
1270
|
])) : p("", !0),
|
|
1200
1271
|
t("div", {
|
|
1201
1272
|
class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1202
1273
|
}, [
|
|
1203
|
-
(o(!0),
|
|
1204
|
-
key:
|
|
1274
|
+
(o(!0), i(T, null, V(a.elements, (s) => (o(), i("div", {
|
|
1275
|
+
key: s.headline,
|
|
1205
1276
|
class: "features__element"
|
|
1206
1277
|
}, [
|
|
1207
|
-
|
|
1278
|
+
S(F, { class: "element__icon" }, {
|
|
1208
1279
|
default: y(() => [
|
|
1209
|
-
|
|
1210
|
-
src:
|
|
1280
|
+
u(a.$slots, "features-icon", P(O({
|
|
1281
|
+
src: s.icon.src,
|
|
1211
1282
|
height: 30,
|
|
1212
1283
|
width: 30,
|
|
1213
|
-
alt:
|
|
1284
|
+
alt: s.icon.alt
|
|
1214
1285
|
})), void 0, !0)
|
|
1215
1286
|
]),
|
|
1216
1287
|
_: 2
|
|
1217
1288
|
}, 1024),
|
|
1218
|
-
t("p",
|
|
1219
|
-
t("p",
|
|
1289
|
+
t("p", mo, d(s.headline), 1),
|
|
1290
|
+
t("p", vo, d(s.body), 1)
|
|
1220
1291
|
]))), 128))
|
|
1221
1292
|
], 2)
|
|
1222
1293
|
])
|
|
1223
1294
|
]));
|
|
1224
1295
|
}
|
|
1225
|
-
}),
|
|
1296
|
+
}), go = /* @__PURE__ */ f(fo, [["__scopeId", "data-v-57a22df7"]]), bo = { class: "form__wrapper" }, yo = { class: "form__content" }, $o = { class: "form__information" }, ko = { class: "form__headline" }, wo = { class: "form__body" }, Bo = { class: "form__script" }, So = /* @__PURE__ */ g({
|
|
1226
1297
|
__name: "form-script",
|
|
1227
1298
|
props: {
|
|
1228
1299
|
headline: {
|
|
@@ -1231,21 +1302,21 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1231
1302
|
}
|
|
1232
1303
|
},
|
|
1233
1304
|
setup(e) {
|
|
1234
|
-
return (a, r) => (o(),
|
|
1235
|
-
t("div",
|
|
1236
|
-
t("div",
|
|
1237
|
-
t("h2",
|
|
1238
|
-
t("div",
|
|
1239
|
-
|
|
1305
|
+
return (a, r) => (o(), i("div", bo, [
|
|
1306
|
+
t("div", yo, [
|
|
1307
|
+
t("div", $o, [
|
|
1308
|
+
t("h2", ko, d(e.headline), 1),
|
|
1309
|
+
t("div", wo, [
|
|
1310
|
+
u(a.$slots, "form-body", {}, void 0, !0)
|
|
1240
1311
|
])
|
|
1241
1312
|
]),
|
|
1242
|
-
t("div",
|
|
1243
|
-
|
|
1313
|
+
t("div", Bo, [
|
|
1314
|
+
u(a.$slots, "form-script", {}, void 0, !0)
|
|
1244
1315
|
])
|
|
1245
1316
|
])
|
|
1246
1317
|
]));
|
|
1247
1318
|
}
|
|
1248
|
-
}),
|
|
1319
|
+
}), Io = /* @__PURE__ */ f(So, [["__scopeId", "data-v-87a67c13"]]), qo = { class: "headline__wrapper" }, Co = { class: "headline__h1" }, Ao = /* @__PURE__ */ g({
|
|
1249
1320
|
__name: "headline",
|
|
1250
1321
|
props: {
|
|
1251
1322
|
headline: {
|
|
@@ -1262,7 +1333,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1262
1333
|
}
|
|
1263
1334
|
},
|
|
1264
1335
|
setup(e) {
|
|
1265
|
-
return (a, r) => (o(),
|
|
1336
|
+
return (a, r) => (o(), i("div", qo, [
|
|
1266
1337
|
t("div", {
|
|
1267
1338
|
class: m({
|
|
1268
1339
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
@@ -1271,11 +1342,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1271
1342
|
"headline__content--default": !e.article && !e.subMenu
|
|
1272
1343
|
})
|
|
1273
1344
|
}, [
|
|
1274
|
-
t("h1",
|
|
1345
|
+
t("h1", Co, d(e.headline), 1)
|
|
1275
1346
|
], 2)
|
|
1276
1347
|
]));
|
|
1277
1348
|
}
|
|
1278
|
-
}),
|
|
1349
|
+
}), Lo = /* @__PURE__ */ f(Ao, [["__scopeId", "data-v-3ef1567e"]]), Do = (e) => (H("data-v-22f9be13"), e = e(), R(), e), To = { class: "hero__wrapper" }, Vo = { class: "hero__content" }, Po = { class: "hero__top" }, Mo = { class: "hero__elements" }, Fo = { class: "hero__headline" }, Oo = { class: "hero__link" }, zo = { class: "hero__video" }, Ho = /* @__PURE__ */ Do(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), Ro = { class: "hero__video__video" }, No = { class: "hero__image" }, Eo = /* @__PURE__ */ g({
|
|
1279
1350
|
__name: "hero",
|
|
1280
1351
|
props: {
|
|
1281
1352
|
headline: {
|
|
@@ -1284,39 +1355,39 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1284
1355
|
}
|
|
1285
1356
|
},
|
|
1286
1357
|
setup(e) {
|
|
1287
|
-
return (a, r) => (o(),
|
|
1288
|
-
t("div",
|
|
1289
|
-
t("div",
|
|
1290
|
-
t("div",
|
|
1291
|
-
t("div",
|
|
1358
|
+
return (a, r) => (o(), i("div", To, [
|
|
1359
|
+
t("div", Vo, [
|
|
1360
|
+
t("div", Po, [
|
|
1361
|
+
t("div", Mo, [
|
|
1362
|
+
t("div", Fo, [
|
|
1292
1363
|
t("h1", null, d(e.headline), 1)
|
|
1293
1364
|
]),
|
|
1294
|
-
t("div",
|
|
1295
|
-
|
|
1365
|
+
t("div", Oo, [
|
|
1366
|
+
S(M, {
|
|
1296
1367
|
"link-type": "regular_light",
|
|
1297
1368
|
arrow: ""
|
|
1298
1369
|
}, {
|
|
1299
1370
|
default: y(() => [
|
|
1300
|
-
|
|
1371
|
+
u(a.$slots, "hero-link", {}, void 0, !0)
|
|
1301
1372
|
]),
|
|
1302
1373
|
_: 3
|
|
1303
1374
|
})
|
|
1304
1375
|
])
|
|
1305
1376
|
])
|
|
1306
1377
|
]),
|
|
1307
|
-
t("div",
|
|
1308
|
-
|
|
1309
|
-
t("div",
|
|
1310
|
-
|
|
1378
|
+
t("div", zo, [
|
|
1379
|
+
Ho,
|
|
1380
|
+
t("div", Ro, [
|
|
1381
|
+
u(a.$slots, "hero-video", {}, void 0, !0)
|
|
1311
1382
|
]),
|
|
1312
|
-
t("div",
|
|
1313
|
-
|
|
1383
|
+
t("div", No, [
|
|
1384
|
+
u(a.$slots, "hero-image", {}, void 0, !0)
|
|
1314
1385
|
])
|
|
1315
1386
|
])
|
|
1316
1387
|
])
|
|
1317
1388
|
]));
|
|
1318
1389
|
}
|
|
1319
|
-
}),
|
|
1390
|
+
}), jo = /* @__PURE__ */ f(Eo, [["__scopeId", "data-v-22f9be13"]]), Ko = { class: "image__wrapper" }, Uo = { class: "image__content" }, Go = { class: "image__image" }, Jo = { class: "image__caption" }, Wo = /* @__PURE__ */ g({
|
|
1320
1391
|
inheritAttrs: !1,
|
|
1321
1392
|
__name: "image",
|
|
1322
1393
|
props: {
|
|
@@ -1340,12 +1411,12 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1340
1411
|
}
|
|
1341
1412
|
},
|
|
1342
1413
|
setup(e) {
|
|
1343
|
-
return (a, r) => (o(),
|
|
1344
|
-
t("div",
|
|
1345
|
-
t("div",
|
|
1346
|
-
|
|
1414
|
+
return (a, r) => (o(), i("div", Ko, [
|
|
1415
|
+
t("div", Uo, [
|
|
1416
|
+
t("div", Go, [
|
|
1417
|
+
S(F, null, {
|
|
1347
1418
|
default: y(() => [
|
|
1348
|
-
|
|
1419
|
+
u(a.$slots, "image", P(O({
|
|
1349
1420
|
width: 984,
|
|
1350
1421
|
height: e.fullHeight ? "100%" : 554,
|
|
1351
1422
|
src: e.src,
|
|
@@ -1356,20 +1427,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1356
1427
|
_: 3
|
|
1357
1428
|
})
|
|
1358
1429
|
]),
|
|
1359
|
-
t("p",
|
|
1430
|
+
t("p", Jo, d(e.caption), 1)
|
|
1360
1431
|
])
|
|
1361
1432
|
]));
|
|
1362
1433
|
}
|
|
1363
|
-
}),
|
|
1434
|
+
}), Yo = /* @__PURE__ */ f(Wo, [["__scopeId", "data-v-c583d657"]]), Qo = { class: "gallery__large" }, Zo = {
|
|
1364
1435
|
key: 0,
|
|
1365
1436
|
class: "image image--large"
|
|
1366
|
-
},
|
|
1437
|
+
}, Xo = {
|
|
1367
1438
|
key: 1,
|
|
1368
1439
|
class: "video"
|
|
1369
|
-
},
|
|
1440
|
+
}, xo = {
|
|
1370
1441
|
key: 0,
|
|
1371
1442
|
class: "body"
|
|
1372
|
-
},
|
|
1443
|
+
}, el = /* @__PURE__ */ g({
|
|
1373
1444
|
__name: "image-gallery",
|
|
1374
1445
|
props: {
|
|
1375
1446
|
mediaLarge: {},
|
|
@@ -1385,9 +1456,9 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1385
1456
|
white: "",
|
|
1386
1457
|
light: "gallery__wrapper--light",
|
|
1387
1458
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1388
|
-
}, r = e,
|
|
1389
|
-
return (l,
|
|
1390
|
-
class: m(["gallery__wrapper",
|
|
1459
|
+
}, r = e, s = L(() => a[r.bgColor]);
|
|
1460
|
+
return (l, c) => (o(), i("div", {
|
|
1461
|
+
class: m(["gallery__wrapper", s.value])
|
|
1391
1462
|
}, [
|
|
1392
1463
|
t("div", {
|
|
1393
1464
|
class: m([
|
|
@@ -1395,11 +1466,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1395
1466
|
l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1396
1467
|
])
|
|
1397
1468
|
}, [
|
|
1398
|
-
t("div",
|
|
1399
|
-
l.mediaLarge && l.mediaType === "image" ? (o(),
|
|
1400
|
-
|
|
1469
|
+
t("div", Qo, [
|
|
1470
|
+
l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Zo, [
|
|
1471
|
+
S(F, null, {
|
|
1401
1472
|
default: y(() => [
|
|
1402
|
-
|
|
1473
|
+
u(l.$slots, "image-large", P(O({
|
|
1403
1474
|
width: 617,
|
|
1404
1475
|
height: 530,
|
|
1405
1476
|
src: l.mediaLarge.src,
|
|
@@ -1409,8 +1480,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1409
1480
|
_: 3
|
|
1410
1481
|
})
|
|
1411
1482
|
])) : p("", !0),
|
|
1412
|
-
l.mediaLarge && l.mediaType === "video" ? (o(),
|
|
1413
|
-
|
|
1483
|
+
l.mediaLarge && l.mediaType === "video" ? (o(), i("div", Xo, [
|
|
1484
|
+
S(ee, {
|
|
1414
1485
|
src: l.mediaLarge.src,
|
|
1415
1486
|
"local-video": "",
|
|
1416
1487
|
"aria-label": l.mediaLarge.alt,
|
|
@@ -1425,19 +1496,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1425
1496
|
])) : p("", !0)
|
|
1426
1497
|
]),
|
|
1427
1498
|
t("div", {
|
|
1428
|
-
style:
|
|
1499
|
+
style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1429
1500
|
class: m([
|
|
1430
1501
|
"gallery__small",
|
|
1431
1502
|
l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1432
1503
|
])
|
|
1433
1504
|
}, [
|
|
1434
|
-
(o(!0),
|
|
1505
|
+
(o(!0), i(T, null, V(l.mediaSmall, (n) => (o(), i("div", {
|
|
1435
1506
|
key: n.src + n.alt,
|
|
1436
1507
|
class: "image image--small"
|
|
1437
1508
|
}, [
|
|
1438
|
-
|
|
1509
|
+
S(F, null, {
|
|
1439
1510
|
default: y(() => [
|
|
1440
|
-
|
|
1511
|
+
u(l.$slots, "image-small", P(O({
|
|
1441
1512
|
width: 328,
|
|
1442
1513
|
height: 246,
|
|
1443
1514
|
src: n.src,
|
|
@@ -1447,17 +1518,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1447
1518
|
_: 2
|
|
1448
1519
|
}, 1024)
|
|
1449
1520
|
]))), 128)),
|
|
1450
|
-
l.mediaSmall.length < 2 ? (o(),
|
|
1521
|
+
l.mediaSmall.length < 2 ? (o(), i("div", xo, [
|
|
1451
1522
|
t("p", null, d(l.body), 1)
|
|
1452
1523
|
])) : p("", !0)
|
|
1453
1524
|
], 6)
|
|
1454
1525
|
], 2)
|
|
1455
1526
|
], 2));
|
|
1456
1527
|
}
|
|
1457
|
-
}),
|
|
1528
|
+
}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-0d271138"]]), al = { class: "logo-wall__wrapper" }, ol = { class: "logo-wall__content" }, ll = {
|
|
1458
1529
|
key: 0,
|
|
1459
1530
|
class: "logo-wall__text"
|
|
1460
|
-
},
|
|
1531
|
+
}, sl = { key: 0 }, il = { key: 1 }, rl = { class: "logo-wall__logos" }, nl = { class: "logo-wall__link" }, dl = /* @__PURE__ */ g({
|
|
1461
1532
|
__name: "logo-wall",
|
|
1462
1533
|
props: {
|
|
1463
1534
|
headline: {
|
|
@@ -1475,37 +1546,37 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1475
1546
|
}
|
|
1476
1547
|
},
|
|
1477
1548
|
setup(e) {
|
|
1478
|
-
return (a, r) => (o(),
|
|
1479
|
-
t("div",
|
|
1480
|
-
e.headline || e.body ? (o(),
|
|
1481
|
-
e.headline ? (o(),
|
|
1482
|
-
e.body ? (o(),
|
|
1549
|
+
return (a, r) => (o(), i("div", al, [
|
|
1550
|
+
t("div", ol, [
|
|
1551
|
+
e.headline || e.body ? (o(), i("div", ll, [
|
|
1552
|
+
e.headline ? (o(), i("h2", sl, d(e.headline), 1)) : p("", !0),
|
|
1553
|
+
e.body ? (o(), i("p", il, d(e.body), 1)) : p("", !0)
|
|
1483
1554
|
])) : p("", !0),
|
|
1484
|
-
t("div",
|
|
1485
|
-
(o(!0),
|
|
1486
|
-
key:
|
|
1555
|
+
t("div", rl, [
|
|
1556
|
+
(o(!0), i(T, null, V(e.logos, (s) => (o(), i("div", {
|
|
1557
|
+
key: s.src + s.alt,
|
|
1487
1558
|
class: "logo-wall__logo"
|
|
1488
1559
|
}, [
|
|
1489
|
-
|
|
1560
|
+
S(F, null, {
|
|
1490
1561
|
default: y(() => [
|
|
1491
|
-
|
|
1562
|
+
u(a.$slots, "logo-wall-logo", P(O({
|
|
1492
1563
|
width: 130,
|
|
1493
1564
|
height: 130,
|
|
1494
|
-
src:
|
|
1495
|
-
alt:
|
|
1565
|
+
src: s.src,
|
|
1566
|
+
alt: s.alt
|
|
1496
1567
|
})), void 0, !0)
|
|
1497
1568
|
]),
|
|
1498
1569
|
_: 2
|
|
1499
1570
|
}, 1024)
|
|
1500
1571
|
]))), 128))
|
|
1501
1572
|
]),
|
|
1502
|
-
t("div",
|
|
1503
|
-
|
|
1573
|
+
t("div", nl, [
|
|
1574
|
+
S(M, {
|
|
1504
1575
|
"link-type": "regular_light",
|
|
1505
1576
|
arrow: !0
|
|
1506
1577
|
}, {
|
|
1507
1578
|
default: y(() => [
|
|
1508
|
-
|
|
1579
|
+
u(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1509
1580
|
]),
|
|
1510
1581
|
_: 3
|
|
1511
1582
|
})
|
|
@@ -1513,13 +1584,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1513
1584
|
])
|
|
1514
1585
|
]));
|
|
1515
1586
|
}
|
|
1516
|
-
}),
|
|
1587
|
+
}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-fd489289"]]), ul = { class: "micro-stories__top" }, _l = {
|
|
1517
1588
|
key: 0,
|
|
1518
1589
|
class: "headline"
|
|
1519
|
-
},
|
|
1590
|
+
}, hl = {
|
|
1520
1591
|
key: 1,
|
|
1521
1592
|
class: "body"
|
|
1522
|
-
},
|
|
1593
|
+
}, pl = { class: "micro-stories__splide" }, ml = /* @__PURE__ */ g({
|
|
1523
1594
|
__name: "micro-stories",
|
|
1524
1595
|
props: {
|
|
1525
1596
|
bgColor: { default: "blue" },
|
|
@@ -1531,39 +1602,39 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1531
1602
|
white: "micro-stories__wrapper--white",
|
|
1532
1603
|
blue: "micro-stories__wrapper--blue",
|
|
1533
1604
|
dark: "micro-stories__wrapper--dark"
|
|
1534
|
-
}, r =
|
|
1535
|
-
return (l,
|
|
1605
|
+
}, r = L(() => a[s.bgColor]), s = e;
|
|
1606
|
+
return (l, c) => (o(), i("div", {
|
|
1536
1607
|
class: m(["micro-stories__wrapper", r.value])
|
|
1537
1608
|
}, [
|
|
1538
|
-
t("div",
|
|
1539
|
-
l.headline ? (o(),
|
|
1609
|
+
t("div", ul, [
|
|
1610
|
+
l.headline ? (o(), i("div", _l, [
|
|
1540
1611
|
t("h2", null, d(l.headline), 1)
|
|
1541
1612
|
])) : p("", !0),
|
|
1542
|
-
l.body ? (o(),
|
|
1613
|
+
l.body ? (o(), i("div", hl, [
|
|
1543
1614
|
t("p", null, d(l.body), 1)
|
|
1544
1615
|
])) : p("", !0)
|
|
1545
1616
|
]),
|
|
1546
|
-
t("div",
|
|
1547
|
-
|
|
1617
|
+
t("div", pl, [
|
|
1618
|
+
u(l.$slots, "micro-stories-slides")
|
|
1548
1619
|
]),
|
|
1549
|
-
|
|
1620
|
+
u(l.$slots, "micro-stories-controls")
|
|
1550
1621
|
], 2));
|
|
1551
1622
|
}
|
|
1552
|
-
}),
|
|
1553
|
-
function
|
|
1554
|
-
return o(),
|
|
1555
|
-
t("div",
|
|
1556
|
-
|
|
1623
|
+
}), vl = {}, fl = { class: "policy__wrapper" }, gl = { class: "policy__content" };
|
|
1624
|
+
function bl(e, a) {
|
|
1625
|
+
return o(), i("div", fl, [
|
|
1626
|
+
t("div", gl, [
|
|
1627
|
+
u(e.$slots, "default", {}, void 0, !0)
|
|
1557
1628
|
])
|
|
1558
1629
|
]);
|
|
1559
1630
|
}
|
|
1560
|
-
const
|
|
1631
|
+
const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a"]]), $l = { class: "product-hero__wrapper" }, kl = { class: "product-hero__content" }, wl = { class: "product-hero__headline" }, Bl = { class: "product-hero__video" }, Sl = { class: "product-hero__insignia" }, Il = {
|
|
1561
1632
|
key: 0,
|
|
1562
1633
|
class: "product-hero__logo"
|
|
1563
|
-
},
|
|
1634
|
+
}, ql = {
|
|
1564
1635
|
key: 1,
|
|
1565
1636
|
class: "product-hero__certification"
|
|
1566
|
-
},
|
|
1637
|
+
}, Cl = /* @__PURE__ */ g({
|
|
1567
1638
|
__name: "product-hero",
|
|
1568
1639
|
props: {
|
|
1569
1640
|
headline: {
|
|
@@ -1598,11 +1669,11 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1598
1669
|
}
|
|
1599
1670
|
},
|
|
1600
1671
|
setup(e) {
|
|
1601
|
-
return (a, r) => (o(),
|
|
1602
|
-
t("div",
|
|
1603
|
-
t("div",
|
|
1604
|
-
t("div",
|
|
1605
|
-
e.videoSrc !== "" ? (o(),
|
|
1672
|
+
return (a, r) => (o(), i("div", $l, [
|
|
1673
|
+
t("div", kl, [
|
|
1674
|
+
t("div", wl, d(e.headline), 1),
|
|
1675
|
+
t("div", Bl, [
|
|
1676
|
+
e.videoSrc !== "" ? (o(), D(ee, {
|
|
1606
1677
|
key: 0,
|
|
1607
1678
|
play: "",
|
|
1608
1679
|
"local-video": !0,
|
|
@@ -1613,25 +1684,25 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1613
1684
|
autoplay: "",
|
|
1614
1685
|
loop: "",
|
|
1615
1686
|
muted: ""
|
|
1616
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (o(),
|
|
1687
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (o(), D(I(F), { key: 1 }, {
|
|
1617
1688
|
default: y(() => [
|
|
1618
|
-
|
|
1689
|
+
u(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
1619
1690
|
]),
|
|
1620
1691
|
_: 3
|
|
1621
1692
|
})),
|
|
1622
|
-
t("div",
|
|
1623
|
-
e.logoSrc ? (o(),
|
|
1624
|
-
|
|
1693
|
+
t("div", Sl, [
|
|
1694
|
+
e.logoSrc ? (o(), i("div", Il, [
|
|
1695
|
+
S(I(F), null, {
|
|
1625
1696
|
default: y(() => [
|
|
1626
|
-
|
|
1697
|
+
u(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1627
1698
|
]),
|
|
1628
1699
|
_: 3
|
|
1629
1700
|
})
|
|
1630
1701
|
])) : p("", !0),
|
|
1631
|
-
e.isCertified ? (o(),
|
|
1632
|
-
|
|
1702
|
+
e.isCertified ? (o(), i("div", ql, [
|
|
1703
|
+
S(I(F), null, {
|
|
1633
1704
|
default: y(() => [
|
|
1634
|
-
|
|
1705
|
+
u(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1635
1706
|
]),
|
|
1636
1707
|
_: 3
|
|
1637
1708
|
})
|
|
@@ -1641,7 +1712,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1641
1712
|
])
|
|
1642
1713
|
]));
|
|
1643
1714
|
}
|
|
1644
|
-
}),
|
|
1715
|
+
}), Al = /* @__PURE__ */ f(Cl, [["__scopeId", "data-v-deab9c3a"]]), Ll = { class: "promo__content" }, Dl = /* @__PURE__ */ g({
|
|
1645
1716
|
__name: "promo",
|
|
1646
1717
|
props: {
|
|
1647
1718
|
label: { default: "" },
|
|
@@ -1661,38 +1732,38 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1661
1732
|
dark: "promo__wrapper--dark",
|
|
1662
1733
|
light: "promo__wrapper--light",
|
|
1663
1734
|
default: "promo__wrapper--default"
|
|
1664
|
-
}, r = e,
|
|
1665
|
-
return (l,
|
|
1735
|
+
}, r = e, s = L(() => a[r.variant]);
|
|
1736
|
+
return (l, c) => (o(), i("div", {
|
|
1666
1737
|
class: m([
|
|
1667
1738
|
"promo__wrapper",
|
|
1668
|
-
|
|
1739
|
+
s.value,
|
|
1669
1740
|
l.teaser ? "promo__wrapper--teaser" : "",
|
|
1670
1741
|
l.multiply ? "promo__wrapper--multiply" : ""
|
|
1671
1742
|
])
|
|
1672
1743
|
}, [
|
|
1673
|
-
t("div",
|
|
1674
|
-
l.mediaType === "image" ? (o(),
|
|
1744
|
+
t("div", Ll, [
|
|
1745
|
+
l.mediaType === "image" ? (o(), i("div", {
|
|
1675
1746
|
key: 0,
|
|
1676
1747
|
class: m([
|
|
1677
1748
|
"promo__image",
|
|
1678
1749
|
l.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1679
1750
|
])
|
|
1680
1751
|
}, [
|
|
1681
|
-
|
|
1752
|
+
S(F, null, {
|
|
1682
1753
|
default: y(() => [
|
|
1683
|
-
|
|
1754
|
+
u(l.$slots, "promo-image", P(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
|
|
1684
1755
|
]),
|
|
1685
1756
|
_: 3
|
|
1686
1757
|
})
|
|
1687
1758
|
], 2)) : p("", !0),
|
|
1688
|
-
l.mediaType === "video" ? (o(),
|
|
1759
|
+
l.mediaType === "video" ? (o(), i("div", {
|
|
1689
1760
|
key: 1,
|
|
1690
1761
|
class: m([
|
|
1691
1762
|
"promo__video",
|
|
1692
1763
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
1693
1764
|
])
|
|
1694
1765
|
}, [
|
|
1695
|
-
|
|
1766
|
+
S(ee, {
|
|
1696
1767
|
src: l.src,
|
|
1697
1768
|
"local-video": "",
|
|
1698
1769
|
"aria-label": l.alt,
|
|
@@ -1710,7 +1781,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1710
1781
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1711
1782
|
])
|
|
1712
1783
|
}, [
|
|
1713
|
-
l.label ? (o(),
|
|
1784
|
+
l.label ? (o(), D(Z, {
|
|
1714
1785
|
key: 0,
|
|
1715
1786
|
text: l.label,
|
|
1716
1787
|
"label-dark": l.variant === "dark"
|
|
@@ -1721,24 +1792,24 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1721
1792
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
1722
1793
|
])
|
|
1723
1794
|
}, [
|
|
1724
|
-
|
|
1795
|
+
u(l.$slots, "promo-headline")
|
|
1725
1796
|
], 2),
|
|
1726
|
-
l.linkType === "link" ? (o(),
|
|
1797
|
+
l.linkType === "link" ? (o(), D(M, {
|
|
1727
1798
|
key: 1,
|
|
1728
1799
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
1729
1800
|
arrow: ""
|
|
1730
1801
|
}, {
|
|
1731
1802
|
default: y(() => [
|
|
1732
|
-
|
|
1803
|
+
u(l.$slots, "promo-link")
|
|
1733
1804
|
]),
|
|
1734
1805
|
_: 3
|
|
1735
1806
|
}, 8, ["link-type"])) : p("", !0),
|
|
1736
|
-
l.linkType === "button" ? (o(),
|
|
1807
|
+
l.linkType === "button" ? (o(), D(M, {
|
|
1737
1808
|
key: 2,
|
|
1738
1809
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
1739
1810
|
}, {
|
|
1740
1811
|
default: y(() => [
|
|
1741
|
-
|
|
1812
|
+
u(l.$slots, "promo-link")
|
|
1742
1813
|
]),
|
|
1743
1814
|
_: 3
|
|
1744
1815
|
}, 8, ["link-type"])) : p("", !0)
|
|
@@ -1746,10 +1817,10 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1746
1817
|
])
|
|
1747
1818
|
], 2));
|
|
1748
1819
|
}
|
|
1749
|
-
}),
|
|
1820
|
+
}), Tl = /* @__PURE__ */ f(Dl, [["__scopeId", "data-v-df54d965"]]), Vl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Pl = { class: "quote__wrapper" }, Ml = { class: "quote__content" }, Fl = /* @__PURE__ */ Vl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Ol = { class: "quote__quote" }, zl = { class: "quote__quote-text" }, Hl = { class: "quote__author" }, Rl = {
|
|
1750
1821
|
key: 0,
|
|
1751
1822
|
class: "quote__image"
|
|
1752
|
-
},
|
|
1823
|
+
}, Nl = { class: "quote__text" }, El = { class: "quote__author-name" }, jl = { class: "quote__author-title" }, Kl = /* @__PURE__ */ g({
|
|
1753
1824
|
__name: "quote",
|
|
1754
1825
|
props: {
|
|
1755
1826
|
quote: {
|
|
@@ -1771,16 +1842,16 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1771
1842
|
}
|
|
1772
1843
|
},
|
|
1773
1844
|
setup(e) {
|
|
1774
|
-
return (a, r) => (o(),
|
|
1775
|
-
t("div",
|
|
1776
|
-
|
|
1777
|
-
t("div",
|
|
1778
|
-
t("p",
|
|
1779
|
-
t("div",
|
|
1780
|
-
e.authorImage ? (o(),
|
|
1781
|
-
|
|
1845
|
+
return (a, r) => (o(), i("div", Pl, [
|
|
1846
|
+
t("div", Ml, [
|
|
1847
|
+
Fl,
|
|
1848
|
+
t("div", Ol, [
|
|
1849
|
+
t("p", zl, d(e.quote), 1),
|
|
1850
|
+
t("div", Hl, [
|
|
1851
|
+
e.authorImage ? (o(), i("div", Rl, [
|
|
1852
|
+
S(F, null, {
|
|
1782
1853
|
default: y(() => [
|
|
1783
|
-
|
|
1854
|
+
u(a.$slots, "author-image", P(O({
|
|
1784
1855
|
src: e.authorImage + "/m/100x100",
|
|
1785
1856
|
width: 60,
|
|
1786
1857
|
height: 60
|
|
@@ -1789,22 +1860,22 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1789
1860
|
_: 3
|
|
1790
1861
|
})
|
|
1791
1862
|
])) : p("", !0),
|
|
1792
|
-
t("div",
|
|
1793
|
-
t("p",
|
|
1794
|
-
t("p",
|
|
1863
|
+
t("div", Nl, [
|
|
1864
|
+
t("p", El, d(e.author), 1),
|
|
1865
|
+
t("p", jl, d(e.authorTitle), 1)
|
|
1795
1866
|
])
|
|
1796
1867
|
])
|
|
1797
1868
|
])
|
|
1798
1869
|
])
|
|
1799
1870
|
]));
|
|
1800
1871
|
}
|
|
1801
|
-
}),
|
|
1872
|
+
}), Ul = /* @__PURE__ */ f(Kl, [["__scopeId", "data-v-e3cc8e27"]]), Gl = { class: "rich-text__wrapper" }, Jl = {
|
|
1802
1873
|
key: 0,
|
|
1803
1874
|
class: "rich-text__links"
|
|
1804
|
-
},
|
|
1875
|
+
}, Wl = {
|
|
1805
1876
|
key: 0,
|
|
1806
1877
|
class: "rich-text__bullet-list"
|
|
1807
|
-
},
|
|
1878
|
+
}, Yl = /* @__PURE__ */ g({
|
|
1808
1879
|
__name: "rich-text",
|
|
1809
1880
|
props: {
|
|
1810
1881
|
headline: { default: "" },
|
|
@@ -1817,19 +1888,19 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1817
1888
|
label: { default: "" }
|
|
1818
1889
|
},
|
|
1819
1890
|
setup(e) {
|
|
1820
|
-
return (a, r) => (o(),
|
|
1891
|
+
return (a, r) => (o(), i("div", {
|
|
1821
1892
|
class: m([
|
|
1822
1893
|
"rich-text",
|
|
1823
1894
|
a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1824
1895
|
])
|
|
1825
1896
|
}, [
|
|
1826
|
-
t("div",
|
|
1827
|
-
a.label ? (o(),
|
|
1897
|
+
t("div", Gl, [
|
|
1898
|
+
a.label ? (o(), D(Z, {
|
|
1828
1899
|
key: 0,
|
|
1829
1900
|
text: a.label,
|
|
1830
1901
|
"label-dark": !1
|
|
1831
1902
|
}, null, 8, ["text"])) : p("", !0),
|
|
1832
|
-
a.headline ? (o(),
|
|
1903
|
+
a.headline ? (o(), i("h2", {
|
|
1833
1904
|
key: 1,
|
|
1834
1905
|
class: m([
|
|
1835
1906
|
"rich-text__headline",
|
|
@@ -1848,24 +1919,24 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1848
1919
|
a.bulletList || a.image ? "rich-text__body--content-right" : ""
|
|
1849
1920
|
])
|
|
1850
1921
|
}, [
|
|
1851
|
-
|
|
1852
|
-
a.links ? (o(),
|
|
1853
|
-
|
|
1922
|
+
u(a.$slots, "rich-text-content"),
|
|
1923
|
+
a.links ? (o(), i("div", Jl, [
|
|
1924
|
+
u(a.$slots, "rich-text-links")
|
|
1854
1925
|
])) : p("", !0)
|
|
1855
1926
|
], 2),
|
|
1856
|
-
a.bulletList ? (o(),
|
|
1857
|
-
|
|
1927
|
+
a.bulletList ? (o(), i("div", Wl, [
|
|
1928
|
+
u(a.$slots, "rich-text-bullet-list")
|
|
1858
1929
|
])) : p("", !0),
|
|
1859
|
-
a.image ? (o(),
|
|
1930
|
+
a.image ? (o(), i("div", {
|
|
1860
1931
|
key: 1,
|
|
1861
1932
|
class: m([
|
|
1862
1933
|
"rich-text__image",
|
|
1863
1934
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
1864
1935
|
])
|
|
1865
1936
|
}, [
|
|
1866
|
-
|
|
1937
|
+
S(F, null, {
|
|
1867
1938
|
default: y(() => [
|
|
1868
|
-
|
|
1939
|
+
u(a.$slots, "rich-text-image", P(O({ width: 865, height: 307 })))
|
|
1869
1940
|
]),
|
|
1870
1941
|
_: 3
|
|
1871
1942
|
})
|
|
@@ -1874,27 +1945,27 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
|
|
|
1874
1945
|
])
|
|
1875
1946
|
], 2));
|
|
1876
1947
|
}
|
|
1877
|
-
}),
|
|
1878
|
-
function
|
|
1879
|
-
return o(),
|
|
1880
|
-
t("div",
|
|
1881
|
-
t("div",
|
|
1882
|
-
t("div",
|
|
1948
|
+
}), Ql = /* @__PURE__ */ f(Yl, [["__scopeId", "data-v-16ba7206"]]), Zl = {}, Xl = { class: "rich-text" }, xl = { class: "rich-text__wrapper" }, es = { class: "rich-text__content rich-text__content--left-aligned" }, ts = { class: "rich-text__body" };
|
|
1949
|
+
function as(e, a) {
|
|
1950
|
+
return o(), i("div", Xl, [
|
|
1951
|
+
t("div", xl, [
|
|
1952
|
+
t("div", es, [
|
|
1953
|
+
t("div", ts, [
|
|
1883
1954
|
t("div", null, [
|
|
1884
|
-
|
|
1955
|
+
u(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1885
1956
|
]),
|
|
1886
1957
|
t("div", null, [
|
|
1887
|
-
|
|
1958
|
+
u(e.$slots, "rich-text-content-right", {}, void 0, !0)
|
|
1888
1959
|
])
|
|
1889
1960
|
])
|
|
1890
1961
|
])
|
|
1891
1962
|
])
|
|
1892
1963
|
]);
|
|
1893
1964
|
}
|
|
1894
|
-
const
|
|
1965
|
+
const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040"]]), ls = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), ss = { class: "timeline__wrapper" }, is = { class: "timeline__content" }, rs = { class: "timeline__items" }, ns = { class: "item__left" }, ds = /* @__PURE__ */ ls(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1895
1966
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1896
1967
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1897
|
-
], -1)),
|
|
1968
|
+
], -1)), cs = { class: "item__right" }, us = ["innerHTML"], _s = /* @__PURE__ */ g({
|
|
1898
1969
|
__name: "timeline",
|
|
1899
1970
|
props: {
|
|
1900
1971
|
timelineItems: {
|
|
@@ -1905,8 +1976,8 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
1905
1976
|
setup(e) {
|
|
1906
1977
|
return pe(() => {
|
|
1907
1978
|
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1908
|
-
(
|
|
1909
|
-
|
|
1979
|
+
(s) => {
|
|
1980
|
+
s.forEach((l) => {
|
|
1910
1981
|
l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
|
|
1911
1982
|
});
|
|
1912
1983
|
},
|
|
@@ -1914,43 +1985,43 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
1914
1985
|
threshold: 1
|
|
1915
1986
|
}
|
|
1916
1987
|
);
|
|
1917
|
-
a.forEach((
|
|
1918
|
-
r.observe(
|
|
1988
|
+
a.forEach((s) => {
|
|
1989
|
+
r.observe(s);
|
|
1919
1990
|
});
|
|
1920
|
-
}), (a, r) => (o(),
|
|
1921
|
-
t("div",
|
|
1922
|
-
t("div",
|
|
1923
|
-
(o(!0),
|
|
1924
|
-
key:
|
|
1991
|
+
}), (a, r) => (o(), i("div", ss, [
|
|
1992
|
+
t("div", is, [
|
|
1993
|
+
t("div", rs, [
|
|
1994
|
+
(o(!0), i(T, null, V(e.timelineItems, (s) => (o(), i("div", {
|
|
1995
|
+
key: s.year,
|
|
1925
1996
|
class: "timeline__item faded"
|
|
1926
1997
|
}, [
|
|
1927
|
-
t("div",
|
|
1928
|
-
|
|
1929
|
-
t("div",
|
|
1930
|
-
|
|
1998
|
+
t("div", ns, d(s.year), 1),
|
|
1999
|
+
ds,
|
|
2000
|
+
t("div", cs, [
|
|
2001
|
+
S(F, null, {
|
|
1931
2002
|
default: y(() => [
|
|
1932
|
-
|
|
2003
|
+
s.media.src ? u(a.$slots, "timeline-image", P(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
|
|
1933
2004
|
]),
|
|
1934
2005
|
_: 2
|
|
1935
2006
|
}, 1024),
|
|
1936
2007
|
t("div", {
|
|
1937
|
-
style:
|
|
2008
|
+
style: x([s.media.src ? "" : "margin-top: 0px"]),
|
|
1938
2009
|
class: "rich-text",
|
|
1939
|
-
innerHTML:
|
|
1940
|
-
}, null, 12,
|
|
2010
|
+
innerHTML: s.text
|
|
2011
|
+
}, null, 12, us)
|
|
1941
2012
|
])
|
|
1942
2013
|
]))), 128))
|
|
1943
2014
|
])
|
|
1944
2015
|
])
|
|
1945
2016
|
]));
|
|
1946
2017
|
}
|
|
1947
|
-
}),
|
|
2018
|
+
}), hs = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-e254e1e0"]]), ps = { class: "vimeo" }, ms = { class: "vimeo__wrapper" }, vs = {
|
|
1948
2019
|
key: 0,
|
|
1949
2020
|
class: "vimeo__headline"
|
|
1950
|
-
},
|
|
2021
|
+
}, fs = {
|
|
1951
2022
|
key: 1,
|
|
1952
2023
|
class: "vimeo__description"
|
|
1953
|
-
},
|
|
2024
|
+
}, gs = /* @__PURE__ */ g({
|
|
1954
2025
|
__name: "vimeo",
|
|
1955
2026
|
props: {
|
|
1956
2027
|
headline: {
|
|
@@ -1963,21 +2034,21 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
1963
2034
|
}
|
|
1964
2035
|
},
|
|
1965
2036
|
setup(e) {
|
|
1966
|
-
return (a, r) => (o(),
|
|
1967
|
-
t("div",
|
|
1968
|
-
e.headline ? (o(),
|
|
1969
|
-
|
|
1970
|
-
e.description ? (o(),
|
|
2037
|
+
return (a, r) => (o(), i("div", ps, [
|
|
2038
|
+
t("div", ms, [
|
|
2039
|
+
e.headline ? (o(), i("h2", vs, d(e.headline), 1)) : p("", !0),
|
|
2040
|
+
u(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
2041
|
+
e.description ? (o(), i("p", fs, d(e.description), 1)) : p("", !0)
|
|
1971
2042
|
])
|
|
1972
2043
|
]));
|
|
1973
2044
|
}
|
|
1974
|
-
}),
|
|
2045
|
+
}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-90a2b109"]]), ys = { class: "academy-overview" }, $s = { class: "academy-overview__content-wrapper" }, ks = { class: "academy-overview__content" }, ws = { class: "academy-overview__title" }, Bs = { class: "academy-overview__description" }, Ss = {
|
|
1975
2046
|
key: 0,
|
|
1976
2047
|
class: "academy-overview__button-wrapper"
|
|
1977
|
-
},
|
|
2048
|
+
}, Is = {
|
|
1978
2049
|
key: 0,
|
|
1979
2050
|
class: "academy-overview__stats"
|
|
1980
|
-
},
|
|
2051
|
+
}, qs = { class: "academy-overview__stats-row" }, Cs = { class: "academy-overview__stat" }, As = { class: "academy-overview__value" }, Ls = { class: "academy-overview__label" }, Ds = { class: "academy-overview__stat" }, Ts = { class: "academy-overview__value" }, Vs = { class: "academy-overview__label" }, Ps = /* @__PURE__ */ g({
|
|
1981
2052
|
__name: "frontpage-hero",
|
|
1982
2053
|
props: {
|
|
1983
2054
|
hero: { default: () => ({
|
|
@@ -1991,25 +2062,25 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
1991
2062
|
}) }
|
|
1992
2063
|
},
|
|
1993
2064
|
setup(e) {
|
|
1994
|
-
return (a, r) => (o(),
|
|
1995
|
-
t("div",
|
|
1996
|
-
t("div",
|
|
2065
|
+
return (a, r) => (o(), i("div", ys, [
|
|
2066
|
+
t("div", $s, [
|
|
2067
|
+
t("div", ks, [
|
|
1997
2068
|
t("div", null, [
|
|
1998
|
-
t("h1",
|
|
1999
|
-
t("p",
|
|
2000
|
-
a.hero.showStats ? p("", !0) : (o(),
|
|
2001
|
-
|
|
2069
|
+
t("h1", ws, d(a.hero.headline), 1),
|
|
2070
|
+
t("p", Bs, d(a.hero.description), 1),
|
|
2071
|
+
a.hero.showStats ? p("", !0) : (o(), i("div", Ss, [
|
|
2072
|
+
u(a.$slots, "button", {}, void 0, !0)
|
|
2002
2073
|
]))
|
|
2003
2074
|
]),
|
|
2004
|
-
a.hero.showStats ? (o(),
|
|
2005
|
-
t("div",
|
|
2006
|
-
t("div",
|
|
2007
|
-
t("div",
|
|
2008
|
-
t("div",
|
|
2075
|
+
a.hero.showStats ? (o(), i("div", Is, [
|
|
2076
|
+
t("div", qs, [
|
|
2077
|
+
t("div", Cs, [
|
|
2078
|
+
t("div", As, d(a.hero.lessonValue), 1),
|
|
2079
|
+
t("div", Ls, d(a.hero.lessonLabel), 1)
|
|
2009
2080
|
]),
|
|
2010
|
-
t("div",
|
|
2011
|
-
t("div",
|
|
2012
|
-
t("div",
|
|
2081
|
+
t("div", Ds, [
|
|
2082
|
+
t("div", Ts, d(a.hero.pointsValue), 1),
|
|
2083
|
+
t("div", Vs, d(a.hero.pointsLabel), 1)
|
|
2013
2084
|
])
|
|
2014
2085
|
])
|
|
2015
2086
|
])) : p("", !0)
|
|
@@ -2017,7 +2088,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2017
2088
|
])
|
|
2018
2089
|
]));
|
|
2019
2090
|
}
|
|
2020
|
-
}),
|
|
2091
|
+
}), Ms = /* @__PURE__ */ f(Ps, [["__scopeId", "data-v-98275425"]]), Fs = { class: "not-found__wrapper" }, Os = { class: "not-found__content" }, zs = { class: "not-found__headline" }, Hs = { class: "not-found__body" }, Rs = /* @__PURE__ */ g({
|
|
2021
2092
|
__name: "404",
|
|
2022
2093
|
props: {
|
|
2023
2094
|
headline: {
|
|
@@ -2026,16 +2097,16 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2026
2097
|
}
|
|
2027
2098
|
},
|
|
2028
2099
|
setup(e) {
|
|
2029
|
-
return (a, r) => (o(),
|
|
2030
|
-
t("div",
|
|
2031
|
-
t("h1",
|
|
2032
|
-
t("div",
|
|
2033
|
-
|
|
2100
|
+
return (a, r) => (o(), i("div", Fs, [
|
|
2101
|
+
t("div", Os, [
|
|
2102
|
+
t("h1", zs, d(e.headline), 1),
|
|
2103
|
+
t("div", Hs, [
|
|
2104
|
+
u(a.$slots, "not-found-body", {}, void 0, !0)
|
|
2034
2105
|
])
|
|
2035
2106
|
])
|
|
2036
2107
|
]));
|
|
2037
2108
|
}
|
|
2038
|
-
}),
|
|
2109
|
+
}), Ns = /* @__PURE__ */ f(Rs, [["__scopeId", "data-v-b829ca6c"]]), Es = { class: "filter__wrapper" }, js = { class: "filter__content" }, Ks = { class: "filter__dropdowns" }, Us = { class: "filter__chips" }, Gs = /* @__PURE__ */ g({
|
|
2039
2110
|
__name: "filter",
|
|
2040
2111
|
props: {
|
|
2041
2112
|
hasChips: {
|
|
@@ -2049,51 +2120,51 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2049
2120
|
},
|
|
2050
2121
|
emits: ["clearFilters"],
|
|
2051
2122
|
setup(e) {
|
|
2052
|
-
return (a, r) => (o(),
|
|
2053
|
-
t("div",
|
|
2054
|
-
t("div",
|
|
2055
|
-
|
|
2123
|
+
return (a, r) => (o(), i("div", Es, [
|
|
2124
|
+
t("div", js, [
|
|
2125
|
+
t("div", Ks, [
|
|
2126
|
+
u(a.$slots, "filter-dropdowns")
|
|
2056
2127
|
]),
|
|
2057
|
-
t("div",
|
|
2058
|
-
|
|
2059
|
-
e.hasChips ? (o(),
|
|
2128
|
+
t("div", Us, [
|
|
2129
|
+
u(a.$slots, "filter-chips"),
|
|
2130
|
+
e.hasChips ? (o(), i("button", {
|
|
2060
2131
|
key: 0,
|
|
2061
2132
|
class: "filter__clear",
|
|
2062
|
-
onClick: r[0] || (r[0] = (
|
|
2133
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
|
|
2063
2134
|
}, d(e.removeAll), 1)) : p("", !0)
|
|
2064
2135
|
])
|
|
2065
2136
|
])
|
|
2066
2137
|
]));
|
|
2067
2138
|
}
|
|
2068
|
-
}),
|
|
2139
|
+
}), Js = /* @__PURE__ */ f(Gs, [["__scopeId", "data-v-31c1ba00"]]), ge = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ws = { class: "footer__wrapper" }, Ys = { class: "footer__content" }, Qs = {
|
|
2069
2140
|
key: 0,
|
|
2070
2141
|
src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
|
|
2071
2142
|
style: { margin: "0 auto" }
|
|
2072
|
-
},
|
|
2143
|
+
}, Zs = { class: "footer__sections" }, Xs = { class: "section__title" }, xs = { class: "section__list" }, ei = { class: "section" }, ti = {
|
|
2073
2144
|
key: 0,
|
|
2074
2145
|
class: "section__title"
|
|
2075
|
-
},
|
|
2146
|
+
}, ai = {
|
|
2076
2147
|
key: 1,
|
|
2077
2148
|
class: "section__title"
|
|
2078
|
-
},
|
|
2149
|
+
}, oi = { key: 0 }, li = { key: 1 }, si = { key: 2 }, ii = { key: 3 }, ri = { key: 4 }, ni = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("br", null, null, -1)), di = {
|
|
2079
2150
|
key: 0,
|
|
2080
2151
|
href: "mailto:china@mir-robots.com"
|
|
2081
|
-
},
|
|
2152
|
+
}, ci = {
|
|
2082
2153
|
key: 1,
|
|
2083
2154
|
href: "mailto:mail@mir-robots.com"
|
|
2084
|
-
},
|
|
2155
|
+
}, ui = {
|
|
2085
2156
|
key: 0,
|
|
2086
2157
|
href: "tel:+8613661856951"
|
|
2087
|
-
},
|
|
2158
|
+
}, _i = {
|
|
2088
2159
|
key: 1,
|
|
2089
2160
|
href: "tel:+4520377577"
|
|
2090
|
-
},
|
|
2161
|
+
}, hi = { class: "footer__bottom" }, pi = { class: "copyright" }, mi = { class: "footer__policy" }, vi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fi = {
|
|
2091
2162
|
key: 0,
|
|
2092
2163
|
class: "footer__social"
|
|
2093
|
-
},
|
|
2164
|
+
}, gi = ["href", "aria-label"], bi = {
|
|
2094
2165
|
key: 1,
|
|
2095
2166
|
class: "footer__social"
|
|
2096
|
-
},
|
|
2167
|
+
}, yi = ["href", "aria-label"], $i = /* @__PURE__ */ g({
|
|
2097
2168
|
__name: "footer",
|
|
2098
2169
|
props: {
|
|
2099
2170
|
language: { default: "" },
|
|
@@ -2106,107 +2177,107 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2106
2177
|
},
|
|
2107
2178
|
emits: ["changeRegionClicked"],
|
|
2108
2179
|
setup(e) {
|
|
2109
|
-
return (a, r) => (o(),
|
|
2110
|
-
t("footer",
|
|
2111
|
-
a.language === "zh" ? (o(),
|
|
2112
|
-
t("div",
|
|
2113
|
-
(o(!0),
|
|
2114
|
-
key:
|
|
2180
|
+
return (a, r) => (o(), i("div", Ws, [
|
|
2181
|
+
t("footer", Ys, [
|
|
2182
|
+
a.language === "zh" ? (o(), i("img", Qs)) : p("", !0),
|
|
2183
|
+
t("div", Zs, [
|
|
2184
|
+
(o(!0), i(T, null, V(a.footerSections, (s) => (o(), i("div", {
|
|
2185
|
+
key: s.title,
|
|
2115
2186
|
class: "section"
|
|
2116
2187
|
}, [
|
|
2117
|
-
t("span",
|
|
2188
|
+
t("span", Xs, d(s.title), 1),
|
|
2118
2189
|
t("nav", null, [
|
|
2119
|
-
t("ul",
|
|
2120
|
-
|
|
2121
|
-
links:
|
|
2190
|
+
t("ul", xs, [
|
|
2191
|
+
u(a.$slots, "section-links", {
|
|
2192
|
+
links: s.links
|
|
2122
2193
|
})
|
|
2123
2194
|
])
|
|
2124
2195
|
])
|
|
2125
2196
|
]))), 128)),
|
|
2126
|
-
t("div",
|
|
2127
|
-
a.language === "zh" ? (o(),
|
|
2197
|
+
t("div", ei, [
|
|
2198
|
+
a.language === "zh" ? (o(), i("span", ti, "名傲移动机器人(上海)有限公司")) : (o(), i("span", ai, "Mobile Industrial Robots A/S")),
|
|
2128
2199
|
t("address", null, [
|
|
2129
|
-
a.language === "zh" ? (o(),
|
|
2130
|
-
a.language === "zh" ? (o(),
|
|
2131
|
-
a.language !== "zh" ? (o(),
|
|
2132
|
-
|
|
2133
|
-
|
|
2200
|
+
a.language === "zh" ? (o(), i("span", oi, "上海浦东新区金桥出口加工区")) : (o(), i("span", li, "Energivej 51")),
|
|
2201
|
+
a.language === "zh" ? (o(), i("span", si, "桂桥路1201号10栋2楼")) : (o(), i("span", ii, "5260 Odense S")),
|
|
2202
|
+
a.language !== "zh" ? (o(), i("span", ri, "CVR: 35251235")) : p("", !0),
|
|
2203
|
+
ni,
|
|
2204
|
+
S(M, {
|
|
2134
2205
|
class: "footer__contact",
|
|
2135
2206
|
"link-type": "regular_light",
|
|
2136
2207
|
underline: "false"
|
|
2137
2208
|
}, {
|
|
2138
2209
|
default: y(() => [
|
|
2139
|
-
a.language === "zh" ? (o(),
|
|
2210
|
+
a.language === "zh" ? (o(), i("a", di, "china@mir-robots.com")) : (o(), i("a", ci, "mail@mir-robots.com"))
|
|
2140
2211
|
]),
|
|
2141
2212
|
_: 1
|
|
2142
2213
|
}),
|
|
2143
|
-
|
|
2214
|
+
S(M, {
|
|
2144
2215
|
class: "footer__contact",
|
|
2145
2216
|
"link-type": "regular_light",
|
|
2146
2217
|
underline: "false"
|
|
2147
2218
|
}, {
|
|
2148
2219
|
default: y(() => [
|
|
2149
|
-
a.language === "zh" ? (o(),
|
|
2220
|
+
a.language === "zh" ? (o(), i("a", ui, "+86 13661856951(微信同号)")) : (o(), i("a", _i, "+45 20 377 577"))
|
|
2150
2221
|
]),
|
|
2151
2222
|
_: 1
|
|
2152
2223
|
})
|
|
2153
2224
|
])
|
|
2154
2225
|
])
|
|
2155
2226
|
]),
|
|
2156
|
-
t("div",
|
|
2157
|
-
t("p",
|
|
2158
|
-
t("div",
|
|
2227
|
+
t("div", hi, [
|
|
2228
|
+
t("p", pi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2229
|
+
t("div", mi, [
|
|
2159
2230
|
t("button", {
|
|
2160
2231
|
class: "footer__language-switcher",
|
|
2161
|
-
onClick: r[0] || (r[0] = (
|
|
2232
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
|
|
2162
2233
|
}, [
|
|
2163
2234
|
t("span", null, [
|
|
2164
|
-
|
|
2235
|
+
vi,
|
|
2165
2236
|
G(d(a.changeRegion), 1)
|
|
2166
2237
|
])
|
|
2167
2238
|
]),
|
|
2168
|
-
|
|
2169
|
-
|
|
2239
|
+
u(a.$slots, "footer-privacy-link"),
|
|
2240
|
+
u(a.$slots, "footer-cookie-link")
|
|
2170
2241
|
]),
|
|
2171
|
-
a.language !== "zh" ? (o(),
|
|
2172
|
-
(o(!0),
|
|
2173
|
-
key:
|
|
2242
|
+
a.language !== "zh" ? (o(), i("div", fi, [
|
|
2243
|
+
(o(!0), i(T, null, V(a.socialMedia, (s) => (o(), D(M, {
|
|
2244
|
+
key: s.title,
|
|
2174
2245
|
underline: "false",
|
|
2175
2246
|
"link-type": "regular"
|
|
2176
2247
|
}, {
|
|
2177
2248
|
default: y(() => [
|
|
2178
2249
|
t("a", {
|
|
2179
|
-
href:
|
|
2250
|
+
href: s.url,
|
|
2180
2251
|
target: "_blank",
|
|
2181
|
-
"aria-label":
|
|
2252
|
+
"aria-label": s.title
|
|
2182
2253
|
}, [
|
|
2183
2254
|
t("i", {
|
|
2184
2255
|
width: "19",
|
|
2185
2256
|
height: "14",
|
|
2186
|
-
class: m(["footer__social--icon", [
|
|
2257
|
+
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2187
2258
|
}, null, 2)
|
|
2188
|
-
], 8,
|
|
2259
|
+
], 8, gi)
|
|
2189
2260
|
]),
|
|
2190
2261
|
_: 2
|
|
2191
2262
|
}, 1024))), 128))
|
|
2192
|
-
])) : (o(),
|
|
2193
|
-
(o(!0),
|
|
2194
|
-
key:
|
|
2263
|
+
])) : (o(), i("div", bi, [
|
|
2264
|
+
(o(!0), i(T, null, V(a.socialMediaChina, (s) => (o(), D(M, {
|
|
2265
|
+
key: s.title,
|
|
2195
2266
|
underline: "false",
|
|
2196
2267
|
"link-type": "regular"
|
|
2197
2268
|
}, {
|
|
2198
2269
|
default: y(() => [
|
|
2199
2270
|
t("a", {
|
|
2200
|
-
href:
|
|
2271
|
+
href: s.url,
|
|
2201
2272
|
target: "_blank",
|
|
2202
|
-
"aria-label":
|
|
2273
|
+
"aria-label": s.title
|
|
2203
2274
|
}, [
|
|
2204
2275
|
t("i", {
|
|
2205
2276
|
width: "19",
|
|
2206
2277
|
height: "14",
|
|
2207
|
-
class: m(["footer__social--icon", [
|
|
2278
|
+
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2208
2279
|
}, null, 2)
|
|
2209
|
-
], 8,
|
|
2280
|
+
], 8, yi)
|
|
2210
2281
|
]),
|
|
2211
2282
|
_: 2
|
|
2212
2283
|
}, 1024))), 128))
|
|
@@ -2215,51 +2286,51 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2215
2286
|
])
|
|
2216
2287
|
]));
|
|
2217
2288
|
}
|
|
2218
|
-
}),
|
|
2289
|
+
}), ki = /* @__PURE__ */ f($i, [["__scopeId", "data-v-3d0cbbd5"]]), be = (e) => (H("data-v-766d3c80"), e = e(), R(), e), wi = { class: "header__wrapper" }, Bi = { class: "nav-wrapper" }, Si = { class: "mir-link-logo" }, Ii = { class: "main-nav-items" }, qi = {
|
|
2219
2290
|
key: 0,
|
|
2220
2291
|
id: "menu-dropdown",
|
|
2221
2292
|
ref: "dropdownDiv"
|
|
2222
|
-
},
|
|
2293
|
+
}, Ci = {
|
|
2223
2294
|
key: 0,
|
|
2224
2295
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2225
2296
|
alt: "dropdownarrow"
|
|
2226
|
-
},
|
|
2297
|
+
}, Ai = {
|
|
2227
2298
|
key: 1,
|
|
2228
2299
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2229
2300
|
alt: "dropdownarrow",
|
|
2230
2301
|
style: { transform: "rotate(180deg)" }
|
|
2231
|
-
},
|
|
2302
|
+
}, Li = { class: "dropdown-content" }, Di = {
|
|
2232
2303
|
key: 1,
|
|
2233
2304
|
class: "nav-search-wrapper"
|
|
2234
|
-
},
|
|
2305
|
+
}, Ti = ["src"], Vi = {
|
|
2235
2306
|
key: 2,
|
|
2236
2307
|
id: "menu-portal-switcher",
|
|
2237
2308
|
class: "portal-switcher-wrapper"
|
|
2238
|
-
},
|
|
2309
|
+
}, Pi = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
|
|
2239
2310
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2240
2311
|
alt: "portalswitchericon",
|
|
2241
2312
|
width: "15",
|
|
2242
2313
|
height: "15"
|
|
2243
|
-
}, null, -1)),
|
|
2244
|
-
|
|
2245
|
-
],
|
|
2314
|
+
}, null, -1)), Mi = [
|
|
2315
|
+
Pi
|
|
2316
|
+
], Fi = { class: "portal-switcher-content" }, Oi = { class: "portal-switcher-links" }, zi = ["href"], Hi = ["src"], Ri = {
|
|
2246
2317
|
key: 3,
|
|
2247
2318
|
id: "menu-profile-dropdown",
|
|
2248
2319
|
class: "profile-dropdown-wrapper"
|
|
2249
|
-
},
|
|
2320
|
+
}, Ni = {
|
|
2250
2321
|
key: 0,
|
|
2251
2322
|
class: "profile-dropdown-sign-in"
|
|
2252
|
-
},
|
|
2323
|
+
}, Ei = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
|
|
2253
2324
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2254
2325
|
alt: "profiledropdownicon",
|
|
2255
2326
|
width: "15",
|
|
2256
2327
|
height: "15"
|
|
2257
|
-
}, null, -1)),
|
|
2258
|
-
|
|
2259
|
-
],
|
|
2328
|
+
}, null, -1)), ji = [
|
|
2329
|
+
Ei
|
|
2330
|
+
], Ki = { class: "profile-dropdown-content" }, Ui = { class: "mobile-logo-search-burger-wrapper" }, Gi = { class: "mobile-mir-link-logo" }, Ji = {
|
|
2260
2331
|
key: 0,
|
|
2261
2332
|
class: "mobile-search-wrapper"
|
|
2262
|
-
},
|
|
2333
|
+
}, Wi = ["src"], Yi = ["src"], Qi = { class: "mobile-menu-content-wrapper" }, Zi = { class: "mobile-dropdown-content" }, Xi = /* @__PURE__ */ g({
|
|
2263
2334
|
__name: "header",
|
|
2264
2335
|
props: {
|
|
2265
2336
|
burgerState: {
|
|
@@ -2311,12 +2382,12 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2311
2382
|
"clickSearch"
|
|
2312
2383
|
],
|
|
2313
2384
|
setup(e, { expose: a, emit: r }) {
|
|
2314
|
-
let
|
|
2385
|
+
let s = null;
|
|
2315
2386
|
const l = e;
|
|
2316
|
-
let
|
|
2387
|
+
let c = q(l.burgerState), n = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
|
|
2317
2388
|
Y(
|
|
2318
2389
|
() => l.burgerState,
|
|
2319
|
-
($) =>
|
|
2390
|
+
($) => c.value = $
|
|
2320
2391
|
), Y(
|
|
2321
2392
|
() => l.search,
|
|
2322
2393
|
($) => n.value = $
|
|
@@ -2333,14 +2404,14 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2333
2404
|
() => l.isAuthenticated,
|
|
2334
2405
|
($) => k.value = $
|
|
2335
2406
|
), pe(() => {
|
|
2336
|
-
|
|
2407
|
+
s = ($) => {
|
|
2337
2408
|
$.target.closest("#menu-dropdown") || (_.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (v.value = !1);
|
|
2338
|
-
}, window.addEventListener("click",
|
|
2339
|
-
}),
|
|
2340
|
-
|
|
2409
|
+
}, window.addEventListener("click", s);
|
|
2410
|
+
}), qe(() => {
|
|
2411
|
+
s !== null && window.removeEventListener("click", s);
|
|
2341
2412
|
});
|
|
2342
2413
|
const w = r;
|
|
2343
|
-
function
|
|
2414
|
+
function te() {
|
|
2344
2415
|
_.value = !_.value, w("update:showDropDown", _.value);
|
|
2345
2416
|
}
|
|
2346
2417
|
function se() {
|
|
@@ -2350,77 +2421,77 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2350
2421
|
v.value = !v.value, w("update:showProfileDropDown", v.value);
|
|
2351
2422
|
}
|
|
2352
2423
|
function re() {
|
|
2353
|
-
|
|
2424
|
+
c.value = !c.value, w("update:burgerState", c.value);
|
|
2354
2425
|
}
|
|
2355
|
-
let U = q(null),
|
|
2426
|
+
let U = q(null), ae = q(null);
|
|
2356
2427
|
function ne() {
|
|
2357
2428
|
U.value && U.value.blur();
|
|
2358
2429
|
}
|
|
2359
2430
|
return a({
|
|
2360
2431
|
defocusSearchButton: ne
|
|
2361
|
-
}), ($,
|
|
2432
|
+
}), ($, E) => (o(), i("div", wi, [
|
|
2362
2433
|
t("nav", null, [
|
|
2363
|
-
t("div",
|
|
2364
|
-
t("div",
|
|
2365
|
-
|
|
2434
|
+
t("div", Bi, [
|
|
2435
|
+
t("div", Si, [
|
|
2436
|
+
u($.$slots, "link-logo", {}, void 0, !0)
|
|
2366
2437
|
]),
|
|
2367
|
-
t("ul",
|
|
2368
|
-
|
|
2438
|
+
t("ul", Ii, [
|
|
2439
|
+
u($.$slots, "main-nav-items", {}, void 0, !0)
|
|
2369
2440
|
]),
|
|
2370
|
-
e.useDropdown ? (o(),
|
|
2441
|
+
e.useDropdown ? (o(), i("div", qi, [
|
|
2371
2442
|
t("button", {
|
|
2372
2443
|
class: "nav-dropdown-btn",
|
|
2373
|
-
onClick:
|
|
2444
|
+
onClick: te
|
|
2374
2445
|
}, [
|
|
2375
|
-
|
|
2376
|
-
I(_) === !1 ? (o(),
|
|
2446
|
+
u($.$slots, "dropdown-title", {}, void 0, !0),
|
|
2447
|
+
I(_) === !1 ? (o(), i("img", Ci)) : (o(), i("img", Ai))
|
|
2377
2448
|
]),
|
|
2378
|
-
K(t("div",
|
|
2379
|
-
|
|
2449
|
+
K(t("div", Li, [
|
|
2450
|
+
u($.$slots, "dropdown-links", {}, void 0, !0)
|
|
2380
2451
|
], 512), [
|
|
2381
2452
|
[Q, I(_)]
|
|
2382
2453
|
])
|
|
2383
2454
|
], 512)) : p("", !0),
|
|
2384
|
-
I(n) ? (o(),
|
|
2455
|
+
I(n) ? (o(), i("div", Di, [
|
|
2385
2456
|
t("button", {
|
|
2386
2457
|
ref_key: "navSearchButton",
|
|
2387
2458
|
ref: U,
|
|
2388
2459
|
class: "search-icon",
|
|
2389
|
-
onClick:
|
|
2390
|
-
var
|
|
2391
|
-
return $.$emit("clickSearch"), (
|
|
2460
|
+
onClick: E[0] || (E[0] = (j) => {
|
|
2461
|
+
var N;
|
|
2462
|
+
return $.$emit("clickSearch"), (N = I(U)) == null ? void 0 : N.blur();
|
|
2392
2463
|
})
|
|
2393
2464
|
}, [
|
|
2394
2465
|
t("img", {
|
|
2395
|
-
src: I(
|
|
2466
|
+
src: I(c) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2396
2467
|
alt: "search icon",
|
|
2397
2468
|
width: "20",
|
|
2398
2469
|
height: "20"
|
|
2399
|
-
}, null, 8,
|
|
2470
|
+
}, null, 8, Ti)
|
|
2400
2471
|
], 512)
|
|
2401
2472
|
])) : p("", !0),
|
|
2402
|
-
e.usePortalSwitcher ? (o(),
|
|
2473
|
+
e.usePortalSwitcher ? (o(), i("div", Vi, [
|
|
2403
2474
|
t("button", {
|
|
2404
2475
|
class: "nav-portal-switcher-btn",
|
|
2405
2476
|
onClick: se
|
|
2406
|
-
},
|
|
2407
|
-
K(t("div",
|
|
2408
|
-
t("ul",
|
|
2409
|
-
(o(!0),
|
|
2410
|
-
key:
|
|
2477
|
+
}, Mi),
|
|
2478
|
+
K(t("div", Fi, [
|
|
2479
|
+
t("ul", Oi, [
|
|
2480
|
+
(o(!0), i(T, null, V(e.portals, (j, N) => (o(), i("li", {
|
|
2481
|
+
key: N,
|
|
2411
2482
|
class: "portal-switcher-link"
|
|
2412
2483
|
}, [
|
|
2413
|
-
|
|
2484
|
+
S(I(M), { "link-type": "regular" }, {
|
|
2414
2485
|
default: y(() => [
|
|
2415
2486
|
t("a", {
|
|
2416
2487
|
href: j.link,
|
|
2417
|
-
onClick:
|
|
2488
|
+
onClick: E[1] || (E[1] = (J) => de(_) ? _.value = !1 : _ = !1)
|
|
2418
2489
|
}, [
|
|
2419
2490
|
t("img", {
|
|
2420
2491
|
src: j.icon
|
|
2421
|
-
}, null, 8,
|
|
2492
|
+
}, null, 8, Hi),
|
|
2422
2493
|
t("div", null, d(j.name), 1)
|
|
2423
|
-
], 8,
|
|
2494
|
+
], 8, zi)
|
|
2424
2495
|
]),
|
|
2425
2496
|
_: 2
|
|
2426
2497
|
}, 1024)
|
|
@@ -2430,46 +2501,46 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2430
2501
|
[Q, I(b)]
|
|
2431
2502
|
])
|
|
2432
2503
|
])) : p("", !0),
|
|
2433
|
-
e.useProfileDropdown ? (o(),
|
|
2434
|
-
I(k) ? p("", !0) : (o(),
|
|
2435
|
-
|
|
2504
|
+
e.useProfileDropdown ? (o(), i("div", Ri, [
|
|
2505
|
+
I(k) ? p("", !0) : (o(), i("div", Ni, [
|
|
2506
|
+
u($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2436
2507
|
])),
|
|
2437
|
-
I(k) ? (o(),
|
|
2508
|
+
I(k) ? (o(), i("button", {
|
|
2438
2509
|
key: 1,
|
|
2439
2510
|
class: "nav-profile-dropdown-btn",
|
|
2440
2511
|
onClick: ie
|
|
2441
|
-
},
|
|
2442
|
-
K(t("div",
|
|
2443
|
-
|
|
2512
|
+
}, ji)) : p("", !0),
|
|
2513
|
+
K(t("div", Ki, [
|
|
2514
|
+
u($.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2444
2515
|
], 512), [
|
|
2445
2516
|
[Q, I(v)]
|
|
2446
2517
|
])
|
|
2447
2518
|
])) : p("", !0)
|
|
2448
2519
|
]),
|
|
2449
2520
|
t("div", {
|
|
2450
|
-
class: m(["mobile-nav-wrapper", I(
|
|
2521
|
+
class: m(["mobile-nav-wrapper", I(c) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2451
2522
|
}, [
|
|
2452
|
-
t("div",
|
|
2453
|
-
t("div",
|
|
2454
|
-
|
|
2523
|
+
t("div", Ui, [
|
|
2524
|
+
t("div", Gi, [
|
|
2525
|
+
u($.$slots, "link-logo", {}, void 0, !0)
|
|
2455
2526
|
]),
|
|
2456
|
-
I(n) ? (o(),
|
|
2527
|
+
I(n) ? (o(), i("div", Ji, [
|
|
2457
2528
|
t("button", {
|
|
2458
2529
|
ref_key: "mobileSearchButton",
|
|
2459
|
-
ref:
|
|
2530
|
+
ref: ae,
|
|
2460
2531
|
class: "search-icon",
|
|
2461
2532
|
"aria-label": "Toggle search",
|
|
2462
|
-
onClick:
|
|
2463
|
-
var
|
|
2464
|
-
return $.$emit("clickSearch"), (
|
|
2533
|
+
onClick: E[2] || (E[2] = (j) => {
|
|
2534
|
+
var N;
|
|
2535
|
+
return $.$emit("clickSearch"), (N = I(ae)) == null ? void 0 : N.blur();
|
|
2465
2536
|
})
|
|
2466
2537
|
}, [
|
|
2467
2538
|
t("img", {
|
|
2468
|
-
src: I(
|
|
2539
|
+
src: I(c) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2469
2540
|
alt: "search icon",
|
|
2470
2541
|
width: "20",
|
|
2471
2542
|
height: "20"
|
|
2472
|
-
}, null, 8,
|
|
2543
|
+
}, null, 8, Wi)
|
|
2473
2544
|
], 512)
|
|
2474
2545
|
])) : p("", !0),
|
|
2475
2546
|
t("button", {
|
|
@@ -2481,26 +2552,26 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2481
2552
|
width: "20",
|
|
2482
2553
|
height: "20",
|
|
2483
2554
|
alt: "burger menu line icon",
|
|
2484
|
-
src: I(
|
|
2485
|
-
}, null, 8,
|
|
2555
|
+
src: I(c) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2556
|
+
}, null, 8, Yi)
|
|
2486
2557
|
])
|
|
2487
2558
|
]),
|
|
2488
|
-
K(t("div",
|
|
2559
|
+
K(t("div", Qi, [
|
|
2489
2560
|
t("ul", null, [
|
|
2490
|
-
|
|
2561
|
+
u($.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2491
2562
|
]),
|
|
2492
|
-
t("ul",
|
|
2493
|
-
|
|
2494
|
-
|
|
2563
|
+
t("ul", Zi, [
|
|
2564
|
+
u($.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2565
|
+
u($.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2495
2566
|
])
|
|
2496
2567
|
], 512), [
|
|
2497
|
-
[Q, I(
|
|
2568
|
+
[Q, I(c)]
|
|
2498
2569
|
])
|
|
2499
2570
|
], 2)
|
|
2500
2571
|
])
|
|
2501
2572
|
]));
|
|
2502
2573
|
}
|
|
2503
|
-
}),
|
|
2574
|
+
}), xi = /* @__PURE__ */ f(Xi, [["__scopeId", "data-v-766d3c80"]]), er = { class: "language__wrapper" }, tr = { class: "language__content" }, ar = { class: "language__headline" }, or = { class: "language__paragraph" }, lr = { class: "language__links" }, sr = /* @__PURE__ */ g({
|
|
2504
2575
|
__name: "language-switcher",
|
|
2505
2576
|
props: {
|
|
2506
2577
|
headline: {
|
|
@@ -2513,17 +2584,17 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2513
2584
|
}
|
|
2514
2585
|
},
|
|
2515
2586
|
setup(e) {
|
|
2516
|
-
return (a, r) => (o(),
|
|
2517
|
-
t("div",
|
|
2518
|
-
t("h2",
|
|
2519
|
-
t("p",
|
|
2520
|
-
t("div",
|
|
2521
|
-
|
|
2587
|
+
return (a, r) => (o(), i("div", er, [
|
|
2588
|
+
t("div", tr, [
|
|
2589
|
+
t("h2", ar, d(e.headline), 1),
|
|
2590
|
+
t("p", or, d(e.paragraph), 1),
|
|
2591
|
+
t("div", lr, [
|
|
2592
|
+
u(a.$slots, "language-links", {}, void 0, !0)
|
|
2522
2593
|
])
|
|
2523
2594
|
])
|
|
2524
2595
|
]));
|
|
2525
2596
|
}
|
|
2526
|
-
}),
|
|
2597
|
+
}), ir = /* @__PURE__ */ f(sr, [["__scopeId", "data-v-dc8cc97e"]]), rr = { class: "pagination__wrapper" }, nr = { class: "pagination__content" }, dr = /* @__PURE__ */ g({
|
|
2527
2598
|
__name: "pagination",
|
|
2528
2599
|
props: {
|
|
2529
2600
|
isPreviousDisabled: {
|
|
@@ -2537,31 +2608,31 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
|
|
|
2537
2608
|
},
|
|
2538
2609
|
emits: ["previous", "next"],
|
|
2539
2610
|
setup(e) {
|
|
2540
|
-
return (a, r) => (o(),
|
|
2541
|
-
t("div",
|
|
2542
|
-
|
|
2611
|
+
return (a, r) => (o(), i("div", rr, [
|
|
2612
|
+
t("div", nr, [
|
|
2613
|
+
S(le, {
|
|
2543
2614
|
disabled: e.isPreviousDisabled,
|
|
2544
2615
|
variant: "previous",
|
|
2545
2616
|
"aria-label": "previous",
|
|
2546
|
-
onClick: r[0] || (r[0] = (
|
|
2617
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
|
|
2547
2618
|
}, null, 8, ["disabled"]),
|
|
2548
|
-
|
|
2549
|
-
|
|
2619
|
+
u(a.$slots, "pagination-numbers"),
|
|
2620
|
+
S(le, {
|
|
2550
2621
|
disabled: e.isNextDisabled,
|
|
2551
2622
|
variant: "next",
|
|
2552
2623
|
"aria-label": "next",
|
|
2553
|
-
onClick: r[1] || (r[1] = (
|
|
2624
|
+
onClick: r[1] || (r[1] = (s) => a.$emit("next"))
|
|
2554
2625
|
}, null, 8, ["disabled"])
|
|
2555
2626
|
])
|
|
2556
2627
|
]));
|
|
2557
2628
|
}
|
|
2558
|
-
}),
|
|
2559
|
-
function
|
|
2560
|
-
return o(),
|
|
2561
|
-
|
|
2629
|
+
}), cr = /* @__PURE__ */ f(dr, [["__scopeId", "data-v-da6d07c9"]]), ur = {}, _r = { class: "search__wrapper" };
|
|
2630
|
+
function hr(e, a) {
|
|
2631
|
+
return o(), i("div", _r, [
|
|
2632
|
+
u(e.$slots, "default", { class: "search__content" })
|
|
2562
2633
|
]);
|
|
2563
2634
|
}
|
|
2564
|
-
const
|
|
2635
|
+
const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3"]]), mr = { class: "dropdown" }, vr = ["aria-expanded"], fr = /* @__PURE__ */ g({
|
|
2565
2636
|
__name: "select-multiple",
|
|
2566
2637
|
props: {
|
|
2567
2638
|
label: { default: "" },
|
|
@@ -2570,31 +2641,31 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2570
2641
|
},
|
|
2571
2642
|
emits: ["filter", "remove-filter"],
|
|
2572
2643
|
setup(e, { emit: a }) {
|
|
2573
|
-
const r = q(!1),
|
|
2574
|
-
function
|
|
2575
|
-
|
|
2644
|
+
const r = q(!1), s = e, l = a;
|
|
2645
|
+
function c(b) {
|
|
2646
|
+
s.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
|
|
2576
2647
|
}
|
|
2577
2648
|
function n() {
|
|
2578
2649
|
r.value = !1;
|
|
2579
2650
|
}
|
|
2580
|
-
const _ =
|
|
2651
|
+
const _ = L(() => s.options.length > 8);
|
|
2581
2652
|
return (b, v) => {
|
|
2582
2653
|
const k = ue("click-outside");
|
|
2583
|
-
return K((o(),
|
|
2654
|
+
return K((o(), i("div", mr, [
|
|
2584
2655
|
t("button", {
|
|
2585
2656
|
class: "dropdown-button",
|
|
2586
|
-
style:
|
|
2657
|
+
style: x({ "z-index": r.value ? 2 : 0 }),
|
|
2587
2658
|
"aria-expanded": r.value ? "true" : "false",
|
|
2588
2659
|
onClick: v[0] || (v[0] = (w) => r.value = !r.value)
|
|
2589
2660
|
}, [
|
|
2590
|
-
|
|
2661
|
+
u(b.$slots, "button", {}, () => [
|
|
2591
2662
|
G(d(b.label), 1)
|
|
2592
2663
|
], !0)
|
|
2593
|
-
], 12,
|
|
2664
|
+
], 12, vr),
|
|
2594
2665
|
t("div", {
|
|
2595
2666
|
class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
|
|
2596
2667
|
}, [
|
|
2597
|
-
(o(!0),
|
|
2668
|
+
(o(!0), i(T, null, V(b.options, (w) => (o(), D(I(me), {
|
|
2598
2669
|
id: w.value,
|
|
2599
2670
|
key: w.value,
|
|
2600
2671
|
name: w.text,
|
|
@@ -2602,7 +2673,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2602
2673
|
disabled: !1,
|
|
2603
2674
|
value: w.value,
|
|
2604
2675
|
checked: b.selectedOptions.includes(w.value),
|
|
2605
|
-
onInput: (
|
|
2676
|
+
onInput: (te) => c(w.value)
|
|
2606
2677
|
}, {
|
|
2607
2678
|
default: y(() => [
|
|
2608
2679
|
G(d(w.text), 1)
|
|
@@ -2615,7 +2686,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2615
2686
|
]);
|
|
2616
2687
|
};
|
|
2617
2688
|
}
|
|
2618
|
-
}),
|
|
2689
|
+
}), gr = /* @__PURE__ */ f(fr, [["__scopeId", "data-v-164647da"]]), br = { class: "promo__content" }, yr = { class: "pallet-jack__media-wrap" }, $r = { class: "pallet-jack-link" }, kr = { class: "pallet-jack__media-wrap__inner-wrap" }, wr = { class: "pallet-jack__media-wrap__content-wrap" }, Br = { class: "regular-blue" }, Sr = /* @__PURE__ */ g({
|
|
2619
2690
|
__name: "pallet-jack",
|
|
2620
2691
|
props: {
|
|
2621
2692
|
label: { default: "" },
|
|
@@ -2633,30 +2704,30 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2633
2704
|
dark: "promo__wrapper--dark",
|
|
2634
2705
|
light: "promo__wrapper--light",
|
|
2635
2706
|
default: "promo__wrapper--default"
|
|
2636
|
-
}, r = e,
|
|
2637
|
-
return (l,
|
|
2707
|
+
}, r = e, s = L(() => a[r.variant]);
|
|
2708
|
+
return (l, c) => (o(), i("div", {
|
|
2638
2709
|
class: m([
|
|
2639
2710
|
"promo__wrapper",
|
|
2640
|
-
|
|
2711
|
+
s.value,
|
|
2641
2712
|
l.teaser ? "promo__wrapper--teaser" : ""
|
|
2642
2713
|
])
|
|
2643
2714
|
}, [
|
|
2644
|
-
t("div",
|
|
2715
|
+
t("div", br, [
|
|
2645
2716
|
t("div", {
|
|
2646
2717
|
class: m([
|
|
2647
2718
|
"promo__video",
|
|
2648
2719
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2649
2720
|
])
|
|
2650
2721
|
}, [
|
|
2651
|
-
t("div",
|
|
2652
|
-
t("div",
|
|
2653
|
-
|
|
2722
|
+
t("div", yr, [
|
|
2723
|
+
t("div", $r, [
|
|
2724
|
+
u(l.$slots, "pallet-jack-link")
|
|
2654
2725
|
]),
|
|
2655
|
-
t("div",
|
|
2656
|
-
|
|
2726
|
+
t("div", kr, [
|
|
2727
|
+
u(l.$slots, "pallet-jack-video")
|
|
2657
2728
|
]),
|
|
2658
|
-
t("div",
|
|
2659
|
-
t("h3",
|
|
2729
|
+
t("div", wr, [
|
|
2730
|
+
t("h3", Br, d(l.headline), 1),
|
|
2660
2731
|
t("p", null, d(l.shortDescription), 1)
|
|
2661
2732
|
])
|
|
2662
2733
|
])
|
|
@@ -2667,7 +2738,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2667
2738
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
2668
2739
|
])
|
|
2669
2740
|
}, [
|
|
2670
|
-
l.label ? (o(),
|
|
2741
|
+
l.label ? (o(), D(Z, {
|
|
2671
2742
|
key: 0,
|
|
2672
2743
|
text: l.label,
|
|
2673
2744
|
"label-dark": l.variant === "dark"
|
|
@@ -2678,24 +2749,24 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2678
2749
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
2679
2750
|
])
|
|
2680
2751
|
}, [
|
|
2681
|
-
|
|
2752
|
+
u(l.$slots, "promo-text")
|
|
2682
2753
|
], 2),
|
|
2683
|
-
l.linkType === "link" ? (o(),
|
|
2754
|
+
l.linkType === "link" ? (o(), D(M, {
|
|
2684
2755
|
key: 1,
|
|
2685
2756
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
2686
2757
|
arrow: ""
|
|
2687
2758
|
}, {
|
|
2688
2759
|
default: y(() => [
|
|
2689
|
-
|
|
2760
|
+
u(l.$slots, "promo-link")
|
|
2690
2761
|
]),
|
|
2691
2762
|
_: 3
|
|
2692
2763
|
}, 8, ["link-type"])) : p("", !0),
|
|
2693
|
-
l.linkType === "button" ? (o(),
|
|
2764
|
+
l.linkType === "button" ? (o(), D(M, {
|
|
2694
2765
|
key: 2,
|
|
2695
2766
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
2696
2767
|
}, {
|
|
2697
2768
|
default: y(() => [
|
|
2698
|
-
|
|
2769
|
+
u(l.$slots, "promo-link")
|
|
2699
2770
|
]),
|
|
2700
2771
|
_: 3
|
|
2701
2772
|
}, 8, ["link-type"])) : p("", !0)
|
|
@@ -2703,59 +2774,61 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
|
|
|
2703
2774
|
])
|
|
2704
2775
|
], 2));
|
|
2705
2776
|
}
|
|
2706
|
-
}),
|
|
2777
|
+
}), Ir = /* @__PURE__ */ f(Sr, [["__scopeId", "data-v-00c0bad3"]]), Cr = {
|
|
2707
2778
|
install: (e) => {
|
|
2708
|
-
e.component("AtomButton",
|
|
2779
|
+
e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", F), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", gr), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", co), e.component("BlockFeatures", go), e.component("BlockFormScript", Io), e.component("BlockHeadline", Lo), e.component("BlockHero", jo), e.component("BlockImage", Yo), e.component("BlockImageGallery", tl), e.component("BlockLogoWall", cl), e.component("BlockMicroStories", ml), e.component("BlockPolicy", yl), e.component("BlockProductHero", Al), e.component("BlockPromo", Tl), e.component("BlockQuote", Ul), e.component("BlockRichText", Ql), e.component("BlockRichTextColumns", os), e.component("BlockTimeline", hs), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", eo), e.component("BlockVimeo", bs), e.component("BlockPalletJack", Ir), e.component("BlockFrontPageHero", Ms), e.component("Organism404", Ns), e.component("OrganismFilter", Js), e.component("OrganismFooter", ki), e.component("OrganismHeader", xi), e.component("OrganismLanguageSwitcher", ir), e.component("OrganismPagination", cr), e.component("OrganismSearch", pr);
|
|
2709
2780
|
}
|
|
2710
2781
|
};
|
|
2711
2782
|
export {
|
|
2712
|
-
|
|
2783
|
+
le as AtomButton,
|
|
2713
2784
|
me as AtomCheckbox,
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2785
|
+
He as AtomChip,
|
|
2786
|
+
Je as AtomDropdown,
|
|
2787
|
+
F as AtomImage,
|
|
2717
2788
|
Z as AtomLabel,
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2789
|
+
M as AtomLink,
|
|
2790
|
+
st as AtomRadioButton,
|
|
2791
|
+
ut as AtomSelect,
|
|
2792
|
+
gr as AtomSelectMultiple,
|
|
2793
|
+
kt as AtomSlider,
|
|
2794
|
+
Nt as AtomTextField,
|
|
2795
|
+
Lt as AtomTextarea,
|
|
2796
|
+
ee as AtomVideo,
|
|
2797
|
+
Ea as BlockAccordion,
|
|
2798
|
+
Ya as BlockCardDisplay,
|
|
2799
|
+
eo as BlockColumnGrid,
|
|
2800
|
+
co as BlockFacts,
|
|
2801
|
+
go as BlockFeatures,
|
|
2802
|
+
Io as BlockFormScript,
|
|
2803
|
+
Ms as BlockFrontPageHero,
|
|
2804
|
+
Lo as BlockHeadline,
|
|
2805
|
+
jo as BlockHero,
|
|
2806
|
+
Yo as BlockImage,
|
|
2807
|
+
tl as BlockImageGallery,
|
|
2808
|
+
cl as BlockLogoWall,
|
|
2809
|
+
ml as BlockMicroStories,
|
|
2810
|
+
Ir as BlockPalletJack,
|
|
2811
|
+
yl as BlockPolicy,
|
|
2812
|
+
Al as BlockProductHero,
|
|
2813
|
+
Tl as BlockPromo,
|
|
2814
|
+
Ul as BlockQuote,
|
|
2815
|
+
Ql as BlockRichText,
|
|
2816
|
+
os as BlockRichTextColumns,
|
|
2817
|
+
hs as BlockTimeline,
|
|
2818
|
+
bs as BlockVimeo,
|
|
2819
|
+
oa as MoleculeAddress,
|
|
2820
|
+
na as MoleculeBulletList,
|
|
2821
|
+
ha as MoleculeCard,
|
|
2822
|
+
fe as MoleculeColumnCard,
|
|
2823
|
+
Ia as MoleculeEventCard,
|
|
2751
2824
|
ve as MoleculeModal,
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2825
|
+
Da as MoleculeTextCard,
|
|
2826
|
+
Ns as Organism404,
|
|
2827
|
+
Js as OrganismFilter,
|
|
2828
|
+
ki as OrganismFooter,
|
|
2829
|
+
xi as OrganismHeader,
|
|
2830
|
+
ir as OrganismLanguageSwitcher,
|
|
2831
|
+
cr as OrganismPagination,
|
|
2832
|
+
pr as OrganismSearch,
|
|
2833
|
+
Cr as default
|
|
2761
2834
|
};
|