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