@mirweb/mir-web-components 1.4.15 → 1.4.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as
|
|
1
|
+
import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as F, popScopeId as H, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as A, renderList as P, vShow as Q, normalizeProps as z, guardReactiveProps as E, toRefs as ke, mergeProps as de, createVNode as B, Transition as we, withCtx as $, withModifiers as _e, createBlock as T, createCommentVNode as h, watchEffect as pe, withKeys as Se, useSlots as Be, normalizeStyle as oe, isRef as ne, unref as I, onMounted as he, watch as Y, onUnmounted as Ie } from "vue";
|
|
2
2
|
const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -15,7 +15,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
15
15
|
next: "next",
|
|
16
16
|
previous: "previous"
|
|
17
17
|
}, r = e, i = C(() => a[r.variant]);
|
|
18
|
-
return (l,
|
|
18
|
+
return (l, u) => (o(), s("button", {
|
|
19
19
|
class: m(["button", "button--" + i.value]),
|
|
20
20
|
"aria-label": l.ariaLabel
|
|
21
21
|
}, n(i.value === "close" ? "" : l.buttonText), 11, qe));
|
|
@@ -25,7 +25,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
25
25
|
for (const [i, l] of a)
|
|
26
26
|
r[i] = l;
|
|
27
27
|
return r;
|
|
28
|
-
}, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (
|
|
28
|
+
}, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (F("data-v-0c4c6d8e"), e = e(), H(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ g({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
31
31
|
name: { default: "checkbox" },
|
|
@@ -38,10 +38,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
38
38
|
emits: ["input"],
|
|
39
39
|
setup(e, { emit: a }) {
|
|
40
40
|
const r = a, i = (l) => {
|
|
41
|
-
const
|
|
42
|
-
r("input",
|
|
41
|
+
const u = l.target;
|
|
42
|
+
r("input", u.checked);
|
|
43
43
|
};
|
|
44
|
-
return (l,
|
|
44
|
+
return (l, u) => (o(), s("div", {
|
|
45
45
|
class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
|
|
46
46
|
}, [
|
|
47
47
|
t("input", {
|
|
@@ -60,15 +60,15 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
60
60
|
class: m(["checkbox__label", l.required ? "required" : ""])
|
|
61
61
|
}, [
|
|
62
62
|
Ve,
|
|
63
|
-
|
|
63
|
+
c(l.$slots, "default", {}, void 0, !0)
|
|
64
64
|
], 10, Te)
|
|
65
65
|
], 2));
|
|
66
66
|
}
|
|
67
|
-
}), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (
|
|
67
|
+
}), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (F("data-v-08813346"), e = e(), H(), 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"
|
|
71
|
-
}, null, -1)),
|
|
71
|
+
}, null, -1)), ze = /* @__PURE__ */ g({
|
|
72
72
|
__name: "chip",
|
|
73
73
|
props: {
|
|
74
74
|
text: { default: "" }
|
|
@@ -78,7 +78,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
78
78
|
const a = e, r = C(() => `Chip: ${a.text}`);
|
|
79
79
|
return (i, l) => (o(), s("div", {
|
|
80
80
|
class: "chip__wrapper",
|
|
81
|
-
onClick: l[0] || (l[0] = (
|
|
81
|
+
onClick: l[0] || (l[0] = (u) => i.$emit("remove-chip"))
|
|
82
82
|
}, [
|
|
83
83
|
t("span", {
|
|
84
84
|
class: "chip",
|
|
@@ -89,7 +89,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
89
89
|
], 8, Me)
|
|
90
90
|
]));
|
|
91
91
|
}
|
|
92
|
-
}),
|
|
92
|
+
}), Fe = /* @__PURE__ */ f(ze, [["__scopeId", "data-v-08813346"]]), He = ["value"], Re = ["id"], Ee = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ke = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
|
|
93
93
|
__name: "dropdown",
|
|
94
94
|
props: {
|
|
95
95
|
modelValue: {},
|
|
@@ -107,45 +107,45 @@ 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 = C(() => r[i.variant]),
|
|
111
|
-
const
|
|
110
|
+
}, i = e, l = C(() => r[i.variant]), u = q(null), d = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), x = a, le = C(() => {
|
|
111
|
+
const p = i.options.find(
|
|
112
112
|
(S) => S.value === i.modelValue
|
|
113
113
|
);
|
|
114
|
-
return
|
|
114
|
+
return p && p.label;
|
|
115
115
|
});
|
|
116
|
-
function se(
|
|
117
|
-
x("update:modelValue",
|
|
116
|
+
function se(p) {
|
|
117
|
+
x("update:modelValue", p);
|
|
118
118
|
}
|
|
119
|
-
function ie(
|
|
119
|
+
function ie(p) {
|
|
120
120
|
var L;
|
|
121
|
-
const S =
|
|
122
|
-
S.getAttribute("role") === "option" && (J(S), te(), (L =
|
|
121
|
+
const S = p.target;
|
|
122
|
+
S.getAttribute("role") === "option" && (J(S), te(), (L = u.value) == null || L.focus());
|
|
123
123
|
}
|
|
124
|
-
function U(
|
|
124
|
+
function U(p) {
|
|
125
125
|
var L;
|
|
126
|
-
const S =
|
|
126
|
+
const S = p.key;
|
|
127
127
|
switch (S) {
|
|
128
128
|
case "ArrowUp":
|
|
129
129
|
case "ArrowDown": {
|
|
130
|
-
|
|
130
|
+
p.preventDefault();
|
|
131
131
|
const D = i.options.findIndex(
|
|
132
132
|
(W) => W.value === i.modelValue
|
|
133
133
|
);
|
|
134
|
-
let O = D ?
|
|
135
|
-
S === "ArrowUp" ? D - 1 >= 0 && (O =
|
|
134
|
+
let O = D ? _.value[D] : _.value[0];
|
|
135
|
+
S === "ArrowUp" ? D - 1 >= 0 && (O = _.value[D - 1]) : D + 1 <= i.options.length && (O = _.value[D + 1]), O && J(O);
|
|
136
136
|
break;
|
|
137
137
|
}
|
|
138
138
|
case "Home":
|
|
139
139
|
case "PageUp":
|
|
140
|
-
|
|
140
|
+
p.preventDefault(), R();
|
|
141
141
|
break;
|
|
142
142
|
case "End":
|
|
143
143
|
case "PageDown":
|
|
144
|
-
|
|
144
|
+
p.preventDefault(), be();
|
|
145
145
|
break;
|
|
146
146
|
case "Enter":
|
|
147
147
|
case "Escape":
|
|
148
|
-
|
|
148
|
+
p.preventDefault(), te(), (L = u.value) == null || L.focus();
|
|
149
149
|
break;
|
|
150
150
|
default: {
|
|
151
151
|
const D = N(S);
|
|
@@ -154,121 +154,121 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
function ee(
|
|
157
|
+
function ee(p) {
|
|
158
158
|
if (!i.disabled)
|
|
159
|
-
switch (
|
|
159
|
+
switch (p.key) {
|
|
160
160
|
case "ArrowUp":
|
|
161
161
|
case "ArrowDown":
|
|
162
|
-
|
|
162
|
+
p.preventDefault(), ce(), U(p);
|
|
163
163
|
break;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
function re(
|
|
167
|
-
|
|
166
|
+
function re(p) {
|
|
167
|
+
p && p.removeAttribute("aria-selected");
|
|
168
168
|
}
|
|
169
169
|
function y() {
|
|
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(p) {
|
|
175
175
|
let S = "";
|
|
176
|
-
(v.value === "" || S !==
|
|
176
|
+
(v.value === "" || S !== p) && (w.value = i.options.findIndex(
|
|
177
177
|
(D) => D.value === i.modelValue
|
|
178
|
-
)), v.value = S ===
|
|
178
|
+
)), v.value = S === p ? p : v.value + p, S = p, y();
|
|
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(p, S) {
|
|
186
|
+
for (let L = p; L < S; L++)
|
|
187
187
|
if (i.options[L].label && i.options[L].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
|
|
188
|
-
return
|
|
188
|
+
return _.value[L];
|
|
189
189
|
return null;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
192
|
-
J(
|
|
191
|
+
function R() {
|
|
192
|
+
J(_.value[0]);
|
|
193
193
|
}
|
|
194
|
-
function J(
|
|
194
|
+
function J(p) {
|
|
195
195
|
var L, D;
|
|
196
|
-
const S =
|
|
196
|
+
const S = p.getAttribute("data-value");
|
|
197
197
|
if (i.modelValue) {
|
|
198
198
|
const O = i.options.findIndex(
|
|
199
199
|
($e) => $e.value === i.modelValue
|
|
200
|
-
), W =
|
|
200
|
+
), W = _.value[O];
|
|
201
201
|
re(W);
|
|
202
202
|
}
|
|
203
|
-
if (
|
|
203
|
+
if (p.setAttribute("aria-selected", "true"), (L = d.value) == null || L.setAttribute(
|
|
204
204
|
"aria-activedescendant",
|
|
205
205
|
S || ""
|
|
206
|
-
), se(S || ""),
|
|
207
|
-
const O =
|
|
208
|
-
W > O ?
|
|
206
|
+
), se(S || ""), d.value && d.value.scrollHeight > d.value.clientHeight) {
|
|
207
|
+
const O = d.value.clientHeight + d.value.scrollTop, W = p.offsetTop + p.offsetHeight;
|
|
208
|
+
W > O ? d.value.scrollTop = W - ((D = d.value) == null ? void 0 : D.clientHeight) : p.offsetTop < d.value.scrollTop && (d.value.scrollTop = p.offsetTop);
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
function be() {
|
|
212
212
|
var S;
|
|
213
|
-
const
|
|
214
|
-
J(
|
|
213
|
+
const p = (S = _.value) == null ? void 0 : S[i.options.length - 1];
|
|
214
|
+
J(p);
|
|
215
215
|
}
|
|
216
216
|
function te() {
|
|
217
|
-
var
|
|
218
|
-
k.value = !0, (
|
|
217
|
+
var p;
|
|
218
|
+
k.value = !0, (p = u.value) == null || p.removeAttribute("aria-expanded");
|
|
219
219
|
}
|
|
220
220
|
function ce() {
|
|
221
|
-
var
|
|
222
|
-
k.value = !1, (
|
|
221
|
+
var p, S;
|
|
222
|
+
k.value = !1, (p = u.value) == null || p.setAttribute("aria-expanded", "true"), (S = d.value) == null || S.focus();
|
|
223
223
|
}
|
|
224
224
|
function ye() {
|
|
225
225
|
i.disabled || (k.value ? ce() : te());
|
|
226
226
|
}
|
|
227
|
-
return (
|
|
227
|
+
return (p, 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: p.modelValue
|
|
233
233
|
}, [
|
|
234
234
|
t("label", {
|
|
235
|
-
id: `${
|
|
235
|
+
id: `${p.name}-label`,
|
|
236
236
|
class: m([{
|
|
237
|
-
"listbox__label--visually-hidden": !
|
|
238
|
-
"is-disabled":
|
|
239
|
-
"is-required":
|
|
237
|
+
"listbox__label--visually-hidden": !p.showLabel,
|
|
238
|
+
"is-disabled": p.disabled,
|
|
239
|
+
"is-required": p.required
|
|
240
240
|
}, "listbox__label"])
|
|
241
|
-
}, n(
|
|
241
|
+
}, n(p.label), 11, Re),
|
|
242
242
|
K((o(), s("div", Ee, [
|
|
243
243
|
t("button", {
|
|
244
|
-
id: `${
|
|
244
|
+
id: `${p.name}-button-label`,
|
|
245
245
|
ref_key: "listboxButton",
|
|
246
|
-
ref:
|
|
247
|
-
"aria-labelledby": `${
|
|
246
|
+
ref: u,
|
|
247
|
+
"aria-labelledby": `${p.name}-label ${p.name}-button-label`,
|
|
248
248
|
type: "button",
|
|
249
249
|
"aria-haspopup": "listbox",
|
|
250
|
-
"aria-disabled":
|
|
250
|
+
"aria-disabled": p.disabled,
|
|
251
251
|
class: m(["listbox__button", l.value]),
|
|
252
252
|
onClick: ye,
|
|
253
253
|
onKeydown: ee
|
|
254
|
-
}, n(
|
|
254
|
+
}, n(p.modelValue ? le.value : p.placeholder), 43, Ne),
|
|
255
255
|
K(t("ul", {
|
|
256
256
|
ref_key: "listboxNode",
|
|
257
|
-
ref:
|
|
258
|
-
"aria-labelledby": `${
|
|
259
|
-
"aria-activedescendant":
|
|
257
|
+
ref: d,
|
|
258
|
+
"aria-labelledby": `${p.name}-label`,
|
|
259
|
+
"aria-activedescendant": p.modelValue,
|
|
260
260
|
tabindex: "0",
|
|
261
261
|
role: "listbox",
|
|
262
262
|
class: "listbox__list",
|
|
263
263
|
onKeydown: U,
|
|
264
264
|
onClick: ie
|
|
265
265
|
}, [
|
|
266
|
-
(o(!0), s(A, null, P(
|
|
267
|
-
key: `${
|
|
266
|
+
(o(!0), s(A, null, P(p.options, (D, O) => (o(), s("li", {
|
|
267
|
+
key: `${p.name}-option-${O}`,
|
|
268
268
|
ref_for: !0,
|
|
269
269
|
ref_key: "listboxOptions",
|
|
270
|
-
ref:
|
|
271
|
-
"aria-selected": D.value ===
|
|
270
|
+
ref: _,
|
|
271
|
+
"aria-selected": D.value === p.modelValue,
|
|
272
272
|
"data-value": D.value,
|
|
273
273
|
class: "listbox__option",
|
|
274
274
|
role: "option"
|
|
@@ -279,7 +279,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
279
279
|
])), [
|
|
280
280
|
[L, te]
|
|
281
281
|
])
|
|
282
|
-
], 8,
|
|
282
|
+
], 8, He);
|
|
283
283
|
};
|
|
284
284
|
}
|
|
285
285
|
}), Ge = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-a17afd8c"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
|
|
@@ -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
|
-
|
|
298
|
+
c(a.$slots, "default", z(E(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({
|
|
@@ -336,24 +336,24 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
336
336
|
hover: "underline-hover",
|
|
337
337
|
true: "add-underline",
|
|
338
338
|
false: "remove-underline"
|
|
339
|
-
}, i = e, l = C(() => a[i.linkType]),
|
|
340
|
-
const { ...
|
|
341
|
-
return
|
|
339
|
+
}, i = e, l = C(() => a[i.linkType]), u = C(() => r[i.underline]), d = C(() => {
|
|
340
|
+
const { ..._ } = ke(i);
|
|
341
|
+
return _;
|
|
342
342
|
});
|
|
343
|
-
return (
|
|
344
|
-
t("div", de(
|
|
343
|
+
return (_, b) => (o(), s("div", Xe, [
|
|
344
|
+
t("div", de(d.value, {
|
|
345
345
|
class: ["mir-link", [
|
|
346
346
|
l.value,
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
347
|
+
_.disabled ? "disabled" : "",
|
|
348
|
+
u.value,
|
|
349
|
+
_.arrow ? "link-arrow" : ""
|
|
350
350
|
]]
|
|
351
351
|
}), [
|
|
352
|
-
|
|
352
|
+
c(_.$slots, "default")
|
|
353
353
|
], 16)
|
|
354
354
|
]));
|
|
355
355
|
}
|
|
356
|
-
}), xe = (e) => (
|
|
356
|
+
}), xe = (e) => (F("data-v-fa1bda9b"), e = e(), H(), 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" },
|
|
@@ -366,10 +366,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
366
366
|
emits: ["input"],
|
|
367
367
|
setup(e, { emit: a }) {
|
|
368
368
|
const r = a, i = (l) => {
|
|
369
|
-
const
|
|
370
|
-
r("input",
|
|
369
|
+
const u = l.target;
|
|
370
|
+
r("input", u.checked);
|
|
371
371
|
};
|
|
372
|
-
return (l,
|
|
372
|
+
return (l, u) => (o(), s("div", {
|
|
373
373
|
class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
|
|
374
374
|
}, [
|
|
375
375
|
t("input", {
|
|
@@ -388,7 +388,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
388
388
|
class: m(["radio__label", l.required ? "required" : ""])
|
|
389
389
|
}, [
|
|
390
390
|
at,
|
|
391
|
-
|
|
391
|
+
c(l.$slots, "default", {}, void 0, !0)
|
|
392
392
|
], 10, tt)
|
|
393
393
|
], 2));
|
|
394
394
|
}
|
|
@@ -438,43 +438,43 @@ 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 (
|
|
441
|
+
return (u, d) => (o(), s("div", ut, [
|
|
442
442
|
B(we, {
|
|
443
443
|
duration: 300,
|
|
444
444
|
name: "nested"
|
|
445
445
|
}, {
|
|
446
446
|
default: $(() => [
|
|
447
447
|
K(t("div", {
|
|
448
|
-
class: m(["overlay",
|
|
448
|
+
class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
449
449
|
ariaLabel: "modal",
|
|
450
450
|
role: "dialog",
|
|
451
451
|
onClick: l
|
|
452
452
|
}, [
|
|
453
453
|
t("div", {
|
|
454
454
|
id: "modal",
|
|
455
|
-
class: m([
|
|
456
|
-
onClick:
|
|
455
|
+
class: m([u.searchBar ? "search" : ""]),
|
|
456
|
+
onClick: d[0] || (d[0] = _e(() => {
|
|
457
457
|
}, ["stop"]))
|
|
458
458
|
}, [
|
|
459
459
|
t("div", null, [
|
|
460
|
-
|
|
460
|
+
u.searchBar ? h("", !0) : (o(), T(ae, {
|
|
461
461
|
key: 0,
|
|
462
462
|
"aria-label": "close",
|
|
463
463
|
variant: "close",
|
|
464
464
|
onClick: l
|
|
465
465
|
}))
|
|
466
466
|
]),
|
|
467
|
-
|
|
467
|
+
c(u.$slots, "default", {}, void 0, !0)
|
|
468
468
|
], 2)
|
|
469
469
|
], 2), [
|
|
470
|
-
[Q,
|
|
470
|
+
[Q, u.show]
|
|
471
471
|
])
|
|
472
472
|
]),
|
|
473
473
|
_: 3
|
|
474
474
|
})
|
|
475
475
|
]));
|
|
476
476
|
}
|
|
477
|
-
}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]),
|
|
477
|
+
}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, ht = { 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,20 +490,20 @@ 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),
|
|
493
|
+
const r = e, i = a, l = q(r.modelValue), u = q(), d = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
|
|
494
494
|
var k;
|
|
495
|
-
(k =
|
|
495
|
+
(k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
|
|
496
496
|
};
|
|
497
|
-
return
|
|
498
|
-
if (
|
|
497
|
+
return pe(() => {
|
|
498
|
+
if (u.value) {
|
|
499
499
|
i("update:modelValue", l.value);
|
|
500
|
-
const v =
|
|
500
|
+
const v = _(l.value, r.min, r.max);
|
|
501
501
|
let k = (50 - v) / 100;
|
|
502
502
|
b(v + k);
|
|
503
503
|
}
|
|
504
504
|
}), (v, k) => (o(), s("div", null, [
|
|
505
|
-
t("div",
|
|
506
|
-
t("div",
|
|
505
|
+
t("div", pt, [
|
|
506
|
+
t("div", ht, [
|
|
507
507
|
t("label", {
|
|
508
508
|
for: v.id,
|
|
509
509
|
class: m([v.variant, ""])
|
|
@@ -515,9 +515,9 @@ 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) => d.value = !d.value),
|
|
519
|
+
onKeyup: k[1] || (k[1] = Se((w) => d.value = !d.value, ["enter"]))
|
|
520
|
+
}, null, 42, vt)) : h("", !0)
|
|
521
521
|
]),
|
|
522
522
|
t("div", ft, [
|
|
523
523
|
t("span", {
|
|
@@ -526,7 +526,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
526
526
|
t("input", {
|
|
527
527
|
id: v.id,
|
|
528
528
|
ref_key: "slider",
|
|
529
|
-
ref:
|
|
529
|
+
ref: u,
|
|
530
530
|
type: "range",
|
|
531
531
|
name: v.name,
|
|
532
532
|
value: v.modelValue,
|
|
@@ -546,14 +546,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
546
546
|
]),
|
|
547
547
|
v.information ? (o(), T(ve, {
|
|
548
548
|
key: 0,
|
|
549
|
-
show:
|
|
550
|
-
"onUpdate:show": k[3] || (k[3] = (w) =>
|
|
549
|
+
show: d.value,
|
|
550
|
+
"onUpdate:show": k[3] || (k[3] = (w) => d.value = w)
|
|
551
551
|
}, {
|
|
552
552
|
default: $(() => [
|
|
553
553
|
t("p", bt, n(v.information), 1)
|
|
554
554
|
]),
|
|
555
555
|
_: 1
|
|
556
|
-
}, 8, ["show"])) :
|
|
556
|
+
}, 8, ["show"])) : h("", !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({
|
|
@@ -596,7 +596,7 @@ 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 ")) : h("", !0)
|
|
600
600
|
]),
|
|
601
601
|
t("p", {
|
|
602
602
|
class: m(
|
|
@@ -609,13 +609,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
609
609
|
}), Dt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, At = ["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 = {
|
|
613
613
|
key: 3,
|
|
614
614
|
class: "errorMessage"
|
|
615
|
-
},
|
|
615
|
+
}, Ft = {
|
|
616
616
|
key: 4,
|
|
617
617
|
class: "helperText"
|
|
618
|
-
},
|
|
618
|
+
}, Ht = /* @__PURE__ */ g({
|
|
619
619
|
__name: "text-field",
|
|
620
620
|
props: {
|
|
621
621
|
type: { default: "text" },
|
|
@@ -642,62 +642,62 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
642
642
|
tel: "tel",
|
|
643
643
|
url: "url",
|
|
644
644
|
search: "search"
|
|
645
|
-
}, r = e, i = C(() => a[r.type]), l = q(!0),
|
|
645
|
+
}, r = e, i = C(() => a[r.type]), l = q(!0), u = C(
|
|
646
646
|
() => l.value ? "showPassword" : "hidePassword"
|
|
647
|
-
),
|
|
647
|
+
), d = C(
|
|
648
648
|
() => l.value ? "password" : "text"
|
|
649
649
|
);
|
|
650
|
-
return (
|
|
650
|
+
return (_, b) => (o(), s("div", Ct, [
|
|
651
651
|
t("label", {
|
|
652
|
-
for:
|
|
652
|
+
for: _.id,
|
|
653
653
|
class: m([
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
654
|
+
_.required ? "required" : "",
|
|
655
|
+
_.disabled ? "disabled" : "",
|
|
656
|
+
_.search ? "search" : ""
|
|
657
657
|
])
|
|
658
|
-
}, n(
|
|
658
|
+
}, n(_.label), 11, Tt),
|
|
659
659
|
i.value === "password" ? (o(), s("div", Vt, [
|
|
660
660
|
t("input", {
|
|
661
|
-
id:
|
|
661
|
+
id: _.id,
|
|
662
662
|
ref: "passwordField",
|
|
663
|
-
type:
|
|
664
|
-
value:
|
|
665
|
-
placeholder:
|
|
666
|
-
required:
|
|
667
|
-
disabled:
|
|
668
|
-
name:
|
|
669
|
-
onInput: b[0] || (b[0] = (v) =>
|
|
663
|
+
type: d.value,
|
|
664
|
+
value: _.modelValue,
|
|
665
|
+
placeholder: _.placeholder,
|
|
666
|
+
required: _.required,
|
|
667
|
+
disabled: _.disabled,
|
|
668
|
+
name: _.fieldName,
|
|
669
|
+
onInput: b[0] || (b[0] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
670
670
|
}, null, 40, At),
|
|
671
671
|
t("i", {
|
|
672
672
|
role: "button",
|
|
673
|
-
class: m([
|
|
673
|
+
class: m([u.value]),
|
|
674
674
|
"aria-controls": "password",
|
|
675
675
|
"aria-expanded": !l.value,
|
|
676
676
|
onClick: b[1] || (b[1] = (v) => l.value = !l.value)
|
|
677
677
|
}, null, 10, Pt)
|
|
678
678
|
])) : (o(), s("input", {
|
|
679
679
|
key: 1,
|
|
680
|
-
id:
|
|
680
|
+
id: _.id,
|
|
681
681
|
ref: "textField",
|
|
682
682
|
type: i.value,
|
|
683
|
-
value:
|
|
684
|
-
placeholder:
|
|
685
|
-
required:
|
|
683
|
+
value: _.modelValue,
|
|
684
|
+
placeholder: _.placeholder,
|
|
685
|
+
required: _.required,
|
|
686
686
|
class: m([
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
687
|
+
_.invalid ? "invalid" : "",
|
|
688
|
+
_.valid ? "valid" : "",
|
|
689
|
+
_.search ? "search" : ""
|
|
690
690
|
]),
|
|
691
|
-
disabled:
|
|
692
|
-
name:
|
|
693
|
-
onInput: b[2] || (b[2] = (v) =>
|
|
691
|
+
disabled: _.disabled,
|
|
692
|
+
name: _.fieldName,
|
|
693
|
+
onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
|
|
694
694
|
}, null, 42, Mt)),
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
695
|
+
_.search ? (o(), s("i", Ot)) : h("", !0),
|
|
696
|
+
_.errorMessage ? (o(), s("strong", zt, n(_.errorMessage), 1)) : h("", !0),
|
|
697
|
+
_.helperText ? (o(), s("span", Ft, n(_.helperText), 1)) : h("", !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({
|
|
701
701
|
__name: "video",
|
|
702
702
|
props: {
|
|
703
703
|
play: { type: Boolean, default: !1 },
|
|
@@ -716,35 +716,35 @@ 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 pe(() => {
|
|
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
|
-
}), (
|
|
726
|
-
|
|
725
|
+
}), (u, d) => (o(), s("div", Et, [
|
|
726
|
+
u.localVideo ? (o(), s("video", {
|
|
727
727
|
key: 0,
|
|
728
728
|
ref_key: "videoRef",
|
|
729
729
|
ref: i,
|
|
730
|
-
"aria-label":
|
|
731
|
-
controls:
|
|
732
|
-
poster:
|
|
733
|
-
width:
|
|
734
|
-
height:
|
|
735
|
-
autoplay:
|
|
736
|
-
loop:
|
|
737
|
-
muted:
|
|
730
|
+
"aria-label": u.ariaLabel,
|
|
731
|
+
controls: u.controls,
|
|
732
|
+
poster: u.poster,
|
|
733
|
+
width: u.width,
|
|
734
|
+
height: u.height,
|
|
735
|
+
autoplay: u.autoplay,
|
|
736
|
+
loop: u.loop,
|
|
737
|
+
muted: u.muted,
|
|
738
738
|
type: "video/mp4",
|
|
739
739
|
playsinline: "",
|
|
740
|
-
src:
|
|
740
|
+
src: u.src
|
|
741
741
|
}, null, 8, Nt)) : (o(), s("iframe", {
|
|
742
742
|
key: 1,
|
|
743
|
-
src:
|
|
744
|
-
"aria-label":
|
|
745
|
-
title:
|
|
746
|
-
width:
|
|
747
|
-
height:
|
|
743
|
+
src: u.src,
|
|
744
|
+
"aria-label": u.ariaLabel,
|
|
745
|
+
title: u.title,
|
|
746
|
+
width: u.width,
|
|
747
|
+
height: u.height,
|
|
748
748
|
frameborder: "0",
|
|
749
749
|
allow: "autoplay; fullscreen",
|
|
750
750
|
allowfullscreen: ""
|
|
@@ -767,14 +767,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
767
767
|
return (a, r) => (o(), s("div", Ut, [
|
|
768
768
|
t("div", Gt, [
|
|
769
769
|
t("div", Jt, [
|
|
770
|
-
|
|
770
|
+
c(a.$slots, "address-flag", {}, void 0, !0)
|
|
771
771
|
]),
|
|
772
772
|
t("div", Wt, [
|
|
773
773
|
t("p", Yt, n(a.name), 1),
|
|
774
774
|
t("p", null, n(a.company), 1),
|
|
775
775
|
t("p", null, n(a.addressLine1), 1),
|
|
776
776
|
t("p", null, n(a.addressLine2), 1),
|
|
777
|
-
a.addressLine3 ? (o(), s("p", Qt, n(a.addressLine3), 1)) :
|
|
777
|
+
a.addressLine3 ? (o(), s("p", Qt, n(a.addressLine3), 1)) : h("", !0)
|
|
778
778
|
]),
|
|
779
779
|
t("div", Zt, [
|
|
780
780
|
a.website ? (o(), T(V, {
|
|
@@ -789,7 +789,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
789
789
|
}, n(a.website), 9, Xt)
|
|
790
790
|
]),
|
|
791
791
|
_: 1
|
|
792
|
-
})) :
|
|
792
|
+
})) : h("", !0),
|
|
793
793
|
(o(!0), s(A, null, P(a.phoneNumbers, (i) => (o(), T(V, {
|
|
794
794
|
key: i,
|
|
795
795
|
underline: "false",
|
|
@@ -811,7 +811,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
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) => (F("data-v-a44fd57d"), e = e(), H(), 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: {
|
|
@@ -869,6 +869,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
869
869
|
const a = Be();
|
|
870
870
|
let r = q(!1);
|
|
871
871
|
const i = {
|
|
872
|
+
xsmall: {
|
|
873
|
+
class: "card--xsmall",
|
|
874
|
+
width: "241",
|
|
875
|
+
height: "135"
|
|
876
|
+
},
|
|
872
877
|
small: {
|
|
873
878
|
class: "card--small",
|
|
874
879
|
width: "298",
|
|
@@ -884,30 +889,30 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
884
889
|
width: "596",
|
|
885
890
|
height: "335"
|
|
886
891
|
}
|
|
887
|
-
}, l = e,
|
|
888
|
-
return (
|
|
892
|
+
}, l = e, u = C(() => i[l.size]);
|
|
893
|
+
return (d, _) => (o(), s("div", na, [
|
|
889
894
|
t("div", {
|
|
890
895
|
class: m(["card", [
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
+
d.theme === "dark" ? "card--dark" : "card--light",
|
|
897
|
+
d.orientation === "vertical" ? "vertical" : "horizontal",
|
|
898
|
+
u.value.class,
|
|
899
|
+
d.size === "large" && d.variant === "article" ? "card--large-article" : d.size === "small" && d.variant === "article" ? "card--small-article" : d.size === "xsmall" && d.variant === "article" ? "card--xsmall-article" : d.size === "medium" && d.variant === "article" ? "card--medium-article" : d.size === "large" && d.variant === "product" ? "card--large-product" : d.size === "small" && d.variant === "product" ? "card--small-product" : d.size === "xsmall" && d.variant === "product" ? "card--xsmall-product" : d.size === "medium" && d.variant === "product" ? "card--medium-product" : d.variant === "product" ? "card--product" : "card--article",
|
|
900
|
+
d.variant === "product" ? "card--product" : "card--article"
|
|
896
901
|
]]),
|
|
897
|
-
style: oe([
|
|
898
|
-
onMouseover:
|
|
899
|
-
onMouseout:
|
|
902
|
+
style: oe([d.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
903
|
+
onMouseover: _[0] || (_[0] = (b) => ne(r) ? r.value = !0 : r = !0),
|
|
904
|
+
onMouseout: _[1] || (_[1] = (b) => ne(r) ? r.value = !1 : r = !1)
|
|
900
905
|
}, [
|
|
901
|
-
|
|
906
|
+
d.mediaType === "image" ? (o(), T(M, { key: 0 }, {
|
|
902
907
|
default: $(() => [
|
|
903
|
-
d
|
|
904
|
-
src:
|
|
908
|
+
c(d.$slots, "card-image", de({
|
|
909
|
+
src: d.imgSrc,
|
|
905
910
|
width: "596",
|
|
906
911
|
height: "335",
|
|
907
|
-
alt:
|
|
912
|
+
alt: d.alt,
|
|
908
913
|
loading: "auto",
|
|
909
914
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
910
|
-
}, { srcset:
|
|
915
|
+
}, { srcset: d.srcSet }))
|
|
911
916
|
]),
|
|
912
917
|
_: 3
|
|
913
918
|
})) : (o(), s("div", {
|
|
@@ -917,39 +922,39 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
917
922
|
B(X, {
|
|
918
923
|
play: I(r),
|
|
919
924
|
"local-video": !0,
|
|
920
|
-
src:
|
|
921
|
-
"aria-label":
|
|
925
|
+
src: d.videoSrc,
|
|
926
|
+
"aria-label": d.arialabel,
|
|
922
927
|
controls: !1,
|
|
923
|
-
poster:
|
|
924
|
-
width:
|
|
925
|
-
height:
|
|
928
|
+
poster: d.imgSrc,
|
|
929
|
+
width: u.value.width,
|
|
930
|
+
height: u.value.height,
|
|
926
931
|
autoplay: !0,
|
|
927
932
|
loop: !0,
|
|
928
933
|
muted: !0
|
|
929
934
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
930
935
|
], 2)),
|
|
931
936
|
I(a)["card-label"] ? (o(), s("div", da, [
|
|
932
|
-
d
|
|
933
|
-
])) :
|
|
934
|
-
|
|
937
|
+
c(d.$slots, "card-label")
|
|
938
|
+
])) : h("", !0),
|
|
939
|
+
d.variant === "product" ? (o(), s("div", {
|
|
935
940
|
key: 3,
|
|
936
941
|
class: m([
|
|
937
942
|
"card__headline",
|
|
938
|
-
|
|
943
|
+
d.theme === "dark" ? "regular-dark" : "regular-blue"
|
|
939
944
|
]),
|
|
940
945
|
style: { "font-weight": "700" }
|
|
941
|
-
}, n(
|
|
946
|
+
}, n(d.headline), 3)) : (o(), s("div", {
|
|
942
947
|
key: 4,
|
|
943
948
|
class: m([
|
|
944
949
|
"card__headline",
|
|
945
|
-
|
|
950
|
+
d.theme === "dark" ? "regular-dark" : "regular-dark-blue"
|
|
946
951
|
])
|
|
947
|
-
}, n(
|
|
948
|
-
|
|
952
|
+
}, n(d.headline), 3)),
|
|
953
|
+
d.variant === "product" ? (o(), s("p", ca, n(d.paragraph), 1)) : h("", !0)
|
|
949
954
|
], 38)
|
|
950
955
|
]));
|
|
951
956
|
}
|
|
952
|
-
}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-
|
|
957
|
+
}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-f26b0595"]]), pa = (e) => (F("data-v-2c394add"), e = e(), H(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
|
|
953
958
|
__name: "event-card",
|
|
954
959
|
props: {
|
|
955
960
|
eventType: {
|
|
@@ -974,7 +979,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
974
979
|
}
|
|
975
980
|
},
|
|
976
981
|
setup(e) {
|
|
977
|
-
return (a, r) => (o(), s("div",
|
|
982
|
+
return (a, r) => (o(), s("div", ha, [
|
|
978
983
|
B(Z, {
|
|
979
984
|
"label-dark": !1,
|
|
980
985
|
text: e.eventType ? e.eventType : ""
|
|
@@ -1044,19 +1049,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1044
1049
|
}, [
|
|
1045
1050
|
t("div", Ia, [
|
|
1046
1051
|
e.headline || e.paragraph ? (o(), s("div", qa, [
|
|
1047
|
-
e.headline ? (o(), s("h2", La, n(e.headline), 1)) :
|
|
1048
|
-
e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) :
|
|
1049
|
-
])) :
|
|
1052
|
+
e.headline ? (o(), s("h2", La, n(e.headline), 1)) : h("", !0),
|
|
1053
|
+
e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) : h("", !0)
|
|
1054
|
+
])) : h("", !0),
|
|
1050
1055
|
t("div", Ca, [
|
|
1051
|
-
|
|
1056
|
+
c(a.$slots, "card-display-cards", {}, void 0, !0)
|
|
1052
1057
|
])
|
|
1053
1058
|
])
|
|
1054
1059
|
], 2));
|
|
1055
1060
|
}
|
|
1056
|
-
}), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" },
|
|
1061
|
+
}), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" }, za = { class: "fact__value" }, Fa = { class: "fact__metric" }, Ha = {
|
|
1057
1062
|
key: 0,
|
|
1058
1063
|
class: "facts__link"
|
|
1059
|
-
},
|
|
1064
|
+
}, Ra = /* @__PURE__ */ g({
|
|
1060
1065
|
__name: "facts",
|
|
1061
1066
|
props: {
|
|
1062
1067
|
headline: { default: "" },
|
|
@@ -1088,29 +1093,29 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1088
1093
|
key: i.value + i.metric,
|
|
1089
1094
|
class: "fact"
|
|
1090
1095
|
}, [
|
|
1091
|
-
t("div",
|
|
1096
|
+
t("div", za, [
|
|
1092
1097
|
t("span", null, n(i.value), 1)
|
|
1093
1098
|
]),
|
|
1094
|
-
t("div",
|
|
1099
|
+
t("div", Fa, [
|
|
1095
1100
|
t("span", null, n(i.metric), 1)
|
|
1096
1101
|
])
|
|
1097
1102
|
]))), 128))
|
|
1098
1103
|
]),
|
|
1099
|
-
a.link ? (o(), s("div",
|
|
1104
|
+
a.link ? (o(), s("div", Ha, [
|
|
1100
1105
|
B(V, {
|
|
1101
1106
|
"link-type": "regular_light",
|
|
1102
1107
|
arrow: ""
|
|
1103
1108
|
}, {
|
|
1104
1109
|
default: $(() => [
|
|
1105
|
-
|
|
1110
|
+
c(a.$slots, "facts-link", {}, void 0, !0)
|
|
1106
1111
|
]),
|
|
1107
1112
|
_: 3
|
|
1108
1113
|
})
|
|
1109
|
-
])) :
|
|
1114
|
+
])) : h("", !0)
|
|
1110
1115
|
])
|
|
1111
1116
|
]));
|
|
1112
1117
|
}
|
|
1113
|
-
}), Ea = /* @__PURE__ */ f(
|
|
1118
|
+
}), Ea = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-d2b231d4"]]), Na = { class: "features__wrapper" }, ja = { class: "features__content" }, Ka = {
|
|
1114
1119
|
key: 0,
|
|
1115
1120
|
class: "features__headline"
|
|
1116
1121
|
}, Ua = {
|
|
@@ -1128,10 +1133,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1128
1133
|
t("div", ja, [
|
|
1129
1134
|
a.headline ? (o(), s("div", Ka, [
|
|
1130
1135
|
t("h2", null, n(a.headline), 1)
|
|
1131
|
-
])) :
|
|
1136
|
+
])) : h("", !0),
|
|
1132
1137
|
a.body ? (o(), s("div", Ua, [
|
|
1133
|
-
|
|
1134
|
-
])) :
|
|
1138
|
+
c(a.$slots, "features-body", {}, void 0, !0)
|
|
1139
|
+
])) : h("", !0),
|
|
1135
1140
|
t("div", {
|
|
1136
1141
|
class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1137
1142
|
}, [
|
|
@@ -1141,7 +1146,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1141
1146
|
}, [
|
|
1142
1147
|
B(M, { class: "element__icon" }, {
|
|
1143
1148
|
default: $(() => [
|
|
1144
|
-
|
|
1149
|
+
c(a.$slots, "features-icon", z(E({
|
|
1145
1150
|
src: i.icon.src,
|
|
1146
1151
|
height: 30,
|
|
1147
1152
|
width: 30,
|
|
@@ -1171,11 +1176,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1171
1176
|
t("div", Xa, [
|
|
1172
1177
|
t("h2", xa, n(e.headline), 1),
|
|
1173
1178
|
t("div", eo, [
|
|
1174
|
-
|
|
1179
|
+
c(a.$slots, "form-body", {}, void 0, !0)
|
|
1175
1180
|
])
|
|
1176
1181
|
]),
|
|
1177
1182
|
t("div", to, [
|
|
1178
|
-
|
|
1183
|
+
c(a.$slots, "form-script", {}, void 0, !0)
|
|
1179
1184
|
])
|
|
1180
1185
|
])
|
|
1181
1186
|
]));
|
|
@@ -1210,7 +1215,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1210
1215
|
], 2)
|
|
1211
1216
|
]));
|
|
1212
1217
|
}
|
|
1213
|
-
}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (
|
|
1218
|
+
}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (F("data-v-22f9be13"), e = e(), H(), e), co = { class: "hero__wrapper" }, uo = { class: "hero__content" }, _o = { class: "hero__top" }, po = { class: "hero__elements" }, ho = { class: "hero__headline" }, mo = { class: "hero__link" }, vo = { class: "hero__video" }, fo = /* @__PURE__ */ no(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), go = { class: "hero__video__video" }, bo = { class: "hero__image" }, yo = /* @__PURE__ */ g({
|
|
1214
1219
|
__name: "hero",
|
|
1215
1220
|
props: {
|
|
1216
1221
|
headline: {
|
|
@@ -1222,8 +1227,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1222
1227
|
return (a, r) => (o(), s("div", co, [
|
|
1223
1228
|
t("div", uo, [
|
|
1224
1229
|
t("div", _o, [
|
|
1225
|
-
t("div",
|
|
1226
|
-
t("div",
|
|
1230
|
+
t("div", po, [
|
|
1231
|
+
t("div", ho, [
|
|
1227
1232
|
t("h1", null, n(e.headline), 1)
|
|
1228
1233
|
]),
|
|
1229
1234
|
t("div", mo, [
|
|
@@ -1232,7 +1237,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1232
1237
|
arrow: ""
|
|
1233
1238
|
}, {
|
|
1234
1239
|
default: $(() => [
|
|
1235
|
-
|
|
1240
|
+
c(a.$slots, "hero-link", {}, void 0, !0)
|
|
1236
1241
|
]),
|
|
1237
1242
|
_: 3
|
|
1238
1243
|
})
|
|
@@ -1242,10 +1247,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1242
1247
|
t("div", vo, [
|
|
1243
1248
|
fo,
|
|
1244
1249
|
t("div", go, [
|
|
1245
|
-
|
|
1250
|
+
c(a.$slots, "hero-video", {}, void 0, !0)
|
|
1246
1251
|
]),
|
|
1247
1252
|
t("div", bo, [
|
|
1248
|
-
|
|
1253
|
+
c(a.$slots, "hero-image", {}, void 0, !0)
|
|
1249
1254
|
])
|
|
1250
1255
|
])
|
|
1251
1256
|
])
|
|
@@ -1280,7 +1285,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1280
1285
|
t("div", So, [
|
|
1281
1286
|
B(M, null, {
|
|
1282
1287
|
default: $(() => [
|
|
1283
|
-
|
|
1288
|
+
c(a.$slots, "image", z(E({
|
|
1284
1289
|
width: 984,
|
|
1285
1290
|
height: e.fullHeight ? "100%" : 554,
|
|
1286
1291
|
src: e.src,
|
|
@@ -1321,7 +1326,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1321
1326
|
light: "gallery__wrapper--light",
|
|
1322
1327
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1323
1328
|
}, r = e, i = C(() => a[r.bgColor]);
|
|
1324
|
-
return (l,
|
|
1329
|
+
return (l, u) => (o(), s("div", {
|
|
1325
1330
|
class: m(["gallery__wrapper", i.value])
|
|
1326
1331
|
}, [
|
|
1327
1332
|
t("div", {
|
|
@@ -1334,7 +1339,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1334
1339
|
l.mediaLarge && l.mediaType === "image" ? (o(), s("div", Do, [
|
|
1335
1340
|
B(M, null, {
|
|
1336
1341
|
default: $(() => [
|
|
1337
|
-
|
|
1342
|
+
c(l.$slots, "image-large", z(E({
|
|
1338
1343
|
width: 617,
|
|
1339
1344
|
height: 530,
|
|
1340
1345
|
src: l.mediaLarge.src,
|
|
@@ -1343,7 +1348,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1343
1348
|
]),
|
|
1344
1349
|
_: 3
|
|
1345
1350
|
})
|
|
1346
|
-
])) :
|
|
1351
|
+
])) : h("", !0),
|
|
1347
1352
|
l.mediaLarge && l.mediaType === "video" ? (o(), s("div", Co, [
|
|
1348
1353
|
B(X, {
|
|
1349
1354
|
src: l.mediaLarge.src,
|
|
@@ -1357,7 +1362,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1357
1362
|
muted: "",
|
|
1358
1363
|
play: ""
|
|
1359
1364
|
}, null, 8, ["src", "aria-label"])
|
|
1360
|
-
])) :
|
|
1365
|
+
])) : h("", !0)
|
|
1361
1366
|
]),
|
|
1362
1367
|
t("div", {
|
|
1363
1368
|
style: oe([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
@@ -1366,17 +1371,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1366
1371
|
l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1367
1372
|
])
|
|
1368
1373
|
}, [
|
|
1369
|
-
(o(!0), s(A, null, P(l.mediaSmall, (
|
|
1370
|
-
key:
|
|
1374
|
+
(o(!0), s(A, null, P(l.mediaSmall, (d) => (o(), s("div", {
|
|
1375
|
+
key: d.src + d.alt,
|
|
1371
1376
|
class: "image image--small"
|
|
1372
1377
|
}, [
|
|
1373
1378
|
B(M, null, {
|
|
1374
1379
|
default: $(() => [
|
|
1375
|
-
|
|
1380
|
+
c(l.$slots, "image-small", z(E({
|
|
1376
1381
|
width: 328,
|
|
1377
1382
|
height: 246,
|
|
1378
|
-
src:
|
|
1379
|
-
alt:
|
|
1383
|
+
src: d.src,
|
|
1384
|
+
alt: d.alt
|
|
1380
1385
|
})))
|
|
1381
1386
|
]),
|
|
1382
1387
|
_: 2
|
|
@@ -1384,7 +1389,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1384
1389
|
]))), 128)),
|
|
1385
1390
|
l.mediaSmall.length < 2 ? (o(), s("div", To, [
|
|
1386
1391
|
t("p", null, n(l.body), 1)
|
|
1387
|
-
])) :
|
|
1392
|
+
])) : h("", !0)
|
|
1388
1393
|
], 6)
|
|
1389
1394
|
], 2)
|
|
1390
1395
|
], 2));
|
|
@@ -1392,7 +1397,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1392
1397
|
}), Ao = /* @__PURE__ */ f(Vo, [["__scopeId", "data-v-0d271138"]]), Po = { class: "logo-wall__wrapper" }, Mo = { class: "logo-wall__content" }, Oo = {
|
|
1393
1398
|
key: 0,
|
|
1394
1399
|
class: "logo-wall__text"
|
|
1395
|
-
},
|
|
1400
|
+
}, zo = { key: 0 }, Fo = { key: 1 }, Ho = { class: "logo-wall__logos" }, Ro = { class: "logo-wall__link" }, Eo = /* @__PURE__ */ g({
|
|
1396
1401
|
__name: "logo-wall",
|
|
1397
1402
|
props: {
|
|
1398
1403
|
headline: {
|
|
@@ -1413,17 +1418,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1413
1418
|
return (a, r) => (o(), s("div", Po, [
|
|
1414
1419
|
t("div", Mo, [
|
|
1415
1420
|
e.headline || e.body ? (o(), s("div", Oo, [
|
|
1416
|
-
e.headline ? (o(), s("h2",
|
|
1417
|
-
e.body ? (o(), s("p",
|
|
1418
|
-
])) :
|
|
1419
|
-
t("div",
|
|
1421
|
+
e.headline ? (o(), s("h2", zo, n(e.headline), 1)) : h("", !0),
|
|
1422
|
+
e.body ? (o(), s("p", Fo, n(e.body), 1)) : h("", !0)
|
|
1423
|
+
])) : h("", !0),
|
|
1424
|
+
t("div", Ho, [
|
|
1420
1425
|
(o(!0), s(A, null, P(e.logos, (i) => (o(), s("div", {
|
|
1421
1426
|
key: i.src + i.alt,
|
|
1422
1427
|
class: "logo-wall__logo"
|
|
1423
1428
|
}, [
|
|
1424
1429
|
B(M, null, {
|
|
1425
1430
|
default: $(() => [
|
|
1426
|
-
|
|
1431
|
+
c(a.$slots, "logo-wall-logo", z(E({
|
|
1427
1432
|
width: 130,
|
|
1428
1433
|
height: 130,
|
|
1429
1434
|
src: i.src,
|
|
@@ -1434,13 +1439,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1434
1439
|
}, 1024)
|
|
1435
1440
|
]))), 128))
|
|
1436
1441
|
]),
|
|
1437
|
-
t("div",
|
|
1442
|
+
t("div", Ro, [
|
|
1438
1443
|
B(V, {
|
|
1439
1444
|
"link-type": "regular_light",
|
|
1440
1445
|
arrow: !0
|
|
1441
1446
|
}, {
|
|
1442
1447
|
default: $(() => [
|
|
1443
|
-
|
|
1448
|
+
c(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1444
1449
|
]),
|
|
1445
1450
|
_: 3
|
|
1446
1451
|
})
|
|
@@ -1467,28 +1472,28 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
|
|
|
1467
1472
|
blue: "micro-stories__wrapper--blue",
|
|
1468
1473
|
dark: "micro-stories__wrapper--dark"
|
|
1469
1474
|
}, r = C(() => a[i.bgColor]), i = e;
|
|
1470
|
-
return (l,
|
|
1475
|
+
return (l, u) => (o(), s("div", {
|
|
1471
1476
|
class: m(["micro-stories__wrapper", r.value])
|
|
1472
1477
|
}, [
|
|
1473
1478
|
t("div", jo, [
|
|
1474
1479
|
l.headline ? (o(), s("div", Ko, [
|
|
1475
1480
|
t("h2", null, n(l.headline), 1)
|
|
1476
|
-
])) :
|
|
1481
|
+
])) : h("", !0),
|
|
1477
1482
|
l.body ? (o(), s("div", Uo, [
|
|
1478
1483
|
t("p", null, n(l.body), 1)
|
|
1479
|
-
])) :
|
|
1484
|
+
])) : h("", !0)
|
|
1480
1485
|
]),
|
|
1481
1486
|
t("div", Go, [
|
|
1482
|
-
|
|
1487
|
+
c(l.$slots, "micro-stories-slides")
|
|
1483
1488
|
]),
|
|
1484
|
-
|
|
1489
|
+
c(l.$slots, "micro-stories-controls")
|
|
1485
1490
|
], 2));
|
|
1486
1491
|
}
|
|
1487
1492
|
}), Wo = {}, Yo = { class: "policy__wrapper" }, Qo = { class: "policy__content" };
|
|
1488
1493
|
function Zo(e, a) {
|
|
1489
1494
|
return o(), s("div", Yo, [
|
|
1490
1495
|
t("div", Qo, [
|
|
1491
|
-
|
|
1496
|
+
c(e.$slots, "default", {}, void 0, !0)
|
|
1492
1497
|
])
|
|
1493
1498
|
]);
|
|
1494
1499
|
}
|
|
@@ -1550,7 +1555,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1550
1555
|
muted: ""
|
|
1551
1556
|
}, null, 8, ["src", "aria-label", "poster"])) : (o(), T(I(M), { key: 1 }, {
|
|
1552
1557
|
default: $(() => [
|
|
1553
|
-
|
|
1558
|
+
c(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
1554
1559
|
]),
|
|
1555
1560
|
_: 3
|
|
1556
1561
|
})),
|
|
@@ -1558,19 +1563,19 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1558
1563
|
e.logoSrc ? (o(), s("div", ll, [
|
|
1559
1564
|
B(I(M), null, {
|
|
1560
1565
|
default: $(() => [
|
|
1561
|
-
|
|
1566
|
+
c(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1562
1567
|
]),
|
|
1563
1568
|
_: 3
|
|
1564
1569
|
})
|
|
1565
|
-
])) :
|
|
1570
|
+
])) : h("", !0),
|
|
1566
1571
|
e.isCertified ? (o(), s("div", sl, [
|
|
1567
1572
|
B(I(M), null, {
|
|
1568
1573
|
default: $(() => [
|
|
1569
|
-
|
|
1574
|
+
c(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1570
1575
|
]),
|
|
1571
1576
|
_: 3
|
|
1572
1577
|
})
|
|
1573
|
-
])) :
|
|
1578
|
+
])) : h("", !0)
|
|
1574
1579
|
])
|
|
1575
1580
|
])
|
|
1576
1581
|
])
|
|
@@ -1597,7 +1602,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1597
1602
|
light: "promo__wrapper--light",
|
|
1598
1603
|
default: "promo__wrapper--default"
|
|
1599
1604
|
}, r = e, i = C(() => a[r.variant]);
|
|
1600
|
-
return (l,
|
|
1605
|
+
return (l, u) => (o(), s("div", {
|
|
1601
1606
|
class: m([
|
|
1602
1607
|
"promo__wrapper",
|
|
1603
1608
|
i.value,
|
|
@@ -1615,11 +1620,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1615
1620
|
}, [
|
|
1616
1621
|
B(M, null, {
|
|
1617
1622
|
default: $(() => [
|
|
1618
|
-
|
|
1623
|
+
c(l.$slots, "promo-image", z(E({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
|
|
1619
1624
|
]),
|
|
1620
1625
|
_: 3
|
|
1621
1626
|
})
|
|
1622
|
-
], 2)) :
|
|
1627
|
+
], 2)) : h("", !0),
|
|
1623
1628
|
l.mediaType === "video" ? (o(), s("div", {
|
|
1624
1629
|
key: 1,
|
|
1625
1630
|
class: m([
|
|
@@ -1638,7 +1643,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1638
1643
|
play: "",
|
|
1639
1644
|
poster: l.fallbackImage
|
|
1640
1645
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1641
|
-
], 2)) :
|
|
1646
|
+
], 2)) : h("", !0),
|
|
1642
1647
|
t("div", {
|
|
1643
1648
|
class: m([
|
|
1644
1649
|
"promo__text",
|
|
@@ -1649,14 +1654,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1649
1654
|
key: 0,
|
|
1650
1655
|
text: l.label,
|
|
1651
1656
|
"label-dark": l.variant === "dark"
|
|
1652
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1657
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
1653
1658
|
t("div", {
|
|
1654
1659
|
class: m([
|
|
1655
1660
|
"promo__title",
|
|
1656
1661
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
1657
1662
|
])
|
|
1658
1663
|
}, [
|
|
1659
|
-
|
|
1664
|
+
c(l.$slots, "promo-headline")
|
|
1660
1665
|
], 2),
|
|
1661
1666
|
l.linkType === "link" ? (o(), T(V, {
|
|
1662
1667
|
key: 1,
|
|
@@ -1664,24 +1669,24 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1664
1669
|
arrow: ""
|
|
1665
1670
|
}, {
|
|
1666
1671
|
default: $(() => [
|
|
1667
|
-
|
|
1672
|
+
c(l.$slots, "promo-link")
|
|
1668
1673
|
]),
|
|
1669
1674
|
_: 3
|
|
1670
|
-
}, 8, ["link-type"])) :
|
|
1675
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
1671
1676
|
l.linkType === "button" ? (o(), T(V, {
|
|
1672
1677
|
key: 2,
|
|
1673
1678
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
1674
1679
|
}, {
|
|
1675
1680
|
default: $(() => [
|
|
1676
|
-
|
|
1681
|
+
c(l.$slots, "promo-link")
|
|
1677
1682
|
]),
|
|
1678
1683
|
_: 3
|
|
1679
|
-
}, 8, ["link-type"])) :
|
|
1684
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
1680
1685
|
], 2)
|
|
1681
1686
|
])
|
|
1682
1687
|
], 2));
|
|
1683
1688
|
}
|
|
1684
|
-
}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (
|
|
1689
|
+
}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (F("data-v-e3cc8e27"), e = e(), H(), e), _l = { class: "quote__wrapper" }, pl = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ml = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, gl = {
|
|
1685
1690
|
key: 0,
|
|
1686
1691
|
class: "quote__image"
|
|
1687
1692
|
}, bl = { class: "quote__text" }, yl = { class: "quote__author-name" }, $l = { class: "quote__author-title" }, kl = /* @__PURE__ */ g({
|
|
@@ -1707,15 +1712,15 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1707
1712
|
},
|
|
1708
1713
|
setup(e) {
|
|
1709
1714
|
return (a, r) => (o(), s("div", _l, [
|
|
1710
|
-
t("div",
|
|
1711
|
-
|
|
1715
|
+
t("div", pl, [
|
|
1716
|
+
hl,
|
|
1712
1717
|
t("div", ml, [
|
|
1713
1718
|
t("p", vl, n(e.quote), 1),
|
|
1714
1719
|
t("div", fl, [
|
|
1715
1720
|
e.authorImage ? (o(), s("div", gl, [
|
|
1716
1721
|
B(M, null, {
|
|
1717
1722
|
default: $(() => [
|
|
1718
|
-
|
|
1723
|
+
c(a.$slots, "author-image", z(E({
|
|
1719
1724
|
src: e.authorImage + "/m/100x100",
|
|
1720
1725
|
width: 60,
|
|
1721
1726
|
height: 60
|
|
@@ -1723,7 +1728,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1723
1728
|
]),
|
|
1724
1729
|
_: 3
|
|
1725
1730
|
})
|
|
1726
|
-
])) :
|
|
1731
|
+
])) : h("", !0),
|
|
1727
1732
|
t("div", bl, [
|
|
1728
1733
|
t("p", yl, n(e.author), 1),
|
|
1729
1734
|
t("p", $l, n(e.authorTitle), 1)
|
|
@@ -1763,14 +1768,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1763
1768
|
key: 0,
|
|
1764
1769
|
text: a.label,
|
|
1765
1770
|
"label-dark": !1
|
|
1766
|
-
}, null, 8, ["text"])) :
|
|
1771
|
+
}, null, 8, ["text"])) : h("", !0),
|
|
1767
1772
|
a.headline ? (o(), s("h2", {
|
|
1768
1773
|
key: 1,
|
|
1769
1774
|
class: m([
|
|
1770
1775
|
"rich-text__headline",
|
|
1771
1776
|
a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1772
1777
|
])
|
|
1773
|
-
}, n(a.headline), 3)) :
|
|
1778
|
+
}, n(a.headline), 3)) : h("", !0),
|
|
1774
1779
|
t("div", {
|
|
1775
1780
|
class: m([
|
|
1776
1781
|
"rich-text__content",
|
|
@@ -1783,14 +1788,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1783
1788
|
a.bulletList || a.image ? "rich-text__body--content-right" : ""
|
|
1784
1789
|
])
|
|
1785
1790
|
}, [
|
|
1786
|
-
|
|
1791
|
+
c(a.$slots, "rich-text-content"),
|
|
1787
1792
|
a.links ? (o(), s("div", Bl, [
|
|
1788
|
-
|
|
1789
|
-
])) :
|
|
1793
|
+
c(a.$slots, "rich-text-links")
|
|
1794
|
+
])) : h("", !0)
|
|
1790
1795
|
], 2),
|
|
1791
1796
|
a.bulletList ? (o(), s("div", Il, [
|
|
1792
|
-
|
|
1793
|
-
])) :
|
|
1797
|
+
c(a.$slots, "rich-text-bullet-list")
|
|
1798
|
+
])) : h("", !0),
|
|
1794
1799
|
a.image ? (o(), s("div", {
|
|
1795
1800
|
key: 1,
|
|
1796
1801
|
class: m([
|
|
@@ -1800,11 +1805,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
|
|
|
1800
1805
|
}, [
|
|
1801
1806
|
B(M, null, {
|
|
1802
1807
|
default: $(() => [
|
|
1803
|
-
|
|
1808
|
+
c(a.$slots, "rich-text-image", z(E({ width: 865, height: 307 })))
|
|
1804
1809
|
]),
|
|
1805
1810
|
_: 3
|
|
1806
1811
|
})
|
|
1807
|
-
], 2)) :
|
|
1812
|
+
], 2)) : h("", !0)
|
|
1808
1813
|
], 2)
|
|
1809
1814
|
])
|
|
1810
1815
|
], 2));
|
|
@@ -1816,17 +1821,17 @@ function Pl(e, a) {
|
|
|
1816
1821
|
t("div", Vl, [
|
|
1817
1822
|
t("div", Al, [
|
|
1818
1823
|
t("div", null, [
|
|
1819
|
-
|
|
1824
|
+
c(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1820
1825
|
]),
|
|
1821
1826
|
t("div", null, [
|
|
1822
|
-
|
|
1827
|
+
c(e.$slots, "rich-text-content-right", {}, void 0, !0)
|
|
1823
1828
|
])
|
|
1824
1829
|
])
|
|
1825
1830
|
])
|
|
1826
1831
|
])
|
|
1827
1832
|
]);
|
|
1828
1833
|
}
|
|
1829
|
-
const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (
|
|
1834
|
+
const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (F("data-v-e254e1e0"), e = e(), H(), e), zl = { class: "timeline__wrapper" }, Fl = { class: "timeline__content" }, Hl = { class: "timeline__items" }, Rl = { class: "item__left" }, El = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1830
1835
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1831
1836
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1832
1837
|
], -1)), Nl = { class: "item__right" }, jl = ["innerHTML"], Kl = /* @__PURE__ */ g({
|
|
@@ -1838,7 +1843,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1838
1843
|
}
|
|
1839
1844
|
},
|
|
1840
1845
|
setup(e) {
|
|
1841
|
-
return
|
|
1846
|
+
return he(() => {
|
|
1842
1847
|
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1843
1848
|
(i) => {
|
|
1844
1849
|
i.forEach((l) => {
|
|
@@ -1852,19 +1857,19 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1852
1857
|
a.forEach((i) => {
|
|
1853
1858
|
r.observe(i);
|
|
1854
1859
|
});
|
|
1855
|
-
}), (a, r) => (o(), s("div",
|
|
1856
|
-
t("div",
|
|
1857
|
-
t("div",
|
|
1860
|
+
}), (a, r) => (o(), s("div", zl, [
|
|
1861
|
+
t("div", Fl, [
|
|
1862
|
+
t("div", Hl, [
|
|
1858
1863
|
(o(!0), s(A, null, P(e.timelineItems, (i) => (o(), s("div", {
|
|
1859
1864
|
key: i.year,
|
|
1860
1865
|
class: "timeline__item faded"
|
|
1861
1866
|
}, [
|
|
1862
|
-
t("div",
|
|
1867
|
+
t("div", Rl, n(i.year), 1),
|
|
1863
1868
|
El,
|
|
1864
1869
|
t("div", Nl, [
|
|
1865
1870
|
B(M, null, {
|
|
1866
1871
|
default: $(() => [
|
|
1867
|
-
i.media.src ?
|
|
1872
|
+
i.media.src ? c(a.$slots, "timeline-image", z(de({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : h("", !0)
|
|
1868
1873
|
]),
|
|
1869
1874
|
_: 2
|
|
1870
1875
|
}, 1024),
|
|
@@ -1900,16 +1905,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1900
1905
|
setup(e) {
|
|
1901
1906
|
return (a, r) => (o(), s("div", Gl, [
|
|
1902
1907
|
t("div", Jl, [
|
|
1903
|
-
e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) :
|
|
1904
|
-
|
|
1905
|
-
e.description ? (o(), s("p", Yl, n(e.description), 1)) :
|
|
1908
|
+
e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) : h("", !0),
|
|
1909
|
+
c(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
1910
|
+
e.description ? (o(), s("p", Yl, n(e.description), 1)) : h("", !0)
|
|
1906
1911
|
])
|
|
1907
1912
|
]));
|
|
1908
1913
|
}
|
|
1909
1914
|
}), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-90a2b109"]]), Xl = { class: "academy-overview" }, xl = { class: "academy-overview__content-wrapper" }, es = { class: "academy-overview__content" }, ts = { class: "academy-overview__title" }, as = { class: "academy-overview__description" }, os = {
|
|
1910
1915
|
key: 0,
|
|
1911
1916
|
class: "academy-overview__stats"
|
|
1912
|
-
}, 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 = { class: "academy-overview__stat" }, _s = { class: "academy-overview__value" },
|
|
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 = { class: "academy-overview__stat" }, _s = { class: "academy-overview__value" }, ps = { class: "academy-overview__label" }, hs = {
|
|
1913
1918
|
key: 1,
|
|
1914
1919
|
class: "academy-overview__button-wrapper"
|
|
1915
1920
|
}, ms = /* @__PURE__ */ g({
|
|
@@ -1945,12 +1950,12 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1945
1950
|
]),
|
|
1946
1951
|
t("div", us, [
|
|
1947
1952
|
t("div", _s, n(a.hero.pointsValue), 1),
|
|
1948
|
-
t("div",
|
|
1953
|
+
t("div", ps, n(a.hero.pointsLabel), 1)
|
|
1949
1954
|
])
|
|
1950
1955
|
])
|
|
1951
|
-
])) :
|
|
1952
|
-
a.hero.showStats ?
|
|
1953
|
-
|
|
1956
|
+
])) : h("", !0),
|
|
1957
|
+
a.hero.showStats ? h("", !0) : (o(), s("div", hs, [
|
|
1958
|
+
c(a.$slots, "button", {}, void 0, !0)
|
|
1954
1959
|
]))
|
|
1955
1960
|
])
|
|
1956
1961
|
])
|
|
@@ -1969,7 +1974,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1969
1974
|
t("div", gs, [
|
|
1970
1975
|
t("h1", bs, n(e.headline), 1),
|
|
1971
1976
|
t("div", ys, [
|
|
1972
|
-
|
|
1977
|
+
c(a.$slots, "not-found-body", {}, void 0, !0)
|
|
1973
1978
|
])
|
|
1974
1979
|
])
|
|
1975
1980
|
]));
|
|
@@ -1991,30 +1996,30 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
1991
1996
|
return (a, r) => (o(), s("div", ws, [
|
|
1992
1997
|
t("div", Ss, [
|
|
1993
1998
|
t("div", Bs, [
|
|
1994
|
-
|
|
1999
|
+
c(a.$slots, "filter-dropdowns")
|
|
1995
2000
|
]),
|
|
1996
2001
|
t("div", Is, [
|
|
1997
|
-
|
|
2002
|
+
c(a.$slots, "filter-chips"),
|
|
1998
2003
|
e.hasChips ? (o(), s("button", {
|
|
1999
2004
|
key: 0,
|
|
2000
2005
|
class: "filter__clear",
|
|
2001
2006
|
onClick: r[0] || (r[0] = (i) => a.$emit("clearFilters"))
|
|
2002
|
-
}, n(e.removeAll), 1)) :
|
|
2007
|
+
}, n(e.removeAll), 1)) : h("", !0)
|
|
2003
2008
|
])
|
|
2004
2009
|
])
|
|
2005
2010
|
]));
|
|
2006
2011
|
}
|
|
2007
|
-
}), Ls = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (
|
|
2012
|
+
}), Ls = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (F("data-v-3d0cbbd5"), e = e(), H(), e), Ds = { class: "footer__wrapper" }, Cs = { class: "footer__content" }, Ts = {
|
|
2008
2013
|
key: 0,
|
|
2009
2014
|
src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
|
|
2010
2015
|
style: { margin: "0 auto" }
|
|
2011
2016
|
}, Vs = { class: "footer__sections" }, As = { class: "section__title" }, Ps = { class: "section__list" }, Ms = { class: "section" }, Os = {
|
|
2012
2017
|
key: 0,
|
|
2013
2018
|
class: "section__title"
|
|
2014
|
-
},
|
|
2019
|
+
}, zs = {
|
|
2015
2020
|
key: 1,
|
|
2016
2021
|
class: "section__title"
|
|
2017
|
-
},
|
|
2022
|
+
}, Fs = { key: 0 }, Hs = { key: 1 }, Rs = { key: 2 }, Es = { key: 3 }, Ns = { key: 4 }, js = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("br", null, null, -1)), Ks = {
|
|
2018
2023
|
key: 0,
|
|
2019
2024
|
href: "mailto:china@mir-robots.com"
|
|
2020
2025
|
}, Us = {
|
|
@@ -2047,7 +2052,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2047
2052
|
setup(e) {
|
|
2048
2053
|
return (a, r) => (o(), s("div", Ds, [
|
|
2049
2054
|
t("footer", Cs, [
|
|
2050
|
-
a.language === "zh" ? (o(), s("img", Ts)) :
|
|
2055
|
+
a.language === "zh" ? (o(), s("img", Ts)) : h("", !0),
|
|
2051
2056
|
t("div", Vs, [
|
|
2052
2057
|
(o(!0), s(A, null, P(a.footerSections, (i) => (o(), s("div", {
|
|
2053
2058
|
key: i.title,
|
|
@@ -2056,18 +2061,18 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2056
2061
|
t("span", As, n(i.title), 1),
|
|
2057
2062
|
t("nav", null, [
|
|
2058
2063
|
t("ul", Ps, [
|
|
2059
|
-
|
|
2064
|
+
c(a.$slots, "section-links", {
|
|
2060
2065
|
links: i.links
|
|
2061
2066
|
})
|
|
2062
2067
|
])
|
|
2063
2068
|
])
|
|
2064
2069
|
]))), 128)),
|
|
2065
2070
|
t("div", Ms, [
|
|
2066
|
-
a.language === "zh" ? (o(), s("span", Os, "名傲移动机器人(上海)有限公司")) : (o(), s("span",
|
|
2071
|
+
a.language === "zh" ? (o(), s("span", Os, "名傲移动机器人(上海)有限公司")) : (o(), s("span", zs, "Mobile Industrial Robots A/S")),
|
|
2067
2072
|
t("address", null, [
|
|
2068
|
-
a.language === "zh" ? (o(), s("span",
|
|
2069
|
-
a.language === "zh" ? (o(), s("span",
|
|
2070
|
-
a.language !== "zh" ? (o(), s("span", Ns, "CVR: 35251235")) :
|
|
2073
|
+
a.language === "zh" ? (o(), s("span", Fs, "上海浦东新区金桥出口加工区")) : (o(), s("span", Hs, "Energivej 51")),
|
|
2074
|
+
a.language === "zh" ? (o(), s("span", Rs, "桂桥路1201号10栋2楼")) : (o(), s("span", Es, "5260 Odense S")),
|
|
2075
|
+
a.language !== "zh" ? (o(), s("span", Ns, "CVR: 35251235")) : h("", !0),
|
|
2071
2076
|
js,
|
|
2072
2077
|
B(V, {
|
|
2073
2078
|
class: "footer__contact",
|
|
@@ -2104,8 +2109,8 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2104
2109
|
G(n(a.changeRegion), 1)
|
|
2105
2110
|
])
|
|
2106
2111
|
]),
|
|
2107
|
-
|
|
2108
|
-
|
|
2112
|
+
c(a.$slots, "footer-privacy-link"),
|
|
2113
|
+
c(a.$slots, "footer-cookie-link")
|
|
2109
2114
|
]),
|
|
2110
2115
|
a.language !== "zh" ? (o(), s("div", Xs, [
|
|
2111
2116
|
(o(!0), s(A, null, P(a.socialMedia, (i) => (o(), T(V, {
|
|
@@ -2154,7 +2159,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2154
2159
|
])
|
|
2155
2160
|
]));
|
|
2156
2161
|
}
|
|
2157
|
-
}), oi = /* @__PURE__ */ f(ai, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (
|
|
2162
|
+
}), oi = /* @__PURE__ */ f(ai, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (F("data-v-766d3c80"), e = e(), H(), e), li = { class: "header__wrapper" }, si = { class: "nav-wrapper" }, ii = { class: "mir-link-logo" }, ri = { class: "main-nav-items" }, ni = {
|
|
2158
2163
|
key: 0,
|
|
2159
2164
|
id: "menu-dropdown",
|
|
2160
2165
|
ref: "dropdownDiv"
|
|
@@ -2170,7 +2175,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2170
2175
|
}, ui = { class: "dropdown-content" }, _i = {
|
|
2171
2176
|
key: 1,
|
|
2172
2177
|
class: "nav-search-wrapper"
|
|
2173
|
-
},
|
|
2178
|
+
}, pi = ["src"], hi = {
|
|
2174
2179
|
key: 2,
|
|
2175
2180
|
id: "menu-portal-switcher",
|
|
2176
2181
|
class: "portal-switcher-wrapper"
|
|
@@ -2252,16 +2257,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2252
2257
|
setup(e, { expose: a, emit: r }) {
|
|
2253
2258
|
let i = null;
|
|
2254
2259
|
const l = e;
|
|
2255
|
-
let
|
|
2260
|
+
let u = q(l.burgerState), d = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
|
|
2256
2261
|
Y(
|
|
2257
2262
|
() => l.burgerState,
|
|
2258
|
-
(y) =>
|
|
2263
|
+
(y) => u.value = y
|
|
2259
2264
|
), Y(
|
|
2260
2265
|
() => l.search,
|
|
2261
|
-
(y) =>
|
|
2266
|
+
(y) => d.value = y
|
|
2262
2267
|
), Y(
|
|
2263
2268
|
() => l.showDropDown,
|
|
2264
|
-
(y) =>
|
|
2269
|
+
(y) => _.value = y
|
|
2265
2270
|
), Y(
|
|
2266
2271
|
() => l.showPortalSwitcherDropDown,
|
|
2267
2272
|
(y) => b.value = y
|
|
@@ -2271,16 +2276,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2271
2276
|
), Y(
|
|
2272
2277
|
() => l.isAuthenticated,
|
|
2273
2278
|
(y) => k.value = y
|
|
2274
|
-
),
|
|
2279
|
+
), he(() => {
|
|
2275
2280
|
i = (y) => {
|
|
2276
|
-
y.target.closest("#menu-dropdown") || (
|
|
2281
|
+
y.target.closest("#menu-dropdown") || (_.value = !1), y.target.closest("#menu-portal-switcher") || (b.value = !1), y.target.closest("#menu-profile-dropdown") || (v.value = !1);
|
|
2277
2282
|
}, window.addEventListener("click", i);
|
|
2278
2283
|
}), Ie(() => {
|
|
2279
2284
|
i !== null && window.removeEventListener("click", i);
|
|
2280
2285
|
});
|
|
2281
2286
|
const w = r;
|
|
2282
2287
|
function x() {
|
|
2283
|
-
|
|
2288
|
+
_.value = !_.value, w("update:showDropDown", _.value);
|
|
2284
2289
|
}
|
|
2285
2290
|
function le() {
|
|
2286
2291
|
b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
|
|
@@ -2289,7 +2294,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2289
2294
|
v.value = !v.value, w("update:showProfileDropDown", v.value);
|
|
2290
2295
|
}
|
|
2291
2296
|
function ie() {
|
|
2292
|
-
|
|
2297
|
+
u.value = !u.value, w("update:burgerState", u.value);
|
|
2293
2298
|
}
|
|
2294
2299
|
let U = q(null), ee = q(null);
|
|
2295
2300
|
function re() {
|
|
@@ -2301,59 +2306,59 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2301
2306
|
t("nav", null, [
|
|
2302
2307
|
t("div", si, [
|
|
2303
2308
|
t("div", ii, [
|
|
2304
|
-
|
|
2309
|
+
c(y.$slots, "link-logo", {}, void 0, !0)
|
|
2305
2310
|
]),
|
|
2306
2311
|
t("ul", ri, [
|
|
2307
|
-
|
|
2312
|
+
c(y.$slots, "main-nav-items", {}, void 0, !0)
|
|
2308
2313
|
]),
|
|
2309
2314
|
e.useDropdown ? (o(), s("div", ni, [
|
|
2310
2315
|
t("button", {
|
|
2311
2316
|
class: "nav-dropdown-btn",
|
|
2312
2317
|
onClick: x
|
|
2313
2318
|
}, [
|
|
2314
|
-
|
|
2315
|
-
I(
|
|
2319
|
+
c(y.$slots, "dropdown-title", {}, void 0, !0),
|
|
2320
|
+
I(_) === !1 ? (o(), s("img", di)) : (o(), s("img", ci))
|
|
2316
2321
|
]),
|
|
2317
2322
|
K(t("div", ui, [
|
|
2318
|
-
|
|
2323
|
+
c(y.$slots, "dropdown-links", {}, void 0, !0)
|
|
2319
2324
|
], 512), [
|
|
2320
|
-
[Q, I(
|
|
2325
|
+
[Q, I(_)]
|
|
2321
2326
|
])
|
|
2322
|
-
], 512)) :
|
|
2323
|
-
I(
|
|
2327
|
+
], 512)) : h("", !0),
|
|
2328
|
+
I(d) ? (o(), s("div", _i, [
|
|
2324
2329
|
t("button", {
|
|
2325
2330
|
ref_key: "navSearchButton",
|
|
2326
2331
|
ref: U,
|
|
2327
2332
|
class: "search-icon",
|
|
2328
2333
|
onClick: N[0] || (N[0] = (j) => {
|
|
2329
|
-
var
|
|
2330
|
-
return y.$emit("clickSearch"), (
|
|
2334
|
+
var R;
|
|
2335
|
+
return y.$emit("clickSearch"), (R = I(U)) == null ? void 0 : R.blur();
|
|
2331
2336
|
})
|
|
2332
2337
|
}, [
|
|
2333
2338
|
t("img", {
|
|
2334
|
-
src: I(
|
|
2339
|
+
src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2335
2340
|
alt: "search icon",
|
|
2336
2341
|
width: "20",
|
|
2337
2342
|
height: "20"
|
|
2338
|
-
}, null, 8,
|
|
2343
|
+
}, null, 8, pi)
|
|
2339
2344
|
], 512)
|
|
2340
|
-
])) :
|
|
2341
|
-
e.usePortalSwitcher ? (o(), s("div",
|
|
2345
|
+
])) : h("", !0),
|
|
2346
|
+
e.usePortalSwitcher ? (o(), s("div", hi, [
|
|
2342
2347
|
t("button", {
|
|
2343
2348
|
class: "nav-portal-switcher-btn",
|
|
2344
2349
|
onClick: le
|
|
2345
2350
|
}, vi),
|
|
2346
2351
|
K(t("div", fi, [
|
|
2347
2352
|
t("ul", gi, [
|
|
2348
|
-
(o(!0), s(A, null, P(e.portals, (j,
|
|
2349
|
-
key:
|
|
2353
|
+
(o(!0), s(A, null, P(e.portals, (j, R) => (o(), s("li", {
|
|
2354
|
+
key: R,
|
|
2350
2355
|
class: "portal-switcher-link"
|
|
2351
2356
|
}, [
|
|
2352
2357
|
B(I(V), { "link-type": "regular" }, {
|
|
2353
2358
|
default: $(() => [
|
|
2354
2359
|
t("a", {
|
|
2355
2360
|
href: j.link,
|
|
2356
|
-
onClick: N[1] || (N[1] = (J) => ne(
|
|
2361
|
+
onClick: N[1] || (N[1] = (J) => ne(_) ? _.value = !1 : _ = !1)
|
|
2357
2362
|
}, [
|
|
2358
2363
|
t("img", {
|
|
2359
2364
|
src: j.icon
|
|
@@ -2368,49 +2373,49 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2368
2373
|
], 512), [
|
|
2369
2374
|
[Q, I(b)]
|
|
2370
2375
|
])
|
|
2371
|
-
])) :
|
|
2376
|
+
])) : h("", !0),
|
|
2372
2377
|
e.useProfileDropdown ? (o(), s("div", $i, [
|
|
2373
|
-
I(k) ?
|
|
2374
|
-
|
|
2378
|
+
I(k) ? h("", !0) : (o(), s("div", ki, [
|
|
2379
|
+
c(y.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2375
2380
|
])),
|
|
2376
2381
|
I(k) ? (o(), s("button", {
|
|
2377
2382
|
key: 1,
|
|
2378
2383
|
class: "nav-profile-dropdown-btn",
|
|
2379
2384
|
onClick: se
|
|
2380
|
-
}, Si)) :
|
|
2385
|
+
}, Si)) : h("", !0),
|
|
2381
2386
|
K(t("div", Bi, [
|
|
2382
|
-
|
|
2387
|
+
c(y.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2383
2388
|
], 512), [
|
|
2384
2389
|
[Q, I(v)]
|
|
2385
2390
|
])
|
|
2386
|
-
])) :
|
|
2391
|
+
])) : h("", !0)
|
|
2387
2392
|
]),
|
|
2388
2393
|
t("div", {
|
|
2389
|
-
class: m(["mobile-nav-wrapper", I(
|
|
2394
|
+
class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2390
2395
|
}, [
|
|
2391
2396
|
t("div", Ii, [
|
|
2392
2397
|
t("div", qi, [
|
|
2393
|
-
|
|
2398
|
+
c(y.$slots, "link-logo", {}, void 0, !0)
|
|
2394
2399
|
]),
|
|
2395
|
-
I(
|
|
2400
|
+
I(d) ? (o(), s("div", Li, [
|
|
2396
2401
|
t("button", {
|
|
2397
2402
|
ref_key: "mobileSearchButton",
|
|
2398
2403
|
ref: ee,
|
|
2399
2404
|
class: "search-icon",
|
|
2400
2405
|
"aria-label": "Toggle search",
|
|
2401
2406
|
onClick: N[2] || (N[2] = (j) => {
|
|
2402
|
-
var
|
|
2403
|
-
return y.$emit("clickSearch"), (
|
|
2407
|
+
var R;
|
|
2408
|
+
return y.$emit("clickSearch"), (R = I(ee)) == null ? void 0 : R.blur();
|
|
2404
2409
|
})
|
|
2405
2410
|
}, [
|
|
2406
2411
|
t("img", {
|
|
2407
|
-
src: I(
|
|
2412
|
+
src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2408
2413
|
alt: "search icon",
|
|
2409
2414
|
width: "20",
|
|
2410
2415
|
height: "20"
|
|
2411
2416
|
}, null, 8, Di)
|
|
2412
2417
|
], 512)
|
|
2413
|
-
])) :
|
|
2418
|
+
])) : h("", !0),
|
|
2414
2419
|
t("button", {
|
|
2415
2420
|
class: "mobile-burger-wrapper",
|
|
2416
2421
|
"aria-label": "Toggle menu",
|
|
@@ -2420,26 +2425,26 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2420
2425
|
width: "20",
|
|
2421
2426
|
height: "20",
|
|
2422
2427
|
alt: "burger menu line icon",
|
|
2423
|
-
src: I(
|
|
2428
|
+
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"
|
|
2424
2429
|
}, null, 8, Ci)
|
|
2425
2430
|
])
|
|
2426
2431
|
]),
|
|
2427
2432
|
K(t("div", Ti, [
|
|
2428
2433
|
t("ul", null, [
|
|
2429
|
-
|
|
2434
|
+
c(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2430
2435
|
]),
|
|
2431
2436
|
t("ul", Vi, [
|
|
2432
|
-
|
|
2433
|
-
|
|
2437
|
+
c(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2438
|
+
c(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2434
2439
|
])
|
|
2435
2440
|
], 512), [
|
|
2436
|
-
[Q, I(
|
|
2441
|
+
[Q, I(u)]
|
|
2437
2442
|
])
|
|
2438
2443
|
], 2)
|
|
2439
2444
|
])
|
|
2440
2445
|
]));
|
|
2441
2446
|
}
|
|
2442
|
-
}), Pi = /* @__PURE__ */ f(Ai, [["__scopeId", "data-v-766d3c80"]]), Mi = { class: "language__wrapper" }, Oi = { class: "language__content" },
|
|
2447
|
+
}), Pi = /* @__PURE__ */ f(Ai, [["__scopeId", "data-v-766d3c80"]]), Mi = { class: "language__wrapper" }, Oi = { class: "language__content" }, zi = { class: "language__headline" }, Fi = { class: "language__paragraph" }, Hi = { class: "language__links" }, Ri = /* @__PURE__ */ g({
|
|
2443
2448
|
__name: "language-switcher",
|
|
2444
2449
|
props: {
|
|
2445
2450
|
headline: {
|
|
@@ -2454,15 +2459,15 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2454
2459
|
setup(e) {
|
|
2455
2460
|
return (a, r) => (o(), s("div", Mi, [
|
|
2456
2461
|
t("div", Oi, [
|
|
2457
|
-
t("h2",
|
|
2458
|
-
t("p",
|
|
2459
|
-
t("div",
|
|
2460
|
-
|
|
2462
|
+
t("h2", zi, n(e.headline), 1),
|
|
2463
|
+
t("p", Fi, n(e.paragraph), 1),
|
|
2464
|
+
t("div", Hi, [
|
|
2465
|
+
c(a.$slots, "language-links", {}, void 0, !0)
|
|
2461
2466
|
])
|
|
2462
2467
|
])
|
|
2463
2468
|
]));
|
|
2464
2469
|
}
|
|
2465
|
-
}), Ei = /* @__PURE__ */ f(
|
|
2470
|
+
}), Ei = /* @__PURE__ */ f(Ri, [["__scopeId", "data-v-dc8cc97e"]]), Ni = { class: "pagination__wrapper" }, ji = { class: "pagination__content" }, Ki = /* @__PURE__ */ g({
|
|
2466
2471
|
__name: "pagination",
|
|
2467
2472
|
props: {
|
|
2468
2473
|
isPreviousDisabled: {
|
|
@@ -2484,7 +2489,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2484
2489
|
"aria-label": "previous",
|
|
2485
2490
|
onClick: r[0] || (r[0] = (i) => a.$emit("previous"))
|
|
2486
2491
|
}, null, 8, ["disabled"]),
|
|
2487
|
-
|
|
2492
|
+
c(a.$slots, "pagination-numbers"),
|
|
2488
2493
|
B(ae, {
|
|
2489
2494
|
disabled: e.isNextDisabled,
|
|
2490
2495
|
variant: "next",
|
|
@@ -2497,7 +2502,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
|
|
|
2497
2502
|
}), Ui = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-da6d07c9"]]), Gi = {}, Ji = { class: "search__wrapper" };
|
|
2498
2503
|
function Wi(e, a) {
|
|
2499
2504
|
return o(), s("div", Ji, [
|
|
2500
|
-
|
|
2505
|
+
c(e.$slots, "default", { class: "search__content" })
|
|
2501
2506
|
]);
|
|
2502
2507
|
}
|
|
2503
2508
|
const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3"]]), Qi = { class: "dropdown" }, Zi = ["aria-expanded"], Xi = /* @__PURE__ */ g({
|
|
@@ -2510,13 +2515,13 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2510
2515
|
emits: ["filter", "remove-filter"],
|
|
2511
2516
|
setup(e, { emit: a }) {
|
|
2512
2517
|
const r = q(!1), i = e, l = a;
|
|
2513
|
-
function
|
|
2518
|
+
function u(b) {
|
|
2514
2519
|
i.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
|
|
2515
2520
|
}
|
|
2516
|
-
function
|
|
2521
|
+
function d() {
|
|
2517
2522
|
r.value = !1;
|
|
2518
2523
|
}
|
|
2519
|
-
const
|
|
2524
|
+
const _ = C(() => i.options.length > 8);
|
|
2520
2525
|
return (b, v) => {
|
|
2521
2526
|
const k = ue("click-outside");
|
|
2522
2527
|
return K((o(), s("div", Qi, [
|
|
@@ -2526,12 +2531,12 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2526
2531
|
"aria-expanded": r.value ? "true" : "false",
|
|
2527
2532
|
onClick: v[0] || (v[0] = (w) => r.value = !r.value)
|
|
2528
2533
|
}, [
|
|
2529
|
-
|
|
2534
|
+
c(b.$slots, "button", {}, () => [
|
|
2530
2535
|
G(n(b.label), 1)
|
|
2531
2536
|
], !0)
|
|
2532
2537
|
], 12, Zi),
|
|
2533
2538
|
t("div", {
|
|
2534
|
-
class: m([{ hidden: !r.value, "adjust-height":
|
|
2539
|
+
class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
|
|
2535
2540
|
}, [
|
|
2536
2541
|
(o(!0), s(A, null, P(b.options, (w) => (o(), T(I(me), {
|
|
2537
2542
|
id: w.value,
|
|
@@ -2541,7 +2546,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2541
2546
|
disabled: !1,
|
|
2542
2547
|
value: w.value,
|
|
2543
2548
|
checked: b.selectedOptions.includes(w.value),
|
|
2544
|
-
onInput: (x) =>
|
|
2549
|
+
onInput: (x) => u(w.value)
|
|
2545
2550
|
}, {
|
|
2546
2551
|
default: $(() => [
|
|
2547
2552
|
G(n(w.text), 1)
|
|
@@ -2550,7 +2555,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2550
2555
|
}, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
|
|
2551
2556
|
], 2)
|
|
2552
2557
|
])), [
|
|
2553
|
-
[k,
|
|
2558
|
+
[k, d]
|
|
2554
2559
|
]);
|
|
2555
2560
|
};
|
|
2556
2561
|
}
|
|
@@ -2573,7 +2578,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2573
2578
|
light: "promo__wrapper--light",
|
|
2574
2579
|
default: "promo__wrapper--default"
|
|
2575
2580
|
}, r = e, i = C(() => a[r.variant]);
|
|
2576
|
-
return (l,
|
|
2581
|
+
return (l, u) => (o(), s("div", {
|
|
2577
2582
|
class: m([
|
|
2578
2583
|
"promo__wrapper",
|
|
2579
2584
|
i.value,
|
|
@@ -2589,10 +2594,10 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2589
2594
|
}, [
|
|
2590
2595
|
t("div", tr, [
|
|
2591
2596
|
t("div", ar, [
|
|
2592
|
-
|
|
2597
|
+
c(l.$slots, "pallet-jack-link")
|
|
2593
2598
|
]),
|
|
2594
2599
|
t("div", or, [
|
|
2595
|
-
|
|
2600
|
+
c(l.$slots, "pallet-jack-video")
|
|
2596
2601
|
]),
|
|
2597
2602
|
t("div", lr, [
|
|
2598
2603
|
t("h3", sr, n(l.headline), 1),
|
|
@@ -2610,14 +2615,14 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2610
2615
|
key: 0,
|
|
2611
2616
|
text: l.label,
|
|
2612
2617
|
"label-dark": l.variant === "dark"
|
|
2613
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
2618
|
+
}, null, 8, ["text", "label-dark"])) : h("", !0),
|
|
2614
2619
|
t("div", {
|
|
2615
2620
|
class: m([
|
|
2616
2621
|
"promo__title",
|
|
2617
2622
|
l.variant === "dark" ? "promo__title--dark" : ""
|
|
2618
2623
|
])
|
|
2619
2624
|
}, [
|
|
2620
|
-
|
|
2625
|
+
c(l.$slots, "promo-text")
|
|
2621
2626
|
], 2),
|
|
2622
2627
|
l.linkType === "link" ? (o(), T(V, {
|
|
2623
2628
|
key: 1,
|
|
@@ -2625,32 +2630,32 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
|
|
|
2625
2630
|
arrow: ""
|
|
2626
2631
|
}, {
|
|
2627
2632
|
default: $(() => [
|
|
2628
|
-
|
|
2633
|
+
c(l.$slots, "promo-link")
|
|
2629
2634
|
]),
|
|
2630
2635
|
_: 3
|
|
2631
|
-
}, 8, ["link-type"])) :
|
|
2636
|
+
}, 8, ["link-type"])) : h("", !0),
|
|
2632
2637
|
l.linkType === "button" ? (o(), T(V, {
|
|
2633
2638
|
key: 2,
|
|
2634
2639
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
2635
2640
|
}, {
|
|
2636
2641
|
default: $(() => [
|
|
2637
|
-
|
|
2642
|
+
c(l.$slots, "promo-link")
|
|
2638
2643
|
]),
|
|
2639
2644
|
_: 3
|
|
2640
|
-
}, 8, ["link-type"])) :
|
|
2645
|
+
}, 8, ["link-type"])) : h("", !0)
|
|
2641
2646
|
], 2)
|
|
2642
2647
|
])
|
|
2643
2648
|
], 2));
|
|
2644
2649
|
}
|
|
2645
2650
|
}), rr = /* @__PURE__ */ f(ir, [["__scopeId", "data-v-00c0bad3"]]), dr = {
|
|
2646
2651
|
install: (e) => {
|
|
2647
|
-
e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip",
|
|
2652
|
+
e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip", Fe), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", xi), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), 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("BlockFacts", Ea), e.component("BlockFeatures", Ya), e.component("BlockFormScript", oo), e.component("BlockHeadline", ro), e.component("BlockHero", $o), e.component("BlockImage", qo), e.component("BlockImageGallery", Ao), e.component("BlockLogoWall", No), e.component("BlockMicroStories", Jo), e.component("BlockPolicy", Xo), e.component("BlockProductHero", rl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ll), e.component("BlockRichTextColumns", Ml), e.component("BlockTimeline", Ul), e.component("BlockCardDisplay", Va), e.component("BlockVimeo", Zl), e.component("BlockPalletJack", rr), e.component("BlockFrontPageHero", vs), e.component("Organism404", ks), e.component("OrganismFilter", Ls), e.component("OrganismFooter", oi), e.component("OrganismHeader", Pi), e.component("OrganismLanguageSwitcher", Ei), e.component("OrganismPagination", Ui), e.component("OrganismSearch", Yi);
|
|
2648
2653
|
}
|
|
2649
2654
|
};
|
|
2650
2655
|
export {
|
|
2651
2656
|
ae as AtomButton,
|
|
2652
2657
|
me as AtomCheckbox,
|
|
2653
|
-
|
|
2658
|
+
Fe as AtomChip,
|
|
2654
2659
|
Ge as AtomDropdown,
|
|
2655
2660
|
M as AtomImage,
|
|
2656
2661
|
Z as AtomLabel,
|
|
@@ -2659,7 +2664,7 @@ export {
|
|
|
2659
2664
|
ct as AtomSelect,
|
|
2660
2665
|
xi as AtomSelectMultiple,
|
|
2661
2666
|
$t as AtomSlider,
|
|
2662
|
-
|
|
2667
|
+
Rt as AtomTextField,
|
|
2663
2668
|
Dt as AtomTextarea,
|
|
2664
2669
|
X as AtomVideo,
|
|
2665
2670
|
Va as BlockCardDisplay,
|