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