@mirweb/mir-web-components 1.6.12 → 1.6.13
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 t, 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 P, 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 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
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 a = {
|
|
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(() => a[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, a) => {
|
|
24
24
|
const r = e.__vccOpts || e;
|
|
25
|
-
for (const [s, l] of
|
|
25
|
+
for (const [s, l] of a)
|
|
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__ */ t("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: a }) {
|
|
40
|
+
const r = a, 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
|
+
t("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
|
+
t("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__ */ 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,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 a = e, r = D(() => `Chip: ${a.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
|
+
t("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: a }) {
|
|
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 = a, se = D(() => {
|
|
111
|
+
const h = s.options.find(
|
|
112
112
|
(B) => B.value === s.modelValue
|
|
113
113
|
);
|
|
114
|
-
return
|
|
114
|
+
return h && h.label;
|
|
115
115
|
});
|
|
116
|
-
function ie(
|
|
117
|
-
te("update:modelValue",
|
|
116
|
+
function ie(h) {
|
|
117
|
+
te("update:modelValue", h);
|
|
118
118
|
}
|
|
119
|
-
function re(
|
|
119
|
+
function re(h) {
|
|
120
120
|
var C;
|
|
121
|
-
const B =
|
|
121
|
+
const B = h.target;
|
|
122
122
|
B.getAttribute("role") === "option" && (J(B), oe(), (C = u.value) == null || C.focus());
|
|
123
123
|
}
|
|
124
|
-
function U(
|
|
124
|
+
function U(h) {
|
|
125
125
|
var C;
|
|
126
|
-
const B =
|
|
126
|
+
const B = h.key;
|
|
127
127
|
switch (B) {
|
|
128
128
|
case "ArrowUp":
|
|
129
129
|
case "ArrowDown": {
|
|
130
|
-
|
|
130
|
+
h.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
|
+
h.preventDefault(), N();
|
|
141
141
|
break;
|
|
142
142
|
case "End":
|
|
143
143
|
case "PageDown":
|
|
144
|
-
|
|
144
|
+
h.preventDefault(), ye();
|
|
145
145
|
break;
|
|
146
146
|
case "Enter":
|
|
147
147
|
case "Escape":
|
|
148
|
-
|
|
148
|
+
h.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(h) {
|
|
158
158
|
if (!s.disabled)
|
|
159
|
-
switch (
|
|
159
|
+
switch (h.key) {
|
|
160
160
|
case "ArrowUp":
|
|
161
161
|
case "ArrowDown":
|
|
162
|
-
|
|
162
|
+
h.preventDefault(), ce(), U(h);
|
|
163
163
|
break;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
function ne(
|
|
167
|
-
|
|
166
|
+
function ne(h) {
|
|
167
|
+
h && h.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(h) {
|
|
175
175
|
let B = "";
|
|
176
|
-
(v.value === "" || B !==
|
|
176
|
+
(v.value === "" || B !== h) && (w.value = s.options.findIndex(
|
|
177
177
|
(A) => A.value === s.modelValue
|
|
178
|
-
)), v.value = B ===
|
|
178
|
+
)), v.value = B === h ? h : v.value + h, B = h, $();
|
|
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(h, B) {
|
|
186
|
+
for (let C = h; 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(h) {
|
|
195
195
|
var C, A;
|
|
196
|
-
const B =
|
|
196
|
+
const B = h.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 (h.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 = h.offsetTop + h.offsetHeight;
|
|
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
211
|
function ye() {
|
|
212
212
|
var B;
|
|
213
|
-
const
|
|
214
|
-
J(
|
|
213
|
+
const h = (B = _.value) == null ? void 0 : B[s.options.length - 1];
|
|
214
|
+
J(h);
|
|
215
215
|
}
|
|
216
216
|
function oe() {
|
|
217
|
-
var
|
|
218
|
-
k.value = !0, (
|
|
217
|
+
var h;
|
|
218
|
+
k.value = !0, (h = u.value) == null || h.removeAttribute("aria-expanded");
|
|
219
219
|
}
|
|
220
220
|
function ce() {
|
|
221
|
-
var
|
|
222
|
-
k.value = !1, (
|
|
221
|
+
var h, B;
|
|
222
|
+
k.value = !1, (h = u.value) == null || h.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 (h, 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: h.modelValue
|
|
233
233
|
}, [
|
|
234
|
-
|
|
235
|
-
id: `${
|
|
234
|
+
t("label", {
|
|
235
|
+
id: `${h.name}-label`,
|
|
236
236
|
class: m([{
|
|
237
|
-
"listbox__label--visually-hidden": !
|
|
238
|
-
"is-disabled":
|
|
239
|
-
"is-required":
|
|
237
|
+
"listbox__label--visually-hidden": !h.showLabel,
|
|
238
|
+
"is-disabled": h.disabled,
|
|
239
|
+
"is-required": h.required
|
|
240
240
|
}, "listbox__label"])
|
|
241
|
-
}, d(
|
|
241
|
+
}, d(h.label), 11, Ne),
|
|
242
242
|
K((o(), i("div", Ee, [
|
|
243
|
-
|
|
244
|
-
id: `${
|
|
243
|
+
t("button", {
|
|
244
|
+
id: `${h.name}-button-label`,
|
|
245
245
|
ref_key: "listboxButton",
|
|
246
246
|
ref: u,
|
|
247
|
-
"aria-labelledby": `${
|
|
247
|
+
"aria-labelledby": `${h.name}-label ${h.name}-button-label`,
|
|
248
248
|
type: "button",
|
|
249
249
|
"aria-haspopup": "listbox",
|
|
250
|
-
"aria-disabled":
|
|
250
|
+
"aria-disabled": h.disabled,
|
|
251
251
|
class: m(["listbox__button", l.value]),
|
|
252
252
|
onClick: $e,
|
|
253
253
|
onKeydown: ae
|
|
254
|
-
}, d(
|
|
255
|
-
K(
|
|
254
|
+
}, d(h.modelValue ? se.value : h.placeholder), 43, je),
|
|
255
|
+
K(t("ul", {
|
|
256
256
|
ref_key: "listboxNode",
|
|
257
257
|
ref: n,
|
|
258
|
-
"aria-labelledby": `${
|
|
259
|
-
"aria-activedescendant":
|
|
258
|
+
"aria-labelledby": `${h.name}-label`,
|
|
259
|
+
"aria-activedescendant": h.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(h.options, (A, z) => (o(), i("li", {
|
|
267
|
+
key: `${h.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 === h.modelValue,
|
|
272
272
|
"data-value": A.value,
|
|
273
273
|
class: "listbox__option",
|
|
274
274
|
role: "option"
|
|
@@ -294,27 +294,27 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
294
294
|
loading: { default: "auto" }
|
|
295
295
|
},
|
|
296
296
|
setup(e) {
|
|
297
|
-
return (
|
|
298
|
-
c(
|
|
297
|
+
return (a, r) => (o(), i("div", We, [
|
|
298
|
+
c(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
|
|
308
|
+
const a = e, r = D(() => `Label: ${a.text}`);
|
|
309
309
|
return (s, l) => (o(), i("div", Qe, [
|
|
310
|
-
|
|
310
|
+
t("span", {
|
|
311
311
|
"aria-label": r.value,
|
|
312
312
|
"label-dark": s.labelDark,
|
|
313
313
|
class: m(s.labelDark ? "label--dark" : "label--light")
|
|
314
314
|
}, d(s.text), 11, Ze)
|
|
315
315
|
]));
|
|
316
316
|
}
|
|
317
|
-
}), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" },
|
|
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" },
|
|
@@ -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 a = {
|
|
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(() => a[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
|
+
t("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__ */ t("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: a }) {
|
|
368
|
+
const r = a, 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
|
+
t("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
|
+
t("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 (a, r) => (o(), i("div", it, [
|
|
409
|
+
t("label", {
|
|
410
|
+
for: a.id,
|
|
411
|
+
class: m([a.required ? "required" : "", a.disabled ? "disabled" : ""])
|
|
412
|
+
}, d(a.label), 11, rt),
|
|
413
|
+
t("select", {
|
|
414
|
+
id: a.id,
|
|
415
|
+
class: m(a.disabled ? "disabled" : ""),
|
|
416
|
+
disabled: a.disabled,
|
|
417
|
+
name: a.name,
|
|
418
|
+
value: a.modelValue,
|
|
419
419
|
onChange: r[0] || (r[0] = (s) => {
|
|
420
|
-
|
|
420
|
+
a.$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(a.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: a }) {
|
|
438
|
+
const r = e, s = a, 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(t("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
|
+
t("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
|
+
t("div", null, [
|
|
460
|
+
u.searchBar ? p("", !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: a }) {
|
|
493
|
+
const r = e, s = a, 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
|
+
t("div", pt, [
|
|
506
|
+
t("div", mt, [
|
|
507
|
+
t("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)) : p("", !0)
|
|
521
521
|
]),
|
|
522
|
-
|
|
523
|
-
|
|
522
|
+
t("div", gt, [
|
|
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
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
|
+
t("span", {
|
|
540
540
|
class: m([v.variant, "slider__minmax"])
|
|
541
541
|
}, d(v.max), 3)
|
|
542
542
|
]),
|
|
543
|
-
|
|
543
|
+
t("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
|
+
t("p", yt, d(v.information), 1)
|
|
554
554
|
]),
|
|
555
555
|
_: 1
|
|
556
|
-
}, 8, ["show"])) :
|
|
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({
|
|
@@ -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 (a, r) => (o(), i("div", wt, [
|
|
574
|
+
t("label", {
|
|
575
|
+
for: a.id,
|
|
576
|
+
class: m({ required: a.required })
|
|
577
|
+
}, d(a.labelText) + d(a.required ? " *" : ""), 11, Bt),
|
|
578
|
+
t("div", {
|
|
579
|
+
id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
|
|
580
580
|
}, [
|
|
581
|
-
|
|
582
|
-
id:
|
|
581
|
+
t("textarea", {
|
|
582
|
+
id: a.id,
|
|
583
583
|
rows: "10",
|
|
584
584
|
cols: "50",
|
|
585
|
-
name:
|
|
586
|
-
placeholder:
|
|
587
|
-
required:
|
|
588
|
-
disabled:
|
|
589
|
-
maxlength:
|
|
590
|
-
value:
|
|
585
|
+
name: a.name,
|
|
586
|
+
placeholder: a.placeholder,
|
|
587
|
+
required: a.required,
|
|
588
|
+
disabled: a.disabled,
|
|
589
|
+
maxlength: a.maxLength,
|
|
590
|
+
value: a.modelValue,
|
|
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] = (s) =>
|
|
594
|
+
onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
|
|
595
595
|
}, null, 42, It)
|
|
596
596
|
], 8, St),
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
597
|
+
t("div", qt, [
|
|
598
|
+
t("div", null, [
|
|
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(
|
|
603
|
-
|
|
603
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
|
|
604
604
|
)
|
|
605
|
-
}, d(
|
|
605
|
+
}, d(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + d(a.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 a = {
|
|
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(() => a[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
|
+
t("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
|
+
t("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
|
+
t("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)) : 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({
|
|
@@ -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: a }) {
|
|
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
|
+
}), a({
|
|
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 (a, r) => (o(), i("div", Gt, [
|
|
768
|
+
t("div", Jt, [
|
|
769
|
+
t("div", Wt, [
|
|
770
|
+
c(a.$slots, "address-flag", {}, void 0, !0)
|
|
771
771
|
]),
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
772
|
+
t("div", Yt, [
|
|
773
|
+
t("p", Qt, d(a.name), 1),
|
|
774
|
+
t("p", null, d(a.company), 1),
|
|
775
|
+
t("p", null, d(a.addressLine1), 1),
|
|
776
|
+
t("p", null, d(a.addressLine2), 1),
|
|
777
|
+
a.addressLine3 ? (o(), i("p", Zt, d(a.addressLine3), 1)) : p("", !0)
|
|
778
778
|
]),
|
|
779
|
-
|
|
780
|
-
|
|
779
|
+
t("div", Xt, [
|
|
780
|
+
a.website ? (o(), L(M, {
|
|
781
781
|
key: 0,
|
|
782
782
|
underline: "false",
|
|
783
783
|
"link-type": "regular"
|
|
784
784
|
}, {
|
|
785
785
|
default: y(() => [
|
|
786
|
-
|
|
787
|
-
href: "https://" +
|
|
786
|
+
t("a", {
|
|
787
|
+
href: "https://" + a.website,
|
|
788
788
|
class: "address__website"
|
|
789
|
-
}, d(
|
|
789
|
+
}, d(a.website), 9, xt)
|
|
790
790
|
]),
|
|
791
791
|
_: 1
|
|
792
|
-
})) :
|
|
793
|
-
(o(!0), i(T, null, V(
|
|
792
|
+
})) : p("", !0),
|
|
793
|
+
(o(!0), i(T, null, V(a.phoneNumbers, (s) => (o(), L(M, {
|
|
794
794
|
key: s,
|
|
795
795
|
underline: "false",
|
|
796
796
|
"link-type": "regular"
|
|
797
797
|
}, {
|
|
798
798
|
default: y(() => [
|
|
799
|
-
|
|
799
|
+
t("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
|
+
t("a", {
|
|
807
|
+
href: "mailto:" + a.email,
|
|
808
808
|
class: "address__email"
|
|
809
|
-
}, d(
|
|
809
|
+
}, d(a.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__ */ t("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 (a, r) => (o(), i("div", sa, [
|
|
835
|
+
t("div", {
|
|
836
836
|
class: m(["bullet-list", e.variant])
|
|
837
837
|
}, [
|
|
838
|
-
|
|
838
|
+
t("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 a = 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
|
+
t("div", {
|
|
895
895
|
class: m(["card", [
|
|
896
896
|
n.theme === "dark" ? "card--dark" : "card--light",
|
|
897
897
|
n.orientation === "vertical" ? "vertical" : "horizontal",
|
|
@@ -903,7 +903,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
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(), L(
|
|
906
|
+
n.mediaType === "image" ? (o(), L(F, { key: 0 }, {
|
|
907
907
|
default: y(() => [
|
|
908
908
|
c(n.$slots, "card-image", X({
|
|
909
909
|
src: n.imgSrc,
|
|
@@ -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(a)["card-label"] ? (o(), i("div", ca, [
|
|
937
937
|
c(n.$slots, "card-label")
|
|
938
|
-
])) :
|
|
938
|
+
])) : p("", !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)) : p("", !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 (a, r) => (o(), i("div", pa, [
|
|
967
|
+
t("div", ma, [
|
|
968
|
+
a.image.filename ? (o(), i("div", {
|
|
969
969
|
key: 0,
|
|
970
|
-
class: m(["column-card__image", { cover:
|
|
970
|
+
class: m(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
|
|
971
971
|
}, [
|
|
972
|
-
c(
|
|
973
|
-
src:
|
|
974
|
-
alt:
|
|
972
|
+
c(a.$slots, "column-card-image", P(O({
|
|
973
|
+
src: a.image.filename,
|
|
974
|
+
alt: a.image.alt
|
|
975
975
|
})), void 0, !0)
|
|
976
|
-
], 2)) :
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
c(
|
|
976
|
+
], 2)) : p("", !0),
|
|
977
|
+
t("h3", va, d(a.headline), 1),
|
|
978
|
+
t("div", fa, [
|
|
979
|
+
c(a.$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__ */ t("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 (a, 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
|
+
t("div", $a, d(e.headline), 1),
|
|
1015
|
+
t("div", ka, [
|
|
1016
1016
|
G(d(e.dateTime), 1),
|
|
1017
1017
|
wa,
|
|
1018
1018
|
G(d(e.location), 1)
|
|
1019
1019
|
]),
|
|
1020
|
-
|
|
1020
|
+
t("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 (a, 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
|
+
t("div", Ca, d(e.headline), 1),
|
|
1046
|
+
t("div", Aa, [
|
|
1047
|
+
t("p", null, d(e.paragraph), 1)
|
|
1048
1048
|
])
|
|
1049
1049
|
]));
|
|
1050
1050
|
}
|
|
@@ -1060,41 +1060,41 @@ 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 a = q([]), r = (l) => {
|
|
1064
|
+
const u = a.value.indexOf(l);
|
|
1065
|
+
u > -1 ? a.value.splice(u, 1) : a.value.push(l);
|
|
1066
|
+
}, s = (l) => a.value.includes(l);
|
|
1067
1067
|
return (l, u) => (o(), i("section", Ta, [
|
|
1068
|
-
|
|
1068
|
+
t("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
|
+
t("div", Pa, [
|
|
1073
|
+
t("div", {
|
|
1074
1074
|
class: "accordion__header",
|
|
1075
1075
|
onClick: (_) => r(n._uid)
|
|
1076
1076
|
}, [
|
|
1077
|
-
|
|
1078
|
-
|
|
1077
|
+
t("h3", Fa, d(n.headline), 1),
|
|
1078
|
+
t("span", Oa, [
|
|
1079
1079
|
s(n._uid) ? (o(), i("img", Ha)) : (o(), i("img", za))
|
|
1080
1080
|
])
|
|
1081
1081
|
], 8, Ma),
|
|
1082
|
-
|
|
1082
|
+
t("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
|
-
|
|
1089
|
-
c(l.$slots, "accordion-body",
|
|
1088
|
+
t("div", Ra, [
|
|
1089
|
+
c(l.$slots, "accordion-body", P(O({ body: n.bodytext })), void 0, !0)
|
|
1090
1090
|
]),
|
|
1091
|
-
S(
|
|
1091
|
+
S(F, null, {
|
|
1092
1092
|
default: y(() => [
|
|
1093
|
-
n.image ? c(l.$slots, "accordion-image",
|
|
1093
|
+
n.image ? c(l.$slots, "accordion-image", P(X({ key: 0 }, {
|
|
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) : p("", !0)
|
|
1098
1098
|
]),
|
|
1099
1099
|
_: 2
|
|
1100
1100
|
}, 1024)
|
|
@@ -1124,19 +1124,19 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1124
1124
|
}
|
|
1125
1125
|
},
|
|
1126
1126
|
setup(e) {
|
|
1127
|
-
return (
|
|
1127
|
+
return (a, 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
|
+
t("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)) : p("", !0),
|
|
1136
|
+
e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) : p("", !0)
|
|
1137
|
+
])) : p("", !0),
|
|
1138
|
+
t("div", Ja, [
|
|
1139
|
+
c(a.$slots, "card-display-cards", {}, void 0, !0)
|
|
1140
1140
|
])
|
|
1141
1141
|
])
|
|
1142
1142
|
], 2));
|
|
@@ -1144,10 +1144,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1144
1144
|
}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__top-section" }, Za = {
|
|
1145
1145
|
key: 0,
|
|
1146
1146
|
class: "column-grid__headline"
|
|
1147
|
-
}, Xa = {
|
|
1148
|
-
key: 1,
|
|
1149
|
-
class: "column-grid__bodytext"
|
|
1150
|
-
}, xa = { class: "column-grid__teaser-list" }, eo = /* @__PURE__ */ g({
|
|
1147
|
+
}, Xa = { class: "column-grid__teaser-list" }, xa = /* @__PURE__ */ g({
|
|
1151
1148
|
__name: "column-grid",
|
|
1152
1149
|
props: {
|
|
1153
1150
|
headline: { default: "" },
|
|
@@ -1156,20 +1153,18 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1156
1153
|
columns: {}
|
|
1157
1154
|
},
|
|
1158
1155
|
setup(e) {
|
|
1159
|
-
return (
|
|
1156
|
+
return (a, r) => (o(), i("div", {
|
|
1160
1157
|
class: m([
|
|
1161
1158
|
"column-grid",
|
|
1162
|
-
|
|
1159
|
+
a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
|
|
1163
1160
|
])
|
|
1164
1161
|
}, [
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
c(t.$slots, "column-grid-body", {}, void 0, !0)
|
|
1169
|
-
])) : h("", !0)
|
|
1162
|
+
t("div", Qa, [
|
|
1163
|
+
a.headline ? (o(), i("h2", Za, d(a.headline), 1)) : p("", !0),
|
|
1164
|
+
c(a.$slots, "column-grid-body", P(O({ class: "column-grid__bodytext" })), void 0, !0)
|
|
1170
1165
|
]),
|
|
1171
|
-
|
|
1172
|
-
(o(!0), i(T, null, V(
|
|
1166
|
+
t("div", Xa, [
|
|
1167
|
+
(o(!0), i(T, null, V(a.columns, (s) => (o(), L(fe, {
|
|
1173
1168
|
key: s._uid,
|
|
1174
1169
|
headline: s.headline,
|
|
1175
1170
|
bodytext: s.bodytext,
|
|
@@ -1177,25 +1172,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1177
1172
|
"image-fit": s.imageFit
|
|
1178
1173
|
}, {
|
|
1179
1174
|
"column-card-body": y(() => [
|
|
1180
|
-
c(
|
|
1175
|
+
c(a.$slots, "column-card-body", P(O({ body: s.bodytext })), void 0, !0)
|
|
1181
1176
|
]),
|
|
1182
1177
|
"column-card-image": y(() => [
|
|
1183
|
-
s.image ? c(
|
|
1178
|
+
s.image ? c(a.$slots, "column-card-image", P(X({ key: 0 }, {
|
|
1184
1179
|
src: s.image.filename,
|
|
1185
1180
|
alt: s.image.alt,
|
|
1186
1181
|
class: "column-card__image",
|
|
1187
1182
|
style: { "object-fit": s.imageFit ? "cover" : "contain" }
|
|
1188
|
-
})), void 0, !0) :
|
|
1183
|
+
})), void 0, !0) : p("", !0)
|
|
1189
1184
|
]),
|
|
1190
1185
|
_: 2
|
|
1191
1186
|
}, 1032, ["headline", "bodytext", "image", "image-fit"]))), 128))
|
|
1192
1187
|
])
|
|
1193
1188
|
], 2));
|
|
1194
1189
|
}
|
|
1195
|
-
}),
|
|
1190
|
+
}), eo = /* @__PURE__ */ f(xa, [["__scopeId", "data-v-8cf5949b"]]), to = { class: "facts__wrapper" }, ao = { class: "facts__content" }, oo = { class: "facts__headline" }, lo = { class: "facts" }, so = { class: "fact__value" }, io = { class: "fact__metric" }, ro = {
|
|
1196
1191
|
key: 0,
|
|
1197
1192
|
class: "facts__link"
|
|
1198
|
-
},
|
|
1193
|
+
}, no = /* @__PURE__ */ g({
|
|
1199
1194
|
__name: "facts",
|
|
1200
1195
|
props: {
|
|
1201
1196
|
headline: { default: "" },
|
|
@@ -1219,43 +1214,43 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1219
1214
|
}) }
|
|
1220
1215
|
},
|
|
1221
1216
|
setup(e) {
|
|
1222
|
-
return (
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
(o(!0), i(T, null, V(
|
|
1217
|
+
return (a, r) => (o(), i("div", to, [
|
|
1218
|
+
t("div", ao, [
|
|
1219
|
+
t("h2", oo, d(a.headline), 1),
|
|
1220
|
+
t("div", lo, [
|
|
1221
|
+
(o(!0), i(T, null, V(a.facts, (s) => (o(), i("div", {
|
|
1227
1222
|
key: s.value + s.metric,
|
|
1228
1223
|
class: "fact"
|
|
1229
1224
|
}, [
|
|
1230
|
-
|
|
1231
|
-
|
|
1225
|
+
t("div", so, [
|
|
1226
|
+
t("span", null, d(s.value), 1)
|
|
1232
1227
|
]),
|
|
1233
|
-
|
|
1234
|
-
|
|
1228
|
+
t("div", io, [
|
|
1229
|
+
t("span", null, d(s.metric), 1)
|
|
1235
1230
|
])
|
|
1236
1231
|
]))), 128))
|
|
1237
1232
|
]),
|
|
1238
|
-
|
|
1239
|
-
S(
|
|
1233
|
+
a.link ? (o(), i("div", ro, [
|
|
1234
|
+
S(M, {
|
|
1240
1235
|
"link-type": "regular_light",
|
|
1241
1236
|
arrow: ""
|
|
1242
1237
|
}, {
|
|
1243
1238
|
default: y(() => [
|
|
1244
|
-
c(
|
|
1239
|
+
c(a.$slots, "facts-link", {}, void 0, !0)
|
|
1245
1240
|
]),
|
|
1246
1241
|
_: 3
|
|
1247
1242
|
})
|
|
1248
|
-
])) :
|
|
1243
|
+
])) : p("", !0)
|
|
1249
1244
|
])
|
|
1250
1245
|
]));
|
|
1251
1246
|
}
|
|
1252
|
-
}),
|
|
1247
|
+
}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-d2b231d4"]]), uo = { class: "features__wrapper" }, _o = { class: "features__content" }, ho = {
|
|
1253
1248
|
key: 0,
|
|
1254
1249
|
class: "features__headline"
|
|
1255
|
-
},
|
|
1250
|
+
}, po = {
|
|
1256
1251
|
key: 1,
|
|
1257
1252
|
class: "features__body"
|
|
1258
|
-
},
|
|
1253
|
+
}, mo = { class: "element__headline" }, vo = { class: "element__body" }, fo = /* @__PURE__ */ g({
|
|
1259
1254
|
__name: "features",
|
|
1260
1255
|
props: {
|
|
1261
1256
|
headline: { default: "" },
|
|
@@ -1263,24 +1258,24 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1263
1258
|
elements: { default: () => [] }
|
|
1264
1259
|
},
|
|
1265
1260
|
setup(e) {
|
|
1266
|
-
return (
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
])) :
|
|
1271
|
-
|
|
1272
|
-
c(
|
|
1273
|
-
])) :
|
|
1274
|
-
|
|
1275
|
-
class: m(["features__elements", [
|
|
1261
|
+
return (a, r) => (o(), i("div", uo, [
|
|
1262
|
+
t("div", _o, [
|
|
1263
|
+
a.headline ? (o(), i("div", ho, [
|
|
1264
|
+
t("h2", null, d(a.headline), 1)
|
|
1265
|
+
])) : p("", !0),
|
|
1266
|
+
a.body ? (o(), i("div", po, [
|
|
1267
|
+
c(a.$slots, "features-body", {}, void 0, !0)
|
|
1268
|
+
])) : p("", !0),
|
|
1269
|
+
t("div", {
|
|
1270
|
+
class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1276
1271
|
}, [
|
|
1277
|
-
(o(!0), i(T, null, V(
|
|
1272
|
+
(o(!0), i(T, null, V(a.elements, (s) => (o(), i("div", {
|
|
1278
1273
|
key: s.headline,
|
|
1279
1274
|
class: "features__element"
|
|
1280
1275
|
}, [
|
|
1281
|
-
S(
|
|
1276
|
+
S(F, { class: "element__icon" }, {
|
|
1282
1277
|
default: y(() => [
|
|
1283
|
-
c(
|
|
1278
|
+
c(a.$slots, "features-icon", P(O({
|
|
1284
1279
|
src: s.icon.src,
|
|
1285
1280
|
height: 30,
|
|
1286
1281
|
width: 30,
|
|
@@ -1289,14 +1284,14 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1289
1284
|
]),
|
|
1290
1285
|
_: 2
|
|
1291
1286
|
}, 1024),
|
|
1292
|
-
|
|
1293
|
-
|
|
1287
|
+
t("p", mo, d(s.headline), 1),
|
|
1288
|
+
t("p", vo, d(s.body), 1)
|
|
1294
1289
|
]))), 128))
|
|
1295
1290
|
], 2)
|
|
1296
1291
|
])
|
|
1297
1292
|
]));
|
|
1298
1293
|
}
|
|
1299
|
-
}),
|
|
1294
|
+
}), 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({
|
|
1300
1295
|
__name: "form-script",
|
|
1301
1296
|
props: {
|
|
1302
1297
|
headline: {
|
|
@@ -1305,21 +1300,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1305
1300
|
}
|
|
1306
1301
|
},
|
|
1307
1302
|
setup(e) {
|
|
1308
|
-
return (
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
c(
|
|
1303
|
+
return (a, r) => (o(), i("div", bo, [
|
|
1304
|
+
t("div", yo, [
|
|
1305
|
+
t("div", $o, [
|
|
1306
|
+
t("h2", ko, d(e.headline), 1),
|
|
1307
|
+
t("div", wo, [
|
|
1308
|
+
c(a.$slots, "form-body", {}, void 0, !0)
|
|
1314
1309
|
])
|
|
1315
1310
|
]),
|
|
1316
|
-
|
|
1317
|
-
c(
|
|
1311
|
+
t("div", Bo, [
|
|
1312
|
+
c(a.$slots, "form-script", {}, void 0, !0)
|
|
1318
1313
|
])
|
|
1319
1314
|
])
|
|
1320
1315
|
]));
|
|
1321
1316
|
}
|
|
1322
|
-
}),
|
|
1317
|
+
}), Io = /* @__PURE__ */ f(So, [["__scopeId", "data-v-87a67c13"]]), qo = { class: "headline__wrapper" }, Co = { class: "headline__h1" }, Ao = /* @__PURE__ */ g({
|
|
1323
1318
|
__name: "headline",
|
|
1324
1319
|
props: {
|
|
1325
1320
|
headline: {
|
|
@@ -1336,8 +1331,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1336
1331
|
}
|
|
1337
1332
|
},
|
|
1338
1333
|
setup(e) {
|
|
1339
|
-
return (
|
|
1340
|
-
|
|
1334
|
+
return (a, r) => (o(), i("div", qo, [
|
|
1335
|
+
t("div", {
|
|
1341
1336
|
class: m({
|
|
1342
1337
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
1343
1338
|
"headline__content--article": e.article && !e.subMenu,
|
|
@@ -1345,11 +1340,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1345
1340
|
"headline__content--default": !e.article && !e.subMenu
|
|
1346
1341
|
})
|
|
1347
1342
|
}, [
|
|
1348
|
-
|
|
1343
|
+
t("h1", Co, d(e.headline), 1)
|
|
1349
1344
|
], 2)
|
|
1350
1345
|
]));
|
|
1351
1346
|
}
|
|
1352
|
-
}),
|
|
1347
|
+
}), 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({
|
|
1353
1348
|
__name: "hero",
|
|
1354
1349
|
props: {
|
|
1355
1350
|
headline: {
|
|
@@ -1358,39 +1353,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1358
1353
|
}
|
|
1359
1354
|
},
|
|
1360
1355
|
setup(e) {
|
|
1361
|
-
return (
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1356
|
+
return (a, r) => (o(), i("div", To, [
|
|
1357
|
+
t("div", Vo, [
|
|
1358
|
+
t("div", Po, [
|
|
1359
|
+
t("div", Mo, [
|
|
1360
|
+
t("div", Fo, [
|
|
1361
|
+
t("h1", null, d(e.headline), 1)
|
|
1367
1362
|
]),
|
|
1368
|
-
|
|
1369
|
-
S(
|
|
1363
|
+
t("div", Oo, [
|
|
1364
|
+
S(M, {
|
|
1370
1365
|
"link-type": "regular_light",
|
|
1371
1366
|
arrow: ""
|
|
1372
1367
|
}, {
|
|
1373
1368
|
default: y(() => [
|
|
1374
|
-
c(
|
|
1369
|
+
c(a.$slots, "hero-link", {}, void 0, !0)
|
|
1375
1370
|
]),
|
|
1376
1371
|
_: 3
|
|
1377
1372
|
})
|
|
1378
1373
|
])
|
|
1379
1374
|
])
|
|
1380
1375
|
]),
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
c(
|
|
1376
|
+
t("div", zo, [
|
|
1377
|
+
Ho,
|
|
1378
|
+
t("div", Ro, [
|
|
1379
|
+
c(a.$slots, "hero-video", {}, void 0, !0)
|
|
1385
1380
|
]),
|
|
1386
|
-
|
|
1387
|
-
c(
|
|
1381
|
+
t("div", No, [
|
|
1382
|
+
c(a.$slots, "hero-image", {}, void 0, !0)
|
|
1388
1383
|
])
|
|
1389
1384
|
])
|
|
1390
1385
|
])
|
|
1391
1386
|
]));
|
|
1392
1387
|
}
|
|
1393
|
-
}),
|
|
1388
|
+
}), 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({
|
|
1394
1389
|
inheritAttrs: !1,
|
|
1395
1390
|
__name: "image",
|
|
1396
1391
|
props: {
|
|
@@ -1414,12 +1409,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1414
1409
|
}
|
|
1415
1410
|
},
|
|
1416
1411
|
setup(e) {
|
|
1417
|
-
return (
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
S(
|
|
1412
|
+
return (a, r) => (o(), i("div", Ko, [
|
|
1413
|
+
t("div", Uo, [
|
|
1414
|
+
t("div", Go, [
|
|
1415
|
+
S(F, null, {
|
|
1421
1416
|
default: y(() => [
|
|
1422
|
-
c(
|
|
1417
|
+
c(a.$slots, "image", P(O({
|
|
1423
1418
|
width: 984,
|
|
1424
1419
|
height: e.fullHeight ? "100%" : 554,
|
|
1425
1420
|
src: e.src,
|
|
@@ -1430,20 +1425,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1430
1425
|
_: 3
|
|
1431
1426
|
})
|
|
1432
1427
|
]),
|
|
1433
|
-
|
|
1428
|
+
t("p", Jo, d(e.caption), 1)
|
|
1434
1429
|
])
|
|
1435
1430
|
]));
|
|
1436
1431
|
}
|
|
1437
|
-
}),
|
|
1432
|
+
}), Yo = /* @__PURE__ */ f(Wo, [["__scopeId", "data-v-c583d657"]]), Qo = { class: "gallery__large" }, Zo = {
|
|
1438
1433
|
key: 0,
|
|
1439
1434
|
class: "image image--large"
|
|
1440
|
-
},
|
|
1435
|
+
}, Xo = {
|
|
1441
1436
|
key: 1,
|
|
1442
1437
|
class: "video"
|
|
1443
|
-
},
|
|
1438
|
+
}, xo = {
|
|
1444
1439
|
key: 0,
|
|
1445
1440
|
class: "body"
|
|
1446
|
-
},
|
|
1441
|
+
}, el = /* @__PURE__ */ g({
|
|
1447
1442
|
__name: "image-gallery",
|
|
1448
1443
|
props: {
|
|
1449
1444
|
mediaLarge: {},
|
|
@@ -1455,25 +1450,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1455
1450
|
bgColor: { default: "white" }
|
|
1456
1451
|
},
|
|
1457
1452
|
setup(e) {
|
|
1458
|
-
const
|
|
1453
|
+
const a = {
|
|
1459
1454
|
white: "",
|
|
1460
1455
|
light: "gallery__wrapper--light",
|
|
1461
1456
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1462
|
-
}, r = e, s = D(() =>
|
|
1457
|
+
}, r = e, s = D(() => a[r.bgColor]);
|
|
1463
1458
|
return (l, u) => (o(), i("div", {
|
|
1464
1459
|
class: m(["gallery__wrapper", s.value])
|
|
1465
1460
|
}, [
|
|
1466
|
-
|
|
1461
|
+
t("div", {
|
|
1467
1462
|
class: m([
|
|
1468
1463
|
"gallery__content",
|
|
1469
1464
|
l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1470
1465
|
])
|
|
1471
1466
|
}, [
|
|
1472
|
-
|
|
1473
|
-
l.mediaLarge && l.mediaType === "image" ? (o(), i("div",
|
|
1474
|
-
S(
|
|
1467
|
+
t("div", Qo, [
|
|
1468
|
+
l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Zo, [
|
|
1469
|
+
S(F, null, {
|
|
1475
1470
|
default: y(() => [
|
|
1476
|
-
c(l.$slots, "image-large",
|
|
1471
|
+
c(l.$slots, "image-large", P(O({
|
|
1477
1472
|
width: 617,
|
|
1478
1473
|
height: 530,
|
|
1479
1474
|
src: l.mediaLarge.src,
|
|
@@ -1482,8 +1477,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1482
1477
|
]),
|
|
1483
1478
|
_: 3
|
|
1484
1479
|
})
|
|
1485
|
-
])) :
|
|
1486
|
-
l.mediaLarge && l.mediaType === "video" ? (o(), i("div",
|
|
1480
|
+
])) : p("", !0),
|
|
1481
|
+
l.mediaLarge && l.mediaType === "video" ? (o(), i("div", Xo, [
|
|
1487
1482
|
S(ee, {
|
|
1488
1483
|
src: l.mediaLarge.src,
|
|
1489
1484
|
"local-video": "",
|
|
@@ -1496,9 +1491,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1496
1491
|
muted: "",
|
|
1497
1492
|
play: ""
|
|
1498
1493
|
}, null, 8, ["src", "aria-label"])
|
|
1499
|
-
])) :
|
|
1494
|
+
])) : p("", !0)
|
|
1500
1495
|
]),
|
|
1501
|
-
|
|
1496
|
+
t("div", {
|
|
1502
1497
|
style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1503
1498
|
class: m([
|
|
1504
1499
|
"gallery__small",
|
|
@@ -1509,9 +1504,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1509
1504
|
key: n.src + n.alt,
|
|
1510
1505
|
class: "image image--small"
|
|
1511
1506
|
}, [
|
|
1512
|
-
S(
|
|
1507
|
+
S(F, null, {
|
|
1513
1508
|
default: y(() => [
|
|
1514
|
-
c(l.$slots, "image-small",
|
|
1509
|
+
c(l.$slots, "image-small", P(O({
|
|
1515
1510
|
width: 328,
|
|
1516
1511
|
height: 246,
|
|
1517
1512
|
src: n.src,
|
|
@@ -1521,17 +1516,17 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1521
1516
|
_: 2
|
|
1522
1517
|
}, 1024)
|
|
1523
1518
|
]))), 128)),
|
|
1524
|
-
l.mediaSmall.length < 2 ? (o(), i("div",
|
|
1525
|
-
|
|
1526
|
-
])) :
|
|
1519
|
+
l.mediaSmall.length < 2 ? (o(), i("div", xo, [
|
|
1520
|
+
t("p", null, d(l.body), 1)
|
|
1521
|
+
])) : p("", !0)
|
|
1527
1522
|
], 6)
|
|
1528
1523
|
], 2)
|
|
1529
1524
|
], 2));
|
|
1530
1525
|
}
|
|
1531
|
-
}),
|
|
1526
|
+
}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-0d271138"]]), al = { class: "logo-wall__wrapper" }, ol = { class: "logo-wall__content" }, ll = {
|
|
1532
1527
|
key: 0,
|
|
1533
1528
|
class: "logo-wall__text"
|
|
1534
|
-
},
|
|
1529
|
+
}, sl = { key: 0 }, il = { key: 1 }, rl = { class: "logo-wall__logos" }, nl = { class: "logo-wall__link" }, dl = /* @__PURE__ */ g({
|
|
1535
1530
|
__name: "logo-wall",
|
|
1536
1531
|
props: {
|
|
1537
1532
|
headline: {
|
|
@@ -1549,20 +1544,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1549
1544
|
}
|
|
1550
1545
|
},
|
|
1551
1546
|
setup(e) {
|
|
1552
|
-
return (
|
|
1553
|
-
|
|
1554
|
-
e.headline || e.body ? (o(), i("div",
|
|
1555
|
-
e.headline ? (o(), i("h2",
|
|
1556
|
-
e.body ? (o(), i("p",
|
|
1557
|
-
])) :
|
|
1558
|
-
|
|
1547
|
+
return (a, r) => (o(), i("div", al, [
|
|
1548
|
+
t("div", ol, [
|
|
1549
|
+
e.headline || e.body ? (o(), i("div", ll, [
|
|
1550
|
+
e.headline ? (o(), i("h2", sl, d(e.headline), 1)) : p("", !0),
|
|
1551
|
+
e.body ? (o(), i("p", il, d(e.body), 1)) : p("", !0)
|
|
1552
|
+
])) : p("", !0),
|
|
1553
|
+
t("div", rl, [
|
|
1559
1554
|
(o(!0), i(T, null, V(e.logos, (s) => (o(), i("div", {
|
|
1560
1555
|
key: s.src + s.alt,
|
|
1561
1556
|
class: "logo-wall__logo"
|
|
1562
1557
|
}, [
|
|
1563
|
-
S(
|
|
1558
|
+
S(F, null, {
|
|
1564
1559
|
default: y(() => [
|
|
1565
|
-
c(
|
|
1560
|
+
c(a.$slots, "logo-wall-logo", P(O({
|
|
1566
1561
|
width: 130,
|
|
1567
1562
|
height: 130,
|
|
1568
1563
|
src: s.src,
|
|
@@ -1573,13 +1568,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1573
1568
|
}, 1024)
|
|
1574
1569
|
]))), 128))
|
|
1575
1570
|
]),
|
|
1576
|
-
|
|
1577
|
-
S(
|
|
1571
|
+
t("div", nl, [
|
|
1572
|
+
S(M, {
|
|
1578
1573
|
"link-type": "regular_light",
|
|
1579
1574
|
arrow: !0
|
|
1580
1575
|
}, {
|
|
1581
1576
|
default: y(() => [
|
|
1582
|
-
c(
|
|
1577
|
+
c(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1583
1578
|
]),
|
|
1584
1579
|
_: 3
|
|
1585
1580
|
})
|
|
@@ -1587,13 +1582,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1587
1582
|
])
|
|
1588
1583
|
]));
|
|
1589
1584
|
}
|
|
1590
|
-
}),
|
|
1585
|
+
}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-fd489289"]]), ul = { class: "micro-stories__top" }, _l = {
|
|
1591
1586
|
key: 0,
|
|
1592
1587
|
class: "headline"
|
|
1593
|
-
},
|
|
1588
|
+
}, hl = {
|
|
1594
1589
|
key: 1,
|
|
1595
1590
|
class: "body"
|
|
1596
|
-
},
|
|
1591
|
+
}, pl = { class: "micro-stories__splide" }, ml = /* @__PURE__ */ g({
|
|
1597
1592
|
__name: "micro-stories",
|
|
1598
1593
|
props: {
|
|
1599
1594
|
bgColor: { default: "blue" },
|
|
@@ -1601,43 +1596,43 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
|
|
|
1601
1596
|
body: { default: "" }
|
|
1602
1597
|
},
|
|
1603
1598
|
setup(e) {
|
|
1604
|
-
const
|
|
1599
|
+
const a = {
|
|
1605
1600
|
white: "micro-stories__wrapper--white",
|
|
1606
1601
|
blue: "micro-stories__wrapper--blue",
|
|
1607
1602
|
dark: "micro-stories__wrapper--dark"
|
|
1608
|
-
}, r = D(() =>
|
|
1603
|
+
}, r = D(() => a[s.bgColor]), s = e;
|
|
1609
1604
|
return (l, u) => (o(), i("div", {
|
|
1610
1605
|
class: m(["micro-stories__wrapper", r.value])
|
|
1611
1606
|
}, [
|
|
1612
|
-
|
|
1613
|
-
l.headline ? (o(), i("div",
|
|
1614
|
-
|
|
1615
|
-
])) :
|
|
1616
|
-
l.body ? (o(), i("div",
|
|
1617
|
-
|
|
1618
|
-
])) :
|
|
1607
|
+
t("div", ul, [
|
|
1608
|
+
l.headline ? (o(), i("div", _l, [
|
|
1609
|
+
t("h2", null, d(l.headline), 1)
|
|
1610
|
+
])) : p("", !0),
|
|
1611
|
+
l.body ? (o(), i("div", hl, [
|
|
1612
|
+
t("p", null, d(l.body), 1)
|
|
1613
|
+
])) : p("", !0)
|
|
1619
1614
|
]),
|
|
1620
|
-
|
|
1615
|
+
t("div", pl, [
|
|
1621
1616
|
c(l.$slots, "micro-stories-slides")
|
|
1622
1617
|
]),
|
|
1623
1618
|
c(l.$slots, "micro-stories-controls")
|
|
1624
1619
|
], 2));
|
|
1625
1620
|
}
|
|
1626
|
-
}),
|
|
1627
|
-
function
|
|
1628
|
-
return o(), i("div",
|
|
1629
|
-
|
|
1621
|
+
}), vl = {}, fl = { class: "policy__wrapper" }, gl = { class: "policy__content" };
|
|
1622
|
+
function bl(e, a) {
|
|
1623
|
+
return o(), i("div", fl, [
|
|
1624
|
+
t("div", gl, [
|
|
1630
1625
|
c(e.$slots, "default", {}, void 0, !0)
|
|
1631
1626
|
])
|
|
1632
1627
|
]);
|
|
1633
1628
|
}
|
|
1634
|
-
const
|
|
1629
|
+
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 = {
|
|
1635
1630
|
key: 0,
|
|
1636
1631
|
class: "product-hero__logo"
|
|
1637
|
-
},
|
|
1632
|
+
}, ql = {
|
|
1638
1633
|
key: 1,
|
|
1639
1634
|
class: "product-hero__certification"
|
|
1640
|
-
},
|
|
1635
|
+
}, Cl = /* @__PURE__ */ g({
|
|
1641
1636
|
__name: "product-hero",
|
|
1642
1637
|
props: {
|
|
1643
1638
|
headline: {
|
|
@@ -1672,10 +1667,10 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1672
1667
|
}
|
|
1673
1668
|
},
|
|
1674
1669
|
setup(e) {
|
|
1675
|
-
return (
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1670
|
+
return (a, r) => (o(), i("div", $l, [
|
|
1671
|
+
t("div", kl, [
|
|
1672
|
+
t("div", wl, d(e.headline), 1),
|
|
1673
|
+
t("div", Bl, [
|
|
1679
1674
|
e.videoSrc !== "" ? (o(), L(ee, {
|
|
1680
1675
|
key: 0,
|
|
1681
1676
|
play: "",
|
|
@@ -1687,35 +1682,35 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1687
1682
|
autoplay: "",
|
|
1688
1683
|
loop: "",
|
|
1689
1684
|
muted: ""
|
|
1690
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(
|
|
1685
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(F), { key: 1 }, {
|
|
1691
1686
|
default: y(() => [
|
|
1692
|
-
c(
|
|
1687
|
+
c(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
1693
1688
|
]),
|
|
1694
1689
|
_: 3
|
|
1695
1690
|
})),
|
|
1696
|
-
|
|
1697
|
-
e.logoSrc ? (o(), i("div",
|
|
1698
|
-
S(I(
|
|
1691
|
+
t("div", Sl, [
|
|
1692
|
+
e.logoSrc ? (o(), i("div", Il, [
|
|
1693
|
+
S(I(F), null, {
|
|
1699
1694
|
default: y(() => [
|
|
1700
|
-
c(
|
|
1695
|
+
c(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1701
1696
|
]),
|
|
1702
1697
|
_: 3
|
|
1703
1698
|
})
|
|
1704
|
-
])) :
|
|
1705
|
-
e.isCertified ? (o(), i("div",
|
|
1706
|
-
S(I(
|
|
1699
|
+
])) : p("", !0),
|
|
1700
|
+
e.isCertified ? (o(), i("div", ql, [
|
|
1701
|
+
S(I(F), null, {
|
|
1707
1702
|
default: y(() => [
|
|
1708
|
-
c(
|
|
1703
|
+
c(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1709
1704
|
]),
|
|
1710
1705
|
_: 3
|
|
1711
1706
|
})
|
|
1712
|
-
])) :
|
|
1707
|
+
])) : p("", !0)
|
|
1713
1708
|
])
|
|
1714
1709
|
])
|
|
1715
1710
|
])
|
|
1716
1711
|
]));
|
|
1717
1712
|
}
|
|
1718
|
-
}),
|
|
1713
|
+
}), Al = /* @__PURE__ */ f(Cl, [["__scopeId", "data-v-deab9c3a"]]), Ll = { class: "promo__content" }, Dl = /* @__PURE__ */ g({
|
|
1719
1714
|
__name: "promo",
|
|
1720
1715
|
props: {
|
|
1721
1716
|
label: { default: "" },
|
|
@@ -1731,11 +1726,11 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1731
1726
|
multiply: { type: Boolean, default: !1 }
|
|
1732
1727
|
},
|
|
1733
1728
|
setup(e) {
|
|
1734
|
-
const
|
|
1729
|
+
const a = {
|
|
1735
1730
|
dark: "promo__wrapper--dark",
|
|
1736
1731
|
light: "promo__wrapper--light",
|
|
1737
1732
|
default: "promo__wrapper--default"
|
|
1738
|
-
}, r = e, s = D(() =>
|
|
1733
|
+
}, r = e, s = D(() => a[r.variant]);
|
|
1739
1734
|
return (l, u) => (o(), i("div", {
|
|
1740
1735
|
class: m([
|
|
1741
1736
|
"promo__wrapper",
|
|
@@ -1744,7 +1739,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1744
1739
|
l.multiply ? "promo__wrapper--multiply" : ""
|
|
1745
1740
|
])
|
|
1746
1741
|
}, [
|
|
1747
|
-
|
|
1742
|
+
t("div", Ll, [
|
|
1748
1743
|
l.mediaType === "image" ? (o(), i("div", {
|
|
1749
1744
|
key: 0,
|
|
1750
1745
|
class: m([
|
|
@@ -1752,13 +1747,13 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1752
1747
|
l.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1753
1748
|
])
|
|
1754
1749
|
}, [
|
|
1755
|
-
S(
|
|
1750
|
+
S(F, null, {
|
|
1756
1751
|
default: y(() => [
|
|
1757
|
-
c(l.$slots, "promo-image",
|
|
1752
|
+
c(l.$slots, "promo-image", P(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
|
|
1758
1753
|
]),
|
|
1759
1754
|
_: 3
|
|
1760
1755
|
})
|
|
1761
|
-
], 2)) :
|
|
1756
|
+
], 2)) : p("", !0),
|
|
1762
1757
|
l.mediaType === "video" ? (o(), i("div", {
|
|
1763
1758
|
key: 1,
|
|
1764
1759
|
class: m([
|
|
@@ -1777,8 +1772,8 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1777
1772
|
play: "",
|
|
1778
1773
|
poster: l.fallbackImage
|
|
1779
1774
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1780
|
-
], 2)) :
|
|
1781
|
-
|
|
1775
|
+
], 2)) : p("", !0),
|
|
1776
|
+
t("div", {
|
|
1782
1777
|
class: m([
|
|
1783
1778
|
"promo__text",
|
|
1784
1779
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
@@ -1788,8 +1783,8 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1788
1783
|
key: 0,
|
|
1789
1784
|
text: l.label,
|
|
1790
1785
|
"label-dark": l.variant === "dark"
|
|
1791
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1792
|
-
|
|
1786
|
+
}, null, 8, ["text", "label-dark"])) : p("", !0),
|
|
1787
|
+
t("div", {
|
|
1793
1788
|
class: m([
|
|
1794
1789
|
"promo__title",
|
|
1795
1790
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
@@ -1797,7 +1792,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1797
1792
|
}, [
|
|
1798
1793
|
c(l.$slots, "promo-headline")
|
|
1799
1794
|
], 2),
|
|
1800
|
-
l.linkType === "link" ? (o(), L(
|
|
1795
|
+
l.linkType === "link" ? (o(), L(M, {
|
|
1801
1796
|
key: 1,
|
|
1802
1797
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
1803
1798
|
arrow: ""
|
|
@@ -1806,8 +1801,8 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1806
1801
|
c(l.$slots, "promo-link")
|
|
1807
1802
|
]),
|
|
1808
1803
|
_: 3
|
|
1809
|
-
}, 8, ["link-type"])) :
|
|
1810
|
-
l.linkType === "button" ? (o(), L(
|
|
1804
|
+
}, 8, ["link-type"])) : p("", !0),
|
|
1805
|
+
l.linkType === "button" ? (o(), L(M, {
|
|
1811
1806
|
key: 2,
|
|
1812
1807
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
1813
1808
|
}, {
|
|
@@ -1815,15 +1810,15 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1815
1810
|
c(l.$slots, "promo-link")
|
|
1816
1811
|
]),
|
|
1817
1812
|
_: 3
|
|
1818
|
-
}, 8, ["link-type"])) :
|
|
1813
|
+
}, 8, ["link-type"])) : p("", !0)
|
|
1819
1814
|
], 2)
|
|
1820
1815
|
])
|
|
1821
1816
|
], 2));
|
|
1822
1817
|
}
|
|
1823
|
-
}),
|
|
1818
|
+
}), 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 = {
|
|
1824
1819
|
key: 0,
|
|
1825
1820
|
class: "quote__image"
|
|
1826
|
-
},
|
|
1821
|
+
}, Nl = { class: "quote__text" }, El = { class: "quote__author-name" }, jl = { class: "quote__author-title" }, Kl = /* @__PURE__ */ g({
|
|
1827
1822
|
__name: "quote",
|
|
1828
1823
|
props: {
|
|
1829
1824
|
quote: {
|
|
@@ -1845,16 +1840,16 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1845
1840
|
}
|
|
1846
1841
|
},
|
|
1847
1842
|
setup(e) {
|
|
1848
|
-
return (
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
e.authorImage ? (o(), i("div",
|
|
1855
|
-
S(
|
|
1843
|
+
return (a, r) => (o(), i("div", Pl, [
|
|
1844
|
+
t("div", Ml, [
|
|
1845
|
+
Fl,
|
|
1846
|
+
t("div", Ol, [
|
|
1847
|
+
t("p", zl, d(e.quote), 1),
|
|
1848
|
+
t("div", Hl, [
|
|
1849
|
+
e.authorImage ? (o(), i("div", Rl, [
|
|
1850
|
+
S(F, null, {
|
|
1856
1851
|
default: y(() => [
|
|
1857
|
-
c(
|
|
1852
|
+
c(a.$slots, "author-image", P(O({
|
|
1858
1853
|
src: e.authorImage + "/m/100x100",
|
|
1859
1854
|
width: 60,
|
|
1860
1855
|
height: 60
|
|
@@ -1862,23 +1857,23 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1862
1857
|
]),
|
|
1863
1858
|
_: 3
|
|
1864
1859
|
})
|
|
1865
|
-
])) :
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1860
|
+
])) : p("", !0),
|
|
1861
|
+
t("div", Nl, [
|
|
1862
|
+
t("p", El, d(e.author), 1),
|
|
1863
|
+
t("p", jl, d(e.authorTitle), 1)
|
|
1869
1864
|
])
|
|
1870
1865
|
])
|
|
1871
1866
|
])
|
|
1872
1867
|
])
|
|
1873
1868
|
]));
|
|
1874
1869
|
}
|
|
1875
|
-
}),
|
|
1870
|
+
}), Ul = /* @__PURE__ */ f(Kl, [["__scopeId", "data-v-e3cc8e27"]]), Gl = { class: "rich-text__wrapper" }, Jl = {
|
|
1876
1871
|
key: 0,
|
|
1877
1872
|
class: "rich-text__links"
|
|
1878
|
-
},
|
|
1873
|
+
}, Wl = {
|
|
1879
1874
|
key: 0,
|
|
1880
1875
|
class: "rich-text__bullet-list"
|
|
1881
|
-
},
|
|
1876
|
+
}, Yl = /* @__PURE__ */ g({
|
|
1882
1877
|
__name: "rich-text",
|
|
1883
1878
|
props: {
|
|
1884
1879
|
headline: { default: "" },
|
|
@@ -1891,73 +1886,73 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
|
|
|
1891
1886
|
label: { default: "" }
|
|
1892
1887
|
},
|
|
1893
1888
|
setup(e) {
|
|
1894
|
-
return (
|
|
1889
|
+
return (a, r) => (o(), i("div", {
|
|
1895
1890
|
class: m([
|
|
1896
1891
|
"rich-text",
|
|
1897
|
-
|
|
1892
|
+
a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1898
1893
|
])
|
|
1899
1894
|
}, [
|
|
1900
|
-
|
|
1901
|
-
|
|
1895
|
+
t("div", Gl, [
|
|
1896
|
+
a.label ? (o(), L(Z, {
|
|
1902
1897
|
key: 0,
|
|
1903
|
-
text:
|
|
1898
|
+
text: a.label,
|
|
1904
1899
|
"label-dark": !1
|
|
1905
|
-
}, null, 8, ["text"])) :
|
|
1906
|
-
|
|
1900
|
+
}, null, 8, ["text"])) : p("", !0),
|
|
1901
|
+
a.headline ? (o(), i("h2", {
|
|
1907
1902
|
key: 1,
|
|
1908
1903
|
class: m([
|
|
1909
1904
|
"rich-text__headline",
|
|
1910
|
-
|
|
1905
|
+
a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1911
1906
|
])
|
|
1912
|
-
}, d(
|
|
1913
|
-
|
|
1907
|
+
}, d(a.headline), 3)) : p("", !0),
|
|
1908
|
+
t("div", {
|
|
1914
1909
|
class: m([
|
|
1915
1910
|
"rich-text__content",
|
|
1916
|
-
|
|
1911
|
+
a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
|
|
1917
1912
|
])
|
|
1918
1913
|
}, [
|
|
1919
|
-
|
|
1914
|
+
t("div", {
|
|
1920
1915
|
class: m([
|
|
1921
1916
|
"rich-text__body",
|
|
1922
|
-
|
|
1917
|
+
a.bulletList || a.image ? "rich-text__body--content-right" : ""
|
|
1923
1918
|
])
|
|
1924
1919
|
}, [
|
|
1925
|
-
c(
|
|
1926
|
-
|
|
1927
|
-
c(
|
|
1928
|
-
])) :
|
|
1920
|
+
c(a.$slots, "rich-text-content"),
|
|
1921
|
+
a.links ? (o(), i("div", Jl, [
|
|
1922
|
+
c(a.$slots, "rich-text-links")
|
|
1923
|
+
])) : p("", !0)
|
|
1929
1924
|
], 2),
|
|
1930
|
-
|
|
1931
|
-
c(
|
|
1932
|
-
])) :
|
|
1933
|
-
|
|
1925
|
+
a.bulletList ? (o(), i("div", Wl, [
|
|
1926
|
+
c(a.$slots, "rich-text-bullet-list")
|
|
1927
|
+
])) : p("", !0),
|
|
1928
|
+
a.image ? (o(), i("div", {
|
|
1934
1929
|
key: 1,
|
|
1935
1930
|
class: m([
|
|
1936
1931
|
"rich-text__image",
|
|
1937
|
-
|
|
1932
|
+
a.imageClip ? "rich-text__image--clip" : ""
|
|
1938
1933
|
])
|
|
1939
1934
|
}, [
|
|
1940
|
-
S(
|
|
1935
|
+
S(F, null, {
|
|
1941
1936
|
default: y(() => [
|
|
1942
|
-
c(
|
|
1937
|
+
c(a.$slots, "rich-text-image", P(O({ width: 865, height: 307 })))
|
|
1943
1938
|
]),
|
|
1944
1939
|
_: 3
|
|
1945
1940
|
})
|
|
1946
|
-
], 2)) :
|
|
1941
|
+
], 2)) : p("", !0)
|
|
1947
1942
|
], 2)
|
|
1948
1943
|
])
|
|
1949
1944
|
], 2));
|
|
1950
1945
|
}
|
|
1951
|
-
}),
|
|
1952
|
-
function
|
|
1953
|
-
return o(), i("div",
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1946
|
+
}), 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" };
|
|
1947
|
+
function as(e, a) {
|
|
1948
|
+
return o(), i("div", Xl, [
|
|
1949
|
+
t("div", xl, [
|
|
1950
|
+
t("div", es, [
|
|
1951
|
+
t("div", ts, [
|
|
1952
|
+
t("div", null, [
|
|
1958
1953
|
c(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1959
1954
|
]),
|
|
1960
|
-
|
|
1955
|
+
t("div", null, [
|
|
1961
1956
|
c(e.$slots, "rich-text-content-right", {}, void 0, !0)
|
|
1962
1957
|
])
|
|
1963
1958
|
])
|
|
@@ -1965,10 +1960,10 @@ function os(e, t) {
|
|
|
1965
1960
|
])
|
|
1966
1961
|
]);
|
|
1967
1962
|
}
|
|
1968
|
-
const
|
|
1969
|
-
/* @__PURE__ */
|
|
1970
|
-
/* @__PURE__ */
|
|
1971
|
-
], -1)),
|
|
1963
|
+
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" }, [
|
|
1964
|
+
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1965
|
+
/* @__PURE__ */ t("div", { class: "line" })
|
|
1966
|
+
], -1)), cs = { class: "item__right" }, us = ["innerHTML"], _s = /* @__PURE__ */ g({
|
|
1972
1967
|
__name: "timeline",
|
|
1973
1968
|
props: {
|
|
1974
1969
|
timelineItems: {
|
|
@@ -1978,7 +1973,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
1978
1973
|
},
|
|
1979
1974
|
setup(e) {
|
|
1980
1975
|
return pe(() => {
|
|
1981
|
-
const
|
|
1976
|
+
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1982
1977
|
(s) => {
|
|
1983
1978
|
s.forEach((l) => {
|
|
1984
1979
|
l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
|
|
@@ -1988,43 +1983,43 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
1988
1983
|
threshold: 1
|
|
1989
1984
|
}
|
|
1990
1985
|
);
|
|
1991
|
-
|
|
1986
|
+
a.forEach((s) => {
|
|
1992
1987
|
r.observe(s);
|
|
1993
1988
|
});
|
|
1994
|
-
}), (
|
|
1995
|
-
|
|
1996
|
-
|
|
1989
|
+
}), (a, r) => (o(), i("div", ss, [
|
|
1990
|
+
t("div", is, [
|
|
1991
|
+
t("div", rs, [
|
|
1997
1992
|
(o(!0), i(T, null, V(e.timelineItems, (s) => (o(), i("div", {
|
|
1998
1993
|
key: s.year,
|
|
1999
1994
|
class: "timeline__item faded"
|
|
2000
1995
|
}, [
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
S(
|
|
1996
|
+
t("div", ns, d(s.year), 1),
|
|
1997
|
+
ds,
|
|
1998
|
+
t("div", cs, [
|
|
1999
|
+
S(F, null, {
|
|
2005
2000
|
default: y(() => [
|
|
2006
|
-
s.media.src ? c(
|
|
2001
|
+
s.media.src ? c(a.$slots, "timeline-image", P(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
|
|
2007
2002
|
]),
|
|
2008
2003
|
_: 2
|
|
2009
2004
|
}, 1024),
|
|
2010
|
-
|
|
2005
|
+
t("div", {
|
|
2011
2006
|
style: x([s.media.src ? "" : "margin-top: 0px"]),
|
|
2012
2007
|
class: "rich-text",
|
|
2013
2008
|
innerHTML: s.text
|
|
2014
|
-
}, null, 12,
|
|
2009
|
+
}, null, 12, us)
|
|
2015
2010
|
])
|
|
2016
2011
|
]))), 128))
|
|
2017
2012
|
])
|
|
2018
2013
|
])
|
|
2019
2014
|
]));
|
|
2020
2015
|
}
|
|
2021
|
-
}),
|
|
2016
|
+
}), hs = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-e254e1e0"]]), ps = { class: "vimeo" }, ms = { class: "vimeo__wrapper" }, vs = {
|
|
2022
2017
|
key: 0,
|
|
2023
2018
|
class: "vimeo__headline"
|
|
2024
|
-
},
|
|
2019
|
+
}, fs = {
|
|
2025
2020
|
key: 1,
|
|
2026
2021
|
class: "vimeo__description"
|
|
2027
|
-
},
|
|
2022
|
+
}, gs = /* @__PURE__ */ g({
|
|
2028
2023
|
__name: "vimeo",
|
|
2029
2024
|
props: {
|
|
2030
2025
|
headline: {
|
|
@@ -2037,21 +2032,21 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2037
2032
|
}
|
|
2038
2033
|
},
|
|
2039
2034
|
setup(e) {
|
|
2040
|
-
return (
|
|
2041
|
-
|
|
2042
|
-
e.headline ? (o(), i("h2",
|
|
2043
|
-
c(
|
|
2044
|
-
e.description ? (o(), i("p",
|
|
2035
|
+
return (a, r) => (o(), i("div", ps, [
|
|
2036
|
+
t("div", ms, [
|
|
2037
|
+
e.headline ? (o(), i("h2", vs, d(e.headline), 1)) : p("", !0),
|
|
2038
|
+
c(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
2039
|
+
e.description ? (o(), i("p", fs, d(e.description), 1)) : p("", !0)
|
|
2045
2040
|
])
|
|
2046
2041
|
]));
|
|
2047
2042
|
}
|
|
2048
|
-
}),
|
|
2043
|
+
}), 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 = {
|
|
2049
2044
|
key: 0,
|
|
2050
2045
|
class: "academy-overview__button-wrapper"
|
|
2051
|
-
},
|
|
2046
|
+
}, Is = {
|
|
2052
2047
|
key: 0,
|
|
2053
2048
|
class: "academy-overview__stats"
|
|
2054
|
-
},
|
|
2049
|
+
}, 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({
|
|
2055
2050
|
__name: "frontpage-hero",
|
|
2056
2051
|
props: {
|
|
2057
2052
|
hero: { default: () => ({
|
|
@@ -2065,33 +2060,33 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2065
2060
|
}) }
|
|
2066
2061
|
},
|
|
2067
2062
|
setup(e) {
|
|
2068
|
-
return (
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
c(
|
|
2063
|
+
return (a, r) => (o(), i("div", ys, [
|
|
2064
|
+
t("div", $s, [
|
|
2065
|
+
t("div", ks, [
|
|
2066
|
+
t("div", null, [
|
|
2067
|
+
t("h1", ws, d(a.hero.headline), 1),
|
|
2068
|
+
t("p", Bs, d(a.hero.description), 1),
|
|
2069
|
+
a.hero.showStats ? p("", !0) : (o(), i("div", Ss, [
|
|
2070
|
+
c(a.$slots, "button", {}, void 0, !0)
|
|
2076
2071
|
]))
|
|
2077
2072
|
]),
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2073
|
+
a.hero.showStats ? (o(), i("div", Is, [
|
|
2074
|
+
t("div", qs, [
|
|
2075
|
+
t("div", Cs, [
|
|
2076
|
+
t("div", As, d(a.hero.lessonValue), 1),
|
|
2077
|
+
t("div", Ls, d(a.hero.lessonLabel), 1)
|
|
2083
2078
|
]),
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2079
|
+
t("div", Ds, [
|
|
2080
|
+
t("div", Ts, d(a.hero.pointsValue), 1),
|
|
2081
|
+
t("div", Vs, d(a.hero.pointsLabel), 1)
|
|
2087
2082
|
])
|
|
2088
2083
|
])
|
|
2089
|
-
])) :
|
|
2084
|
+
])) : p("", !0)
|
|
2090
2085
|
])
|
|
2091
2086
|
])
|
|
2092
2087
|
]));
|
|
2093
2088
|
}
|
|
2094
|
-
}),
|
|
2089
|
+
}), 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({
|
|
2095
2090
|
__name: "404",
|
|
2096
2091
|
props: {
|
|
2097
2092
|
headline: {
|
|
@@ -2100,16 +2095,16 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2100
2095
|
}
|
|
2101
2096
|
},
|
|
2102
2097
|
setup(e) {
|
|
2103
|
-
return (
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
c(
|
|
2098
|
+
return (a, r) => (o(), i("div", Fs, [
|
|
2099
|
+
t("div", Os, [
|
|
2100
|
+
t("h1", zs, d(e.headline), 1),
|
|
2101
|
+
t("div", Hs, [
|
|
2102
|
+
c(a.$slots, "not-found-body", {}, void 0, !0)
|
|
2108
2103
|
])
|
|
2109
2104
|
])
|
|
2110
2105
|
]));
|
|
2111
2106
|
}
|
|
2112
|
-
}),
|
|
2107
|
+
}), 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({
|
|
2113
2108
|
__name: "filter",
|
|
2114
2109
|
props: {
|
|
2115
2110
|
hasChips: {
|
|
@@ -2123,51 +2118,51 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2123
2118
|
},
|
|
2124
2119
|
emits: ["clearFilters"],
|
|
2125
2120
|
setup(e) {
|
|
2126
|
-
return (
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
c(
|
|
2121
|
+
return (a, r) => (o(), i("div", Es, [
|
|
2122
|
+
t("div", js, [
|
|
2123
|
+
t("div", Ks, [
|
|
2124
|
+
c(a.$slots, "filter-dropdowns")
|
|
2130
2125
|
]),
|
|
2131
|
-
|
|
2132
|
-
c(
|
|
2126
|
+
t("div", Us, [
|
|
2127
|
+
c(a.$slots, "filter-chips"),
|
|
2133
2128
|
e.hasChips ? (o(), i("button", {
|
|
2134
2129
|
key: 0,
|
|
2135
2130
|
class: "filter__clear",
|
|
2136
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2137
|
-
}, d(e.removeAll), 1)) :
|
|
2131
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
|
|
2132
|
+
}, d(e.removeAll), 1)) : p("", !0)
|
|
2138
2133
|
])
|
|
2139
2134
|
])
|
|
2140
2135
|
]));
|
|
2141
2136
|
}
|
|
2142
|
-
}),
|
|
2137
|
+
}), 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 = {
|
|
2143
2138
|
key: 0,
|
|
2144
2139
|
src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
|
|
2145
2140
|
style: { margin: "0 auto" }
|
|
2146
|
-
},
|
|
2141
|
+
}, Zs = { class: "footer__sections" }, Xs = { class: "section__title" }, xs = { class: "section__list" }, ei = { class: "section" }, ti = {
|
|
2147
2142
|
key: 0,
|
|
2148
2143
|
class: "section__title"
|
|
2149
|
-
},
|
|
2144
|
+
}, ai = {
|
|
2150
2145
|
key: 1,
|
|
2151
2146
|
class: "section__title"
|
|
2152
|
-
},
|
|
2147
|
+
}, 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 = {
|
|
2153
2148
|
key: 0,
|
|
2154
2149
|
href: "mailto:china@mir-robots.com"
|
|
2155
|
-
},
|
|
2150
|
+
}, ci = {
|
|
2156
2151
|
key: 1,
|
|
2157
2152
|
href: "mailto:mail@mir-robots.com"
|
|
2158
|
-
},
|
|
2153
|
+
}, ui = {
|
|
2159
2154
|
key: 0,
|
|
2160
2155
|
href: "tel:+8613661856951"
|
|
2161
|
-
},
|
|
2156
|
+
}, _i = {
|
|
2162
2157
|
key: 1,
|
|
2163
2158
|
href: "tel:+4520377577"
|
|
2164
|
-
},
|
|
2159
|
+
}, hi = { class: "footer__bottom" }, pi = { class: "copyright" }, mi = { class: "footer__policy" }, vi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fi = {
|
|
2165
2160
|
key: 0,
|
|
2166
2161
|
class: "footer__social"
|
|
2167
|
-
},
|
|
2162
|
+
}, gi = ["href", "aria-label"], bi = {
|
|
2168
2163
|
key: 1,
|
|
2169
2164
|
class: "footer__social"
|
|
2170
|
-
},
|
|
2165
|
+
}, yi = ["href", "aria-label"], $i = /* @__PURE__ */ g({
|
|
2171
2166
|
__name: "footer",
|
|
2172
2167
|
props: {
|
|
2173
2168
|
language: { default: "" },
|
|
@@ -2180,107 +2175,107 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2180
2175
|
},
|
|
2181
2176
|
emits: ["changeRegionClicked"],
|
|
2182
2177
|
setup(e) {
|
|
2183
|
-
return (
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
(o(!0), i(T, null, V(
|
|
2178
|
+
return (a, r) => (o(), i("div", Ws, [
|
|
2179
|
+
t("footer", Ys, [
|
|
2180
|
+
a.language === "zh" ? (o(), i("img", Qs)) : p("", !0),
|
|
2181
|
+
t("div", Zs, [
|
|
2182
|
+
(o(!0), i(T, null, V(a.footerSections, (s) => (o(), i("div", {
|
|
2188
2183
|
key: s.title,
|
|
2189
2184
|
class: "section"
|
|
2190
2185
|
}, [
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
c(
|
|
2186
|
+
t("span", Xs, d(s.title), 1),
|
|
2187
|
+
t("nav", null, [
|
|
2188
|
+
t("ul", xs, [
|
|
2189
|
+
c(a.$slots, "section-links", {
|
|
2195
2190
|
links: s.links
|
|
2196
2191
|
})
|
|
2197
2192
|
])
|
|
2198
2193
|
])
|
|
2199
2194
|
]))), 128)),
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
S(
|
|
2195
|
+
t("div", ei, [
|
|
2196
|
+
a.language === "zh" ? (o(), i("span", ti, "名傲移动机器人(上海)有限公司")) : (o(), i("span", ai, "Mobile Industrial Robots A/S")),
|
|
2197
|
+
t("address", null, [
|
|
2198
|
+
a.language === "zh" ? (o(), i("span", oi, "上海浦东新区金桥出口加工区")) : (o(), i("span", li, "Energivej 51")),
|
|
2199
|
+
a.language === "zh" ? (o(), i("span", si, "桂桥路1201号10栋2楼")) : (o(), i("span", ii, "5260 Odense S")),
|
|
2200
|
+
a.language !== "zh" ? (o(), i("span", ri, "CVR: 35251235")) : p("", !0),
|
|
2201
|
+
ni,
|
|
2202
|
+
S(M, {
|
|
2208
2203
|
class: "footer__contact",
|
|
2209
2204
|
"link-type": "regular_light",
|
|
2210
2205
|
underline: "false"
|
|
2211
2206
|
}, {
|
|
2212
2207
|
default: y(() => [
|
|
2213
|
-
|
|
2208
|
+
a.language === "zh" ? (o(), i("a", di, "china@mir-robots.com")) : (o(), i("a", ci, "mail@mir-robots.com"))
|
|
2214
2209
|
]),
|
|
2215
2210
|
_: 1
|
|
2216
2211
|
}),
|
|
2217
|
-
S(
|
|
2212
|
+
S(M, {
|
|
2218
2213
|
class: "footer__contact",
|
|
2219
2214
|
"link-type": "regular_light",
|
|
2220
2215
|
underline: "false"
|
|
2221
2216
|
}, {
|
|
2222
2217
|
default: y(() => [
|
|
2223
|
-
|
|
2218
|
+
a.language === "zh" ? (o(), i("a", ui, "+86 13661856951(微信同号)")) : (o(), i("a", _i, "+45 20 377 577"))
|
|
2224
2219
|
]),
|
|
2225
2220
|
_: 1
|
|
2226
2221
|
})
|
|
2227
2222
|
])
|
|
2228
2223
|
])
|
|
2229
2224
|
]),
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2225
|
+
t("div", hi, [
|
|
2226
|
+
t("p", pi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2227
|
+
t("div", mi, [
|
|
2228
|
+
t("button", {
|
|
2234
2229
|
class: "footer__language-switcher",
|
|
2235
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2230
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
|
|
2236
2231
|
}, [
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
G(d(
|
|
2232
|
+
t("span", null, [
|
|
2233
|
+
vi,
|
|
2234
|
+
G(d(a.changeRegion), 1)
|
|
2240
2235
|
])
|
|
2241
2236
|
]),
|
|
2242
|
-
c(
|
|
2243
|
-
c(
|
|
2237
|
+
c(a.$slots, "footer-privacy-link"),
|
|
2238
|
+
c(a.$slots, "footer-cookie-link")
|
|
2244
2239
|
]),
|
|
2245
|
-
|
|
2246
|
-
(o(!0), i(T, null, V(
|
|
2240
|
+
a.language !== "zh" ? (o(), i("div", fi, [
|
|
2241
|
+
(o(!0), i(T, null, V(a.socialMedia, (s) => (o(), L(M, {
|
|
2247
2242
|
key: s.title,
|
|
2248
2243
|
underline: "false",
|
|
2249
2244
|
"link-type": "regular"
|
|
2250
2245
|
}, {
|
|
2251
2246
|
default: y(() => [
|
|
2252
|
-
|
|
2247
|
+
t("a", {
|
|
2253
2248
|
href: s.url,
|
|
2254
2249
|
target: "_blank",
|
|
2255
2250
|
"aria-label": s.title
|
|
2256
2251
|
}, [
|
|
2257
|
-
|
|
2252
|
+
t("i", {
|
|
2258
2253
|
width: "19",
|
|
2259
2254
|
height: "14",
|
|
2260
2255
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2261
2256
|
}, null, 2)
|
|
2262
|
-
], 8,
|
|
2257
|
+
], 8, gi)
|
|
2263
2258
|
]),
|
|
2264
2259
|
_: 2
|
|
2265
2260
|
}, 1024))), 128))
|
|
2266
|
-
])) : (o(), i("div",
|
|
2267
|
-
(o(!0), i(T, null, V(
|
|
2261
|
+
])) : (o(), i("div", bi, [
|
|
2262
|
+
(o(!0), i(T, null, V(a.socialMediaChina, (s) => (o(), L(M, {
|
|
2268
2263
|
key: s.title,
|
|
2269
2264
|
underline: "false",
|
|
2270
2265
|
"link-type": "regular"
|
|
2271
2266
|
}, {
|
|
2272
2267
|
default: y(() => [
|
|
2273
|
-
|
|
2268
|
+
t("a", {
|
|
2274
2269
|
href: s.url,
|
|
2275
2270
|
target: "_blank",
|
|
2276
2271
|
"aria-label": s.title
|
|
2277
2272
|
}, [
|
|
2278
|
-
|
|
2273
|
+
t("i", {
|
|
2279
2274
|
width: "19",
|
|
2280
2275
|
height: "14",
|
|
2281
2276
|
class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
|
|
2282
2277
|
}, null, 2)
|
|
2283
|
-
], 8,
|
|
2278
|
+
], 8, yi)
|
|
2284
2279
|
]),
|
|
2285
2280
|
_: 2
|
|
2286
2281
|
}, 1024))), 128))
|
|
@@ -2289,51 +2284,51 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2289
2284
|
])
|
|
2290
2285
|
]));
|
|
2291
2286
|
}
|
|
2292
|
-
}),
|
|
2287
|
+
}), 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 = {
|
|
2293
2288
|
key: 0,
|
|
2294
2289
|
id: "menu-dropdown",
|
|
2295
2290
|
ref: "dropdownDiv"
|
|
2296
|
-
},
|
|
2291
|
+
}, Ci = {
|
|
2297
2292
|
key: 0,
|
|
2298
2293
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2299
2294
|
alt: "dropdownarrow"
|
|
2300
|
-
},
|
|
2295
|
+
}, Ai = {
|
|
2301
2296
|
key: 1,
|
|
2302
2297
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2303
2298
|
alt: "dropdownarrow",
|
|
2304
2299
|
style: { transform: "rotate(180deg)" }
|
|
2305
|
-
},
|
|
2300
|
+
}, Li = { class: "dropdown-content" }, Di = {
|
|
2306
2301
|
key: 1,
|
|
2307
2302
|
class: "nav-search-wrapper"
|
|
2308
|
-
},
|
|
2303
|
+
}, Ti = ["src"], Vi = {
|
|
2309
2304
|
key: 2,
|
|
2310
2305
|
id: "menu-portal-switcher",
|
|
2311
2306
|
class: "portal-switcher-wrapper"
|
|
2312
|
-
},
|
|
2307
|
+
}, Pi = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
|
|
2313
2308
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2314
2309
|
alt: "portalswitchericon",
|
|
2315
2310
|
width: "15",
|
|
2316
2311
|
height: "15"
|
|
2317
|
-
}, null, -1)),
|
|
2318
|
-
|
|
2319
|
-
],
|
|
2312
|
+
}, null, -1)), Mi = [
|
|
2313
|
+
Pi
|
|
2314
|
+
], Fi = { class: "portal-switcher-content" }, Oi = { class: "portal-switcher-links" }, zi = ["href"], Hi = ["src"], Ri = {
|
|
2320
2315
|
key: 3,
|
|
2321
2316
|
id: "menu-profile-dropdown",
|
|
2322
2317
|
class: "profile-dropdown-wrapper"
|
|
2323
|
-
},
|
|
2318
|
+
}, Ni = {
|
|
2324
2319
|
key: 0,
|
|
2325
2320
|
class: "profile-dropdown-sign-in"
|
|
2326
|
-
},
|
|
2321
|
+
}, Ei = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
|
|
2327
2322
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2328
2323
|
alt: "profiledropdownicon",
|
|
2329
2324
|
width: "15",
|
|
2330
2325
|
height: "15"
|
|
2331
|
-
}, null, -1)),
|
|
2332
|
-
|
|
2333
|
-
],
|
|
2326
|
+
}, null, -1)), ji = [
|
|
2327
|
+
Ei
|
|
2328
|
+
], Ki = { class: "profile-dropdown-content" }, Ui = { class: "mobile-logo-search-burger-wrapper" }, Gi = { class: "mobile-mir-link-logo" }, Ji = {
|
|
2334
2329
|
key: 0,
|
|
2335
2330
|
class: "mobile-search-wrapper"
|
|
2336
|
-
},
|
|
2331
|
+
}, Wi = ["src"], Yi = ["src"], Qi = { class: "mobile-menu-content-wrapper" }, Zi = { class: "mobile-dropdown-content" }, Xi = /* @__PURE__ */ g({
|
|
2337
2332
|
__name: "header",
|
|
2338
2333
|
props: {
|
|
2339
2334
|
burgerState: {
|
|
@@ -2384,7 +2379,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2384
2379
|
"update:showProfileDropDown",
|
|
2385
2380
|
"clickSearch"
|
|
2386
2381
|
],
|
|
2387
|
-
setup(e, { expose:
|
|
2382
|
+
setup(e, { expose: a, emit: r }) {
|
|
2388
2383
|
let s = null;
|
|
2389
2384
|
const l = e;
|
|
2390
2385
|
let u = q(l.burgerState), n = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
|
|
@@ -2430,33 +2425,33 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2430
2425
|
function ne() {
|
|
2431
2426
|
U.value && U.value.blur();
|
|
2432
2427
|
}
|
|
2433
|
-
return
|
|
2428
|
+
return a({
|
|
2434
2429
|
defocusSearchButton: ne
|
|
2435
|
-
}), ($, E) => (o(), i("div",
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2430
|
+
}), ($, E) => (o(), i("div", wi, [
|
|
2431
|
+
t("nav", null, [
|
|
2432
|
+
t("div", Bi, [
|
|
2433
|
+
t("div", Si, [
|
|
2439
2434
|
c($.$slots, "link-logo", {}, void 0, !0)
|
|
2440
2435
|
]),
|
|
2441
|
-
|
|
2436
|
+
t("ul", Ii, [
|
|
2442
2437
|
c($.$slots, "main-nav-items", {}, void 0, !0)
|
|
2443
2438
|
]),
|
|
2444
|
-
e.useDropdown ? (o(), i("div",
|
|
2445
|
-
|
|
2439
|
+
e.useDropdown ? (o(), i("div", qi, [
|
|
2440
|
+
t("button", {
|
|
2446
2441
|
class: "nav-dropdown-btn",
|
|
2447
2442
|
onClick: te
|
|
2448
2443
|
}, [
|
|
2449
2444
|
c($.$slots, "dropdown-title", {}, void 0, !0),
|
|
2450
|
-
I(_) === !1 ? (o(), i("img",
|
|
2445
|
+
I(_) === !1 ? (o(), i("img", Ci)) : (o(), i("img", Ai))
|
|
2451
2446
|
]),
|
|
2452
|
-
K(
|
|
2447
|
+
K(t("div", Li, [
|
|
2453
2448
|
c($.$slots, "dropdown-links", {}, void 0, !0)
|
|
2454
2449
|
], 512), [
|
|
2455
2450
|
[Q, I(_)]
|
|
2456
2451
|
])
|
|
2457
|
-
], 512)) :
|
|
2458
|
-
I(n) ? (o(), i("div",
|
|
2459
|
-
|
|
2452
|
+
], 512)) : p("", !0),
|
|
2453
|
+
I(n) ? (o(), i("div", Di, [
|
|
2454
|
+
t("button", {
|
|
2460
2455
|
ref_key: "navSearchButton",
|
|
2461
2456
|
ref: U,
|
|
2462
2457
|
class: "search-icon",
|
|
@@ -2465,36 +2460,36 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2465
2460
|
return $.$emit("clickSearch"), (N = I(U)) == null ? void 0 : N.blur();
|
|
2466
2461
|
})
|
|
2467
2462
|
}, [
|
|
2468
|
-
|
|
2463
|
+
t("img", {
|
|
2469
2464
|
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",
|
|
2470
2465
|
alt: "search icon",
|
|
2471
2466
|
width: "20",
|
|
2472
2467
|
height: "20"
|
|
2473
|
-
}, null, 8,
|
|
2468
|
+
}, null, 8, Ti)
|
|
2474
2469
|
], 512)
|
|
2475
|
-
])) :
|
|
2476
|
-
e.usePortalSwitcher ? (o(), i("div",
|
|
2477
|
-
|
|
2470
|
+
])) : p("", !0),
|
|
2471
|
+
e.usePortalSwitcher ? (o(), i("div", Vi, [
|
|
2472
|
+
t("button", {
|
|
2478
2473
|
class: "nav-portal-switcher-btn",
|
|
2479
2474
|
onClick: se
|
|
2480
|
-
},
|
|
2481
|
-
K(
|
|
2482
|
-
|
|
2475
|
+
}, Mi),
|
|
2476
|
+
K(t("div", Fi, [
|
|
2477
|
+
t("ul", Oi, [
|
|
2483
2478
|
(o(!0), i(T, null, V(e.portals, (j, N) => (o(), i("li", {
|
|
2484
2479
|
key: N,
|
|
2485
2480
|
class: "portal-switcher-link"
|
|
2486
2481
|
}, [
|
|
2487
|
-
S(I(
|
|
2482
|
+
S(I(M), { "link-type": "regular" }, {
|
|
2488
2483
|
default: y(() => [
|
|
2489
|
-
|
|
2484
|
+
t("a", {
|
|
2490
2485
|
href: j.link,
|
|
2491
2486
|
onClick: E[1] || (E[1] = (J) => de(_) ? _.value = !1 : _ = !1)
|
|
2492
2487
|
}, [
|
|
2493
|
-
|
|
2488
|
+
t("img", {
|
|
2494
2489
|
src: j.icon
|
|
2495
|
-
}, null, 8,
|
|
2496
|
-
|
|
2497
|
-
], 8,
|
|
2490
|
+
}, null, 8, Hi),
|
|
2491
|
+
t("div", null, d(j.name), 1)
|
|
2492
|
+
], 8, zi)
|
|
2498
2493
|
]),
|
|
2499
2494
|
_: 2
|
|
2500
2495
|
}, 1024)
|
|
@@ -2503,32 +2498,32 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2503
2498
|
], 512), [
|
|
2504
2499
|
[Q, I(b)]
|
|
2505
2500
|
])
|
|
2506
|
-
])) :
|
|
2507
|
-
e.useProfileDropdown ? (o(), i("div",
|
|
2508
|
-
I(k) ?
|
|
2501
|
+
])) : p("", !0),
|
|
2502
|
+
e.useProfileDropdown ? (o(), i("div", Ri, [
|
|
2503
|
+
I(k) ? p("", !0) : (o(), i("div", Ni, [
|
|
2509
2504
|
c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2510
2505
|
])),
|
|
2511
2506
|
I(k) ? (o(), i("button", {
|
|
2512
2507
|
key: 1,
|
|
2513
2508
|
class: "nav-profile-dropdown-btn",
|
|
2514
2509
|
onClick: ie
|
|
2515
|
-
},
|
|
2516
|
-
K(
|
|
2510
|
+
}, ji)) : p("", !0),
|
|
2511
|
+
K(t("div", Ki, [
|
|
2517
2512
|
c($.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2518
2513
|
], 512), [
|
|
2519
2514
|
[Q, I(v)]
|
|
2520
2515
|
])
|
|
2521
|
-
])) :
|
|
2516
|
+
])) : p("", !0)
|
|
2522
2517
|
]),
|
|
2523
|
-
|
|
2518
|
+
t("div", {
|
|
2524
2519
|
class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2525
2520
|
}, [
|
|
2526
|
-
|
|
2527
|
-
|
|
2521
|
+
t("div", Ui, [
|
|
2522
|
+
t("div", Gi, [
|
|
2528
2523
|
c($.$slots, "link-logo", {}, void 0, !0)
|
|
2529
2524
|
]),
|
|
2530
|
-
I(n) ? (o(), i("div",
|
|
2531
|
-
|
|
2525
|
+
I(n) ? (o(), i("div", Ji, [
|
|
2526
|
+
t("button", {
|
|
2532
2527
|
ref_key: "mobileSearchButton",
|
|
2533
2528
|
ref: ae,
|
|
2534
2529
|
class: "search-icon",
|
|
@@ -2538,32 +2533,32 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2538
2533
|
return $.$emit("clickSearch"), (N = I(ae)) == null ? void 0 : N.blur();
|
|
2539
2534
|
})
|
|
2540
2535
|
}, [
|
|
2541
|
-
|
|
2536
|
+
t("img", {
|
|
2542
2537
|
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",
|
|
2543
2538
|
alt: "search icon",
|
|
2544
2539
|
width: "20",
|
|
2545
2540
|
height: "20"
|
|
2546
|
-
}, null, 8,
|
|
2541
|
+
}, null, 8, Wi)
|
|
2547
2542
|
], 512)
|
|
2548
|
-
])) :
|
|
2549
|
-
|
|
2543
|
+
])) : p("", !0),
|
|
2544
|
+
t("button", {
|
|
2550
2545
|
class: "mobile-burger-wrapper",
|
|
2551
2546
|
"aria-label": "Toggle menu",
|
|
2552
2547
|
onClick: _e(re, ["prevent"])
|
|
2553
2548
|
}, [
|
|
2554
|
-
|
|
2549
|
+
t("img", {
|
|
2555
2550
|
width: "20",
|
|
2556
2551
|
height: "20",
|
|
2557
2552
|
alt: "burger menu line icon",
|
|
2558
2553
|
src: I(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2559
|
-
}, null, 8,
|
|
2554
|
+
}, null, 8, Yi)
|
|
2560
2555
|
])
|
|
2561
2556
|
]),
|
|
2562
|
-
K(
|
|
2563
|
-
|
|
2557
|
+
K(t("div", Qi, [
|
|
2558
|
+
t("ul", null, [
|
|
2564
2559
|
c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2565
2560
|
]),
|
|
2566
|
-
|
|
2561
|
+
t("ul", Zi, [
|
|
2567
2562
|
c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2568
2563
|
c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2569
2564
|
])
|
|
@@ -2574,7 +2569,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2574
2569
|
])
|
|
2575
2570
|
]));
|
|
2576
2571
|
}
|
|
2577
|
-
}),
|
|
2572
|
+
}), 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({
|
|
2578
2573
|
__name: "language-switcher",
|
|
2579
2574
|
props: {
|
|
2580
2575
|
headline: {
|
|
@@ -2587,17 +2582,17 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2587
2582
|
}
|
|
2588
2583
|
},
|
|
2589
2584
|
setup(e) {
|
|
2590
|
-
return (
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
c(
|
|
2585
|
+
return (a, r) => (o(), i("div", er, [
|
|
2586
|
+
t("div", tr, [
|
|
2587
|
+
t("h2", ar, d(e.headline), 1),
|
|
2588
|
+
t("p", or, d(e.paragraph), 1),
|
|
2589
|
+
t("div", lr, [
|
|
2590
|
+
c(a.$slots, "language-links", {}, void 0, !0)
|
|
2596
2591
|
])
|
|
2597
2592
|
])
|
|
2598
2593
|
]));
|
|
2599
2594
|
}
|
|
2600
|
-
}),
|
|
2595
|
+
}), ir = /* @__PURE__ */ f(sr, [["__scopeId", "data-v-dc8cc97e"]]), rr = { class: "pagination__wrapper" }, nr = { class: "pagination__content" }, dr = /* @__PURE__ */ g({
|
|
2601
2596
|
__name: "pagination",
|
|
2602
2597
|
props: {
|
|
2603
2598
|
isPreviousDisabled: {
|
|
@@ -2611,31 +2606,31 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
|
|
|
2611
2606
|
},
|
|
2612
2607
|
emits: ["previous", "next"],
|
|
2613
2608
|
setup(e) {
|
|
2614
|
-
return (
|
|
2615
|
-
|
|
2609
|
+
return (a, r) => (o(), i("div", rr, [
|
|
2610
|
+
t("div", nr, [
|
|
2616
2611
|
S(le, {
|
|
2617
2612
|
disabled: e.isPreviousDisabled,
|
|
2618
2613
|
variant: "previous",
|
|
2619
2614
|
"aria-label": "previous",
|
|
2620
|
-
onClick: r[0] || (r[0] = (s) =>
|
|
2615
|
+
onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
|
|
2621
2616
|
}, null, 8, ["disabled"]),
|
|
2622
|
-
c(
|
|
2617
|
+
c(a.$slots, "pagination-numbers"),
|
|
2623
2618
|
S(le, {
|
|
2624
2619
|
disabled: e.isNextDisabled,
|
|
2625
2620
|
variant: "next",
|
|
2626
2621
|
"aria-label": "next",
|
|
2627
|
-
onClick: r[1] || (r[1] = (s) =>
|
|
2622
|
+
onClick: r[1] || (r[1] = (s) => a.$emit("next"))
|
|
2628
2623
|
}, null, 8, ["disabled"])
|
|
2629
2624
|
])
|
|
2630
2625
|
]));
|
|
2631
2626
|
}
|
|
2632
|
-
}),
|
|
2633
|
-
function
|
|
2634
|
-
return o(), i("div",
|
|
2627
|
+
}), cr = /* @__PURE__ */ f(dr, [["__scopeId", "data-v-da6d07c9"]]), ur = {}, _r = { class: "search__wrapper" };
|
|
2628
|
+
function hr(e, a) {
|
|
2629
|
+
return o(), i("div", _r, [
|
|
2635
2630
|
c(e.$slots, "default", { class: "search__content" })
|
|
2636
2631
|
]);
|
|
2637
2632
|
}
|
|
2638
|
-
const
|
|
2633
|
+
const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3"]]), mr = { class: "dropdown" }, vr = ["aria-expanded"], fr = /* @__PURE__ */ g({
|
|
2639
2634
|
__name: "select-multiple",
|
|
2640
2635
|
props: {
|
|
2641
2636
|
label: { default: "" },
|
|
@@ -2643,8 +2638,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2643
2638
|
selectedOptions: { default: () => [] }
|
|
2644
2639
|
},
|
|
2645
2640
|
emits: ["filter", "remove-filter"],
|
|
2646
|
-
setup(e, { emit:
|
|
2647
|
-
const r = q(!1), s = e, l =
|
|
2641
|
+
setup(e, { emit: a }) {
|
|
2642
|
+
const r = q(!1), s = e, l = a;
|
|
2648
2643
|
function u(b) {
|
|
2649
2644
|
s.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
|
|
2650
2645
|
}
|
|
@@ -2654,8 +2649,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2654
2649
|
const _ = D(() => s.options.length > 8);
|
|
2655
2650
|
return (b, v) => {
|
|
2656
2651
|
const k = ue("click-outside");
|
|
2657
|
-
return K((o(), i("div",
|
|
2658
|
-
|
|
2652
|
+
return K((o(), i("div", mr, [
|
|
2653
|
+
t("button", {
|
|
2659
2654
|
class: "dropdown-button",
|
|
2660
2655
|
style: x({ "z-index": r.value ? 2 : 0 }),
|
|
2661
2656
|
"aria-expanded": r.value ? "true" : "false",
|
|
@@ -2664,8 +2659,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2664
2659
|
c(b.$slots, "button", {}, () => [
|
|
2665
2660
|
G(d(b.label), 1)
|
|
2666
2661
|
], !0)
|
|
2667
|
-
], 12,
|
|
2668
|
-
|
|
2662
|
+
], 12, vr),
|
|
2663
|
+
t("div", {
|
|
2669
2664
|
class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
|
|
2670
2665
|
}, [
|
|
2671
2666
|
(o(!0), i(T, null, V(b.options, (w) => (o(), L(I(me), {
|
|
@@ -2689,7 +2684,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2689
2684
|
]);
|
|
2690
2685
|
};
|
|
2691
2686
|
}
|
|
2692
|
-
}),
|
|
2687
|
+
}), 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({
|
|
2693
2688
|
__name: "pallet-jack",
|
|
2694
2689
|
props: {
|
|
2695
2690
|
label: { default: "" },
|
|
@@ -2703,11 +2698,11 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2703
2698
|
text: { default: "" }
|
|
2704
2699
|
},
|
|
2705
2700
|
setup(e) {
|
|
2706
|
-
const
|
|
2701
|
+
const a = {
|
|
2707
2702
|
dark: "promo__wrapper--dark",
|
|
2708
2703
|
light: "promo__wrapper--light",
|
|
2709
2704
|
default: "promo__wrapper--default"
|
|
2710
|
-
}, r = e, s = D(() =>
|
|
2705
|
+
}, r = e, s = D(() => a[r.variant]);
|
|
2711
2706
|
return (l, u) => (o(), i("div", {
|
|
2712
2707
|
class: m([
|
|
2713
2708
|
"promo__wrapper",
|
|
@@ -2715,27 +2710,27 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2715
2710
|
l.teaser ? "promo__wrapper--teaser" : ""
|
|
2716
2711
|
])
|
|
2717
2712
|
}, [
|
|
2718
|
-
|
|
2719
|
-
|
|
2713
|
+
t("div", br, [
|
|
2714
|
+
t("div", {
|
|
2720
2715
|
class: m([
|
|
2721
2716
|
"promo__video",
|
|
2722
2717
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2723
2718
|
])
|
|
2724
2719
|
}, [
|
|
2725
|
-
|
|
2726
|
-
|
|
2720
|
+
t("div", yr, [
|
|
2721
|
+
t("div", $r, [
|
|
2727
2722
|
c(l.$slots, "pallet-jack-link")
|
|
2728
2723
|
]),
|
|
2729
|
-
|
|
2724
|
+
t("div", kr, [
|
|
2730
2725
|
c(l.$slots, "pallet-jack-video")
|
|
2731
2726
|
]),
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2727
|
+
t("div", wr, [
|
|
2728
|
+
t("h3", Br, d(l.headline), 1),
|
|
2729
|
+
t("p", null, d(l.shortDescription), 1)
|
|
2735
2730
|
])
|
|
2736
2731
|
])
|
|
2737
2732
|
], 2),
|
|
2738
|
-
|
|
2733
|
+
t("div", {
|
|
2739
2734
|
class: m([
|
|
2740
2735
|
"promo__text",
|
|
2741
2736
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
@@ -2745,8 +2740,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2745
2740
|
key: 0,
|
|
2746
2741
|
text: l.label,
|
|
2747
2742
|
"label-dark": l.variant === "dark"
|
|
2748
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
2749
|
-
|
|
2743
|
+
}, null, 8, ["text", "label-dark"])) : p("", !0),
|
|
2744
|
+
t("div", {
|
|
2750
2745
|
class: m([
|
|
2751
2746
|
"promo__title",
|
|
2752
2747
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
@@ -2754,7 +2749,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2754
2749
|
}, [
|
|
2755
2750
|
c(l.$slots, "promo-text")
|
|
2756
2751
|
], 2),
|
|
2757
|
-
l.linkType === "link" ? (o(), L(
|
|
2752
|
+
l.linkType === "link" ? (o(), L(M, {
|
|
2758
2753
|
key: 1,
|
|
2759
2754
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
2760
2755
|
arrow: ""
|
|
@@ -2763,8 +2758,8 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2763
2758
|
c(l.$slots, "promo-link")
|
|
2764
2759
|
]),
|
|
2765
2760
|
_: 3
|
|
2766
|
-
}, 8, ["link-type"])) :
|
|
2767
|
-
l.linkType === "button" ? (o(), L(
|
|
2761
|
+
}, 8, ["link-type"])) : p("", !0),
|
|
2762
|
+
l.linkType === "button" ? (o(), L(M, {
|
|
2768
2763
|
key: 2,
|
|
2769
2764
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
2770
2765
|
}, {
|
|
@@ -2772,14 +2767,14 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2772
2767
|
c(l.$slots, "promo-link")
|
|
2773
2768
|
]),
|
|
2774
2769
|
_: 3
|
|
2775
|
-
}, 8, ["link-type"])) :
|
|
2770
|
+
}, 8, ["link-type"])) : p("", !0)
|
|
2776
2771
|
], 2)
|
|
2777
2772
|
])
|
|
2778
2773
|
], 2));
|
|
2779
2774
|
}
|
|
2780
|
-
}),
|
|
2775
|
+
}), Ir = /* @__PURE__ */ f(Sr, [["__scopeId", "data-v-00c0bad3"]]), Cr = {
|
|
2781
2776
|
install: (e) => {
|
|
2782
|
-
e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage",
|
|
2777
|
+
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);
|
|
2783
2778
|
}
|
|
2784
2779
|
};
|
|
2785
2780
|
export {
|
|
@@ -2787,38 +2782,38 @@ export {
|
|
|
2787
2782
|
me as AtomCheckbox,
|
|
2788
2783
|
He as AtomChip,
|
|
2789
2784
|
Je as AtomDropdown,
|
|
2790
|
-
|
|
2785
|
+
F as AtomImage,
|
|
2791
2786
|
Z as AtomLabel,
|
|
2792
|
-
|
|
2787
|
+
M as AtomLink,
|
|
2793
2788
|
st as AtomRadioButton,
|
|
2794
2789
|
ut as AtomSelect,
|
|
2795
|
-
|
|
2790
|
+
gr as AtomSelectMultiple,
|
|
2796
2791
|
kt as AtomSlider,
|
|
2797
2792
|
Nt as AtomTextField,
|
|
2798
2793
|
Lt as AtomTextarea,
|
|
2799
2794
|
ee as AtomVideo,
|
|
2800
2795
|
Ea as BlockAccordion,
|
|
2801
2796
|
Ya as BlockCardDisplay,
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2797
|
+
eo as BlockColumnGrid,
|
|
2798
|
+
co as BlockFacts,
|
|
2799
|
+
go as BlockFeatures,
|
|
2800
|
+
Io as BlockFormScript,
|
|
2801
|
+
Ms as BlockFrontPageHero,
|
|
2802
|
+
Lo as BlockHeadline,
|
|
2803
|
+
jo as BlockHero,
|
|
2804
|
+
Yo as BlockImage,
|
|
2805
|
+
tl as BlockImageGallery,
|
|
2806
|
+
cl as BlockLogoWall,
|
|
2807
|
+
ml as BlockMicroStories,
|
|
2808
|
+
Ir as BlockPalletJack,
|
|
2809
|
+
yl as BlockPolicy,
|
|
2810
|
+
Al as BlockProductHero,
|
|
2811
|
+
Tl as BlockPromo,
|
|
2812
|
+
Ul as BlockQuote,
|
|
2813
|
+
Ql as BlockRichText,
|
|
2814
|
+
os as BlockRichTextColumns,
|
|
2815
|
+
hs as BlockTimeline,
|
|
2816
|
+
bs as BlockVimeo,
|
|
2822
2817
|
oa as MoleculeAddress,
|
|
2823
2818
|
na as MoleculeBulletList,
|
|
2824
2819
|
ha as MoleculeCard,
|
|
@@ -2826,12 +2821,12 @@ export {
|
|
|
2826
2821
|
Ia as MoleculeEventCard,
|
|
2827
2822
|
ve as MoleculeModal,
|
|
2828
2823
|
Da as MoleculeTextCard,
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
|
|
2824
|
+
Ns as Organism404,
|
|
2825
|
+
Js as OrganismFilter,
|
|
2826
|
+
ki as OrganismFooter,
|
|
2827
|
+
xi as OrganismHeader,
|
|
2828
|
+
ir as OrganismLanguageSwitcher,
|
|
2829
|
+
cr as OrganismPagination,
|
|
2830
|
+
pr as OrganismSearch,
|
|
2831
|
+
Cr as default
|
|
2837
2832
|
};
|