@mirweb/mir-web-components 1.6.10 → 1.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as g, computed as D, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as
|
|
1
|
+
import { defineComponent as g, computed as D, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as a, renderSlot as c, 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 F, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as L, createCommentVNode as h, 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
2
|
const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -7,25 +7,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
7
7
|
buttonText: { default: "" }
|
|
8
8
|
},
|
|
9
9
|
setup(e) {
|
|
10
|
-
const
|
|
10
|
+
const t = {
|
|
11
11
|
primary: "primary",
|
|
12
12
|
primaryDark: "primary-dark",
|
|
13
13
|
secondary: "secondary",
|
|
14
14
|
close: "close",
|
|
15
15
|
next: "next",
|
|
16
16
|
previous: "previous"
|
|
17
|
-
}, r = e, s = D(() =>
|
|
17
|
+
}, r = e, s = D(() => t[r.variant]);
|
|
18
18
|
return (l, u) => (o(), i("button", {
|
|
19
19
|
class: m(["button", "button--" + s.value]),
|
|
20
20
|
"aria-label": l.ariaLabel
|
|
21
21
|
}, d(s.value === "close" ? "" : l.buttonText), 11, Ce));
|
|
22
22
|
}
|
|
23
|
-
}), f = (e,
|
|
23
|
+
}), f = (e, t) => {
|
|
24
24
|
const r = e.__vccOpts || e;
|
|
25
|
-
for (const [s, l] of
|
|
25
|
+
for (const [s, l] of t)
|
|
26
26
|
r[s] = l;
|
|
27
27
|
return r;
|
|
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__ */
|
|
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__ */ a("span", { class: "checkmark" }, null, -1)), Pe = /* @__PURE__ */ g({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
31
31
|
name: { default: "checkbox" },
|
|
@@ -36,15 +36,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
36
36
|
checked: { type: Boolean, default: !1 }
|
|
37
37
|
},
|
|
38
38
|
emits: ["input"],
|
|
39
|
-
setup(e, { emit:
|
|
40
|
-
const r =
|
|
39
|
+
setup(e, { emit: t }) {
|
|
40
|
+
const r = t, s = (l) => {
|
|
41
41
|
const u = l.target;
|
|
42
42
|
r("input", u.checked);
|
|
43
43
|
};
|
|
44
44
|
return (l, u) => (o(), i("div", {
|
|
45
45
|
class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
|
|
46
46
|
}, [
|
|
47
|
-
|
|
47
|
+
a("input", {
|
|
48
48
|
id: l.id,
|
|
49
49
|
type: "checkbox",
|
|
50
50
|
name: l.name,
|
|
@@ -55,7 +55,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
55
55
|
class: "checkbox__checkbox",
|
|
56
56
|
onChange: s
|
|
57
57
|
}, null, 40, De),
|
|
58
|
-
|
|
58
|
+
a("label", {
|
|
59
59
|
for: l.id,
|
|
60
60
|
class: m(["checkbox__label", l.required ? "required" : ""])
|
|
61
61
|
}, [
|
|
@@ -64,7 +64,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
64
64
|
], 10, Te)
|
|
65
65
|
], 2));
|
|
66
66
|
}
|
|
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__ */
|
|
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__ */ a("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,12 +75,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
75
75
|
},
|
|
76
76
|
emits: ["remove-chip"],
|
|
77
77
|
setup(e) {
|
|
78
|
-
const
|
|
78
|
+
const t = e, r = D(() => `Chip: ${t.text}`);
|
|
79
79
|
return (s, l) => (o(), i("div", {
|
|
80
80
|
class: "chip__wrapper",
|
|
81
81
|
onClick: l[0] || (l[0] = (u) => s.$emit("remove-chip"))
|
|
82
82
|
}, [
|
|
83
|
-
|
|
83
|
+
a("span", {
|
|
84
84
|
class: "chip",
|
|
85
85
|
"aria-label": r.value
|
|
86
86
|
}, [
|
|
@@ -103,31 +103,31 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
103
103
|
variant: { default: "primary" }
|
|
104
104
|
},
|
|
105
105
|
emits: ["update:modelValue"],
|
|
106
|
-
setup(e, { emit:
|
|
106
|
+
setup(e, { emit: t }) {
|
|
107
107
|
const r = {
|
|
108
108
|
primary: "dropdown-dark-bg-primary",
|
|
109
109
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
110
|
-
}, s = e, l = D(() => r[s.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te =
|
|
111
|
-
const
|
|
110
|
+
}, s = e, l = D(() => r[s.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = t, se = D(() => {
|
|
111
|
+
const p = s.options.find(
|
|
112
112
|
(B) => B.value === s.modelValue
|
|
113
113
|
);
|
|
114
|
-
return
|
|
114
|
+
return p && p.label;
|
|
115
115
|
});
|
|
116
|
-
function ie(
|
|
117
|
-
te("update:modelValue",
|
|
116
|
+
function ie(p) {
|
|
117
|
+
te("update:modelValue", p);
|
|
118
118
|
}
|
|
119
|
-
function re(
|
|
119
|
+
function re(p) {
|
|
120
120
|
var C;
|
|
121
|
-
const B =
|
|
121
|
+
const B = p.target;
|
|
122
122
|
B.getAttribute("role") === "option" && (J(B), oe(), (C = u.value) == null || C.focus());
|
|
123
123
|
}
|
|
124
|
-
function U(
|
|
124
|
+
function U(p) {
|
|
125
125
|
var C;
|
|
126
|
-
const B =
|
|
126
|
+
const B = p.key;
|
|
127
127
|
switch (B) {
|
|
128
128
|
case "ArrowUp":
|
|
129
129
|
case "ArrowDown": {
|
|
130
|
-
|
|
130
|
+
p.preventDefault();
|
|
131
131
|
const A = s.options.findIndex(
|
|
132
132
|
(W) => W.value === s.modelValue
|
|
133
133
|
);
|
|
@@ -137,15 +137,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
137
137
|
}
|
|
138
138
|
case "Home":
|
|
139
139
|
case "PageUp":
|
|
140
|
-
|
|
140
|
+
p.preventDefault(), N();
|
|
141
141
|
break;
|
|
142
142
|
case "End":
|
|
143
143
|
case "PageDown":
|
|
144
|
-
|
|
144
|
+
p.preventDefault(), ye();
|
|
145
145
|
break;
|
|
146
146
|
case "Enter":
|
|
147
147
|
case "Escape":
|
|
148
|
-
|
|
148
|
+
p.preventDefault(), oe(), (C = u.value) == null || C.focus();
|
|
149
149
|
break;
|
|
150
150
|
default: {
|
|
151
151
|
const A = E(B);
|
|
@@ -154,36 +154,36 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
function ae(
|
|
157
|
+
function ae(p) {
|
|
158
158
|
if (!s.disabled)
|
|
159
|
-
switch (
|
|
159
|
+
switch (p.key) {
|
|
160
160
|
case "ArrowUp":
|
|
161
161
|
case "ArrowDown":
|
|
162
|
-
|
|
162
|
+
p.preventDefault(), ce(), U(p);
|
|
163
163
|
break;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
function ne(
|
|
167
|
-
|
|
166
|
+
function ne(p) {
|
|
167
|
+
p && p.removeAttribute("aria-selected");
|
|
168
168
|
}
|
|
169
169
|
function $() {
|
|
170
170
|
b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
|
|
171
171
|
v.value = "", b.value = 0;
|
|
172
172
|
}, 500);
|
|
173
173
|
}
|
|
174
|
-
function E(
|
|
174
|
+
function E(p) {
|
|
175
175
|
let B = "";
|
|
176
|
-
(v.value === "" || B !==
|
|
176
|
+
(v.value === "" || B !== p) && (w.value = s.options.findIndex(
|
|
177
177
|
(A) => A.value === s.modelValue
|
|
178
|
-
)), v.value = B ===
|
|
178
|
+
)), v.value = B === p ? p : v.value + p, B = p, $();
|
|
179
179
|
let C = j(
|
|
180
180
|
w.value + 1,
|
|
181
181
|
s.options.length
|
|
182
182
|
);
|
|
183
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(
|
|
186
|
-
for (let C =
|
|
185
|
+
function j(p, B) {
|
|
186
|
+
for (let C = p; C < B; C++)
|
|
187
187
|
if (s.options[C].label && s.options[C].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
|
|
188
188
|
return _.value[C];
|
|
189
189
|
return null;
|
|
@@ -191,84 +191,84 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
191
191
|
function N() {
|
|
192
192
|
J(_.value[0]);
|
|
193
193
|
}
|
|
194
|
-
function J(
|
|
194
|
+
function J(p) {
|
|
195
195
|
var C, A;
|
|
196
|
-
const B =
|
|
196
|
+
const B = p.getAttribute("data-value");
|
|
197
197
|
if (s.modelValue) {
|
|
198
198
|
const z = s.options.findIndex(
|
|
199
199
|
(ke) => ke.value === s.modelValue
|
|
200
200
|
), W = _.value[z];
|
|
201
201
|
ne(W);
|
|
202
202
|
}
|
|
203
|
-
if (
|
|
203
|
+
if (p.setAttribute("aria-selected", "true"), (C = n.value) == null || C.setAttribute(
|
|
204
204
|
"aria-activedescendant",
|
|
205
205
|
B || ""
|
|
206
206
|
), ie(B || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
|
|
207
|
-
const z = n.value.clientHeight + n.value.scrollTop, W =
|
|
208
|
-
W > z ? n.value.scrollTop = W - ((A = n.value) == null ? void 0 : A.clientHeight) :
|
|
207
|
+
const z = n.value.clientHeight + n.value.scrollTop, W = p.offsetTop + p.offsetHeight;
|
|
208
|
+
W > z ? n.value.scrollTop = W - ((A = n.value) == null ? void 0 : A.clientHeight) : p.offsetTop < n.value.scrollTop && (n.value.scrollTop = p.offsetTop);
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
function ye() {
|
|
212
212
|
var B;
|
|
213
|
-
const
|
|
214
|
-
J(
|
|
213
|
+
const p = (B = _.value) == null ? void 0 : B[s.options.length - 1];
|
|
214
|
+
J(p);
|
|
215
215
|
}
|
|
216
216
|
function oe() {
|
|
217
|
-
var
|
|
218
|
-
k.value = !0, (
|
|
217
|
+
var p;
|
|
218
|
+
k.value = !0, (p = u.value) == null || p.removeAttribute("aria-expanded");
|
|
219
219
|
}
|
|
220
220
|
function ce() {
|
|
221
|
-
var
|
|
222
|
-
k.value = !1, (
|
|
221
|
+
var p, B;
|
|
222
|
+
k.value = !1, (p = u.value) == null || p.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
|
|
223
223
|
}
|
|
224
224
|
function $e() {
|
|
225
225
|
s.disabled || (k.value ? ce() : oe());
|
|
226
226
|
}
|
|
227
|
-
return (
|
|
227
|
+
return (p, B) => {
|
|
228
228
|
const C = ue("click-outside");
|
|
229
229
|
return o(), i("div", {
|
|
230
230
|
ref: "listbox",
|
|
231
231
|
class: "listbox__wrapper",
|
|
232
|
-
value:
|
|
232
|
+
value: p.modelValue
|
|
233
233
|
}, [
|
|
234
|
-
|
|
235
|
-
id: `${
|
|
234
|
+
a("label", {
|
|
235
|
+
id: `${p.name}-label`,
|
|
236
236
|
class: m([{
|
|
237
|
-
"listbox__label--visually-hidden": !
|
|
238
|
-
"is-disabled":
|
|
239
|
-
"is-required":
|
|
237
|
+
"listbox__label--visually-hidden": !p.showLabel,
|
|
238
|
+
"is-disabled": p.disabled,
|
|
239
|
+
"is-required": p.required
|
|
240
240
|
}, "listbox__label"])
|
|
241
|
-
}, d(
|
|
241
|
+
}, d(p.label), 11, Ne),
|
|
242
242
|
K((o(), i("div", Ee, [
|
|
243
|
-
|
|
244
|
-
id: `${
|
|
243
|
+
a("button", {
|
|
244
|
+
id: `${p.name}-button-label`,
|
|
245
245
|
ref_key: "listboxButton",
|
|
246
246
|
ref: u,
|
|
247
|
-
"aria-labelledby": `${
|
|
247
|
+
"aria-labelledby": `${p.name}-label ${p.name}-button-label`,
|
|
248
248
|
type: "button",
|
|
249
249
|
"aria-haspopup": "listbox",
|
|
250
|
-
"aria-disabled":
|
|
250
|
+
"aria-disabled": p.disabled,
|
|
251
251
|
class: m(["listbox__button", l.value]),
|
|
252
252
|
onClick: $e,
|
|
253
253
|
onKeydown: ae
|
|
254
|
-
}, d(
|
|
255
|
-
K(
|
|
254
|
+
}, d(p.modelValue ? se.value : p.placeholder), 43, je),
|
|
255
|
+
K(a("ul", {
|
|
256
256
|
ref_key: "listboxNode",
|
|
257
257
|
ref: n,
|
|
258
|
-
"aria-labelledby": `${
|
|
259
|
-
"aria-activedescendant":
|
|
258
|
+
"aria-labelledby": `${p.name}-label`,
|
|
259
|
+
"aria-activedescendant": p.modelValue,
|
|
260
260
|
tabindex: "0",
|
|
261
261
|
role: "listbox",
|
|
262
262
|
class: "listbox__list",
|
|
263
263
|
onKeydown: U,
|
|
264
264
|
onClick: re
|
|
265
265
|
}, [
|
|
266
|
-
(o(!0), i(T, null, V(
|
|
267
|
-
key: `${
|
|
266
|
+
(o(!0), i(T, null, V(p.options, (A, z) => (o(), i("li", {
|
|
267
|
+
key: `${p.name}-option-${z}`,
|
|
268
268
|
ref_for: !0,
|
|
269
269
|
ref_key: "listboxOptions",
|
|
270
270
|
ref: _,
|
|
271
|
-
"aria-selected": A.value ===
|
|
271
|
+
"aria-selected": A.value === p.modelValue,
|
|
272
272
|
"data-value": A.value,
|
|
273
273
|
class: "listbox__option",
|
|
274
274
|
role: "option"
|
|
@@ -294,8 +294,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
294
294
|
loading: { default: "auto" }
|
|
295
295
|
},
|
|
296
296
|
setup(e) {
|
|
297
|
-
return (
|
|
298
|
-
c(
|
|
297
|
+
return (t, r) => (o(), i("div", We, [
|
|
298
|
+
c(t.$slots, "default", F(O(t.$attrs)))
|
|
299
299
|
]));
|
|
300
300
|
}
|
|
301
301
|
}), M = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
|
|
@@ -305,9 +305,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
305
305
|
labelDark: { type: Boolean, default: !1 }
|
|
306
306
|
},
|
|
307
307
|
setup(e) {
|
|
308
|
-
const
|
|
308
|
+
const t = e, r = D(() => `Label: ${t.text}`);
|
|
309
309
|
return (s, l) => (o(), i("div", Qe, [
|
|
310
|
-
|
|
310
|
+
a("span", {
|
|
311
311
|
"aria-label": r.value,
|
|
312
312
|
"label-dark": s.labelDark,
|
|
313
313
|
class: m(s.labelDark ? "label--dark" : "label--light")
|
|
@@ -323,7 +323,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
323
323
|
disabled: { type: Boolean, default: !1 }
|
|
324
324
|
},
|
|
325
325
|
setup(e) {
|
|
326
|
-
const
|
|
326
|
+
const t = {
|
|
327
327
|
primary: "mir-link--btn button button--primary",
|
|
328
328
|
primary_dark: "mir-link--btn button button--primary-dark",
|
|
329
329
|
secondary: "mir-link--btn button button--secondary",
|
|
@@ -336,12 +336,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
336
336
|
hover: "underline-hover",
|
|
337
337
|
true: "add-underline",
|
|
338
338
|
false: "remove-underline"
|
|
339
|
-
}, s = e, l = D(() =>
|
|
339
|
+
}, s = e, l = D(() => t[s.linkType]), u = D(() => r[s.underline]), n = D(() => {
|
|
340
340
|
const { ..._ } = we(s);
|
|
341
341
|
return _;
|
|
342
342
|
});
|
|
343
343
|
return (_, b) => (o(), i("div", xe, [
|
|
344
|
-
|
|
344
|
+
a("div", X(n.value, {
|
|
345
345
|
class: ["mir-link", [
|
|
346
346
|
l.value,
|
|
347
347
|
_.disabled ? "disabled" : "",
|
|
@@ -353,7 +353,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
353
353
|
], 16)
|
|
354
354
|
]));
|
|
355
355
|
}
|
|
356
|
-
}), et = (e) => (H("data-v-fa1bda9b"), e = e(), R(), e), tt = ["id", "name", "value", "checked", "disabled", "required"], at = ["for"], ot = /* @__PURE__ */ et(() => /* @__PURE__ */
|
|
356
|
+
}), et = (e) => (H("data-v-fa1bda9b"), e = e(), R(), e), tt = ["id", "name", "value", "checked", "disabled", "required"], at = ["for"], ot = /* @__PURE__ */ et(() => /* @__PURE__ */ a("span", { class: "radiomark" }, null, -1)), lt = /* @__PURE__ */ g({
|
|
357
357
|
__name: "radio-button",
|
|
358
358
|
props: {
|
|
359
359
|
name: { default: "radio" },
|
|
@@ -364,15 +364,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
364
364
|
required: { type: Boolean, default: !1 }
|
|
365
365
|
},
|
|
366
366
|
emits: ["input"],
|
|
367
|
-
setup(e, { emit:
|
|
368
|
-
const r =
|
|
367
|
+
setup(e, { emit: t }) {
|
|
368
|
+
const r = t, s = (l) => {
|
|
369
369
|
const u = l.target;
|
|
370
370
|
r("input", u.checked);
|
|
371
371
|
};
|
|
372
372
|
return (l, u) => (o(), i("div", {
|
|
373
373
|
class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
|
|
374
374
|
}, [
|
|
375
|
-
|
|
375
|
+
a("input", {
|
|
376
376
|
id: l.id,
|
|
377
377
|
type: "radio",
|
|
378
378
|
name: l.name,
|
|
@@ -383,7 +383,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
383
383
|
class: "radio__radio",
|
|
384
384
|
onChange: s
|
|
385
385
|
}, null, 40, tt),
|
|
386
|
-
|
|
386
|
+
a("label", {
|
|
387
387
|
for: l.id,
|
|
388
388
|
class: m(["radio__label", l.required ? "required" : ""])
|
|
389
389
|
}, [
|
|
@@ -405,22 +405,22 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
405
405
|
},
|
|
406
406
|
emits: ["update:modelValue"],
|
|
407
407
|
setup(e) {
|
|
408
|
-
return (
|
|
409
|
-
|
|
410
|
-
for:
|
|
411
|
-
class: m([
|
|
412
|
-
}, d(
|
|
413
|
-
|
|
414
|
-
id:
|
|
415
|
-
class: m(
|
|
416
|
-
disabled:
|
|
417
|
-
name:
|
|
418
|
-
value:
|
|
408
|
+
return (t, r) => (o(), i("div", it, [
|
|
409
|
+
a("label", {
|
|
410
|
+
for: t.id,
|
|
411
|
+
class: m([t.required ? "required" : "", t.disabled ? "disabled" : ""])
|
|
412
|
+
}, d(t.label), 11, rt),
|
|
413
|
+
a("select", {
|
|
414
|
+
id: t.id,
|
|
415
|
+
class: m(t.disabled ? "disabled" : ""),
|
|
416
|
+
disabled: t.disabled,
|
|
417
|
+
name: t.name,
|
|
418
|
+
value: t.modelValue,
|
|
419
419
|
onChange: r[0] || (r[0] = (s) => {
|
|
420
|
-
|
|
420
|
+
t.$emit("update:modelValue", s.target.value), s.target.blur();
|
|
421
421
|
})
|
|
422
422
|
}, [
|
|
423
|
-
(o(!0), i(T, null, V(
|
|
423
|
+
(o(!0), i(T, null, V(t.options, (s) => (o(), i("option", {
|
|
424
424
|
key: s.value,
|
|
425
425
|
value: s.value
|
|
426
426
|
}, d(s.text), 9, dt))), 128))
|
|
@@ -434,8 +434,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
434
434
|
searchBar: { type: Boolean, default: !1 }
|
|
435
435
|
},
|
|
436
436
|
emits: ["update:show"],
|
|
437
|
-
setup(e, { emit:
|
|
438
|
-
const r = e, s =
|
|
437
|
+
setup(e, { emit: t }) {
|
|
438
|
+
const r = e, s = t, l = () => {
|
|
439
439
|
s("update:show", !r.show);
|
|
440
440
|
};
|
|
441
441
|
return (u, n) => (o(), i("div", _t, [
|
|
@@ -444,20 +444,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
444
444
|
name: "nested"
|
|
445
445
|
}, {
|
|
446
446
|
default: y(() => [
|
|
447
|
-
K(
|
|
447
|
+
K(a("div", {
|
|
448
448
|
class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
449
449
|
ariaLabel: "modal",
|
|
450
450
|
role: "dialog",
|
|
451
451
|
onClick: l
|
|
452
452
|
}, [
|
|
453
|
-
|
|
453
|
+
a("div", {
|
|
454
454
|
id: "modal",
|
|
455
455
|
class: m([u.searchBar ? "search" : ""]),
|
|
456
456
|
onClick: n[0] || (n[0] = _e(() => {
|
|
457
457
|
}, ["stop"]))
|
|
458
458
|
}, [
|
|
459
|
-
|
|
460
|
-
u.searchBar ?
|
|
459
|
+
a("div", null, [
|
|
460
|
+
u.searchBar ? h("", !0) : (o(), L(le, {
|
|
461
461
|
key: 0,
|
|
462
462
|
"aria-label": "close",
|
|
463
463
|
variant: "close",
|
|
@@ -489,8 +489,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
489
489
|
informationLabel: { default: "Additional information" }
|
|
490
490
|
},
|
|
491
491
|
emits: ["update:modelValue"],
|
|
492
|
-
setup(e, { emit:
|
|
493
|
-
const r = e, s =
|
|
492
|
+
setup(e, { emit: t }) {
|
|
493
|
+
const r = e, s = t, l = q(r.modelValue), u = q(), n = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
|
|
494
494
|
var k;
|
|
495
495
|
(k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
|
|
496
496
|
};
|
|
@@ -502,9 +502,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
502
502
|
b(v + k);
|
|
503
503
|
}
|
|
504
504
|
}), (v, k) => (o(), i("div", null, [
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
505
|
+
a("div", pt, [
|
|
506
|
+
a("div", mt, [
|
|
507
|
+
a("label", {
|
|
508
508
|
for: v.id,
|
|
509
509
|
class: m([v.variant, ""])
|
|
510
510
|
}, d(v.label), 11, vt),
|
|
@@ -517,13 +517,13 @@ const Ce = ["aria-label"], Ae = /* @__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, ft)) :
|
|
520
|
+
}, null, 42, ft)) : h("", !0)
|
|
521
521
|
]),
|
|
522
|
-
|
|
523
|
-
|
|
522
|
+
a("div", gt, [
|
|
523
|
+
a("span", {
|
|
524
524
|
class: m([v.variant, "slider__minmax"])
|
|
525
525
|
}, d(v.min), 3),
|
|
526
|
-
|
|
526
|
+
a("input", {
|
|
527
527
|
id: v.id,
|
|
528
528
|
ref_key: "slider",
|
|
529
529
|
ref: u,
|
|
@@ -536,11 +536,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
536
536
|
class: m(v.variant),
|
|
537
537
|
onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
|
|
538
538
|
}, null, 42, bt),
|
|
539
|
-
|
|
539
|
+
a("span", {
|
|
540
540
|
class: m([v.variant, "slider__minmax"])
|
|
541
541
|
}, d(v.max), 3)
|
|
542
542
|
]),
|
|
543
|
-
|
|
543
|
+
a("span", {
|
|
544
544
|
class: m([v.variant, "slider__value"])
|
|
545
545
|
}, d(v.modelValue), 3)
|
|
546
546
|
]),
|
|
@@ -550,10 +550,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
550
550
|
"onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
|
|
551
551
|
}, {
|
|
552
552
|
default: y(() => [
|
|
553
|
-
|
|
553
|
+
a("p", yt, d(v.information), 1)
|
|
554
554
|
]),
|
|
555
555
|
_: 1
|
|
556
|
-
}, 8, ["show"])) :
|
|
556
|
+
}, 8, ["show"])) : h("", !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({
|
|
@@ -570,39 +570,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
570
570
|
},
|
|
571
571
|
emits: ["update:modelValue"],
|
|
572
572
|
setup(e) {
|
|
573
|
-
return (
|
|
574
|
-
|
|
575
|
-
for:
|
|
576
|
-
class: m({ required:
|
|
577
|
-
}, d(
|
|
578
|
-
|
|
579
|
-
id:
|
|
573
|
+
return (t, r) => (o(), i("div", wt, [
|
|
574
|
+
a("label", {
|
|
575
|
+
for: t.id,
|
|
576
|
+
class: m({ required: t.required })
|
|
577
|
+
}, d(t.labelText) + d(t.required ? " *" : ""), 11, Bt),
|
|
578
|
+
a("div", {
|
|
579
|
+
id: t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "textarea-wrapper__inner" : ""
|
|
580
580
|
}, [
|
|
581
|
-
|
|
582
|
-
id:
|
|
581
|
+
a("textarea", {
|
|
582
|
+
id: t.id,
|
|
583
583
|
rows: "10",
|
|
584
584
|
cols: "50",
|
|
585
|
-
name:
|
|
586
|
-
placeholder:
|
|
587
|
-
required:
|
|
588
|
-
disabled:
|
|
589
|
-
maxlength:
|
|
590
|
-
value:
|
|
585
|
+
name: t.name,
|
|
586
|
+
placeholder: t.placeholder,
|
|
587
|
+
required: t.required,
|
|
588
|
+
disabled: t.disabled,
|
|
589
|
+
maxlength: t.maxLength,
|
|
590
|
+
value: t.modelValue,
|
|
591
591
|
class: m(
|
|
592
|
-
|
|
592
|
+
t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "reached-meter-limit" : "border"
|
|
593
593
|
),
|
|
594
|
-
onInput: r[0] || (r[0] = (s) =>
|
|
594
|
+
onInput: r[0] || (r[0] = (s) => t.$emit("update:modelValue", s.target.value))
|
|
595
595
|
}, null, 42, It)
|
|
596
596
|
], 8, St),
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
597
|
+
a("div", qt, [
|
|
598
|
+
a("div", null, [
|
|
599
|
+
t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? (o(), i("p", Ct, " Too many characters. Please make it shorter ")) : h("", !0)
|
|
600
600
|
]),
|
|
601
|
-
|
|
601
|
+
a("p", {
|
|
602
602
|
class: m(
|
|
603
|
-
|
|
603
|
+
t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "reached-meter-limit-meter" : ""
|
|
604
604
|
)
|
|
605
|
-
}, d(
|
|
605
|
+
}, d(t.maxLength !== void 0 && t.modelValue !== void 0 && t.maxLength - t.modelValue.length >= 0 ? t.modelValue.length : 0) + " / " + d(t.maxLength), 3)
|
|
606
606
|
])
|
|
607
607
|
]));
|
|
608
608
|
}
|
|
@@ -634,7 +634,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
634
634
|
},
|
|
635
635
|
emits: ["update:modelValue"],
|
|
636
636
|
setup(e) {
|
|
637
|
-
const
|
|
637
|
+
const t = {
|
|
638
638
|
text: "text",
|
|
639
639
|
email: "email",
|
|
640
640
|
password: "password",
|
|
@@ -642,13 +642,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
642
642
|
tel: "tel",
|
|
643
643
|
url: "url",
|
|
644
644
|
search: "search"
|
|
645
|
-
}, r = e, s = D(() =>
|
|
645
|
+
}, r = e, s = D(() => t[r.type]), l = q(!0), u = D(
|
|
646
646
|
() => l.value ? "showPassword" : "hidePassword"
|
|
647
647
|
), n = D(
|
|
648
648
|
() => l.value ? "password" : "text"
|
|
649
649
|
);
|
|
650
650
|
return (_, b) => (o(), i("div", Dt, [
|
|
651
|
-
|
|
651
|
+
a("label", {
|
|
652
652
|
for: _.id,
|
|
653
653
|
class: m([
|
|
654
654
|
_.required ? "required" : "",
|
|
@@ -657,7 +657,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
657
657
|
])
|
|
658
658
|
}, d(_.label), 11, Tt),
|
|
659
659
|
s.value === "password" ? (o(), i("div", Vt, [
|
|
660
|
-
|
|
660
|
+
a("input", {
|
|
661
661
|
id: _.id,
|
|
662
662
|
ref: "passwordField",
|
|
663
663
|
type: n.value,
|
|
@@ -668,7 +668,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
668
668
|
name: _.fieldName,
|
|
669
669
|
onInput: b[0] || (b[0] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
670
670
|
}, null, 40, Pt),
|
|
671
|
-
|
|
671
|
+
a("i", {
|
|
672
672
|
role: "button",
|
|
673
673
|
class: m([u.value]),
|
|
674
674
|
"aria-controls": "password",
|
|
@@ -692,9 +692,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
692
692
|
name: _.fieldName,
|
|
693
693
|
onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
694
694
|
}, null, 42, Ft)),
|
|
695
|
-
_.search ? (o(), i("i", Ot)) :
|
|
696
|
-
_.errorMessage ? (o(), i("strong", zt, d(_.errorMessage), 1)) :
|
|
697
|
-
_.helperText ? (o(), i("span", Ht, d(_.helperText), 1)) :
|
|
695
|
+
_.search ? (o(), i("i", Ot)) : h("", !0),
|
|
696
|
+
_.errorMessage ? (o(), i("strong", zt, d(_.errorMessage), 1)) : h("", !0),
|
|
697
|
+
_.helperText ? (o(), i("span", Ht, d(_.helperText), 1)) : h("", !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({
|
|
@@ -713,12 +713,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
713
713
|
loop: { type: Boolean, default: !1 },
|
|
714
714
|
muted: { type: Boolean, default: !1 }
|
|
715
715
|
},
|
|
716
|
-
setup(e, { expose:
|
|
716
|
+
setup(e, { expose: t }) {
|
|
717
717
|
const r = e;
|
|
718
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
|
+
}), t({
|
|
722
722
|
resetVideo: () => {
|
|
723
723
|
s.value && (s.value.currentTime = 0, s.value.play());
|
|
724
724
|
}
|
|
@@ -764,54 +764,54 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
764
764
|
email: {}
|
|
765
765
|
},
|
|
766
766
|
setup(e) {
|
|
767
|
-
return (
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
c(
|
|
767
|
+
return (t, r) => (o(), i("div", Gt, [
|
|
768
|
+
a("div", Jt, [
|
|
769
|
+
a("div", Wt, [
|
|
770
|
+
c(t.$slots, "address-flag", {}, void 0, !0)
|
|
771
771
|
]),
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
772
|
+
a("div", Yt, [
|
|
773
|
+
a("p", Qt, d(t.name), 1),
|
|
774
|
+
a("p", null, d(t.company), 1),
|
|
775
|
+
a("p", null, d(t.addressLine1), 1),
|
|
776
|
+
a("p", null, d(t.addressLine2), 1),
|
|
777
|
+
t.addressLine3 ? (o(), i("p", Zt, d(t.addressLine3), 1)) : h("", !0)
|
|
778
778
|
]),
|
|
779
|
-
|
|
780
|
-
|
|
779
|
+
a("div", Xt, [
|
|
780
|
+
t.website ? (o(), L(P, {
|
|
781
781
|
key: 0,
|
|
782
782
|
underline: "false",
|
|
783
783
|
"link-type": "regular"
|
|
784
784
|
}, {
|
|
785
785
|
default: y(() => [
|
|
786
|
-
|
|
787
|
-
href: "https://" +
|
|
786
|
+
a("a", {
|
|
787
|
+
href: "https://" + t.website,
|
|
788
788
|
class: "address__website"
|
|
789
|
-
}, d(
|
|
789
|
+
}, d(t.website), 9, xt)
|
|
790
790
|
]),
|
|
791
791
|
_: 1
|
|
792
|
-
})) :
|
|
793
|
-
(o(!0), i(T, null, V(
|
|
792
|
+
})) : h("", !0),
|
|
793
|
+
(o(!0), i(T, null, V(t.phoneNumbers, (s) => (o(), L(P, {
|
|
794
794
|
key: s,
|
|
795
795
|
underline: "false",
|
|
796
796
|
"link-type": "regular"
|
|
797
797
|
}, {
|
|
798
798
|
default: y(() => [
|
|
799
|
-
|
|
799
|
+
a("a", {
|
|
800
800
|
href: "tel:" + s,
|
|
801
801
|
class: "address__phone"
|
|
802
802
|
}, d(s), 9, ea)
|
|
803
803
|
]),
|
|
804
804
|
_: 2
|
|
805
805
|
}, 1024))), 128)),
|
|
806
|
-
|
|
807
|
-
href: "mailto:" +
|
|
806
|
+
a("a", {
|
|
807
|
+
href: "mailto:" + t.email,
|
|
808
808
|
class: "address__email"
|
|
809
|
-
}, d(
|
|
809
|
+
}, d(t.email), 9, ta)
|
|
810
810
|
])
|
|
811
811
|
])
|
|
812
812
|
]));
|
|
813
813
|
}
|
|
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__ */
|
|
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__ */ a("i", { class: "checkmark" }, null, -1)), ra = /* @__PURE__ */ g({
|
|
815
815
|
__name: "bullet-list",
|
|
816
816
|
props: {
|
|
817
817
|
list: {
|
|
@@ -831,11 +831,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
831
831
|
}
|
|
832
832
|
},
|
|
833
833
|
setup(e) {
|
|
834
|
-
return (
|
|
835
|
-
|
|
834
|
+
return (t, r) => (o(), i("div", sa, [
|
|
835
|
+
a("div", {
|
|
836
836
|
class: m(["bullet-list", e.variant])
|
|
837
837
|
}, [
|
|
838
|
-
|
|
838
|
+
a("ul", null, [
|
|
839
839
|
(o(!0), i(T, null, V(e.list, (s) => (o(), i("li", { key: s }, [
|
|
840
840
|
ia,
|
|
841
841
|
G(" " + d(s), 1)
|
|
@@ -866,7 +866,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
866
866
|
},
|
|
867
867
|
emits: ["clicked"],
|
|
868
868
|
setup(e) {
|
|
869
|
-
const
|
|
869
|
+
const t = Ie();
|
|
870
870
|
let r = q(!1);
|
|
871
871
|
const s = {
|
|
872
872
|
xsmall: {
|
|
@@ -891,7 +891,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
891
891
|
}
|
|
892
892
|
}, l = e, u = D(() => s[l.size]);
|
|
893
893
|
return (n, _) => (o(), i("div", da, [
|
|
894
|
-
|
|
894
|
+
a("div", {
|
|
895
895
|
class: m(["card", [
|
|
896
896
|
n.theme === "dark" ? "card--dark" : "card--light",
|
|
897
897
|
n.orientation === "vertical" ? "vertical" : "horizontal",
|
|
@@ -933,9 +933,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
933
933
|
muted: !0
|
|
934
934
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
935
935
|
], 2)),
|
|
936
|
-
I(
|
|
936
|
+
I(t)["card-label"] ? (o(), i("div", ca, [
|
|
937
937
|
c(n.$slots, "card-label")
|
|
938
|
-
])) :
|
|
938
|
+
])) : h("", !0),
|
|
939
939
|
n.variant === "product" ? (o(), i("div", {
|
|
940
940
|
key: 3,
|
|
941
941
|
class: m([
|
|
@@ -950,7 +950,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
950
950
|
n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
|
|
951
951
|
])
|
|
952
952
|
}, d(n.headline), 3)),
|
|
953
|
-
n.variant === "product" ? (o(), i("p", ua, d(n.paragraph), 1)) :
|
|
953
|
+
n.variant === "product" ? (o(), i("p", ua, d(n.paragraph), 1)) : h("", !0)
|
|
954
954
|
], 38)
|
|
955
955
|
]));
|
|
956
956
|
}
|
|
@@ -963,25 +963,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
963
963
|
imageFit: { type: Boolean }
|
|
964
964
|
},
|
|
965
965
|
setup(e) {
|
|
966
|
-
return (
|
|
967
|
-
|
|
968
|
-
|
|
966
|
+
return (t, r) => (o(), i("div", pa, [
|
|
967
|
+
a("div", ma, [
|
|
968
|
+
t.image.filename ? (o(), i("div", {
|
|
969
969
|
key: 0,
|
|
970
|
-
class: m(["column-card__image", { cover:
|
|
970
|
+
class: m(["column-card__image", { cover: t.imageFit, contain: !t.imageFit }])
|
|
971
971
|
}, [
|
|
972
|
-
c(
|
|
973
|
-
src:
|
|
974
|
-
alt:
|
|
972
|
+
c(t.$slots, "column-card-image", F(O({
|
|
973
|
+
src: t.image.filename,
|
|
974
|
+
alt: t.image.alt
|
|
975
975
|
})), void 0, !0)
|
|
976
|
-
], 2)) :
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
c(
|
|
976
|
+
], 2)) : h("", !0),
|
|
977
|
+
a("h3", va, d(t.headline), 1),
|
|
978
|
+
a("div", fa, [
|
|
979
|
+
c(t.$slots, "column-card-body", {}, void 0, !0)
|
|
980
980
|
])
|
|
981
981
|
])
|
|
982
982
|
]));
|
|
983
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__ */
|
|
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__ */ a("br", null, null, -1)), Ba = { class: "event__exhibitor" }, Sa = /* @__PURE__ */ g({
|
|
985
985
|
__name: "event-card",
|
|
986
986
|
props: {
|
|
987
987
|
eventType: {
|
|
@@ -1006,18 +1006,18 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1006
1006
|
}
|
|
1007
1007
|
},
|
|
1008
1008
|
setup(e) {
|
|
1009
|
-
return (
|
|
1009
|
+
return (t, r) => (o(), i("div", ya, [
|
|
1010
1010
|
S(Z, {
|
|
1011
1011
|
"label-dark": !1,
|
|
1012
1012
|
text: e.eventType ? e.eventType : ""
|
|
1013
1013
|
}, null, 8, ["text"]),
|
|
1014
|
-
|
|
1015
|
-
|
|
1014
|
+
a("div", $a, d(e.headline), 1),
|
|
1015
|
+
a("div", ka, [
|
|
1016
1016
|
G(d(e.dateTime), 1),
|
|
1017
1017
|
wa,
|
|
1018
1018
|
G(d(e.location), 1)
|
|
1019
1019
|
]),
|
|
1020
|
-
|
|
1020
|
+
a("div", Ba, d(e.exhibitor), 1)
|
|
1021
1021
|
]));
|
|
1022
1022
|
}
|
|
1023
1023
|
}), Ia = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-2c394add"]]), qa = { class: "text__wrapper" }, Ca = { class: "text__headline" }, Aa = { class: "text__paragraph" }, La = /* @__PURE__ */ g({
|
|
@@ -1037,14 +1037,14 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1037
1037
|
}
|
|
1038
1038
|
},
|
|
1039
1039
|
setup(e) {
|
|
1040
|
-
return (
|
|
1040
|
+
return (t, r) => (o(), i("div", qa, [
|
|
1041
1041
|
S(Z, {
|
|
1042
1042
|
"label-dark": !1,
|
|
1043
1043
|
text: e.label ? e.label : ""
|
|
1044
1044
|
}, null, 8, ["text"]),
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1045
|
+
a("div", Ca, d(e.headline), 1),
|
|
1046
|
+
a("div", Aa, [
|
|
1047
|
+
a("p", null, d(e.paragraph), 1)
|
|
1048
1048
|
])
|
|
1049
1049
|
]));
|
|
1050
1050
|
}
|
|
@@ -1060,32 +1060,32 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1060
1060
|
accordions: {}
|
|
1061
1061
|
},
|
|
1062
1062
|
setup(e) {
|
|
1063
|
-
const
|
|
1064
|
-
const u =
|
|
1065
|
-
u > -1 ?
|
|
1066
|
-
}, s = (l) =>
|
|
1063
|
+
const t = q([]), r = (l) => {
|
|
1064
|
+
const u = t.value.indexOf(l);
|
|
1065
|
+
u > -1 ? t.value.splice(u, 1) : t.value.push(l);
|
|
1066
|
+
}, s = (l) => t.value.includes(l);
|
|
1067
1067
|
return (l, u) => (o(), i("section", Ta, [
|
|
1068
|
-
|
|
1068
|
+
a("div", Va, [
|
|
1069
1069
|
(o(!0), i(T, null, V(l.accordions, (n) => (o(), i("div", {
|
|
1070
1070
|
key: n._uid
|
|
1071
1071
|
}, [
|
|
1072
|
-
|
|
1073
|
-
|
|
1072
|
+
a("div", Pa, [
|
|
1073
|
+
a("div", {
|
|
1074
1074
|
class: "accordion__header",
|
|
1075
1075
|
onClick: (_) => r(n._uid)
|
|
1076
1076
|
}, [
|
|
1077
|
-
|
|
1078
|
-
|
|
1077
|
+
a("h3", Fa, d(n.headline), 1),
|
|
1078
|
+
a("span", Oa, [
|
|
1079
1079
|
s(n._uid) ? (o(), i("img", Ha)) : (o(), i("img", za))
|
|
1080
1080
|
])
|
|
1081
1081
|
], 8, Ma),
|
|
1082
|
-
|
|
1082
|
+
a("div", {
|
|
1083
1083
|
class: m(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
|
|
1084
1084
|
style: x({
|
|
1085
1085
|
display: s(n._uid) ? "flex" : "none"
|
|
1086
1086
|
})
|
|
1087
1087
|
}, [
|
|
1088
|
-
|
|
1088
|
+
a("div", Ra, [
|
|
1089
1089
|
c(l.$slots, "accordion-body", F(O({ body: n.bodytext })), void 0, !0)
|
|
1090
1090
|
]),
|
|
1091
1091
|
S(M, null, {
|
|
@@ -1094,7 +1094,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1094
1094
|
src: n.image.filename,
|
|
1095
1095
|
alt: n.image.alt,
|
|
1096
1096
|
class: "accordion__image"
|
|
1097
|
-
})), void 0, !0) :
|
|
1097
|
+
})), void 0, !0) : h("", !0)
|
|
1098
1098
|
]),
|
|
1099
1099
|
_: 2
|
|
1100
1100
|
}, 1024)
|
|
@@ -1124,49 +1124,52 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1124
1124
|
}
|
|
1125
1125
|
},
|
|
1126
1126
|
setup(e) {
|
|
1127
|
-
return (
|
|
1127
|
+
return (t, r) => (o(), i("div", {
|
|
1128
1128
|
class: m([
|
|
1129
1129
|
"card-display",
|
|
1130
1130
|
e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
|
|
1131
1131
|
])
|
|
1132
1132
|
}, [
|
|
1133
|
-
|
|
1133
|
+
a("div", ja, [
|
|
1134
1134
|
e.headline || e.paragraph ? (o(), i("div", Ka, [
|
|
1135
|
-
e.headline ? (o(), i("h2", Ua, d(e.headline), 1)) :
|
|
1136
|
-
e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) :
|
|
1137
|
-
])) :
|
|
1138
|
-
|
|
1139
|
-
c(
|
|
1135
|
+
e.headline ? (o(), i("h2", Ua, d(e.headline), 1)) : h("", !0),
|
|
1136
|
+
e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) : h("", !0)
|
|
1137
|
+
])) : h("", !0),
|
|
1138
|
+
a("div", Ja, [
|
|
1139
|
+
c(t.$slots, "card-display-cards", {}, void 0, !0)
|
|
1140
1140
|
])
|
|
1141
1141
|
])
|
|
1142
1142
|
], 2));
|
|
1143
1143
|
}
|
|
1144
|
-
}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__top-section" }, Za = {
|
|
1144
|
+
}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__top-section" }, Za = {
|
|
1145
1145
|
key: 0,
|
|
1146
|
+
class: "column-grid__headline"
|
|
1147
|
+
}, Xa = {
|
|
1148
|
+
key: 1,
|
|
1146
1149
|
class: "column-grid__bodytext"
|
|
1147
1150
|
}, xa = { class: "column-grid__teaser-list" }, eo = /* @__PURE__ */ g({
|
|
1148
1151
|
__name: "column-grid",
|
|
1149
1152
|
props: {
|
|
1150
1153
|
headline: { default: "" },
|
|
1151
1154
|
bgColor: {},
|
|
1152
|
-
bodytext: { default:
|
|
1155
|
+
bodytext: { default: "" },
|
|
1153
1156
|
columns: {}
|
|
1154
1157
|
},
|
|
1155
1158
|
setup(e) {
|
|
1156
|
-
return (
|
|
1159
|
+
return (t, r) => (o(), i("div", {
|
|
1157
1160
|
class: m([
|
|
1158
1161
|
"column-grid",
|
|
1159
|
-
|
|
1162
|
+
t.bgColor === "dark" ? "column-grid--dark" : t.bgColor === "light" ? "column-grid--light" : "column-grid--white"
|
|
1160
1163
|
])
|
|
1161
1164
|
}, [
|
|
1162
|
-
|
|
1163
|
-
t("h2", Za, d(
|
|
1164
|
-
|
|
1165
|
-
c(
|
|
1166
|
-
])) :
|
|
1165
|
+
a("div", Qa, [
|
|
1166
|
+
t.headline ? (o(), i("h2", Za, d(t.headline), 1)) : h("", !0),
|
|
1167
|
+
t.bodytext ? (o(), i("div", Xa, [
|
|
1168
|
+
c(t.$slots, "column-grid-body", {}, void 0, !0)
|
|
1169
|
+
])) : h("", !0)
|
|
1167
1170
|
]),
|
|
1168
|
-
|
|
1169
|
-
(o(!0), i(T, null, V(
|
|
1171
|
+
a("div", xa, [
|
|
1172
|
+
(o(!0), i(T, null, V(t.columns, (s) => (o(), L(fe, {
|
|
1170
1173
|
key: s._uid,
|
|
1171
1174
|
headline: s.headline,
|
|
1172
1175
|
bodytext: s.bodytext,
|
|
@@ -1174,22 +1177,22 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1174
1177
|
"image-fit": s.imageFit
|
|
1175
1178
|
}, {
|
|
1176
1179
|
"column-card-body": y(() => [
|
|
1177
|
-
c(
|
|
1180
|
+
c(t.$slots, "column-card-body", F(O({ body: s.bodytext })), void 0, !0)
|
|
1178
1181
|
]),
|
|
1179
1182
|
"column-card-image": y(() => [
|
|
1180
|
-
s.image ? c(
|
|
1183
|
+
s.image ? c(t.$slots, "column-card-image", F(X({ key: 0 }, {
|
|
1181
1184
|
src: s.image.filename,
|
|
1182
1185
|
alt: s.image.alt,
|
|
1183
1186
|
class: "column-card__image",
|
|
1184
1187
|
style: { "object-fit": s.imageFit ? "cover" : "contain" }
|
|
1185
|
-
})), void 0, !0) :
|
|
1188
|
+
})), void 0, !0) : h("", !0)
|
|
1186
1189
|
]),
|
|
1187
1190
|
_: 2
|
|
1188
1191
|
}, 1032, ["headline", "bodytext", "image", "image-fit"]))), 128))
|
|
1189
1192
|
])
|
|
1190
1193
|
], 2));
|
|
1191
1194
|
}
|
|
1192
|
-
}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-
|
|
1195
|
+
}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-00d0545a"]]), ao = { class: "facts__wrapper" }, oo = { class: "facts__content" }, lo = { class: "facts__headline" }, so = { class: "facts" }, io = { class: "fact__value" }, ro = { class: "fact__metric" }, no = {
|
|
1193
1196
|
key: 0,
|
|
1194
1197
|
class: "facts__link"
|
|
1195
1198
|
}, co = /* @__PURE__ */ g({
|
|
@@ -1216,33 +1219,33 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1216
1219
|
}) }
|
|
1217
1220
|
},
|
|
1218
1221
|
setup(e) {
|
|
1219
|
-
return (
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
(o(!0), i(T, null, V(
|
|
1222
|
+
return (t, r) => (o(), i("div", ao, [
|
|
1223
|
+
a("div", oo, [
|
|
1224
|
+
a("h2", lo, d(t.headline), 1),
|
|
1225
|
+
a("div", so, [
|
|
1226
|
+
(o(!0), i(T, null, V(t.facts, (s) => (o(), i("div", {
|
|
1224
1227
|
key: s.value + s.metric,
|
|
1225
1228
|
class: "fact"
|
|
1226
1229
|
}, [
|
|
1227
|
-
|
|
1228
|
-
|
|
1230
|
+
a("div", io, [
|
|
1231
|
+
a("span", null, d(s.value), 1)
|
|
1229
1232
|
]),
|
|
1230
|
-
|
|
1231
|
-
|
|
1233
|
+
a("div", ro, [
|
|
1234
|
+
a("span", null, d(s.metric), 1)
|
|
1232
1235
|
])
|
|
1233
1236
|
]))), 128))
|
|
1234
1237
|
]),
|
|
1235
|
-
|
|
1238
|
+
t.link ? (o(), i("div", no, [
|
|
1236
1239
|
S(P, {
|
|
1237
1240
|
"link-type": "regular_light",
|
|
1238
1241
|
arrow: ""
|
|
1239
1242
|
}, {
|
|
1240
1243
|
default: y(() => [
|
|
1241
|
-
c(
|
|
1244
|
+
c(t.$slots, "facts-link", {}, void 0, !0)
|
|
1242
1245
|
]),
|
|
1243
1246
|
_: 3
|
|
1244
1247
|
})
|
|
1245
|
-
])) :
|
|
1248
|
+
])) : h("", !0)
|
|
1246
1249
|
])
|
|
1247
1250
|
]));
|
|
1248
1251
|
}
|
|
@@ -1260,24 +1263,24 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1260
1263
|
elements: { default: () => [] }
|
|
1261
1264
|
},
|
|
1262
1265
|
setup(e) {
|
|
1263
|
-
return (
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
])) :
|
|
1268
|
-
|
|
1269
|
-
c(
|
|
1270
|
-
])) :
|
|
1271
|
-
|
|
1272
|
-
class: m(["features__elements", [
|
|
1266
|
+
return (t, r) => (o(), i("div", _o, [
|
|
1267
|
+
a("div", ho, [
|
|
1268
|
+
t.headline ? (o(), i("div", po, [
|
|
1269
|
+
a("h2", null, d(t.headline), 1)
|
|
1270
|
+
])) : h("", !0),
|
|
1271
|
+
t.body ? (o(), i("div", mo, [
|
|
1272
|
+
c(t.$slots, "features-body", {}, void 0, !0)
|
|
1273
|
+
])) : h("", !0),
|
|
1274
|
+
a("div", {
|
|
1275
|
+
class: m(["features__elements", [t.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1273
1276
|
}, [
|
|
1274
|
-
(o(!0), i(T, null, V(
|
|
1277
|
+
(o(!0), i(T, null, V(t.elements, (s) => (o(), i("div", {
|
|
1275
1278
|
key: s.headline,
|
|
1276
1279
|
class: "features__element"
|
|
1277
1280
|
}, [
|
|
1278
1281
|
S(M, { class: "element__icon" }, {
|
|
1279
1282
|
default: y(() => [
|
|
1280
|
-
c(
|
|
1283
|
+
c(t.$slots, "features-icon", F(O({
|
|
1281
1284
|
src: s.icon.src,
|
|
1282
1285
|
height: 30,
|
|
1283
1286
|
width: 30,
|
|
@@ -1286,8 +1289,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1286
1289
|
]),
|
|
1287
1290
|
_: 2
|
|
1288
1291
|
}, 1024),
|
|
1289
|
-
|
|
1290
|
-
|
|
1292
|
+
a("p", vo, d(s.headline), 1),
|
|
1293
|
+
a("p", fo, d(s.body), 1)
|
|
1291
1294
|
]))), 128))
|
|
1292
1295
|
], 2)
|
|
1293
1296
|
])
|
|
@@ -1302,16 +1305,16 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1302
1305
|
}
|
|
1303
1306
|
},
|
|
1304
1307
|
setup(e) {
|
|
1305
|
-
return (
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
c(
|
|
1308
|
+
return (t, r) => (o(), i("div", yo, [
|
|
1309
|
+
a("div", $o, [
|
|
1310
|
+
a("div", ko, [
|
|
1311
|
+
a("h2", wo, d(e.headline), 1),
|
|
1312
|
+
a("div", Bo, [
|
|
1313
|
+
c(t.$slots, "form-body", {}, void 0, !0)
|
|
1311
1314
|
])
|
|
1312
1315
|
]),
|
|
1313
|
-
|
|
1314
|
-
c(
|
|
1316
|
+
a("div", So, [
|
|
1317
|
+
c(t.$slots, "form-script", {}, void 0, !0)
|
|
1315
1318
|
])
|
|
1316
1319
|
])
|
|
1317
1320
|
]));
|
|
@@ -1333,8 +1336,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1333
1336
|
}
|
|
1334
1337
|
},
|
|
1335
1338
|
setup(e) {
|
|
1336
|
-
return (
|
|
1337
|
-
|
|
1339
|
+
return (t, r) => (o(), i("div", Co, [
|
|
1340
|
+
a("div", {
|
|
1338
1341
|
class: m({
|
|
1339
1342
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
1340
1343
|
"headline__content--article": e.article && !e.subMenu,
|
|
@@ -1342,11 +1345,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1342
1345
|
"headline__content--default": !e.article && !e.subMenu
|
|
1343
1346
|
})
|
|
1344
1347
|
}, [
|
|
1345
|
-
|
|
1348
|
+
a("h1", Ao, d(e.headline), 1)
|
|
1346
1349
|
], 2)
|
|
1347
1350
|
]));
|
|
1348
1351
|
}
|
|
1349
|
-
}), Do = /* @__PURE__ */ f(Lo, [["__scopeId", "data-v-3ef1567e"]]), To = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Vo = { class: "hero__wrapper" }, Po = { class: "hero__content" }, Mo = { class: "hero__top" }, Fo = { class: "hero__elements" }, Oo = { class: "hero__headline" }, zo = { class: "hero__link" }, Ho = { class: "hero__video" }, Ro = /* @__PURE__ */ To(() => /* @__PURE__ */
|
|
1352
|
+
}), Do = /* @__PURE__ */ f(Lo, [["__scopeId", "data-v-3ef1567e"]]), To = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Vo = { class: "hero__wrapper" }, Po = { class: "hero__content" }, Mo = { class: "hero__top" }, Fo = { class: "hero__elements" }, Oo = { class: "hero__headline" }, zo = { class: "hero__link" }, Ho = { class: "hero__video" }, Ro = /* @__PURE__ */ To(() => /* @__PURE__ */ a("div", { class: "hero__gradient" }, null, -1)), No = { class: "hero__video__video" }, Eo = { class: "hero__image" }, jo = /* @__PURE__ */ g({
|
|
1350
1353
|
__name: "hero",
|
|
1351
1354
|
props: {
|
|
1352
1355
|
headline: {
|
|
@@ -1355,33 +1358,33 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1355
1358
|
}
|
|
1356
1359
|
},
|
|
1357
1360
|
setup(e) {
|
|
1358
|
-
return (
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1361
|
+
return (t, r) => (o(), i("div", Vo, [
|
|
1362
|
+
a("div", Po, [
|
|
1363
|
+
a("div", Mo, [
|
|
1364
|
+
a("div", Fo, [
|
|
1365
|
+
a("div", Oo, [
|
|
1366
|
+
a("h1", null, d(e.headline), 1)
|
|
1364
1367
|
]),
|
|
1365
|
-
|
|
1368
|
+
a("div", zo, [
|
|
1366
1369
|
S(P, {
|
|
1367
1370
|
"link-type": "regular_light",
|
|
1368
1371
|
arrow: ""
|
|
1369
1372
|
}, {
|
|
1370
1373
|
default: y(() => [
|
|
1371
|
-
c(
|
|
1374
|
+
c(t.$slots, "hero-link", {}, void 0, !0)
|
|
1372
1375
|
]),
|
|
1373
1376
|
_: 3
|
|
1374
1377
|
})
|
|
1375
1378
|
])
|
|
1376
1379
|
])
|
|
1377
1380
|
]),
|
|
1378
|
-
|
|
1381
|
+
a("div", Ho, [
|
|
1379
1382
|
Ro,
|
|
1380
|
-
|
|
1381
|
-
c(
|
|
1383
|
+
a("div", No, [
|
|
1384
|
+
c(t.$slots, "hero-video", {}, void 0, !0)
|
|
1382
1385
|
]),
|
|
1383
|
-
|
|
1384
|
-
c(
|
|
1386
|
+
a("div", Eo, [
|
|
1387
|
+
c(t.$slots, "hero-image", {}, void 0, !0)
|
|
1385
1388
|
])
|
|
1386
1389
|
])
|
|
1387
1390
|
])
|
|
@@ -1411,12 +1414,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1411
1414
|
}
|
|
1412
1415
|
},
|
|
1413
1416
|
setup(e) {
|
|
1414
|
-
return (
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
+
return (t, r) => (o(), i("div", Uo, [
|
|
1418
|
+
a("div", Go, [
|
|
1419
|
+
a("div", Jo, [
|
|
1417
1420
|
S(M, null, {
|
|
1418
1421
|
default: y(() => [
|
|
1419
|
-
c(
|
|
1422
|
+
c(t.$slots, "image", F(O({
|
|
1420
1423
|
width: 984,
|
|
1421
1424
|
height: e.fullHeight ? "100%" : 554,
|
|
1422
1425
|
src: e.src,
|
|
@@ -1427,7 +1430,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1427
1430
|
_: 3
|
|
1428
1431
|
})
|
|
1429
1432
|
]),
|
|
1430
|
-
|
|
1433
|
+
a("p", Wo, d(e.caption), 1)
|
|
1431
1434
|
])
|
|
1432
1435
|
]));
|
|
1433
1436
|
}
|
|
@@ -1452,21 +1455,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1452
1455
|
bgColor: { default: "white" }
|
|
1453
1456
|
},
|
|
1454
1457
|
setup(e) {
|
|
1455
|
-
const
|
|
1458
|
+
const t = {
|
|
1456
1459
|
white: "",
|
|
1457
1460
|
light: "gallery__wrapper--light",
|
|
1458
1461
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1459
|
-
}, r = e, s = D(() =>
|
|
1462
|
+
}, r = e, s = D(() => t[r.bgColor]);
|
|
1460
1463
|
return (l, u) => (o(), i("div", {
|
|
1461
1464
|
class: m(["gallery__wrapper", s.value])
|
|
1462
1465
|
}, [
|
|
1463
|
-
|
|
1466
|
+
a("div", {
|
|
1464
1467
|
class: m([
|
|
1465
1468
|
"gallery__content",
|
|
1466
1469
|
l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1467
1470
|
])
|
|
1468
1471
|
}, [
|
|
1469
|
-
|
|
1472
|
+
a("div", Zo, [
|
|
1470
1473
|
l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Xo, [
|
|
1471
1474
|
S(M, null, {
|
|
1472
1475
|
default: y(() => [
|
|
@@ -1479,7 +1482,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1479
1482
|
]),
|
|
1480
1483
|
_: 3
|
|
1481
1484
|
})
|
|
1482
|
-
])) :
|
|
1485
|
+
])) : h("", !0),
|
|
1483
1486
|
l.mediaLarge && l.mediaType === "video" ? (o(), i("div", xo, [
|
|
1484
1487
|
S(ee, {
|
|
1485
1488
|
src: l.mediaLarge.src,
|
|
@@ -1493,9 +1496,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1493
1496
|
muted: "",
|
|
1494
1497
|
play: ""
|
|
1495
1498
|
}, null, 8, ["src", "aria-label"])
|
|
1496
|
-
])) :
|
|
1499
|
+
])) : h("", !0)
|
|
1497
1500
|
]),
|
|
1498
|
-
|
|
1501
|
+
a("div", {
|
|
1499
1502
|
style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1500
1503
|
class: m([
|
|
1501
1504
|
"gallery__small",
|
|
@@ -1519,8 +1522,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1519
1522
|
}, 1024)
|
|
1520
1523
|
]))), 128)),
|
|
1521
1524
|
l.mediaSmall.length < 2 ? (o(), i("div", el, [
|
|
1522
|
-
|
|
1523
|
-
])) :
|
|
1525
|
+
a("p", null, d(l.body), 1)
|
|
1526
|
+
])) : h("", !0)
|
|
1524
1527
|
], 6)
|
|
1525
1528
|
], 2)
|
|
1526
1529
|
], 2));
|
|
@@ -1546,20 +1549,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1546
1549
|
}
|
|
1547
1550
|
},
|
|
1548
1551
|
setup(e) {
|
|
1549
|
-
return (
|
|
1550
|
-
|
|
1552
|
+
return (t, r) => (o(), i("div", ol, [
|
|
1553
|
+
a("div", ll, [
|
|
1551
1554
|
e.headline || e.body ? (o(), i("div", sl, [
|
|
1552
|
-
e.headline ? (o(), i("h2", il, d(e.headline), 1)) :
|
|
1553
|
-
e.body ? (o(), i("p", rl, d(e.body), 1)) :
|
|
1554
|
-
])) :
|
|
1555
|
-
|
|
1555
|
+
e.headline ? (o(), i("h2", il, d(e.headline), 1)) : h("", !0),
|
|
1556
|
+
e.body ? (o(), i("p", rl, d(e.body), 1)) : h("", !0)
|
|
1557
|
+
])) : h("", !0),
|
|
1558
|
+
a("div", nl, [
|
|
1556
1559
|
(o(!0), i(T, null, V(e.logos, (s) => (o(), i("div", {
|
|
1557
1560
|
key: s.src + s.alt,
|
|
1558
1561
|
class: "logo-wall__logo"
|
|
1559
1562
|
}, [
|
|
1560
1563
|
S(M, null, {
|
|
1561
1564
|
default: y(() => [
|
|
1562
|
-
c(
|
|
1565
|
+
c(t.$slots, "logo-wall-logo", F(O({
|
|
1563
1566
|
width: 130,
|
|
1564
1567
|
height: 130,
|
|
1565
1568
|
src: s.src,
|
|
@@ -1570,13 +1573,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1570
1573
|
}, 1024)
|
|
1571
1574
|
]))), 128))
|
|
1572
1575
|
]),
|
|
1573
|
-
|
|
1576
|
+
a("div", dl, [
|
|
1574
1577
|
S(P, {
|
|
1575
1578
|
"link-type": "regular_light",
|
|
1576
1579
|
arrow: !0
|
|
1577
1580
|
}, {
|
|
1578
1581
|
default: y(() => [
|
|
1579
|
-
c(
|
|
1582
|
+
c(t.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1580
1583
|
]),
|
|
1581
1584
|
_: 3
|
|
1582
1585
|
})
|
|
@@ -1598,32 +1601,32 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1598
1601
|
body: { default: "" }
|
|
1599
1602
|
},
|
|
1600
1603
|
setup(e) {
|
|
1601
|
-
const
|
|
1604
|
+
const t = {
|
|
1602
1605
|
white: "micro-stories__wrapper--white",
|
|
1603
1606
|
blue: "micro-stories__wrapper--blue",
|
|
1604
1607
|
dark: "micro-stories__wrapper--dark"
|
|
1605
|
-
}, r = D(() =>
|
|
1608
|
+
}, r = D(() => t[s.bgColor]), s = e;
|
|
1606
1609
|
return (l, u) => (o(), i("div", {
|
|
1607
1610
|
class: m(["micro-stories__wrapper", r.value])
|
|
1608
1611
|
}, [
|
|
1609
|
-
|
|
1612
|
+
a("div", _l, [
|
|
1610
1613
|
l.headline ? (o(), i("div", hl, [
|
|
1611
|
-
|
|
1612
|
-
])) :
|
|
1614
|
+
a("h2", null, d(l.headline), 1)
|
|
1615
|
+
])) : h("", !0),
|
|
1613
1616
|
l.body ? (o(), i("div", pl, [
|
|
1614
|
-
|
|
1615
|
-
])) :
|
|
1617
|
+
a("p", null, d(l.body), 1)
|
|
1618
|
+
])) : h("", !0)
|
|
1616
1619
|
]),
|
|
1617
|
-
|
|
1620
|
+
a("div", ml, [
|
|
1618
1621
|
c(l.$slots, "micro-stories-slides")
|
|
1619
1622
|
]),
|
|
1620
1623
|
c(l.$slots, "micro-stories-controls")
|
|
1621
1624
|
], 2));
|
|
1622
1625
|
}
|
|
1623
1626
|
}), fl = {}, gl = { class: "policy__wrapper" }, bl = { class: "policy__content" };
|
|
1624
|
-
function yl(e,
|
|
1627
|
+
function yl(e, t) {
|
|
1625
1628
|
return o(), i("div", gl, [
|
|
1626
|
-
|
|
1629
|
+
a("div", bl, [
|
|
1627
1630
|
c(e.$slots, "default", {}, void 0, !0)
|
|
1628
1631
|
])
|
|
1629
1632
|
]);
|
|
@@ -1669,10 +1672,10 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1669
1672
|
}
|
|
1670
1673
|
},
|
|
1671
1674
|
setup(e) {
|
|
1672
|
-
return (
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1675
|
+
return (t, r) => (o(), i("div", kl, [
|
|
1676
|
+
a("div", wl, [
|
|
1677
|
+
a("div", Bl, d(e.headline), 1),
|
|
1678
|
+
a("div", Sl, [
|
|
1676
1679
|
e.videoSrc !== "" ? (o(), L(ee, {
|
|
1677
1680
|
key: 0,
|
|
1678
1681
|
play: "",
|
|
@@ -1686,27 +1689,27 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1686
1689
|
muted: ""
|
|
1687
1690
|
}, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(M), { key: 1 }, {
|
|
1688
1691
|
default: y(() => [
|
|
1689
|
-
c(
|
|
1692
|
+
c(t.$slots, "product-hero-image", {}, void 0, !0)
|
|
1690
1693
|
]),
|
|
1691
1694
|
_: 3
|
|
1692
1695
|
})),
|
|
1693
|
-
|
|
1696
|
+
a("div", Il, [
|
|
1694
1697
|
e.logoSrc ? (o(), i("div", ql, [
|
|
1695
1698
|
S(I(M), null, {
|
|
1696
1699
|
default: y(() => [
|
|
1697
|
-
c(
|
|
1700
|
+
c(t.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1698
1701
|
]),
|
|
1699
1702
|
_: 3
|
|
1700
1703
|
})
|
|
1701
|
-
])) :
|
|
1704
|
+
])) : h("", !0),
|
|
1702
1705
|
e.isCertified ? (o(), i("div", Cl, [
|
|
1703
1706
|
S(I(M), null, {
|
|
1704
1707
|
default: y(() => [
|
|
1705
|
-
c(
|
|
1708
|
+
c(t.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1706
1709
|
]),
|
|
1707
1710
|
_: 3
|
|
1708
1711
|
})
|
|
1709
|
-
])) :
|
|
1712
|
+
])) : h("", !0)
|
|
1710
1713
|
])
|
|
1711
1714
|
])
|
|
1712
1715
|
])
|
|
@@ -1728,11 +1731,11 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1728
1731
|
multiply: { type: Boolean, default: !1 }
|
|
1729
1732
|
},
|
|
1730
1733
|
setup(e) {
|
|
1731
|
-
const
|
|
1734
|
+
const t = {
|
|
1732
1735
|
dark: "promo__wrapper--dark",
|
|
1733
1736
|
light: "promo__wrapper--light",
|
|
1734
1737
|
default: "promo__wrapper--default"
|
|
1735
|
-
}, r = e, s = D(() =>
|
|
1738
|
+
}, r = e, s = D(() => t[r.variant]);
|
|
1736
1739
|
return (l, u) => (o(), i("div", {
|
|
1737
1740
|
class: m([
|
|
1738
1741
|
"promo__wrapper",
|
|
@@ -1741,7 +1744,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1741
1744
|
l.multiply ? "promo__wrapper--multiply" : ""
|
|
1742
1745
|
])
|
|
1743
1746
|
}, [
|
|
1744
|
-
|
|
1747
|
+
a("div", Dl, [
|
|
1745
1748
|
l.mediaType === "image" ? (o(), i("div", {
|
|
1746
1749
|
key: 0,
|
|
1747
1750
|
class: m([
|
|
@@ -1755,7 +1758,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1755
1758
|
]),
|
|
1756
1759
|
_: 3
|
|
1757
1760
|
})
|
|
1758
|
-
], 2)) :
|
|
1761
|
+
], 2)) : h("", !0),
|
|
1759
1762
|
l.mediaType === "video" ? (o(), i("div", {
|
|
1760
1763
|
key: 1,
|
|
1761
1764
|
class: m([
|
|
@@ -1774,8 +1777,8 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1774
1777
|
play: "",
|
|
1775
1778
|
poster: l.fallbackImage
|
|
1776
1779
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1777
|
-
], 2)) :
|
|
1778
|
-
|
|
1780
|
+
], 2)) : h("", !0),
|
|
1781
|
+
a("div", {
|
|
1779
1782
|
class: m([
|
|
1780
1783
|
"promo__text",
|
|
1781
1784
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
@@ -1785,8 +1788,8 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1785
1788
|
key: 0,
|
|
1786
1789
|
text: l.label,
|
|
1787
1790
|
"label-dark": l.variant === "dark"
|
|
1788
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1789
|
-
|
|
1791
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
1792
|
+
a("div", {
|
|
1790
1793
|
class: m([
|
|
1791
1794
|
"promo__title",
|
|
1792
1795
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
@@ -1803,7 +1806,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1803
1806
|
c(l.$slots, "promo-link")
|
|
1804
1807
|
]),
|
|
1805
1808
|
_: 3
|
|
1806
|
-
}, 8, ["link-type"])) :
|
|
1809
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
1807
1810
|
l.linkType === "button" ? (o(), L(P, {
|
|
1808
1811
|
key: 2,
|
|
1809
1812
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
@@ -1812,12 +1815,12 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1812
1815
|
c(l.$slots, "promo-link")
|
|
1813
1816
|
]),
|
|
1814
1817
|
_: 3
|
|
1815
|
-
}, 8, ["link-type"])) :
|
|
1818
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
1816
1819
|
], 2)
|
|
1817
1820
|
])
|
|
1818
1821
|
], 2));
|
|
1819
1822
|
}
|
|
1820
|
-
}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-df54d965"]]), Pl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Ml = { class: "quote__wrapper" }, Fl = { class: "quote__content" }, Ol = /* @__PURE__ */ Pl(() => /* @__PURE__ */
|
|
1823
|
+
}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-df54d965"]]), Pl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Ml = { class: "quote__wrapper" }, Fl = { class: "quote__content" }, Ol = /* @__PURE__ */ Pl(() => /* @__PURE__ */ a("p", { class: "quote__quote-mark" }, "“", -1)), zl = { class: "quote__quote" }, Hl = { class: "quote__quote-text" }, Rl = { class: "quote__author" }, Nl = {
|
|
1821
1824
|
key: 0,
|
|
1822
1825
|
class: "quote__image"
|
|
1823
1826
|
}, El = { class: "quote__text" }, jl = { class: "quote__author-name" }, Kl = { class: "quote__author-title" }, Ul = /* @__PURE__ */ g({
|
|
@@ -1842,16 +1845,16 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1842
1845
|
}
|
|
1843
1846
|
},
|
|
1844
1847
|
setup(e) {
|
|
1845
|
-
return (
|
|
1846
|
-
|
|
1848
|
+
return (t, r) => (o(), i("div", Ml, [
|
|
1849
|
+
a("div", Fl, [
|
|
1847
1850
|
Ol,
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
+
a("div", zl, [
|
|
1852
|
+
a("p", Hl, d(e.quote), 1),
|
|
1853
|
+
a("div", Rl, [
|
|
1851
1854
|
e.authorImage ? (o(), i("div", Nl, [
|
|
1852
1855
|
S(M, null, {
|
|
1853
1856
|
default: y(() => [
|
|
1854
|
-
c(
|
|
1857
|
+
c(t.$slots, "author-image", F(O({
|
|
1855
1858
|
src: e.authorImage + "/m/100x100",
|
|
1856
1859
|
width: 60,
|
|
1857
1860
|
height: 60
|
|
@@ -1859,10 +1862,10 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1859
1862
|
]),
|
|
1860
1863
|
_: 3
|
|
1861
1864
|
})
|
|
1862
|
-
])) :
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1865
|
+
])) : h("", !0),
|
|
1866
|
+
a("div", El, [
|
|
1867
|
+
a("p", jl, d(e.author), 1),
|
|
1868
|
+
a("p", Kl, d(e.authorTitle), 1)
|
|
1866
1869
|
])
|
|
1867
1870
|
])
|
|
1868
1871
|
])
|
|
@@ -1888,73 +1891,73 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1888
1891
|
label: { default: "" }
|
|
1889
1892
|
},
|
|
1890
1893
|
setup(e) {
|
|
1891
|
-
return (
|
|
1894
|
+
return (t, r) => (o(), i("div", {
|
|
1892
1895
|
class: m([
|
|
1893
1896
|
"rich-text",
|
|
1894
|
-
|
|
1897
|
+
t.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1895
1898
|
])
|
|
1896
1899
|
}, [
|
|
1897
|
-
|
|
1898
|
-
|
|
1900
|
+
a("div", Jl, [
|
|
1901
|
+
t.label ? (o(), L(Z, {
|
|
1899
1902
|
key: 0,
|
|
1900
|
-
text:
|
|
1903
|
+
text: t.label,
|
|
1901
1904
|
"label-dark": !1
|
|
1902
|
-
}, null, 8, ["text"])) :
|
|
1903
|
-
|
|
1905
|
+
}, null, 8, ["text"])) : h("", !0),
|
|
1906
|
+
t.headline ? (o(), i("h2", {
|
|
1904
1907
|
key: 1,
|
|
1905
1908
|
class: m([
|
|
1906
1909
|
"rich-text__headline",
|
|
1907
|
-
|
|
1910
|
+
t.leftAligned || t.bulletList || t.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1908
1911
|
])
|
|
1909
|
-
}, d(
|
|
1910
|
-
|
|
1912
|
+
}, d(t.headline), 3)) : h("", !0),
|
|
1913
|
+
a("div", {
|
|
1911
1914
|
class: m([
|
|
1912
1915
|
"rich-text__content",
|
|
1913
|
-
|
|
1916
|
+
t.leftAligned || t.bulletList || t.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
|
|
1914
1917
|
])
|
|
1915
1918
|
}, [
|
|
1916
|
-
|
|
1919
|
+
a("div", {
|
|
1917
1920
|
class: m([
|
|
1918
1921
|
"rich-text__body",
|
|
1919
|
-
|
|
1922
|
+
t.bulletList || t.image ? "rich-text__body--content-right" : ""
|
|
1920
1923
|
])
|
|
1921
1924
|
}, [
|
|
1922
|
-
c(
|
|
1923
|
-
|
|
1924
|
-
c(
|
|
1925
|
-
])) :
|
|
1925
|
+
c(t.$slots, "rich-text-content"),
|
|
1926
|
+
t.links ? (o(), i("div", Wl, [
|
|
1927
|
+
c(t.$slots, "rich-text-links")
|
|
1928
|
+
])) : h("", !0)
|
|
1926
1929
|
], 2),
|
|
1927
|
-
|
|
1928
|
-
c(
|
|
1929
|
-
])) :
|
|
1930
|
-
|
|
1930
|
+
t.bulletList ? (o(), i("div", Yl, [
|
|
1931
|
+
c(t.$slots, "rich-text-bullet-list")
|
|
1932
|
+
])) : h("", !0),
|
|
1933
|
+
t.image ? (o(), i("div", {
|
|
1931
1934
|
key: 1,
|
|
1932
1935
|
class: m([
|
|
1933
1936
|
"rich-text__image",
|
|
1934
|
-
|
|
1937
|
+
t.imageClip ? "rich-text__image--clip" : ""
|
|
1935
1938
|
])
|
|
1936
1939
|
}, [
|
|
1937
1940
|
S(M, null, {
|
|
1938
1941
|
default: y(() => [
|
|
1939
|
-
c(
|
|
1942
|
+
c(t.$slots, "rich-text-image", F(O({ width: 865, height: 307 })))
|
|
1940
1943
|
]),
|
|
1941
1944
|
_: 3
|
|
1942
1945
|
})
|
|
1943
|
-
], 2)) :
|
|
1946
|
+
], 2)) : h("", !0)
|
|
1944
1947
|
], 2)
|
|
1945
1948
|
])
|
|
1946
1949
|
], 2));
|
|
1947
1950
|
}
|
|
1948
1951
|
}), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-16ba7206"]]), Xl = {}, xl = { class: "rich-text" }, es = { class: "rich-text__wrapper" }, ts = { class: "rich-text__content rich-text__content--left-aligned" }, as = { class: "rich-text__body" };
|
|
1949
|
-
function os(e,
|
|
1952
|
+
function os(e, t) {
|
|
1950
1953
|
return o(), i("div", xl, [
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1954
|
+
a("div", es, [
|
|
1955
|
+
a("div", ts, [
|
|
1956
|
+
a("div", as, [
|
|
1957
|
+
a("div", null, [
|
|
1955
1958
|
c(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1956
1959
|
]),
|
|
1957
|
-
|
|
1960
|
+
a("div", null, [
|
|
1958
1961
|
c(e.$slots, "rich-text-content-right", {}, void 0, !0)
|
|
1959
1962
|
])
|
|
1960
1963
|
])
|
|
@@ -1962,9 +1965,9 @@ function os(e, a) {
|
|
|
1962
1965
|
])
|
|
1963
1966
|
]);
|
|
1964
1967
|
}
|
|
1965
|
-
const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040"]]), ss = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), is = { class: "timeline__wrapper" }, rs = { class: "timeline__content" }, ns = { class: "timeline__items" }, ds = { class: "item__left" }, cs = /* @__PURE__ */ ss(() => /* @__PURE__ */
|
|
1966
|
-
/* @__PURE__ */
|
|
1967
|
-
/* @__PURE__ */
|
|
1968
|
+
const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040"]]), ss = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), is = { class: "timeline__wrapper" }, rs = { class: "timeline__content" }, ns = { class: "timeline__items" }, ds = { class: "item__left" }, cs = /* @__PURE__ */ ss(() => /* @__PURE__ */ a("div", { class: "item__elements" }, [
|
|
1969
|
+
/* @__PURE__ */ a("div", { class: "circle" }),
|
|
1970
|
+
/* @__PURE__ */ a("div", { class: "line" })
|
|
1968
1971
|
], -1)), us = { class: "item__right" }, _s = ["innerHTML"], hs = /* @__PURE__ */ g({
|
|
1969
1972
|
__name: "timeline",
|
|
1970
1973
|
props: {
|
|
@@ -1975,7 +1978,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
1975
1978
|
},
|
|
1976
1979
|
setup(e) {
|
|
1977
1980
|
return pe(() => {
|
|
1978
|
-
const
|
|
1981
|
+
const t = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1979
1982
|
(s) => {
|
|
1980
1983
|
s.forEach((l) => {
|
|
1981
1984
|
l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
|
|
@@ -1985,26 +1988,26 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
1985
1988
|
threshold: 1
|
|
1986
1989
|
}
|
|
1987
1990
|
);
|
|
1988
|
-
|
|
1991
|
+
t.forEach((s) => {
|
|
1989
1992
|
r.observe(s);
|
|
1990
1993
|
});
|
|
1991
|
-
}), (
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
+
}), (t, r) => (o(), i("div", is, [
|
|
1995
|
+
a("div", rs, [
|
|
1996
|
+
a("div", ns, [
|
|
1994
1997
|
(o(!0), i(T, null, V(e.timelineItems, (s) => (o(), i("div", {
|
|
1995
1998
|
key: s.year,
|
|
1996
1999
|
class: "timeline__item faded"
|
|
1997
2000
|
}, [
|
|
1998
|
-
|
|
2001
|
+
a("div", ds, d(s.year), 1),
|
|
1999
2002
|
cs,
|
|
2000
|
-
|
|
2003
|
+
a("div", us, [
|
|
2001
2004
|
S(M, null, {
|
|
2002
2005
|
default: y(() => [
|
|
2003
|
-
s.media.src ? c(
|
|
2006
|
+
s.media.src ? c(t.$slots, "timeline-image", F(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
|
|
2004
2007
|
]),
|
|
2005
2008
|
_: 2
|
|
2006
2009
|
}, 1024),
|
|
2007
|
-
|
|
2010
|
+
a("div", {
|
|
2008
2011
|
style: x([s.media.src ? "" : "margin-top: 0px"]),
|
|
2009
2012
|
class: "rich-text",
|
|
2010
2013
|
innerHTML: s.text
|
|
@@ -2034,11 +2037,11 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2034
2037
|
}
|
|
2035
2038
|
},
|
|
2036
2039
|
setup(e) {
|
|
2037
|
-
return (
|
|
2038
|
-
|
|
2039
|
-
e.headline ? (o(), i("h2", fs, d(e.headline), 1)) :
|
|
2040
|
-
c(
|
|
2041
|
-
e.description ? (o(), i("p", gs, d(e.description), 1)) :
|
|
2040
|
+
return (t, r) => (o(), i("div", ms, [
|
|
2041
|
+
a("div", vs, [
|
|
2042
|
+
e.headline ? (o(), i("h2", fs, d(e.headline), 1)) : h("", !0),
|
|
2043
|
+
c(t.$slots, "vimeo-content", {}, void 0, !0),
|
|
2044
|
+
e.description ? (o(), i("p", gs, d(e.description), 1)) : h("", !0)
|
|
2042
2045
|
])
|
|
2043
2046
|
]));
|
|
2044
2047
|
}
|
|
@@ -2062,28 +2065,28 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2062
2065
|
}) }
|
|
2063
2066
|
},
|
|
2064
2067
|
setup(e) {
|
|
2065
|
-
return (
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
c(
|
|
2068
|
+
return (t, r) => (o(), i("div", $s, [
|
|
2069
|
+
a("div", ks, [
|
|
2070
|
+
a("div", ws, [
|
|
2071
|
+
a("div", null, [
|
|
2072
|
+
a("h1", Bs, d(t.hero.headline), 1),
|
|
2073
|
+
a("p", Ss, d(t.hero.description), 1),
|
|
2074
|
+
t.hero.showStats ? h("", !0) : (o(), i("div", Is, [
|
|
2075
|
+
c(t.$slots, "button", {}, void 0, !0)
|
|
2073
2076
|
]))
|
|
2074
2077
|
]),
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2078
|
+
t.hero.showStats ? (o(), i("div", qs, [
|
|
2079
|
+
a("div", Cs, [
|
|
2080
|
+
a("div", As, [
|
|
2081
|
+
a("div", Ls, d(t.hero.lessonValue), 1),
|
|
2082
|
+
a("div", Ds, d(t.hero.lessonLabel), 1)
|
|
2080
2083
|
]),
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
+
a("div", Ts, [
|
|
2085
|
+
a("div", Vs, d(t.hero.pointsValue), 1),
|
|
2086
|
+
a("div", Ps, d(t.hero.pointsLabel), 1)
|
|
2084
2087
|
])
|
|
2085
2088
|
])
|
|
2086
|
-
])) :
|
|
2089
|
+
])) : h("", !0)
|
|
2087
2090
|
])
|
|
2088
2091
|
])
|
|
2089
2092
|
]));
|
|
@@ -2097,11 +2100,11 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2097
2100
|
}
|
|
2098
2101
|
},
|
|
2099
2102
|
setup(e) {
|
|
2100
|
-
return (
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
c(
|
|
2103
|
+
return (t, r) => (o(), i("div", Os, [
|
|
2104
|
+
a("div", zs, [
|
|
2105
|
+
a("h1", Hs, d(e.headline), 1),
|
|
2106
|
+
a("div", Rs, [
|
|
2107
|
+
c(t.$slots, "not-found-body", {}, void 0, !0)
|
|
2105
2108
|
])
|
|
2106
2109
|
])
|
|
2107
2110
|
]));
|
|
@@ -2120,18 +2123,18 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2120
2123
|
},
|
|
2121
2124
|
emits: ["clearFilters"],
|
|
2122
2125
|
setup(e) {
|
|
2123
|
-
return (
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
c(
|
|
2126
|
+
return (t, r) => (o(), i("div", js, [
|
|
2127
|
+
a("div", Ks, [
|
|
2128
|
+
a("div", Us, [
|
|
2129
|
+
c(t.$slots, "filter-dropdowns")
|
|
2127
2130
|
]),
|
|
2128
|
-
|
|
2129
|
-
c(
|
|
2131
|
+
a("div", Gs, [
|
|
2132
|
+
c(t.$slots, "filter-chips"),
|
|
2130
2133
|
e.hasChips ? (o(), i("button", {
|
|
2131
2134
|
key: 0,
|
|
2132
2135
|
class: "filter__clear",
|
|
2133
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2134
|
-
}, d(e.removeAll), 1)) :
|
|
2136
|
+
onClick: r[0] || (r[0] = (s) => t.$emit("clearFilters"))
|
|
2137
|
+
}, d(e.removeAll), 1)) : h("", !0)
|
|
2135
2138
|
])
|
|
2136
2139
|
])
|
|
2137
2140
|
]));
|
|
@@ -2146,7 +2149,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2146
2149
|
}, oi = {
|
|
2147
2150
|
key: 1,
|
|
2148
2151
|
class: "section__title"
|
|
2149
|
-
}, li = { key: 0 }, si = { key: 1 }, ii = { key: 2 }, ri = { key: 3 }, ni = { key: 4 }, di = /* @__PURE__ */ ge(() => /* @__PURE__ */
|
|
2152
|
+
}, li = { key: 0 }, si = { key: 1 }, ii = { key: 2 }, ri = { key: 3 }, ni = { key: 4 }, di = /* @__PURE__ */ ge(() => /* @__PURE__ */ a("br", null, null, -1)), ci = {
|
|
2150
2153
|
key: 0,
|
|
2151
2154
|
href: "mailto:china@mir-robots.com"
|
|
2152
2155
|
}, ui = {
|
|
@@ -2158,7 +2161,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2158
2161
|
}, hi = {
|
|
2159
2162
|
key: 1,
|
|
2160
2163
|
href: "tel:+4520377577"
|
|
2161
|
-
}, pi = { class: "footer__bottom" }, mi = { class: "copyright" }, vi = { class: "footer__policy" }, fi = /* @__PURE__ */ ge(() => /* @__PURE__ */
|
|
2164
|
+
}, pi = { class: "footer__bottom" }, mi = { class: "copyright" }, vi = { class: "footer__policy" }, fi = /* @__PURE__ */ ge(() => /* @__PURE__ */ a("i", { class: "change-region" }, null, -1)), gi = {
|
|
2162
2165
|
key: 0,
|
|
2163
2166
|
class: "footer__social"
|
|
2164
2167
|
}, bi = ["href", "aria-label"], yi = {
|
|
@@ -2177,29 +2180,29 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2177
2180
|
},
|
|
2178
2181
|
emits: ["changeRegionClicked"],
|
|
2179
2182
|
setup(e) {
|
|
2180
|
-
return (
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
(o(!0), i(T, null, V(
|
|
2183
|
+
return (t, r) => (o(), i("div", Ys, [
|
|
2184
|
+
a("footer", Qs, [
|
|
2185
|
+
t.language === "zh" ? (o(), i("img", Zs)) : h("", !0),
|
|
2186
|
+
a("div", Xs, [
|
|
2187
|
+
(o(!0), i(T, null, V(t.footerSections, (s) => (o(), i("div", {
|
|
2185
2188
|
key: s.title,
|
|
2186
2189
|
class: "section"
|
|
2187
2190
|
}, [
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
c(
|
|
2191
|
+
a("span", xs, d(s.title), 1),
|
|
2192
|
+
a("nav", null, [
|
|
2193
|
+
a("ul", ei, [
|
|
2194
|
+
c(t.$slots, "section-links", {
|
|
2192
2195
|
links: s.links
|
|
2193
2196
|
})
|
|
2194
2197
|
])
|
|
2195
2198
|
])
|
|
2196
2199
|
]))), 128)),
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2200
|
+
a("div", ti, [
|
|
2201
|
+
t.language === "zh" ? (o(), i("span", ai, "名傲移动机器人(上海)有限公司")) : (o(), i("span", oi, "Mobile Industrial Robots A/S")),
|
|
2202
|
+
a("address", null, [
|
|
2203
|
+
t.language === "zh" ? (o(), i("span", li, "上海浦东新区金桥出口加工区")) : (o(), i("span", si, "Energivej 51")),
|
|
2204
|
+
t.language === "zh" ? (o(), i("span", ii, "桂桥路1201号10栋2楼")) : (o(), i("span", ri, "5260 Odense S")),
|
|
2205
|
+
t.language !== "zh" ? (o(), i("span", ni, "CVR: 35251235")) : h("", !0),
|
|
2203
2206
|
di,
|
|
2204
2207
|
S(P, {
|
|
2205
2208
|
class: "footer__contact",
|
|
@@ -2207,7 +2210,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2207
2210
|
underline: "false"
|
|
2208
2211
|
}, {
|
|
2209
2212
|
default: y(() => [
|
|
2210
|
-
|
|
2213
|
+
t.language === "zh" ? (o(), i("a", ci, "china@mir-robots.com")) : (o(), i("a", ui, "mail@mir-robots.com"))
|
|
2211
2214
|
]),
|
|
2212
2215
|
_: 1
|
|
2213
2216
|
}),
|
|
@@ -2217,41 +2220,41 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2217
2220
|
underline: "false"
|
|
2218
2221
|
}, {
|
|
2219
2222
|
default: y(() => [
|
|
2220
|
-
|
|
2223
|
+
t.language === "zh" ? (o(), i("a", _i, "+86 13661856951(微信同号)")) : (o(), i("a", hi, "+45 20 377 577"))
|
|
2221
2224
|
]),
|
|
2222
2225
|
_: 1
|
|
2223
2226
|
})
|
|
2224
2227
|
])
|
|
2225
2228
|
])
|
|
2226
2229
|
]),
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2230
|
+
a("div", pi, [
|
|
2231
|
+
a("p", mi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2232
|
+
a("div", vi, [
|
|
2233
|
+
a("button", {
|
|
2231
2234
|
class: "footer__language-switcher",
|
|
2232
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2235
|
+
onClick: r[0] || (r[0] = (s) => t.$emit("changeRegionClicked"))
|
|
2233
2236
|
}, [
|
|
2234
|
-
|
|
2237
|
+
a("span", null, [
|
|
2235
2238
|
fi,
|
|
2236
|
-
G(d(
|
|
2239
|
+
G(d(t.changeRegion), 1)
|
|
2237
2240
|
])
|
|
2238
2241
|
]),
|
|
2239
|
-
c(
|
|
2240
|
-
c(
|
|
2242
|
+
c(t.$slots, "footer-privacy-link"),
|
|
2243
|
+
c(t.$slots, "footer-cookie-link")
|
|
2241
2244
|
]),
|
|
2242
|
-
|
|
2243
|
-
(o(!0), i(T, null, V(
|
|
2245
|
+
t.language !== "zh" ? (o(), i("div", gi, [
|
|
2246
|
+
(o(!0), i(T, null, V(t.socialMedia, (s) => (o(), L(P, {
|
|
2244
2247
|
key: s.title,
|
|
2245
2248
|
underline: "false",
|
|
2246
2249
|
"link-type": "regular"
|
|
2247
2250
|
}, {
|
|
2248
2251
|
default: y(() => [
|
|
2249
|
-
|
|
2252
|
+
a("a", {
|
|
2250
2253
|
href: s.url,
|
|
2251
2254
|
target: "_blank",
|
|
2252
2255
|
"aria-label": s.title
|
|
2253
2256
|
}, [
|
|
2254
|
-
|
|
2257
|
+
a("i", {
|
|
2255
2258
|
width: "19",
|
|
2256
2259
|
height: "14",
|
|
2257
2260
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
@@ -2261,18 +2264,18 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2261
2264
|
_: 2
|
|
2262
2265
|
}, 1024))), 128))
|
|
2263
2266
|
])) : (o(), i("div", yi, [
|
|
2264
|
-
(o(!0), i(T, null, V(
|
|
2267
|
+
(o(!0), i(T, null, V(t.socialMediaChina, (s) => (o(), L(P, {
|
|
2265
2268
|
key: s.title,
|
|
2266
2269
|
underline: "false",
|
|
2267
2270
|
"link-type": "regular"
|
|
2268
2271
|
}, {
|
|
2269
2272
|
default: y(() => [
|
|
2270
|
-
|
|
2273
|
+
a("a", {
|
|
2271
2274
|
href: s.url,
|
|
2272
2275
|
target: "_blank",
|
|
2273
2276
|
"aria-label": s.title
|
|
2274
2277
|
}, [
|
|
2275
|
-
|
|
2278
|
+
a("i", {
|
|
2276
2279
|
width: "19",
|
|
2277
2280
|
height: "14",
|
|
2278
2281
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
@@ -2306,7 +2309,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2306
2309
|
key: 2,
|
|
2307
2310
|
id: "menu-portal-switcher",
|
|
2308
2311
|
class: "portal-switcher-wrapper"
|
|
2309
|
-
}, Mi = /* @__PURE__ */ be(() => /* @__PURE__ */
|
|
2312
|
+
}, Mi = /* @__PURE__ */ be(() => /* @__PURE__ */ a("img", {
|
|
2310
2313
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2311
2314
|
alt: "portalswitchericon",
|
|
2312
2315
|
width: "15",
|
|
@@ -2320,7 +2323,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2320
2323
|
}, Ei = {
|
|
2321
2324
|
key: 0,
|
|
2322
2325
|
class: "profile-dropdown-sign-in"
|
|
2323
|
-
}, ji = /* @__PURE__ */ be(() => /* @__PURE__ */
|
|
2326
|
+
}, ji = /* @__PURE__ */ be(() => /* @__PURE__ */ a("img", {
|
|
2324
2327
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2325
2328
|
alt: "profiledropdownicon",
|
|
2326
2329
|
width: "15",
|
|
@@ -2381,7 +2384,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2381
2384
|
"update:showProfileDropDown",
|
|
2382
2385
|
"clickSearch"
|
|
2383
2386
|
],
|
|
2384
|
-
setup(e, { expose:
|
|
2387
|
+
setup(e, { expose: t, emit: r }) {
|
|
2385
2388
|
let s = null;
|
|
2386
2389
|
const l = e;
|
|
2387
2390
|
let u = q(l.burgerState), n = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
|
|
@@ -2427,33 +2430,33 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2427
2430
|
function ne() {
|
|
2428
2431
|
U.value && U.value.blur();
|
|
2429
2432
|
}
|
|
2430
|
-
return
|
|
2433
|
+
return t({
|
|
2431
2434
|
defocusSearchButton: ne
|
|
2432
2435
|
}), ($, E) => (o(), i("div", Bi, [
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
+
a("nav", null, [
|
|
2437
|
+
a("div", Si, [
|
|
2438
|
+
a("div", Ii, [
|
|
2436
2439
|
c($.$slots, "link-logo", {}, void 0, !0)
|
|
2437
2440
|
]),
|
|
2438
|
-
|
|
2441
|
+
a("ul", qi, [
|
|
2439
2442
|
c($.$slots, "main-nav-items", {}, void 0, !0)
|
|
2440
2443
|
]),
|
|
2441
2444
|
e.useDropdown ? (o(), i("div", Ci, [
|
|
2442
|
-
|
|
2445
|
+
a("button", {
|
|
2443
2446
|
class: "nav-dropdown-btn",
|
|
2444
2447
|
onClick: te
|
|
2445
2448
|
}, [
|
|
2446
2449
|
c($.$slots, "dropdown-title", {}, void 0, !0),
|
|
2447
2450
|
I(_) === !1 ? (o(), i("img", Ai)) : (o(), i("img", Li))
|
|
2448
2451
|
]),
|
|
2449
|
-
K(
|
|
2452
|
+
K(a("div", Di, [
|
|
2450
2453
|
c($.$slots, "dropdown-links", {}, void 0, !0)
|
|
2451
2454
|
], 512), [
|
|
2452
2455
|
[Q, I(_)]
|
|
2453
2456
|
])
|
|
2454
|
-
], 512)) :
|
|
2457
|
+
], 512)) : h("", !0),
|
|
2455
2458
|
I(n) ? (o(), i("div", Ti, [
|
|
2456
|
-
|
|
2459
|
+
a("button", {
|
|
2457
2460
|
ref_key: "navSearchButton",
|
|
2458
2461
|
ref: U,
|
|
2459
2462
|
class: "search-icon",
|
|
@@ -2462,35 +2465,35 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2462
2465
|
return $.$emit("clickSearch"), (N = I(U)) == null ? void 0 : N.blur();
|
|
2463
2466
|
})
|
|
2464
2467
|
}, [
|
|
2465
|
-
|
|
2468
|
+
a("img", {
|
|
2466
2469
|
src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2467
2470
|
alt: "search icon",
|
|
2468
2471
|
width: "20",
|
|
2469
2472
|
height: "20"
|
|
2470
2473
|
}, null, 8, Vi)
|
|
2471
2474
|
], 512)
|
|
2472
|
-
])) :
|
|
2475
|
+
])) : h("", !0),
|
|
2473
2476
|
e.usePortalSwitcher ? (o(), i("div", Pi, [
|
|
2474
|
-
|
|
2477
|
+
a("button", {
|
|
2475
2478
|
class: "nav-portal-switcher-btn",
|
|
2476
2479
|
onClick: se
|
|
2477
2480
|
}, Fi),
|
|
2478
|
-
K(
|
|
2479
|
-
|
|
2481
|
+
K(a("div", Oi, [
|
|
2482
|
+
a("ul", zi, [
|
|
2480
2483
|
(o(!0), i(T, null, V(e.portals, (j, N) => (o(), i("li", {
|
|
2481
2484
|
key: N,
|
|
2482
2485
|
class: "portal-switcher-link"
|
|
2483
2486
|
}, [
|
|
2484
2487
|
S(I(P), { "link-type": "regular" }, {
|
|
2485
2488
|
default: y(() => [
|
|
2486
|
-
|
|
2489
|
+
a("a", {
|
|
2487
2490
|
href: j.link,
|
|
2488
2491
|
onClick: E[1] || (E[1] = (J) => de(_) ? _.value = !1 : _ = !1)
|
|
2489
2492
|
}, [
|
|
2490
|
-
|
|
2493
|
+
a("img", {
|
|
2491
2494
|
src: j.icon
|
|
2492
2495
|
}, null, 8, Ri),
|
|
2493
|
-
|
|
2496
|
+
a("div", null, d(j.name), 1)
|
|
2494
2497
|
], 8, Hi)
|
|
2495
2498
|
]),
|
|
2496
2499
|
_: 2
|
|
@@ -2500,32 +2503,32 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2500
2503
|
], 512), [
|
|
2501
2504
|
[Q, I(b)]
|
|
2502
2505
|
])
|
|
2503
|
-
])) :
|
|
2506
|
+
])) : h("", !0),
|
|
2504
2507
|
e.useProfileDropdown ? (o(), i("div", Ni, [
|
|
2505
|
-
I(k) ?
|
|
2508
|
+
I(k) ? h("", !0) : (o(), i("div", Ei, [
|
|
2506
2509
|
c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2507
2510
|
])),
|
|
2508
2511
|
I(k) ? (o(), i("button", {
|
|
2509
2512
|
key: 1,
|
|
2510
2513
|
class: "nav-profile-dropdown-btn",
|
|
2511
2514
|
onClick: ie
|
|
2512
|
-
}, Ki)) :
|
|
2513
|
-
K(
|
|
2515
|
+
}, Ki)) : h("", !0),
|
|
2516
|
+
K(a("div", Ui, [
|
|
2514
2517
|
c($.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2515
2518
|
], 512), [
|
|
2516
2519
|
[Q, I(v)]
|
|
2517
2520
|
])
|
|
2518
|
-
])) :
|
|
2521
|
+
])) : h("", !0)
|
|
2519
2522
|
]),
|
|
2520
|
-
|
|
2523
|
+
a("div", {
|
|
2521
2524
|
class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2522
2525
|
}, [
|
|
2523
|
-
|
|
2524
|
-
|
|
2526
|
+
a("div", Gi, [
|
|
2527
|
+
a("div", Ji, [
|
|
2525
2528
|
c($.$slots, "link-logo", {}, void 0, !0)
|
|
2526
2529
|
]),
|
|
2527
2530
|
I(n) ? (o(), i("div", Wi, [
|
|
2528
|
-
|
|
2531
|
+
a("button", {
|
|
2529
2532
|
ref_key: "mobileSearchButton",
|
|
2530
2533
|
ref: ae,
|
|
2531
2534
|
class: "search-icon",
|
|
@@ -2535,20 +2538,20 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2535
2538
|
return $.$emit("clickSearch"), (N = I(ae)) == null ? void 0 : N.blur();
|
|
2536
2539
|
})
|
|
2537
2540
|
}, [
|
|
2538
|
-
|
|
2541
|
+
a("img", {
|
|
2539
2542
|
src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2540
2543
|
alt: "search icon",
|
|
2541
2544
|
width: "20",
|
|
2542
2545
|
height: "20"
|
|
2543
2546
|
}, null, 8, Yi)
|
|
2544
2547
|
], 512)
|
|
2545
|
-
])) :
|
|
2546
|
-
|
|
2548
|
+
])) : h("", !0),
|
|
2549
|
+
a("button", {
|
|
2547
2550
|
class: "mobile-burger-wrapper",
|
|
2548
2551
|
"aria-label": "Toggle menu",
|
|
2549
2552
|
onClick: _e(re, ["prevent"])
|
|
2550
2553
|
}, [
|
|
2551
|
-
|
|
2554
|
+
a("img", {
|
|
2552
2555
|
width: "20",
|
|
2553
2556
|
height: "20",
|
|
2554
2557
|
alt: "burger menu line icon",
|
|
@@ -2556,11 +2559,11 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2556
2559
|
}, null, 8, Qi)
|
|
2557
2560
|
])
|
|
2558
2561
|
]),
|
|
2559
|
-
K(
|
|
2560
|
-
|
|
2562
|
+
K(a("div", Zi, [
|
|
2563
|
+
a("ul", null, [
|
|
2561
2564
|
c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2562
2565
|
]),
|
|
2563
|
-
|
|
2566
|
+
a("ul", Xi, [
|
|
2564
2567
|
c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2565
2568
|
c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2566
2569
|
])
|
|
@@ -2584,12 +2587,12 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2584
2587
|
}
|
|
2585
2588
|
},
|
|
2586
2589
|
setup(e) {
|
|
2587
|
-
return (
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
c(
|
|
2590
|
+
return (t, r) => (o(), i("div", tr, [
|
|
2591
|
+
a("div", ar, [
|
|
2592
|
+
a("h2", or, d(e.headline), 1),
|
|
2593
|
+
a("p", lr, d(e.paragraph), 1),
|
|
2594
|
+
a("div", sr, [
|
|
2595
|
+
c(t.$slots, "language-links", {}, void 0, !0)
|
|
2593
2596
|
])
|
|
2594
2597
|
])
|
|
2595
2598
|
]));
|
|
@@ -2608,26 +2611,26 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2608
2611
|
},
|
|
2609
2612
|
emits: ["previous", "next"],
|
|
2610
2613
|
setup(e) {
|
|
2611
|
-
return (
|
|
2612
|
-
|
|
2614
|
+
return (t, r) => (o(), i("div", nr, [
|
|
2615
|
+
a("div", dr, [
|
|
2613
2616
|
S(le, {
|
|
2614
2617
|
disabled: e.isPreviousDisabled,
|
|
2615
2618
|
variant: "previous",
|
|
2616
2619
|
"aria-label": "previous",
|
|
2617
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2620
|
+
onClick: r[0] || (r[0] = (s) => t.$emit("previous"))
|
|
2618
2621
|
}, null, 8, ["disabled"]),
|
|
2619
|
-
c(
|
|
2622
|
+
c(t.$slots, "pagination-numbers"),
|
|
2620
2623
|
S(le, {
|
|
2621
2624
|
disabled: e.isNextDisabled,
|
|
2622
2625
|
variant: "next",
|
|
2623
2626
|
"aria-label": "next",
|
|
2624
|
-
onClick: r[1] || (r[1] = (s) =>
|
|
2627
|
+
onClick: r[1] || (r[1] = (s) => t.$emit("next"))
|
|
2625
2628
|
}, null, 8, ["disabled"])
|
|
2626
2629
|
])
|
|
2627
2630
|
]));
|
|
2628
2631
|
}
|
|
2629
2632
|
}), ur = /* @__PURE__ */ f(cr, [["__scopeId", "data-v-da6d07c9"]]), _r = {}, hr = { class: "search__wrapper" };
|
|
2630
|
-
function pr(e,
|
|
2633
|
+
function pr(e, t) {
|
|
2631
2634
|
return o(), i("div", hr, [
|
|
2632
2635
|
c(e.$slots, "default", { class: "search__content" })
|
|
2633
2636
|
]);
|
|
@@ -2640,8 +2643,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2640
2643
|
selectedOptions: { default: () => [] }
|
|
2641
2644
|
},
|
|
2642
2645
|
emits: ["filter", "remove-filter"],
|
|
2643
|
-
setup(e, { emit:
|
|
2644
|
-
const r = q(!1), s = e, l =
|
|
2646
|
+
setup(e, { emit: t }) {
|
|
2647
|
+
const r = q(!1), s = e, l = t;
|
|
2645
2648
|
function u(b) {
|
|
2646
2649
|
s.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
|
|
2647
2650
|
}
|
|
@@ -2652,7 +2655,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2652
2655
|
return (b, v) => {
|
|
2653
2656
|
const k = ue("click-outside");
|
|
2654
2657
|
return K((o(), i("div", vr, [
|
|
2655
|
-
|
|
2658
|
+
a("button", {
|
|
2656
2659
|
class: "dropdown-button",
|
|
2657
2660
|
style: x({ "z-index": r.value ? 2 : 0 }),
|
|
2658
2661
|
"aria-expanded": r.value ? "true" : "false",
|
|
@@ -2662,7 +2665,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2662
2665
|
G(d(b.label), 1)
|
|
2663
2666
|
], !0)
|
|
2664
2667
|
], 12, fr),
|
|
2665
|
-
|
|
2668
|
+
a("div", {
|
|
2666
2669
|
class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
|
|
2667
2670
|
}, [
|
|
2668
2671
|
(o(!0), i(T, null, V(b.options, (w) => (o(), L(I(me), {
|
|
@@ -2700,11 +2703,11 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2700
2703
|
text: { default: "" }
|
|
2701
2704
|
},
|
|
2702
2705
|
setup(e) {
|
|
2703
|
-
const
|
|
2706
|
+
const t = {
|
|
2704
2707
|
dark: "promo__wrapper--dark",
|
|
2705
2708
|
light: "promo__wrapper--light",
|
|
2706
2709
|
default: "promo__wrapper--default"
|
|
2707
|
-
}, r = e, s = D(() =>
|
|
2710
|
+
}, r = e, s = D(() => t[r.variant]);
|
|
2708
2711
|
return (l, u) => (o(), i("div", {
|
|
2709
2712
|
class: m([
|
|
2710
2713
|
"promo__wrapper",
|
|
@@ -2712,27 +2715,27 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2712
2715
|
l.teaser ? "promo__wrapper--teaser" : ""
|
|
2713
2716
|
])
|
|
2714
2717
|
}, [
|
|
2715
|
-
|
|
2716
|
-
|
|
2718
|
+
a("div", yr, [
|
|
2719
|
+
a("div", {
|
|
2717
2720
|
class: m([
|
|
2718
2721
|
"promo__video",
|
|
2719
2722
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2720
2723
|
])
|
|
2721
2724
|
}, [
|
|
2722
|
-
|
|
2723
|
-
|
|
2725
|
+
a("div", $r, [
|
|
2726
|
+
a("div", kr, [
|
|
2724
2727
|
c(l.$slots, "pallet-jack-link")
|
|
2725
2728
|
]),
|
|
2726
|
-
|
|
2729
|
+
a("div", wr, [
|
|
2727
2730
|
c(l.$slots, "pallet-jack-video")
|
|
2728
2731
|
]),
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
+
a("div", Br, [
|
|
2733
|
+
a("h3", Sr, d(l.headline), 1),
|
|
2734
|
+
a("p", null, d(l.shortDescription), 1)
|
|
2732
2735
|
])
|
|
2733
2736
|
])
|
|
2734
2737
|
], 2),
|
|
2735
|
-
|
|
2738
|
+
a("div", {
|
|
2736
2739
|
class: m([
|
|
2737
2740
|
"promo__text",
|
|
2738
2741
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
@@ -2742,8 +2745,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2742
2745
|
key: 0,
|
|
2743
2746
|
text: l.label,
|
|
2744
2747
|
"label-dark": l.variant === "dark"
|
|
2745
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
2746
|
-
|
|
2748
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
2749
|
+
a("div", {
|
|
2747
2750
|
class: m([
|
|
2748
2751
|
"promo__title",
|
|
2749
2752
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
@@ -2760,7 +2763,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2760
2763
|
c(l.$slots, "promo-link")
|
|
2761
2764
|
]),
|
|
2762
2765
|
_: 3
|
|
2763
|
-
}, 8, ["link-type"])) :
|
|
2766
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
2764
2767
|
l.linkType === "button" ? (o(), L(P, {
|
|
2765
2768
|
key: 2,
|
|
2766
2769
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
@@ -2769,7 +2772,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2769
2772
|
c(l.$slots, "promo-link")
|
|
2770
2773
|
]),
|
|
2771
2774
|
_: 3
|
|
2772
|
-
}, 8, ["link-type"])) :
|
|
2775
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
2773
2776
|
], 2)
|
|
2774
2777
|
])
|
|
2775
2778
|
], 2));
|