@mirweb/mir-web-components 1.15.2 → 1.15.3
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/atoms/dropdown/dropdown.vue.d.ts +1 -1
- package/dist/components/atoms/select-multiple/select-multiple.vue.d.ts +1 -1
- package/dist/directives/clickOutside.d.ts +1 -2
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +349 -346
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as b, computed as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as b, computed as T, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as E, popScopeId as N, createTextVNode as Y, ref as I, withDirectives as U, Fragment as D, renderList as V, vShow as W, unref as $, normalizeProps as H, guardReactiveProps as R, toRefs as Ie, mergeProps as F, createVNode as S, Transition as Ce, withCtx as k, withModifiers as ue, createBlock as C, createCommentVNode as _, watchEffect as pe, withKeys as Te, useSlots as qe, normalizeStyle as Q, isRef as x, onMounted as me, watch as X, onUnmounted as Le } from "vue";
|
|
2
|
+
const Ae = ["aria-label"], De = /* @__PURE__ */ b({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -14,18 +14,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
14
14
|
close: "close",
|
|
15
15
|
next: "next",
|
|
16
16
|
previous: "previous"
|
|
17
|
-
}, r = e, l =
|
|
17
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
18
18
|
return (o, u) => (s(), i("button", {
|
|
19
19
|
class: h(["button", "button--" + l.value]),
|
|
20
20
|
"aria-label": o.ariaLabel
|
|
21
|
-
}, c(l.value === "close" ? "" : o.buttonText), 11,
|
|
21
|
+
}, c(l.value === "close" ? "" : o.buttonText), 11, Ae));
|
|
22
22
|
}
|
|
23
23
|
}), g = (e, a) => {
|
|
24
24
|
const r = e.__vccOpts || e;
|
|
25
25
|
for (const [l, o] of a)
|
|
26
26
|
r[l] = o;
|
|
27
27
|
return r;
|
|
28
|
-
},
|
|
28
|
+
}, se = /* @__PURE__ */ g(De, [["__scopeId", "data-v-f61b579c"]]), Ve = (e) => (E("data-v-d8d77aaf"), e = e(), N(), e), Pe = ["id", "name", "value", "disabled", "required", "checked"], Fe = ["for"], Me = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Oe = /* @__PURE__ */ b({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
31
31
|
name: { default: "checkbox" },
|
|
@@ -64,18 +64,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
64
64
|
], 10, Fe)
|
|
65
65
|
], 2));
|
|
66
66
|
}
|
|
67
|
-
}),
|
|
67
|
+
}), fe = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-d8d77aaf"]]), ze = (e) => (E("data-v-2e1e44c1"), e = e(), N(), e), He = ["aria-label"], Re = /* @__PURE__ */ ze(() => /* @__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)), Ee = /* @__PURE__ */ b({
|
|
72
72
|
__name: "chip",
|
|
73
73
|
props: {
|
|
74
74
|
text: { default: "" }
|
|
75
75
|
},
|
|
76
76
|
emits: ["remove-chip"],
|
|
77
77
|
setup(e) {
|
|
78
|
-
const a = e, r =
|
|
78
|
+
const a = e, r = T(() => `Chip: ${a.text}`);
|
|
79
79
|
return (l, o) => (s(), i("div", {
|
|
80
80
|
class: "chip__wrapper",
|
|
81
81
|
onClick: o[0] || (o[0] = (u) => l.$emit("remove-chip"))
|
|
@@ -89,7 +89,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
89
89
|
], 8, He)
|
|
90
90
|
]));
|
|
91
91
|
}
|
|
92
|
-
}),
|
|
92
|
+
}), Ne = /* @__PURE__ */ g(Ee, [["__scopeId", "data-v-2e1e44c1"]]), ve = {
|
|
93
|
+
beforeMount(e, a) {
|
|
94
|
+
e.clickOutsideEvent = function(r) {
|
|
95
|
+
e === r.target || e.contains(r.target) || a.value(r);
|
|
96
|
+
}, document.body.addEventListener("click", e.clickOutsideEvent);
|
|
97
|
+
},
|
|
98
|
+
unmounted(e) {
|
|
99
|
+
document.body.removeEventListener("click", e.clickOutsideEvent);
|
|
100
|
+
}
|
|
101
|
+
}, je = ["value"], Ue = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Je = ["aria-labelledby", "aria-activedescendant"], We = ["aria-selected", "data-value"], Ye = /* @__PURE__ */ b({
|
|
93
102
|
__name: "dropdown",
|
|
94
103
|
props: {
|
|
95
104
|
modelValue: {},
|
|
@@ -107,32 +116,32 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
107
116
|
const r = {
|
|
108
117
|
primary: "dropdown-dark-bg-primary",
|
|
109
118
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
110
|
-
}, l = e, o =
|
|
119
|
+
}, l = e, o = T(() => r[l.variant]), u = I(null), p = I(null), n = I([]), v = I(0), f = I(""), y = I(!0), A = I(0), re = a, ae = T(() => {
|
|
111
120
|
const m = l.options.find(
|
|
112
|
-
(
|
|
121
|
+
(B) => B.value === l.modelValue
|
|
113
122
|
);
|
|
114
123
|
return m && m.label;
|
|
115
124
|
});
|
|
116
125
|
function ne(m) {
|
|
117
|
-
|
|
126
|
+
re("update:modelValue", m);
|
|
118
127
|
}
|
|
119
128
|
function de(m) {
|
|
120
|
-
var
|
|
121
|
-
const
|
|
122
|
-
|
|
129
|
+
var q;
|
|
130
|
+
const B = m.target;
|
|
131
|
+
B.getAttribute("role") === "option" && (J(B), le(), (q = u.value) == null || q.focus());
|
|
123
132
|
}
|
|
124
133
|
function K(m) {
|
|
125
|
-
var
|
|
126
|
-
const
|
|
127
|
-
switch (
|
|
134
|
+
var q;
|
|
135
|
+
const B = m.key;
|
|
136
|
+
switch (B) {
|
|
128
137
|
case "ArrowUp":
|
|
129
138
|
case "ArrowDown": {
|
|
130
139
|
m.preventDefault();
|
|
131
|
-
const
|
|
140
|
+
const P = l.options.findIndex(
|
|
132
141
|
(Z) => Z.value === l.modelValue
|
|
133
142
|
);
|
|
134
|
-
let
|
|
135
|
-
|
|
143
|
+
let G = P ? n.value[P] : n.value[0];
|
|
144
|
+
B === "ArrowUp" ? P - 1 >= 0 && (G = n.value[P - 1]) : P + 1 <= l.options.length && (G = n.value[P + 1]), G && J(G);
|
|
136
145
|
break;
|
|
137
146
|
}
|
|
138
147
|
case "Home":
|
|
@@ -145,16 +154,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
145
154
|
break;
|
|
146
155
|
case "Enter":
|
|
147
156
|
case "Escape":
|
|
148
|
-
m.preventDefault(),
|
|
157
|
+
m.preventDefault(), le(), (q = u.value) == null || q.focus();
|
|
149
158
|
break;
|
|
150
159
|
default: {
|
|
151
|
-
const
|
|
152
|
-
|
|
160
|
+
const P = j(B);
|
|
161
|
+
P && J(P);
|
|
153
162
|
break;
|
|
154
163
|
}
|
|
155
164
|
}
|
|
156
165
|
}
|
|
157
|
-
function
|
|
166
|
+
function oe(m) {
|
|
158
167
|
if (!l.disabled)
|
|
159
168
|
switch (m.key) {
|
|
160
169
|
case "ArrowUp":
|
|
@@ -172,117 +181,114 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
172
181
|
}, 500);
|
|
173
182
|
}
|
|
174
183
|
function j(m) {
|
|
175
|
-
let
|
|
176
|
-
(f.value === "" ||
|
|
177
|
-
(
|
|
178
|
-
)), f.value =
|
|
179
|
-
let
|
|
180
|
-
|
|
184
|
+
let B = "";
|
|
185
|
+
(f.value === "" || B !== m) && (A.value = l.options.findIndex(
|
|
186
|
+
(P) => P.value === l.modelValue
|
|
187
|
+
)), f.value = B === m ? m : f.value + m, B = m, w();
|
|
188
|
+
let q = O(
|
|
189
|
+
A.value + 1,
|
|
181
190
|
l.options.length
|
|
182
191
|
);
|
|
183
|
-
return !
|
|
192
|
+
return !q && f.value.length === 1 && (q = O(0, A.value)), A.value = (A.value + 1) % l.options.length, q;
|
|
184
193
|
}
|
|
185
|
-
function O(m,
|
|
186
|
-
for (let
|
|
187
|
-
if (l.options[
|
|
188
|
-
return n.value[
|
|
194
|
+
function O(m, B) {
|
|
195
|
+
for (let q = m; q < B; q++)
|
|
196
|
+
if (l.options[q].label && l.options[q].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
|
|
197
|
+
return n.value[q];
|
|
189
198
|
return null;
|
|
190
199
|
}
|
|
191
200
|
function z() {
|
|
192
201
|
J(n.value[0]);
|
|
193
202
|
}
|
|
194
203
|
function J(m) {
|
|
195
|
-
var
|
|
196
|
-
const
|
|
204
|
+
var q, P;
|
|
205
|
+
const B = m.getAttribute("data-value");
|
|
197
206
|
if (l.modelValue) {
|
|
198
|
-
const
|
|
207
|
+
const G = l.options.findIndex(
|
|
199
208
|
(Se) => Se.value === l.modelValue
|
|
200
|
-
), Z = n.value[
|
|
209
|
+
), Z = n.value[G];
|
|
201
210
|
ce(Z);
|
|
202
211
|
}
|
|
203
|
-
if (m.setAttribute("aria-selected", "true"), (
|
|
212
|
+
if (m.setAttribute("aria-selected", "true"), (q = p.value) == null || q.setAttribute(
|
|
204
213
|
"aria-activedescendant",
|
|
205
|
-
|
|
206
|
-
), ne(
|
|
207
|
-
const
|
|
208
|
-
Z >
|
|
214
|
+
B || ""
|
|
215
|
+
), ne(B || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
|
|
216
|
+
const G = p.value.clientHeight + p.value.scrollTop, Z = m.offsetTop + m.offsetHeight;
|
|
217
|
+
Z > G ? p.value.scrollTop = Z - ((P = p.value) == null ? void 0 : P.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
|
|
209
218
|
}
|
|
210
219
|
}
|
|
211
220
|
function we() {
|
|
212
|
-
var
|
|
213
|
-
const m = (
|
|
221
|
+
var B;
|
|
222
|
+
const m = (B = n.value) == null ? void 0 : B[l.options.length - 1];
|
|
214
223
|
J(m);
|
|
215
224
|
}
|
|
216
|
-
function
|
|
225
|
+
function le() {
|
|
217
226
|
var m;
|
|
218
|
-
|
|
227
|
+
y.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
|
|
219
228
|
}
|
|
220
229
|
function _e() {
|
|
221
|
-
var m,
|
|
222
|
-
|
|
230
|
+
var m, B;
|
|
231
|
+
y.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = p.value) == null || B.focus();
|
|
223
232
|
}
|
|
224
233
|
function Be() {
|
|
225
|
-
l.disabled || (
|
|
234
|
+
l.disabled || (y.value ? _e() : le());
|
|
226
235
|
}
|
|
227
|
-
return (m,
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
], 40, Je), [
|
|
277
|
-
[W, !$.value]
|
|
278
|
-
])
|
|
279
|
-
])), [
|
|
280
|
-
[L, se]
|
|
236
|
+
return (m, B) => (s(), i("div", {
|
|
237
|
+
ref: "listbox",
|
|
238
|
+
class: "listbox__wrapper",
|
|
239
|
+
value: m.modelValue
|
|
240
|
+
}, [
|
|
241
|
+
t("label", {
|
|
242
|
+
id: `${m.name}-label`,
|
|
243
|
+
class: h([{
|
|
244
|
+
"listbox__label--visually-hidden": !m.showLabel,
|
|
245
|
+
"is-disabled": m.disabled,
|
|
246
|
+
"is-required": m.required
|
|
247
|
+
}, "listbox__label"])
|
|
248
|
+
}, c(m.label), 11, Ue),
|
|
249
|
+
U((s(), i("div", Ge, [
|
|
250
|
+
t("button", {
|
|
251
|
+
id: `${m.name}-button-label`,
|
|
252
|
+
ref_key: "listboxButton",
|
|
253
|
+
ref: u,
|
|
254
|
+
"aria-labelledby": `${m.name}-label ${m.name}-button-label`,
|
|
255
|
+
type: "button",
|
|
256
|
+
"aria-haspopup": "listbox",
|
|
257
|
+
"aria-disabled": m.disabled,
|
|
258
|
+
class: h(["listbox__button", o.value]),
|
|
259
|
+
onClick: Be,
|
|
260
|
+
onKeydown: oe
|
|
261
|
+
}, c(m.modelValue ? ae.value : m.placeholder), 43, Ke),
|
|
262
|
+
U(t("ul", {
|
|
263
|
+
ref_key: "listboxNode",
|
|
264
|
+
ref: p,
|
|
265
|
+
"aria-labelledby": `${m.name}-label`,
|
|
266
|
+
"aria-activedescendant": m.modelValue,
|
|
267
|
+
tabindex: "0",
|
|
268
|
+
role: "listbox",
|
|
269
|
+
class: "listbox__list",
|
|
270
|
+
onKeydown: K,
|
|
271
|
+
onClick: de
|
|
272
|
+
}, [
|
|
273
|
+
(s(!0), i(D, null, V(m.options, (q, P) => (s(), i("li", {
|
|
274
|
+
key: `${m.name}-option-${P}`,
|
|
275
|
+
ref_for: !0,
|
|
276
|
+
ref_key: "listboxOptions",
|
|
277
|
+
ref: n,
|
|
278
|
+
"aria-selected": q.value === m.modelValue,
|
|
279
|
+
"data-value": q.value,
|
|
280
|
+
class: "listbox__option",
|
|
281
|
+
role: "option"
|
|
282
|
+
}, c(q.label), 9, We))), 128))
|
|
283
|
+
], 40, Je), [
|
|
284
|
+
[W, !y.value]
|
|
281
285
|
])
|
|
282
|
-
],
|
|
283
|
-
|
|
286
|
+
])), [
|
|
287
|
+
[$(ve), le]
|
|
288
|
+
])
|
|
289
|
+
], 8, je));
|
|
284
290
|
}
|
|
285
|
-
}), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-
|
|
291
|
+
}), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-3d9c75e9"]]), Ze = { class: "image__wrapper" }, Xe = /* @__PURE__ */ b({
|
|
286
292
|
__name: "image",
|
|
287
293
|
props: {
|
|
288
294
|
src: { default: void 0 },
|
|
@@ -305,7 +311,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
305
311
|
labelDark: { type: Boolean, default: !1 }
|
|
306
312
|
},
|
|
307
313
|
setup(e) {
|
|
308
|
-
const a = e, r =
|
|
314
|
+
const a = e, r = T(() => `Label: ${a.text}`);
|
|
309
315
|
return (l, o) => (s(), i("div", xe, [
|
|
310
316
|
t("span", {
|
|
311
317
|
"aria-label": r.value,
|
|
@@ -314,7 +320,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
314
320
|
}, c(l.text), 11, et)
|
|
315
321
|
]));
|
|
316
322
|
}
|
|
317
|
-
}), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" },
|
|
323
|
+
}), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" }, L = /* @__PURE__ */ b({
|
|
318
324
|
__name: "link",
|
|
319
325
|
props: {
|
|
320
326
|
linkType: { default: "regular" },
|
|
@@ -336,7 +342,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
336
342
|
hover: "underline-hover",
|
|
337
343
|
true: "add-underline",
|
|
338
344
|
false: "remove-underline"
|
|
339
|
-
}, l = e, o =
|
|
345
|
+
}, l = e, o = T(() => a[l.linkType]), u = T(() => r[l.underline]), p = T(() => {
|
|
340
346
|
const { ...n } = Ie(l);
|
|
341
347
|
return n;
|
|
342
348
|
});
|
|
@@ -353,7 +359,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
353
359
|
], 16)
|
|
354
360
|
]));
|
|
355
361
|
}
|
|
356
|
-
}), ot = (e) => (
|
|
362
|
+
}), ot = (e) => (E("data-v-60c6ff7e"), e = e(), N(), e), lt = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], it = /* @__PURE__ */ ot(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), rt = /* @__PURE__ */ b({
|
|
357
363
|
__name: "radio-button",
|
|
358
364
|
props: {
|
|
359
365
|
name: { default: "radio" },
|
|
@@ -420,7 +426,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
420
426
|
a.$emit("update:modelValue", l.target.value), l.target.blur();
|
|
421
427
|
})
|
|
422
428
|
}, [
|
|
423
|
-
(s(!0), i(
|
|
429
|
+
(s(!0), i(D, null, V(a.options, (l) => (s(), i("option", {
|
|
424
430
|
key: l.value,
|
|
425
431
|
value: l.value
|
|
426
432
|
}, c(l.text), 9, _t))), 128))
|
|
@@ -439,12 +445,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
439
445
|
l("update:show", !r.show);
|
|
440
446
|
};
|
|
441
447
|
return (u, p) => (s(), i("div", mt, [
|
|
442
|
-
|
|
448
|
+
S(Ce, {
|
|
443
449
|
duration: 300,
|
|
444
450
|
name: "nested"
|
|
445
451
|
}, {
|
|
446
452
|
default: k(() => [
|
|
447
|
-
|
|
453
|
+
U(t("dialog", {
|
|
448
454
|
class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
449
455
|
ariaLabel: "modal",
|
|
450
456
|
role: "dialog",
|
|
@@ -457,7 +463,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
457
463
|
}, ["stop"]))
|
|
458
464
|
}, [
|
|
459
465
|
t("div", null, [
|
|
460
|
-
u.searchBar ? _("", !0) : (s(),
|
|
466
|
+
u.searchBar ? _("", !0) : (s(), C(se, {
|
|
461
467
|
key: 0,
|
|
462
468
|
"aria-label": "close",
|
|
463
469
|
variant: "close",
|
|
@@ -490,18 +496,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
490
496
|
},
|
|
491
497
|
emits: ["update:modelValue"],
|
|
492
498
|
setup(e, { emit: a }) {
|
|
493
|
-
const r = e, l = a, o =
|
|
494
|
-
var
|
|
495
|
-
(
|
|
499
|
+
const r = e, l = a, o = I(r.modelValue), u = I(), p = I(!1), n = (f, y, A) => (f - y) / (A - y) * 100, v = (f) => {
|
|
500
|
+
var y;
|
|
501
|
+
(y = u.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
|
|
496
502
|
};
|
|
497
|
-
return
|
|
503
|
+
return pe(() => {
|
|
498
504
|
if (u.value) {
|
|
499
505
|
l("update:modelValue", o.value);
|
|
500
506
|
const f = n(o.value, r.min, r.max);
|
|
501
|
-
let
|
|
502
|
-
v(f +
|
|
507
|
+
let y = (50 - f) / 100;
|
|
508
|
+
v(f + y);
|
|
503
509
|
}
|
|
504
|
-
}), (f,
|
|
510
|
+
}), (f, y) => (s(), i("div", null, [
|
|
505
511
|
t("div", vt, [
|
|
506
512
|
t("div", gt, [
|
|
507
513
|
t("label", {
|
|
@@ -515,8 +521,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
515
521
|
"aria-label": f.informationLabel,
|
|
516
522
|
tabindex: "0",
|
|
517
523
|
"aria-haspopup": "dialog",
|
|
518
|
-
onClick:
|
|
519
|
-
onKeyup:
|
|
524
|
+
onClick: y[0] || (y[0] = (A) => p.value = !p.value),
|
|
525
|
+
onKeyup: y[1] || (y[1] = Te((A) => p.value = !p.value, ["enter"]))
|
|
520
526
|
}, null, 42, kt)) : _("", !0)
|
|
521
527
|
]),
|
|
522
528
|
t("div", yt, [
|
|
@@ -534,7 +540,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
534
540
|
step: f.step,
|
|
535
541
|
max: f.max,
|
|
536
542
|
class: h(f.variant),
|
|
537
|
-
onInput:
|
|
543
|
+
onInput: y[2] || (y[2] = ({ target: A }) => o.value = parseFloat(A.value))
|
|
538
544
|
}, null, 42, $t),
|
|
539
545
|
t("span", {
|
|
540
546
|
class: h([f.variant, "slider__minmax"])
|
|
@@ -544,10 +550,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
544
550
|
class: h([f.variant, "slider__value"])
|
|
545
551
|
}, c(f.modelValue), 3)
|
|
546
552
|
]),
|
|
547
|
-
f.information ? (s(),
|
|
553
|
+
f.information ? (s(), C(ge, {
|
|
548
554
|
key: 0,
|
|
549
555
|
show: p.value,
|
|
550
|
-
"onUpdate:show":
|
|
556
|
+
"onUpdate:show": y[3] || (y[3] = (A) => p.value = A)
|
|
551
557
|
}, {
|
|
552
558
|
default: k(() => [
|
|
553
559
|
t("p", wt, c(f.information), 1)
|
|
@@ -556,7 +562,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
556
562
|
}, 8, ["show"])) : _("", !0)
|
|
557
563
|
]));
|
|
558
564
|
}
|
|
559
|
-
}), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" },
|
|
565
|
+
}), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, Lt = { key: 0 }, At = /* @__PURE__ */ b({
|
|
560
566
|
__name: "textarea",
|
|
561
567
|
props: {
|
|
562
568
|
id: { default: "" },
|
|
@@ -598,7 +604,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
598
604
|
], 2),
|
|
599
605
|
t("div", qt, [
|
|
600
606
|
t("div", null, [
|
|
601
|
-
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p",
|
|
607
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : _("", !0)
|
|
602
608
|
]),
|
|
603
609
|
t("p", {
|
|
604
610
|
class: h(
|
|
@@ -608,16 +614,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
608
614
|
])
|
|
609
615
|
]));
|
|
610
616
|
}
|
|
611
|
-
}), Dt = /* @__PURE__ */ g(
|
|
617
|
+
}), Dt = /* @__PURE__ */ g(At, [["__scopeId", "data-v-7ecd7bf5"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
|
|
612
618
|
key: 2,
|
|
613
619
|
class: "search"
|
|
614
620
|
}, Rt = {
|
|
615
621
|
key: 3,
|
|
616
622
|
class: "errorMessage"
|
|
617
|
-
},
|
|
623
|
+
}, Et = {
|
|
618
624
|
key: 4,
|
|
619
625
|
class: "helperText"
|
|
620
|
-
},
|
|
626
|
+
}, Nt = /* @__PURE__ */ b({
|
|
621
627
|
__name: "text-field",
|
|
622
628
|
props: {
|
|
623
629
|
type: { default: "text" },
|
|
@@ -644,9 +650,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
644
650
|
tel: "tel",
|
|
645
651
|
url: "url",
|
|
646
652
|
search: "search"
|
|
647
|
-
}, r = e, l =
|
|
653
|
+
}, r = e, l = T(() => a[r.type]), o = I(!0), u = T(
|
|
648
654
|
() => o.value ? "showPassword" : "hidePassword"
|
|
649
|
-
), p =
|
|
655
|
+
), p = T(
|
|
650
656
|
() => o.value ? "password" : "text"
|
|
651
657
|
);
|
|
652
658
|
return (n, v) => (s(), i("div", Vt, [
|
|
@@ -696,10 +702,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
696
702
|
}, null, 42, zt)),
|
|
697
703
|
n.search ? (s(), i("button", Ht)) : _("", !0),
|
|
698
704
|
n.errorMessage ? (s(), i("strong", Rt, c(n.errorMessage), 1)) : _("", !0),
|
|
699
|
-
n.helperText ? (s(), i("span",
|
|
705
|
+
n.helperText ? (s(), i("span", Et, c(n.helperText), 1)) : _("", !0)
|
|
700
706
|
]));
|
|
701
707
|
}
|
|
702
|
-
}), jt = /* @__PURE__ */ g(
|
|
708
|
+
}), jt = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-1d92973b"]]), Ut = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ b({
|
|
703
709
|
__name: "video",
|
|
704
710
|
props: {
|
|
705
711
|
play: { type: Boolean, default: !1 },
|
|
@@ -717,8 +723,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
717
723
|
},
|
|
718
724
|
setup(e, { expose: a }) {
|
|
719
725
|
const r = e;
|
|
720
|
-
let l =
|
|
721
|
-
return
|
|
726
|
+
let l = I(null);
|
|
727
|
+
return pe(() => {
|
|
722
728
|
l.value && (r.play ? l.value.play() : r.play || l.value.pause());
|
|
723
729
|
}), a({
|
|
724
730
|
resetVideo: () => {
|
|
@@ -779,7 +785,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
779
785
|
a.addressLine3 ? (s(), i("p", xt, c(a.addressLine3), 1)) : _("", !0)
|
|
780
786
|
]),
|
|
781
787
|
t("div", ea, [
|
|
782
|
-
a.website ? (s(),
|
|
788
|
+
a.website ? (s(), C(L, {
|
|
783
789
|
key: 0,
|
|
784
790
|
underline: "false",
|
|
785
791
|
"link-type": "regular"
|
|
@@ -792,7 +798,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
792
798
|
]),
|
|
793
799
|
_: 1
|
|
794
800
|
})) : _("", !0),
|
|
795
|
-
(s(!0), i(
|
|
801
|
+
(s(!0), i(D, null, V(a.phoneNumbers, (l) => (s(), C(L, {
|
|
796
802
|
key: l,
|
|
797
803
|
underline: "false",
|
|
798
804
|
"link-type": "regular"
|
|
@@ -813,7 +819,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
813
819
|
])
|
|
814
820
|
]));
|
|
815
821
|
}
|
|
816
|
-
}), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (
|
|
822
|
+
}), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ b({
|
|
817
823
|
__name: "bullet-list",
|
|
818
824
|
props: {
|
|
819
825
|
list: {
|
|
@@ -838,7 +844,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
838
844
|
class: h(["bullet-list", e.variant])
|
|
839
845
|
}, [
|
|
840
846
|
t("ul", null, [
|
|
841
|
-
(s(!0), i(
|
|
847
|
+
(s(!0), i(D, null, V(e.list, (l) => (s(), i("li", { key: l }, [
|
|
842
848
|
na,
|
|
843
849
|
Y(" " + c(l), 1)
|
|
844
850
|
]))), 128))
|
|
@@ -869,7 +875,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
869
875
|
emits: ["clicked"],
|
|
870
876
|
setup(e) {
|
|
871
877
|
const a = qe();
|
|
872
|
-
let r =
|
|
878
|
+
let r = I(!1);
|
|
873
879
|
const l = {
|
|
874
880
|
xsmall: {
|
|
875
881
|
class: "card--xsmall",
|
|
@@ -891,7 +897,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
891
897
|
width: "596",
|
|
892
898
|
height: "335"
|
|
893
899
|
}
|
|
894
|
-
}, o = e, u =
|
|
900
|
+
}, o = e, u = T(() => l[o.size]), p = T(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
|
|
895
901
|
return (n, v) => (s(), i("div", ua, [
|
|
896
902
|
t("div", {
|
|
897
903
|
class: h(["card", [
|
|
@@ -907,7 +913,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
907
913
|
onFocus: v[2] || (v[2] = (f) => x(r) ? r.value = !0 : r = !0),
|
|
908
914
|
onBlur: v[3] || (v[3] = (f) => x(r) ? r.value = !1 : r = !1)
|
|
909
915
|
}, [
|
|
910
|
-
n.mediaType === "image" ? (s(),
|
|
916
|
+
n.mediaType === "image" ? (s(), C(M, { key: 0 }, {
|
|
911
917
|
default: k(() => [
|
|
912
918
|
d(n.$slots, "card-image", F({
|
|
913
919
|
src: n.imgSrc,
|
|
@@ -921,10 +927,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
921
927
|
_: 3
|
|
922
928
|
})) : (s(), i("div", {
|
|
923
929
|
key: 1,
|
|
924
|
-
class: h(["video-card__wrapper",
|
|
930
|
+
class: h(["video-card__wrapper", $(r) === !0 ? "vimeoPlaying" : ""])
|
|
925
931
|
}, [
|
|
926
|
-
|
|
927
|
-
play:
|
|
932
|
+
S(te, {
|
|
933
|
+
play: $(r),
|
|
928
934
|
"local-video": !0,
|
|
929
935
|
src: n.videoSrc,
|
|
930
936
|
"aria-label": n.arialabel,
|
|
@@ -937,7 +943,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
937
943
|
muted: !0
|
|
938
944
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
939
945
|
], 2)),
|
|
940
|
-
|
|
946
|
+
$(a)["card-label"] ? (s(), i("div", _a, [
|
|
941
947
|
d(n.$slots, "card-label")
|
|
942
948
|
])) : _("", !0),
|
|
943
949
|
n.variant === "product" ? (s(), i("div", {
|
|
@@ -974,7 +980,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
974
980
|
white: "",
|
|
975
981
|
light: "column__wrapper--light",
|
|
976
982
|
dark: "column__wrapper--dark mirsaic--dark"
|
|
977
|
-
}, r = e, l =
|
|
983
|
+
}, r = e, l = T(
|
|
978
984
|
() => a[r.bgColor || "white"]
|
|
979
985
|
);
|
|
980
986
|
return (o, u) => (s(), i("div", {
|
|
@@ -994,7 +1000,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
994
1000
|
t("div", ga, [
|
|
995
1001
|
d(o.$slots, "column-card-body", {}, void 0, !0)
|
|
996
1002
|
]),
|
|
997
|
-
o.linkType === "link" ? (s(),
|
|
1003
|
+
o.linkType === "link" ? (s(), C(L, {
|
|
998
1004
|
key: 1,
|
|
999
1005
|
"link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
|
|
1000
1006
|
arrow: ""
|
|
@@ -1007,7 +1013,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1007
1013
|
])
|
|
1008
1014
|
], 2));
|
|
1009
1015
|
}
|
|
1010
|
-
}), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (
|
|
1016
|
+
}), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (E("data-v-e4a362a9"), e = e(), N(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
|
|
1011
1017
|
key: 0,
|
|
1012
1018
|
class: "event__info"
|
|
1013
1019
|
}, Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ b({
|
|
@@ -1041,7 +1047,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1041
1047
|
},
|
|
1042
1048
|
setup(e) {
|
|
1043
1049
|
return (a, r) => (s(), i("div", ya, [
|
|
1044
|
-
|
|
1050
|
+
S(ee, {
|
|
1045
1051
|
"label-dark": !1,
|
|
1046
1052
|
text: e.eventType ? e.eventType : ""
|
|
1047
1053
|
}, null, 8, ["text"]),
|
|
@@ -1055,16 +1061,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1055
1061
|
t("div", Ia, c(e.exhibitor), 1)
|
|
1056
1062
|
]));
|
|
1057
1063
|
}
|
|
1058
|
-
}), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]),
|
|
1064
|
+
}), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]), ie = (e) => (E("data-v-93ee37aa"), e = e(), N(), e), qa = { class: "flashcard-side flashcard-front" }, La = {
|
|
1059
1065
|
key: 0,
|
|
1060
1066
|
class: "content"
|
|
1061
|
-
},
|
|
1067
|
+
}, Aa = { key: 0 }, Da = {
|
|
1062
1068
|
key: 1,
|
|
1063
1069
|
class: "flashcard-body"
|
|
1064
|
-
}, Va = /* @__PURE__ */
|
|
1070
|
+
}, Va = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
|
|
1065
1071
|
class: "flip-icon",
|
|
1066
1072
|
src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
|
|
1067
|
-
}, null, -1)), Pa = /* @__PURE__ */
|
|
1073
|
+
}, null, -1)), Pa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
|
|
1068
1074
|
class: "flip-icon",
|
|
1069
1075
|
src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
|
|
1070
1076
|
}, null, -1)), Fa = {
|
|
@@ -1073,10 +1079,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1073
1079
|
}, Ma = { key: 0 }, Oa = {
|
|
1074
1080
|
key: 1,
|
|
1075
1081
|
class: "flashcard-body"
|
|
1076
|
-
}, za = /* @__PURE__ */
|
|
1082
|
+
}, za = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
|
|
1077
1083
|
class: "flip-icon",
|
|
1078
1084
|
src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
|
|
1079
|
-
}, null, -1)), Ha = /* @__PURE__ */
|
|
1085
|
+
}, null, -1)), Ha = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
|
|
1080
1086
|
class: "flip-icon",
|
|
1081
1087
|
src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
|
|
1082
1088
|
}, null, -1)), Ra = /* @__PURE__ */ b({
|
|
@@ -1093,12 +1099,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1093
1099
|
imageFitBack: { type: Boolean }
|
|
1094
1100
|
},
|
|
1095
1101
|
setup(e) {
|
|
1096
|
-
const a =
|
|
1102
|
+
const a = I(!1);
|
|
1097
1103
|
function r() {
|
|
1098
1104
|
a.value = !a.value;
|
|
1099
1105
|
}
|
|
1100
1106
|
return (l, o) => {
|
|
1101
|
-
var u, p, n, v, f,
|
|
1107
|
+
var u, p, n, v, f, y;
|
|
1102
1108
|
return s(), i("div", {
|
|
1103
1109
|
class: "flashcard-container",
|
|
1104
1110
|
onClick: r
|
|
@@ -1112,8 +1118,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1112
1118
|
}])
|
|
1113
1119
|
}, [
|
|
1114
1120
|
t("div", qa, [
|
|
1115
|
-
l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div",
|
|
1116
|
-
l.name ? (s(), i("h3",
|
|
1121
|
+
l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", La, [
|
|
1122
|
+
l.name ? (s(), i("h3", Aa, c(l.name), 1)) : _("", !0),
|
|
1117
1123
|
l.bodytext ? (s(), i("div", Da, [
|
|
1118
1124
|
d(l.$slots, "flashcard-front-body", H(R({ bodytext: l.bodytext })), void 0, !0)
|
|
1119
1125
|
])) : _("", !0),
|
|
@@ -1148,7 +1154,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1148
1154
|
cover: !l.imageFitBack
|
|
1149
1155
|
}])
|
|
1150
1156
|
}, [
|
|
1151
|
-
d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: (
|
|
1157
|
+
d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: (y = l.imagebackside) == null ? void 0 : y.alt })), void 0, !0),
|
|
1152
1158
|
Ha
|
|
1153
1159
|
], 2))
|
|
1154
1160
|
], 2)
|
|
@@ -1156,7 +1162,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1156
1162
|
]);
|
|
1157
1163
|
};
|
|
1158
1164
|
}
|
|
1159
|
-
}), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]),
|
|
1165
|
+
}), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]), Ea = { class: "text__wrapper" }, Na = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ua = /* @__PURE__ */ b({
|
|
1160
1166
|
__name: "text-card",
|
|
1161
1167
|
props: {
|
|
1162
1168
|
label: {
|
|
@@ -1173,12 +1179,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1173
1179
|
}
|
|
1174
1180
|
},
|
|
1175
1181
|
setup(e) {
|
|
1176
|
-
return (a, r) => (s(), i("div",
|
|
1177
|
-
|
|
1182
|
+
return (a, r) => (s(), i("div", Ea, [
|
|
1183
|
+
S(ee, {
|
|
1178
1184
|
"label-dark": !1,
|
|
1179
1185
|
text: e.label ? e.label : ""
|
|
1180
1186
|
}, null, 8, ["text"]),
|
|
1181
|
-
t("div",
|
|
1187
|
+
t("div", Na, c(e.headline), 1),
|
|
1182
1188
|
t("div", ja, [
|
|
1183
1189
|
t("p", null, c(e.paragraph), 1)
|
|
1184
1190
|
])
|
|
@@ -1196,13 +1202,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1196
1202
|
accordions: {}
|
|
1197
1203
|
},
|
|
1198
1204
|
setup(e) {
|
|
1199
|
-
const a =
|
|
1205
|
+
const a = I([]), r = (o) => {
|
|
1200
1206
|
const u = a.value.indexOf(o);
|
|
1201
1207
|
u > -1 ? a.value.splice(u, 1) : a.value.push(o);
|
|
1202
1208
|
}, l = (o) => a.value.includes(o);
|
|
1203
1209
|
return (o, u) => (s(), i("section", Ka, [
|
|
1204
1210
|
t("div", Ja, [
|
|
1205
|
-
(s(!0), i(
|
|
1211
|
+
(s(!0), i(D, null, V(o.accordions, (p) => (s(), i("div", {
|
|
1206
1212
|
key: p._uid
|
|
1207
1213
|
}, [
|
|
1208
1214
|
t("div", Wa, [
|
|
@@ -1224,7 +1230,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1224
1230
|
t("div", eo, [
|
|
1225
1231
|
d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
|
|
1226
1232
|
]),
|
|
1227
|
-
|
|
1233
|
+
S(M, null, {
|
|
1228
1234
|
default: k(() => [
|
|
1229
1235
|
p.image ? d(o.$slots, "accordion-image", F({
|
|
1230
1236
|
key: 0,
|
|
@@ -1316,7 +1322,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1316
1322
|
a.headline ? (s(), i("h2", uo, c(a.headline), 1)) : _("", !0),
|
|
1317
1323
|
a.bodytext ? (s(), i("div", _o, [
|
|
1318
1324
|
d(a.$slots, "column-grid-body", {}, void 0, !0),
|
|
1319
|
-
a.linkType === "link" ? (s(),
|
|
1325
|
+
a.linkType === "link" ? (s(), C(L, {
|
|
1320
1326
|
key: 0,
|
|
1321
1327
|
"link-type": a.bgColor === "dark" ? "regular_dark" : (a.bgColor === "light", "regular_light"),
|
|
1322
1328
|
arrow: ""
|
|
@@ -1329,7 +1335,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1329
1335
|
])) : _("", !0)
|
|
1330
1336
|
]),
|
|
1331
1337
|
t("div", ho, [
|
|
1332
|
-
(s(!0), i(
|
|
1338
|
+
(s(!0), i(D, null, V(a.columns, (l) => (s(), C(be, {
|
|
1333
1339
|
key: l._uid,
|
|
1334
1340
|
headline: l.headline,
|
|
1335
1341
|
bodytext: l.bodytext,
|
|
@@ -1393,7 +1399,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1393
1399
|
t("div", vo, [
|
|
1394
1400
|
t("h2", go, c(a.headline), 1),
|
|
1395
1401
|
t("div", bo, [
|
|
1396
|
-
(s(!0), i(
|
|
1402
|
+
(s(!0), i(D, null, V(a.facts, (l) => (s(), i("div", {
|
|
1397
1403
|
key: l.value + l.metric,
|
|
1398
1404
|
class: "fact"
|
|
1399
1405
|
}, [
|
|
@@ -1406,7 +1412,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1406
1412
|
]))), 128))
|
|
1407
1413
|
]),
|
|
1408
1414
|
a.link ? (s(), i("div", $o, [
|
|
1409
|
-
|
|
1415
|
+
S(L, {
|
|
1410
1416
|
"link-type": "regular_light",
|
|
1411
1417
|
arrow: ""
|
|
1412
1418
|
}, {
|
|
@@ -1425,7 +1431,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1425
1431
|
}, To = {
|
|
1426
1432
|
key: 1,
|
|
1427
1433
|
class: "features__body"
|
|
1428
|
-
}, qo = { class: "element__headline" },
|
|
1434
|
+
}, qo = { class: "element__headline" }, Lo = { class: "element__body" }, Ao = /* @__PURE__ */ b({
|
|
1429
1435
|
__name: "features",
|
|
1430
1436
|
props: {
|
|
1431
1437
|
headline: { default: "" },
|
|
@@ -1444,11 +1450,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1444
1450
|
t("div", {
|
|
1445
1451
|
class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1446
1452
|
}, [
|
|
1447
|
-
(s(!0), i(
|
|
1453
|
+
(s(!0), i(D, null, V(a.elements, (l) => (s(), i("div", {
|
|
1448
1454
|
key: l.headline,
|
|
1449
1455
|
class: "features__element"
|
|
1450
1456
|
}, [
|
|
1451
|
-
|
|
1457
|
+
S(M, { class: "element__icon" }, {
|
|
1452
1458
|
default: k(() => [
|
|
1453
1459
|
d(a.$slots, "features-icon", F({ ref_for: !0 }, {
|
|
1454
1460
|
src: l.icon.src,
|
|
@@ -1460,8 +1466,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1460
1466
|
_: 2
|
|
1461
1467
|
}, 1024),
|
|
1462
1468
|
t("p", qo, c(l.headline), 1),
|
|
1463
|
-
t("p",
|
|
1464
|
-
l.link && l.linkText ? (s(),
|
|
1469
|
+
t("p", Lo, c(l.body), 1),
|
|
1470
|
+
l.link && l.linkText ? (s(), C(L, {
|
|
1465
1471
|
key: 0,
|
|
1466
1472
|
"link-type": "regular_light",
|
|
1467
1473
|
arrow: ""
|
|
@@ -1476,7 +1482,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1476
1482
|
])
|
|
1477
1483
|
]));
|
|
1478
1484
|
}
|
|
1479
|
-
}), Do = /* @__PURE__ */ g(
|
|
1485
|
+
}), Do = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-72cf514b"]]), Vo = { class: "flashcard-wrapper" }, Po = {
|
|
1480
1486
|
key: 0,
|
|
1481
1487
|
class: "flashcard-wrapper__headline"
|
|
1482
1488
|
}, Fo = {
|
|
@@ -1491,7 +1497,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1491
1497
|
flashcards: {}
|
|
1492
1498
|
},
|
|
1493
1499
|
setup(e) {
|
|
1494
|
-
const a = e, r =
|
|
1500
|
+
const a = e, r = T(() => a.body.trim().length > 0), l = T(() => {
|
|
1495
1501
|
var u;
|
|
1496
1502
|
const o = (u = a.flashcards) == null ? void 0 : u.length;
|
|
1497
1503
|
return o === 4 || o === 5 ? "sm" : o === 6 || o === 3 ? "md" : o === 2 ? "lg" : "sm";
|
|
@@ -1518,7 +1524,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1518
1524
|
lg: l.value === "lg"
|
|
1519
1525
|
}])
|
|
1520
1526
|
}, [
|
|
1521
|
-
(s(!0), i(
|
|
1527
|
+
(s(!0), i(D, null, V(o.flashcards, (p) => (s(), C($(ke), {
|
|
1522
1528
|
key: p._uid,
|
|
1523
1529
|
name: p.name,
|
|
1524
1530
|
bodytext: p.bodytext,
|
|
@@ -1548,7 +1554,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1548
1554
|
])
|
|
1549
1555
|
], 2));
|
|
1550
1556
|
}
|
|
1551
|
-
}), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" },
|
|
1557
|
+
}), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, Eo = { class: "form__body" }, No = { class: "form__script" }, jo = /* @__PURE__ */ b({
|
|
1552
1558
|
__name: "form-script",
|
|
1553
1559
|
props: {
|
|
1554
1560
|
headline: { default: "" },
|
|
@@ -1561,17 +1567,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1561
1567
|
dark: "form__wrapper--dark",
|
|
1562
1568
|
light: "form__wrapper--light",
|
|
1563
1569
|
default: "form__wrapper--default"
|
|
1564
|
-
}, r = e, l =
|
|
1570
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
1565
1571
|
return (o, u) => (s(), i("div", {
|
|
1566
1572
|
class: h(["form__wrapper", l.value])
|
|
1567
1573
|
}, [
|
|
1568
1574
|
t("div", zo, [
|
|
1569
1575
|
t("div", Ho, [
|
|
1570
1576
|
t("h2", Ro, c(o.headline), 1),
|
|
1571
|
-
t("div",
|
|
1577
|
+
t("div", Eo, [
|
|
1572
1578
|
d(o.$slots, "form-body", {}, void 0, !0)
|
|
1573
1579
|
]),
|
|
1574
|
-
o.linkType === "link" ? (s(),
|
|
1580
|
+
o.linkType === "link" ? (s(), C(L, {
|
|
1575
1581
|
key: 0,
|
|
1576
1582
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
1577
1583
|
arrow: ""
|
|
@@ -1582,7 +1588,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1582
1588
|
_: 3
|
|
1583
1589
|
}, 8, ["link-type"])) : _("", !0)
|
|
1584
1590
|
]),
|
|
1585
|
-
t("div",
|
|
1591
|
+
t("div", No, [
|
|
1586
1592
|
d(o.$slots, "form-script", {}, void 0, !0)
|
|
1587
1593
|
])
|
|
1588
1594
|
])
|
|
@@ -1618,7 +1624,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1618
1624
|
], 2)
|
|
1619
1625
|
]));
|
|
1620
1626
|
}
|
|
1621
|
-
}), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (
|
|
1627
|
+
}), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (E("data-v-22f9be13"), e = e(), N(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ b({
|
|
1622
1628
|
__name: "hero",
|
|
1623
1629
|
props: {
|
|
1624
1630
|
headline: {
|
|
@@ -1635,7 +1641,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1635
1641
|
t("h1", null, c(e.headline), 1)
|
|
1636
1642
|
]),
|
|
1637
1643
|
t("div", tl, [
|
|
1638
|
-
|
|
1644
|
+
S(L, {
|
|
1639
1645
|
"link-type": "regular_light",
|
|
1640
1646
|
arrow: ""
|
|
1641
1647
|
}, {
|
|
@@ -1686,7 +1692,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1686
1692
|
return (a, r) => (s(), i("div", nl, [
|
|
1687
1693
|
t("div", dl, [
|
|
1688
1694
|
t("div", cl, [
|
|
1689
|
-
|
|
1695
|
+
S(M, null, {
|
|
1690
1696
|
default: k(() => [
|
|
1691
1697
|
d(a.$slots, "image", H(R({
|
|
1692
1698
|
width: 984,
|
|
@@ -1727,7 +1733,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1727
1733
|
white: "",
|
|
1728
1734
|
light: "gallery__wrapper--light",
|
|
1729
1735
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1730
|
-
}, r = e, l =
|
|
1736
|
+
}, r = e, l = T(() => a[r.bgColor]);
|
|
1731
1737
|
return (o, u) => (s(), i("div", {
|
|
1732
1738
|
class: h(["gallery__wrapper", l.value])
|
|
1733
1739
|
}, [
|
|
@@ -1739,7 +1745,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1739
1745
|
}, [
|
|
1740
1746
|
t("div", pl, [
|
|
1741
1747
|
o.mediaLarge && o.mediaType === "image" ? (s(), i("div", ml, [
|
|
1742
|
-
|
|
1748
|
+
S(M, null, {
|
|
1743
1749
|
default: k(() => [
|
|
1744
1750
|
d(o.$slots, "image-large", H(R({
|
|
1745
1751
|
height: 530,
|
|
@@ -1751,7 +1757,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1751
1757
|
})
|
|
1752
1758
|
])) : _("", !0),
|
|
1753
1759
|
o.mediaLarge && o.mediaType === "video" ? (s(), i("div", fl, [
|
|
1754
|
-
|
|
1760
|
+
S(te, {
|
|
1755
1761
|
src: o.mediaLarge.src,
|
|
1756
1762
|
"local-video": "",
|
|
1757
1763
|
"aria-label": o.mediaLarge.alt,
|
|
@@ -1772,11 +1778,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1772
1778
|
o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1773
1779
|
])
|
|
1774
1780
|
}, [
|
|
1775
|
-
(s(!0), i(
|
|
1781
|
+
(s(!0), i(D, null, V(o.mediaSmall, (p) => (s(), i("div", {
|
|
1776
1782
|
key: p.src + p.alt,
|
|
1777
1783
|
class: "image image--small"
|
|
1778
1784
|
}, [
|
|
1779
|
-
|
|
1785
|
+
S(M, null, {
|
|
1780
1786
|
default: k(() => [
|
|
1781
1787
|
d(o.$slots, "image-small", F({ ref_for: !0 }, {
|
|
1782
1788
|
height: 246,
|
|
@@ -1792,7 +1798,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1792
1798
|
class: h(["body", o.bgColor === "dark" ? "body--dark" : ""])
|
|
1793
1799
|
}, [
|
|
1794
1800
|
t("p", null, c(o.body), 1),
|
|
1795
|
-
o.linkType === "link" ? (s(),
|
|
1801
|
+
o.linkType === "link" ? (s(), C(L, {
|
|
1796
1802
|
key: 0,
|
|
1797
1803
|
"link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
|
|
1798
1804
|
arrow: ""
|
|
@@ -1835,11 +1841,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1835
1841
|
e.body ? (s(), i("p", wl, c(e.body), 1)) : _("", !0)
|
|
1836
1842
|
])) : _("", !0),
|
|
1837
1843
|
t("div", Bl, [
|
|
1838
|
-
(s(!0), i(
|
|
1844
|
+
(s(!0), i(D, null, V(e.logos, (l) => (s(), i("div", {
|
|
1839
1845
|
key: l.src + l.alt,
|
|
1840
1846
|
class: "logo-wall__logo"
|
|
1841
1847
|
}, [
|
|
1842
|
-
|
|
1848
|
+
S(M, null, {
|
|
1843
1849
|
default: k(() => [
|
|
1844
1850
|
d(a.$slots, "logo-wall-logo", F({ ref_for: !0 }, {
|
|
1845
1851
|
width: 130,
|
|
@@ -1853,7 +1859,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1853
1859
|
]))), 128))
|
|
1854
1860
|
]),
|
|
1855
1861
|
t("div", Sl, [
|
|
1856
|
-
|
|
1862
|
+
S(L, {
|
|
1857
1863
|
"link-type": "regular_light",
|
|
1858
1864
|
arrow: !0
|
|
1859
1865
|
}, {
|
|
@@ -1869,10 +1875,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1869
1875
|
}), Cl = /* @__PURE__ */ g(Il, [["__scopeId", "data-v-fd489289"]]), Tl = { class: "micro-stories__top" }, ql = {
|
|
1870
1876
|
key: 0,
|
|
1871
1877
|
class: "micro-stories__headline"
|
|
1872
|
-
},
|
|
1878
|
+
}, Ll = {
|
|
1873
1879
|
key: 1,
|
|
1874
1880
|
class: "micro-stories__body"
|
|
1875
|
-
},
|
|
1881
|
+
}, Al = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ b({
|
|
1876
1882
|
__name: "micro-stories",
|
|
1877
1883
|
props: {
|
|
1878
1884
|
bgColor: { default: "blue" },
|
|
@@ -1884,7 +1890,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1884
1890
|
white: "micro-stories__wrapper--white",
|
|
1885
1891
|
blue: "micro-stories__wrapper--blue",
|
|
1886
1892
|
dark: "micro-stories__wrapper--dark"
|
|
1887
|
-
}, r =
|
|
1893
|
+
}, r = T(() => a[l.bgColor]), l = e;
|
|
1888
1894
|
return (o, u) => (s(), i("div", {
|
|
1889
1895
|
class: h(["micro-stories__wrapper", r.value])
|
|
1890
1896
|
}, [
|
|
@@ -1892,11 +1898,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
|
|
|
1892
1898
|
o.headline ? (s(), i("div", ql, [
|
|
1893
1899
|
t("h2", null, c(o.headline), 1)
|
|
1894
1900
|
])) : _("", !0),
|
|
1895
|
-
o.body ? (s(), i("div",
|
|
1901
|
+
o.body ? (s(), i("div", Ll, [
|
|
1896
1902
|
d(o.$slots, "micro-stories-body")
|
|
1897
1903
|
])) : _("", !0)
|
|
1898
1904
|
]),
|
|
1899
|
-
t("div",
|
|
1905
|
+
t("div", Al, [
|
|
1900
1906
|
d(o.$slots, "micro-stories-slides")
|
|
1901
1907
|
]),
|
|
1902
1908
|
d(o.$slots, "micro-stories-controls")
|
|
@@ -1910,7 +1916,7 @@ function Ml(e, a) {
|
|
|
1910
1916
|
])
|
|
1911
1917
|
]);
|
|
1912
1918
|
}
|
|
1913
|
-
const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" },
|
|
1919
|
+
const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, El = { class: "product-hero__video" }, Nl = { class: "product-hero__insignia" }, jl = {
|
|
1914
1920
|
key: 0,
|
|
1915
1921
|
class: "product-hero__logo"
|
|
1916
1922
|
}, Ul = {
|
|
@@ -1954,8 +1960,8 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
1954
1960
|
return (a, r) => (s(), i("div", zl, [
|
|
1955
1961
|
t("div", Hl, [
|
|
1956
1962
|
t("div", Rl, c(e.headline), 1),
|
|
1957
|
-
t("div",
|
|
1958
|
-
e.videoSrc !== "" ? (s(),
|
|
1963
|
+
t("div", El, [
|
|
1964
|
+
e.videoSrc !== "" ? (s(), C(te, {
|
|
1959
1965
|
key: 0,
|
|
1960
1966
|
play: "",
|
|
1961
1967
|
"local-video": !0,
|
|
@@ -1966,15 +1972,15 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
1966
1972
|
autoplay: "",
|
|
1967
1973
|
loop: "",
|
|
1968
1974
|
muted: ""
|
|
1969
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (s(),
|
|
1975
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (s(), C($(M), { key: 1 }, {
|
|
1970
1976
|
default: k(() => [
|
|
1971
1977
|
d(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
1972
1978
|
]),
|
|
1973
1979
|
_: 3
|
|
1974
1980
|
})),
|
|
1975
|
-
t("div",
|
|
1981
|
+
t("div", Nl, [
|
|
1976
1982
|
e.logoSrc ? (s(), i("div", jl, [
|
|
1977
|
-
|
|
1983
|
+
S($(M), null, {
|
|
1978
1984
|
default: k(() => [
|
|
1979
1985
|
d(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1980
1986
|
]),
|
|
@@ -1982,7 +1988,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
1982
1988
|
})
|
|
1983
1989
|
])) : _("", !0),
|
|
1984
1990
|
e.isCertified ? (s(), i("div", Ul, [
|
|
1985
|
-
|
|
1991
|
+
S($(M), null, {
|
|
1986
1992
|
default: k(() => [
|
|
1987
1993
|
d(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1988
1994
|
]),
|
|
@@ -2014,7 +2020,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2014
2020
|
dark: "promo__wrapper--dark",
|
|
2015
2021
|
light: "promo__wrapper--light",
|
|
2016
2022
|
default: "promo__wrapper--default"
|
|
2017
|
-
}, r = e, l =
|
|
2023
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
2018
2024
|
return (o, u) => (s(), i("div", {
|
|
2019
2025
|
class: h([
|
|
2020
2026
|
"promo__wrapper",
|
|
@@ -2031,7 +2037,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2031
2037
|
o.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
2032
2038
|
])
|
|
2033
2039
|
}, [
|
|
2034
|
-
|
|
2040
|
+
S(M, null, {
|
|
2035
2041
|
default: k(() => [
|
|
2036
2042
|
d(o.$slots, "promo-image", H(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
|
|
2037
2043
|
]),
|
|
@@ -2045,7 +2051,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2045
2051
|
o.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2046
2052
|
])
|
|
2047
2053
|
}, [
|
|
2048
|
-
|
|
2054
|
+
S(te, {
|
|
2049
2055
|
src: o.src,
|
|
2050
2056
|
"local-video": "",
|
|
2051
2057
|
"aria-label": o.alt,
|
|
@@ -2063,7 +2069,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2063
2069
|
o.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
2064
2070
|
])
|
|
2065
2071
|
}, [
|
|
2066
|
-
o.label ? (s(),
|
|
2072
|
+
o.label ? (s(), C(ee, {
|
|
2067
2073
|
key: 0,
|
|
2068
2074
|
text: o.label,
|
|
2069
2075
|
"label-dark": o.variant === "dark"
|
|
@@ -2076,7 +2082,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2076
2082
|
}, [
|
|
2077
2083
|
d(o.$slots, "promo-headline")
|
|
2078
2084
|
], 2),
|
|
2079
|
-
o.linkType === "link" ? (s(),
|
|
2085
|
+
o.linkType === "link" ? (s(), C(L, {
|
|
2080
2086
|
key: 1,
|
|
2081
2087
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
2082
2088
|
arrow: ""
|
|
@@ -2086,7 +2092,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2086
2092
|
]),
|
|
2087
2093
|
_: 3
|
|
2088
2094
|
}, 8, ["link-type"])) : _("", !0),
|
|
2089
|
-
o.linkType === "button" ? (s(),
|
|
2095
|
+
o.linkType === "button" ? (s(), C(L, {
|
|
2090
2096
|
key: 2,
|
|
2091
2097
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
2092
2098
|
}, {
|
|
@@ -2099,7 +2105,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2099
2105
|
])
|
|
2100
2106
|
], 2));
|
|
2101
2107
|
}
|
|
2102
|
-
}), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (
|
|
2108
|
+
}), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
|
|
2103
2109
|
key: 0,
|
|
2104
2110
|
class: "quote__image"
|
|
2105
2111
|
}, ls = { class: "quote__text" }, ss = { class: "quote__author-name" }, is = { class: "quote__author-title" }, rs = /* @__PURE__ */ b({
|
|
@@ -2131,7 +2137,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2131
2137
|
t("p", ts, c(e.quote), 1),
|
|
2132
2138
|
t("div", as, [
|
|
2133
2139
|
e.authorImage ? (s(), i("div", os, [
|
|
2134
|
-
|
|
2140
|
+
S(M, null, {
|
|
2135
2141
|
default: k(() => [
|
|
2136
2142
|
d(a.$slots, "author-image", H(R({
|
|
2137
2143
|
src: e.authorImage + "/m/100x100",
|
|
@@ -2177,7 +2183,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2177
2183
|
])
|
|
2178
2184
|
}, [
|
|
2179
2185
|
t("div", ds, [
|
|
2180
|
-
a.label ? (s(),
|
|
2186
|
+
a.label ? (s(), C(ee, {
|
|
2181
2187
|
key: 0,
|
|
2182
2188
|
text: a.label,
|
|
2183
2189
|
"label-dark": !1
|
|
@@ -2216,7 +2222,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
|
|
|
2216
2222
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
2217
2223
|
])
|
|
2218
2224
|
}, [
|
|
2219
|
-
|
|
2225
|
+
S(M, null, {
|
|
2220
2226
|
default: k(() => [
|
|
2221
2227
|
d(a.$slots, "rich-text-image", H(R({ width: 865, height: 307 })))
|
|
2222
2228
|
]),
|
|
@@ -2244,7 +2250,7 @@ function bs(e, a) {
|
|
|
2244
2250
|
])
|
|
2245
2251
|
]);
|
|
2246
2252
|
}
|
|
2247
|
-
const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (
|
|
2253
|
+
const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (E("data-v-798e7a06"), e = e(), N(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ys(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
2248
2254
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
2249
2255
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
2250
2256
|
], -1)), Cs = { class: "item__right" }, Ts = ["innerHTML"], qs = /* @__PURE__ */ b({
|
|
@@ -2256,7 +2262,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2256
2262
|
}
|
|
2257
2263
|
},
|
|
2258
2264
|
setup(e) {
|
|
2259
|
-
return
|
|
2265
|
+
return me(() => {
|
|
2260
2266
|
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
2261
2267
|
(l) => {
|
|
2262
2268
|
l.forEach((o) => {
|
|
@@ -2273,14 +2279,14 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2273
2279
|
}), (a, r) => (s(), i("div", $s, [
|
|
2274
2280
|
t("div", ws, [
|
|
2275
2281
|
t("div", Bs, [
|
|
2276
|
-
(s(!0), i(
|
|
2282
|
+
(s(!0), i(D, null, V(e.timelineItems, (l) => (s(), i("div", {
|
|
2277
2283
|
key: l.year,
|
|
2278
2284
|
class: "timeline__item faded"
|
|
2279
2285
|
}, [
|
|
2280
2286
|
t("div", Ss, c(l.year), 1),
|
|
2281
2287
|
Is,
|
|
2282
2288
|
t("div", Cs, [
|
|
2283
|
-
|
|
2289
|
+
S(M, null, {
|
|
2284
2290
|
default: k(() => [
|
|
2285
2291
|
l.media.src ? d(a.$slots, "timeline-image", F({
|
|
2286
2292
|
key: 0,
|
|
@@ -2300,7 +2306,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2300
2306
|
])
|
|
2301
2307
|
]));
|
|
2302
2308
|
}
|
|
2303
|
-
}),
|
|
2309
|
+
}), Ls = /* @__PURE__ */ g(qs, [["__scopeId", "data-v-798e7a06"]]), As = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
|
|
2304
2310
|
key: 0,
|
|
2305
2311
|
class: "vimeo__headline"
|
|
2306
2312
|
}, Ps = {
|
|
@@ -2319,7 +2325,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2319
2325
|
}
|
|
2320
2326
|
},
|
|
2321
2327
|
setup(e) {
|
|
2322
|
-
return (a, r) => (s(), i("div",
|
|
2328
|
+
return (a, r) => (s(), i("div", As, [
|
|
2323
2329
|
t("div", Ds, [
|
|
2324
2330
|
e.headline ? (s(), i("h2", Vs, c(e.headline), 1)) : _("", !0),
|
|
2325
2331
|
d(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
@@ -2327,7 +2333,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2327
2333
|
])
|
|
2328
2334
|
]));
|
|
2329
2335
|
}
|
|
2330
|
-
}), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" },
|
|
2336
|
+
}), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Es = { class: "academy-overview__button-wrapper" }, Ns = {
|
|
2331
2337
|
key: 0,
|
|
2332
2338
|
class: "academy-overview__stats"
|
|
2333
2339
|
}, js = { class: "academy-overview__stats-row" }, Us = { class: "academy-overview__stat" }, Gs = { class: "academy-overview__value" }, Ks = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, he = "https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753", Qs = /* @__PURE__ */ b({
|
|
@@ -2344,7 +2350,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2344
2350
|
}) }
|
|
2345
2351
|
},
|
|
2346
2352
|
setup(e) {
|
|
2347
|
-
const a = e, r =
|
|
2353
|
+
const a = e, r = T(() => a.hero.cover ? {
|
|
2348
2354
|
backgroundImage: `url("${he}"), url(${a.hero.cover})`
|
|
2349
2355
|
} : {
|
|
2350
2356
|
backgroundImage: `url("${he}"), linear-gradient(155deg, #143a67 0%, #0c0931 100%)`
|
|
@@ -2360,11 +2366,11 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2360
2366
|
t("div", Rs, [
|
|
2361
2367
|
d(l.$slots, "academy-description", {}, void 0, !0)
|
|
2362
2368
|
]),
|
|
2363
|
-
t("div",
|
|
2369
|
+
t("div", Es, [
|
|
2364
2370
|
d(l.$slots, "button", {}, void 0, !0)
|
|
2365
2371
|
])
|
|
2366
2372
|
]),
|
|
2367
|
-
l.hero.showStats ? (s(), i("div",
|
|
2373
|
+
l.hero.showStats ? (s(), i("div", Ns, [
|
|
2368
2374
|
t("div", js, [
|
|
2369
2375
|
t("div", Us, [
|
|
2370
2376
|
t("div", Gs, c(l.hero.lessonValue), 1),
|
|
@@ -2428,7 +2434,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2428
2434
|
])
|
|
2429
2435
|
]));
|
|
2430
2436
|
}
|
|
2431
|
-
}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (
|
|
2437
|
+
}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (E("data-v-a0ab0743"), e = e(), N(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
|
|
2432
2438
|
key: 0,
|
|
2433
2439
|
src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
|
|
2434
2440
|
style: { margin: "0 auto" },
|
|
@@ -2452,7 +2458,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2452
2458
|
}, Ti = {
|
|
2453
2459
|
key: 1,
|
|
2454
2460
|
href: "tel:+4520377577"
|
|
2455
|
-
}, qi = { class: "footer__bottom" },
|
|
2461
|
+
}, qi = { class: "footer__bottom" }, Li = { class: "copyright" }, Ai = { class: "footer__policy" }, Di = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
|
|
2456
2462
|
key: 0,
|
|
2457
2463
|
class: "footer__social"
|
|
2458
2464
|
}, Pi = ["href", "aria-label"], Fi = {
|
|
@@ -2475,7 +2481,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2475
2481
|
t("footer", ui, [
|
|
2476
2482
|
a.language === "zh" ? (s(), i("img", _i)) : _("", !0),
|
|
2477
2483
|
t("div", hi, [
|
|
2478
|
-
(s(!0), i(
|
|
2484
|
+
(s(!0), i(D, null, V(a.footerSections, (l) => (s(), i("div", {
|
|
2479
2485
|
key: l.title,
|
|
2480
2486
|
class: "section"
|
|
2481
2487
|
}, [
|
|
@@ -2495,7 +2501,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2495
2501
|
a.language === "zh" ? (s(), i("span", yi, "桂桥路1201号10栋2楼")) : (s(), i("span", $i, "5260 Odense S")),
|
|
2496
2502
|
a.language !== "zh" ? (s(), i("span", wi, "CVR: 35251235")) : _("", !0),
|
|
2497
2503
|
Bi,
|
|
2498
|
-
|
|
2504
|
+
S(L, {
|
|
2499
2505
|
class: "footer__contact",
|
|
2500
2506
|
"link-type": "regular_light",
|
|
2501
2507
|
underline: "false"
|
|
@@ -2505,7 +2511,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2505
2511
|
]),
|
|
2506
2512
|
_: 1
|
|
2507
2513
|
}),
|
|
2508
|
-
|
|
2514
|
+
S(L, {
|
|
2509
2515
|
class: "footer__contact",
|
|
2510
2516
|
"link-type": "regular_light",
|
|
2511
2517
|
underline: "false"
|
|
@@ -2519,8 +2525,8 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2519
2525
|
])
|
|
2520
2526
|
]),
|
|
2521
2527
|
t("div", qi, [
|
|
2522
|
-
t("p",
|
|
2523
|
-
t("div",
|
|
2528
|
+
t("p", Li, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2529
|
+
t("div", Ai, [
|
|
2524
2530
|
t("button", {
|
|
2525
2531
|
class: "footer__language-switcher",
|
|
2526
2532
|
onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
|
|
@@ -2534,7 +2540,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2534
2540
|
d(a.$slots, "footer-cookie-link")
|
|
2535
2541
|
]),
|
|
2536
2542
|
a.language !== "zh" ? (s(), i("div", Vi, [
|
|
2537
|
-
(s(!0), i(
|
|
2543
|
+
(s(!0), i(D, null, V(a.socialMedia, (l) => (s(), C(L, {
|
|
2538
2544
|
key: l.title,
|
|
2539
2545
|
underline: "false",
|
|
2540
2546
|
"link-type": "regular"
|
|
@@ -2555,7 +2561,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2555
2561
|
_: 2
|
|
2556
2562
|
}, 1024))), 128))
|
|
2557
2563
|
])) : (s(), i("div", Fi, [
|
|
2558
|
-
(s(!0), i(
|
|
2564
|
+
(s(!0), i(D, null, V(a.socialMediaChina, (l) => (s(), C(L, {
|
|
2559
2565
|
key: l.title,
|
|
2560
2566
|
underline: "false",
|
|
2561
2567
|
"link-type": "regular"
|
|
@@ -2580,7 +2586,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2580
2586
|
])
|
|
2581
2587
|
]));
|
|
2582
2588
|
}
|
|
2583
|
-
}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (
|
|
2589
|
+
}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (E("data-v-59a92379"), e = e(), N(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ei = { class: "mir-link-logo" }, Ni = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Ui = {
|
|
2584
2590
|
key: 0,
|
|
2585
2591
|
id: "menu-dropdown",
|
|
2586
2592
|
ref: "dropdownDiv"
|
|
@@ -2682,7 +2688,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2682
2688
|
setup(e, { expose: a, emit: r }) {
|
|
2683
2689
|
let l = null;
|
|
2684
2690
|
const o = e;
|
|
2685
|
-
let u =
|
|
2691
|
+
let u = I(o.burgerState), p = I(o.search), n = I(o.showDropDown), v = I(o.showPortalSwitcherDropDown), f = I(o.showProfileDropDown), y = I(o.isAuthenticated);
|
|
2686
2692
|
X(
|
|
2687
2693
|
() => o.burgerState,
|
|
2688
2694
|
(w) => u.value = w
|
|
@@ -2700,28 +2706,28 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2700
2706
|
(w) => f.value = w
|
|
2701
2707
|
), X(
|
|
2702
2708
|
() => o.isAuthenticated,
|
|
2703
|
-
(w) =>
|
|
2704
|
-
),
|
|
2709
|
+
(w) => y.value = w
|
|
2710
|
+
), me(() => {
|
|
2705
2711
|
l = (w) => {
|
|
2706
2712
|
w.target.closest("#menu-dropdown") || (n.value = !1), w.target.closest("#menu-portal-switcher") || (v.value = !1), w.target.closest("#menu-profile-dropdown") || (f.value = !1);
|
|
2707
2713
|
}, window.addEventListener("click", l);
|
|
2708
|
-
}),
|
|
2714
|
+
}), Le(() => {
|
|
2709
2715
|
l !== null && window.removeEventListener("click", l);
|
|
2710
2716
|
});
|
|
2711
|
-
const
|
|
2712
|
-
function
|
|
2713
|
-
n.value = !n.value,
|
|
2717
|
+
const A = r;
|
|
2718
|
+
function re() {
|
|
2719
|
+
n.value = !n.value, A("update:showDropDown", n.value);
|
|
2714
2720
|
}
|
|
2715
|
-
function
|
|
2716
|
-
v.value = !v.value,
|
|
2721
|
+
function ae() {
|
|
2722
|
+
v.value = !v.value, A("update:showPortalSwitcherDropDown", v.value);
|
|
2717
2723
|
}
|
|
2718
2724
|
function ne() {
|
|
2719
|
-
f.value = !f.value,
|
|
2725
|
+
f.value = !f.value, A("update:showProfileDropDown", f.value);
|
|
2720
2726
|
}
|
|
2721
2727
|
function de() {
|
|
2722
|
-
u.value = !u.value,
|
|
2728
|
+
u.value = !u.value, A("update:burgerState", u.value);
|
|
2723
2729
|
}
|
|
2724
|
-
let K =
|
|
2730
|
+
let K = I(null), oe = I(null);
|
|
2725
2731
|
function ce() {
|
|
2726
2732
|
K.value && K.value.blur();
|
|
2727
2733
|
}
|
|
@@ -2730,10 +2736,10 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2730
2736
|
}), (w, j) => (s(), i("div", Hi, [
|
|
2731
2737
|
t("nav", null, [
|
|
2732
2738
|
t("div", Ri, [
|
|
2733
|
-
t("div",
|
|
2739
|
+
t("div", Ei, [
|
|
2734
2740
|
d(w.$slots, "link-logo", {}, void 0, !0)
|
|
2735
2741
|
]),
|
|
2736
|
-
t("ul",
|
|
2742
|
+
t("ul", Ni, [
|
|
2737
2743
|
d(w.$slots, "main-nav-items", {}, void 0, !0)
|
|
2738
2744
|
]),
|
|
2739
2745
|
t("div", ji, [
|
|
@@ -2741,18 +2747,18 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2741
2747
|
t("button", {
|
|
2742
2748
|
class: "nav-dropdown-btn",
|
|
2743
2749
|
"aria-label": "Toggle Dropdown",
|
|
2744
|
-
onClick:
|
|
2750
|
+
onClick: re
|
|
2745
2751
|
}, [
|
|
2746
2752
|
d(w.$slots, "dropdown-title", {}, void 0, !0),
|
|
2747
|
-
|
|
2753
|
+
$(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
|
|
2748
2754
|
]),
|
|
2749
|
-
|
|
2755
|
+
U(t("div", Ji, [
|
|
2750
2756
|
d(w.$slots, "dropdown-links", {}, void 0, !0)
|
|
2751
2757
|
], 512), [
|
|
2752
|
-
[W,
|
|
2758
|
+
[W, $(n)]
|
|
2753
2759
|
])
|
|
2754
2760
|
], 512)) : _("", !0),
|
|
2755
|
-
|
|
2761
|
+
$(p) ? (s(), i("div", Wi, [
|
|
2756
2762
|
t("button", {
|
|
2757
2763
|
ref_key: "navSearchButton",
|
|
2758
2764
|
ref: K,
|
|
@@ -2760,11 +2766,11 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2760
2766
|
"aria-label": "Toggle search",
|
|
2761
2767
|
onClick: j[0] || (j[0] = (O) => {
|
|
2762
2768
|
var z;
|
|
2763
|
-
return w.$emit("clickSearch"), (z =
|
|
2769
|
+
return w.$emit("clickSearch"), (z = $(K)) == null ? void 0 : z.blur();
|
|
2764
2770
|
})
|
|
2765
2771
|
}, [
|
|
2766
2772
|
t("img", {
|
|
2767
|
-
src:
|
|
2773
|
+
src: $(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",
|
|
2768
2774
|
alt: "search icon",
|
|
2769
2775
|
width: "20",
|
|
2770
2776
|
height: "20"
|
|
@@ -2775,15 +2781,15 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2775
2781
|
t("button", {
|
|
2776
2782
|
class: "nav-portal-switcher-btn",
|
|
2777
2783
|
"aria-label": "Toggle Portal",
|
|
2778
|
-
onClick:
|
|
2784
|
+
onClick: ae
|
|
2779
2785
|
}, Xi),
|
|
2780
|
-
|
|
2786
|
+
U(t("div", xi, [
|
|
2781
2787
|
t("ul", er, [
|
|
2782
|
-
(s(!0), i(
|
|
2788
|
+
(s(!0), i(D, null, V(e.portals, (O, z) => (s(), i("li", {
|
|
2783
2789
|
key: z,
|
|
2784
2790
|
class: "portal-switcher-link"
|
|
2785
2791
|
}, [
|
|
2786
|
-
|
|
2792
|
+
S($(L), { "link-type": "regular" }, {
|
|
2787
2793
|
default: k(() => [
|
|
2788
2794
|
t("a", {
|
|
2789
2795
|
href: O.link,
|
|
@@ -2800,47 +2806,47 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2800
2806
|
]))), 128))
|
|
2801
2807
|
])
|
|
2802
2808
|
], 512), [
|
|
2803
|
-
[W,
|
|
2809
|
+
[W, $(v)]
|
|
2804
2810
|
])
|
|
2805
2811
|
])) : _("", !0),
|
|
2806
2812
|
e.useProfileDropdown ? (s(), i("div", or, [
|
|
2807
|
-
y
|
|
2813
|
+
$(y) ? _("", !0) : (s(), i("div", lr, [
|
|
2808
2814
|
d(w.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2809
2815
|
])),
|
|
2810
|
-
y
|
|
2816
|
+
$(y) ? (s(), i("button", {
|
|
2811
2817
|
key: 1,
|
|
2812
2818
|
"aria-label": "Toggle Profile",
|
|
2813
2819
|
class: "nav-profile-dropdown-btn",
|
|
2814
2820
|
onClick: ne
|
|
2815
2821
|
}, ir)) : _("", !0),
|
|
2816
|
-
|
|
2822
|
+
U(t("div", rr, [
|
|
2817
2823
|
d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2818
2824
|
], 512), [
|
|
2819
|
-
[W,
|
|
2825
|
+
[W, $(f)]
|
|
2820
2826
|
])
|
|
2821
2827
|
])) : _("", !0)
|
|
2822
2828
|
])
|
|
2823
2829
|
]),
|
|
2824
2830
|
t("div", {
|
|
2825
|
-
class: h(["mobile-nav-wrapper",
|
|
2831
|
+
class: h(["mobile-nav-wrapper", $(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2826
2832
|
}, [
|
|
2827
2833
|
t("div", nr, [
|
|
2828
2834
|
t("div", dr, [
|
|
2829
2835
|
d(w.$slots, "link-logo", {}, void 0, !0)
|
|
2830
2836
|
]),
|
|
2831
|
-
|
|
2837
|
+
$(p) ? (s(), i("div", cr, [
|
|
2832
2838
|
t("button", {
|
|
2833
2839
|
ref_key: "mobileSearchButton",
|
|
2834
|
-
ref:
|
|
2840
|
+
ref: oe,
|
|
2835
2841
|
class: "search-icon",
|
|
2836
2842
|
"aria-label": "Toggle search",
|
|
2837
2843
|
onClick: j[2] || (j[2] = (O) => {
|
|
2838
2844
|
var z;
|
|
2839
|
-
return w.$emit("clickSearch"), (z =
|
|
2845
|
+
return w.$emit("clickSearch"), (z = $(oe)) == null ? void 0 : z.blur();
|
|
2840
2846
|
})
|
|
2841
2847
|
}, [
|
|
2842
2848
|
t("img", {
|
|
2843
|
-
src:
|
|
2849
|
+
src: $(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",
|
|
2844
2850
|
alt: "search icon",
|
|
2845
2851
|
width: "20",
|
|
2846
2852
|
height: "20"
|
|
@@ -2851,27 +2857,27 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2851
2857
|
t("button", {
|
|
2852
2858
|
class: h({
|
|
2853
2859
|
"menu-portal-switcher-btn": !0,
|
|
2854
|
-
"is-active":
|
|
2860
|
+
"is-active": $(v)
|
|
2855
2861
|
}),
|
|
2856
2862
|
style: Q({
|
|
2857
|
-
backgroundColor:
|
|
2863
|
+
backgroundColor: $(v) && $(u) === !0 ? "#1a76bc" : $(v) ? "#cbeefa" : "transparent"
|
|
2858
2864
|
}),
|
|
2859
|
-
onClick: ue(
|
|
2865
|
+
onClick: ue(ae, ["prevent"])
|
|
2860
2866
|
}, [
|
|
2861
2867
|
t("img", {
|
|
2862
|
-
src:
|
|
2868
|
+
src: $(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
|
|
2863
2869
|
alt: "portalswitchericon",
|
|
2864
2870
|
width: "20",
|
|
2865
2871
|
height: "20"
|
|
2866
2872
|
}, null, 8, hr)
|
|
2867
2873
|
], 6),
|
|
2868
|
-
|
|
2874
|
+
U(t("div", pr, [
|
|
2869
2875
|
t("ul", mr, [
|
|
2870
|
-
(s(!0), i(
|
|
2876
|
+
(s(!0), i(D, null, V(e.portals, (O, z) => (s(), i("li", {
|
|
2871
2877
|
key: z,
|
|
2872
2878
|
class: "portal-switcher-link"
|
|
2873
2879
|
}, [
|
|
2874
|
-
|
|
2880
|
+
S($(L), { "link-type": "regular" }, {
|
|
2875
2881
|
default: k(() => [
|
|
2876
2882
|
t("a", {
|
|
2877
2883
|
href: O.link,
|
|
@@ -2888,7 +2894,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2888
2894
|
]))), 128))
|
|
2889
2895
|
])
|
|
2890
2896
|
], 512), [
|
|
2891
|
-
[W,
|
|
2897
|
+
[W, $(v)]
|
|
2892
2898
|
])
|
|
2893
2899
|
])) : _("", !0),
|
|
2894
2900
|
t("button", {
|
|
@@ -2899,12 +2905,12 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2899
2905
|
t("img", {
|
|
2900
2906
|
width: "20",
|
|
2901
2907
|
height: "20",
|
|
2902
|
-
src:
|
|
2908
|
+
src: $(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",
|
|
2903
2909
|
alt: "burger menu icon"
|
|
2904
2910
|
}, null, 8, gr)
|
|
2905
2911
|
])
|
|
2906
2912
|
]),
|
|
2907
|
-
|
|
2913
|
+
U(t("div", br, [
|
|
2908
2914
|
t("ul", null, [
|
|
2909
2915
|
d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2910
2916
|
]),
|
|
@@ -2913,7 +2919,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2913
2919
|
d(w.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2914
2920
|
])
|
|
2915
2921
|
], 512), [
|
|
2916
|
-
[W,
|
|
2922
|
+
[W, $(u)]
|
|
2917
2923
|
])
|
|
2918
2924
|
], 2)
|
|
2919
2925
|
])
|
|
@@ -2942,7 +2948,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2942
2948
|
])
|
|
2943
2949
|
]));
|
|
2944
2950
|
}
|
|
2945
|
-
}), qr = /* @__PURE__ */ g(Tr, [["__scopeId", "data-v-dc8cc97e"]]),
|
|
2951
|
+
}), qr = /* @__PURE__ */ g(Tr, [["__scopeId", "data-v-dc8cc97e"]]), Lr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Dr = /* @__PURE__ */ b({
|
|
2946
2952
|
__name: "pagination",
|
|
2947
2953
|
props: {
|
|
2948
2954
|
isPreviousDisabled: {
|
|
@@ -2956,16 +2962,16 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
|
|
|
2956
2962
|
},
|
|
2957
2963
|
emits: ["previous", "next"],
|
|
2958
2964
|
setup(e) {
|
|
2959
|
-
return (a, r) => (s(), i("div",
|
|
2960
|
-
t("div",
|
|
2961
|
-
|
|
2965
|
+
return (a, r) => (s(), i("div", Lr, [
|
|
2966
|
+
t("div", Ar, [
|
|
2967
|
+
S(se, {
|
|
2962
2968
|
disabled: e.isPreviousDisabled,
|
|
2963
2969
|
variant: "previous",
|
|
2964
2970
|
"aria-label": "previous",
|
|
2965
2971
|
onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
|
|
2966
2972
|
}, null, 8, ["disabled"]),
|
|
2967
2973
|
d(a.$slots, "pagination-numbers"),
|
|
2968
|
-
|
|
2974
|
+
S(se, {
|
|
2969
2975
|
disabled: e.isNextDisabled,
|
|
2970
2976
|
variant: "next",
|
|
2971
2977
|
"aria-label": "next",
|
|
@@ -2989,52 +2995,49 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2989
2995
|
},
|
|
2990
2996
|
emits: ["filter", "remove-filter"],
|
|
2991
2997
|
setup(e, { emit: a }) {
|
|
2992
|
-
const r =
|
|
2998
|
+
const r = I(!1), l = e, o = a;
|
|
2993
2999
|
function u(v, f) {
|
|
2994
3000
|
!l.selectedOptions.includes(v) && !l.selectedOptions.includes(f) ? o("filter", v) : o("remove-filter", v);
|
|
2995
3001
|
}
|
|
2996
3002
|
function p() {
|
|
2997
3003
|
r.value = !1;
|
|
2998
3004
|
}
|
|
2999
|
-
const n =
|
|
3000
|
-
return (v, f) =>
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
[$, p]
|
|
3034
|
-
]);
|
|
3035
|
-
};
|
|
3005
|
+
const n = T(() => l.options.length > 8);
|
|
3006
|
+
return (v, f) => U((s(), i("div", zr, [
|
|
3007
|
+
t("button", {
|
|
3008
|
+
class: h(["dropdown-button", { clicked: r.value }]),
|
|
3009
|
+
style: Q({ "z-index": r.value ? 2 : 0 }),
|
|
3010
|
+
"aria-expanded": r.value ? "true" : "false",
|
|
3011
|
+
onClick: f[0] || (f[0] = (y) => r.value = !r.value)
|
|
3012
|
+
}, [
|
|
3013
|
+
d(v.$slots, "button", {}, () => [
|
|
3014
|
+
Y(c(v.label), 1)
|
|
3015
|
+
], !0)
|
|
3016
|
+
], 14, Hr),
|
|
3017
|
+
t("div", {
|
|
3018
|
+
class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
|
|
3019
|
+
}, [
|
|
3020
|
+
(s(!0), i(D, null, V(v.options, (y) => (s(), C($(fe), {
|
|
3021
|
+
id: y.value,
|
|
3022
|
+
key: y.value,
|
|
3023
|
+
name: y.text,
|
|
3024
|
+
required: !1,
|
|
3025
|
+
disabled: !1,
|
|
3026
|
+
value: y.value,
|
|
3027
|
+
checked: v.selectedOptions.includes(y.value) || v.selectedOptions.includes(y.text),
|
|
3028
|
+
onInput: (A) => u(y.value, y.text)
|
|
3029
|
+
}, {
|
|
3030
|
+
default: k(() => [
|
|
3031
|
+
Y(c(y.text), 1)
|
|
3032
|
+
]),
|
|
3033
|
+
_: 2
|
|
3034
|
+
}, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
|
|
3035
|
+
], 2)
|
|
3036
|
+
])), [
|
|
3037
|
+
[$(ve), p]
|
|
3038
|
+
]);
|
|
3036
3039
|
}
|
|
3037
|
-
}),
|
|
3040
|
+
}), Er = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-c62b3647"]]), Nr = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Ur = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
|
|
3038
3041
|
__name: "pallet-jack",
|
|
3039
3042
|
props: {
|
|
3040
3043
|
label: { default: "" },
|
|
@@ -3052,7 +3055,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3052
3055
|
dark: "promo__wrapper--dark",
|
|
3053
3056
|
light: "promo__wrapper--light",
|
|
3054
3057
|
default: "promo__wrapper--default"
|
|
3055
|
-
}, r = e, l =
|
|
3058
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
3056
3059
|
return (o, u) => (s(), i("div", {
|
|
3057
3060
|
class: h([
|
|
3058
3061
|
"promo__wrapper",
|
|
@@ -3060,7 +3063,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3060
3063
|
o.teaser ? "promo__wrapper--teaser" : ""
|
|
3061
3064
|
])
|
|
3062
3065
|
}, [
|
|
3063
|
-
t("div",
|
|
3066
|
+
t("div", Nr, [
|
|
3064
3067
|
t("div", {
|
|
3065
3068
|
class: h([
|
|
3066
3069
|
"promo__video",
|
|
@@ -3086,7 +3089,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3086
3089
|
o.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
3087
3090
|
])
|
|
3088
3091
|
}, [
|
|
3089
|
-
o.label ? (s(),
|
|
3092
|
+
o.label ? (s(), C(ee, {
|
|
3090
3093
|
key: 0,
|
|
3091
3094
|
text: o.label,
|
|
3092
3095
|
"label-dark": o.variant === "dark"
|
|
@@ -3099,7 +3102,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3099
3102
|
}, [
|
|
3100
3103
|
d(o.$slots, "promo-text")
|
|
3101
3104
|
], 2),
|
|
3102
|
-
o.linkType === "link" ? (s(),
|
|
3105
|
+
o.linkType === "link" ? (s(), C(L, {
|
|
3103
3106
|
key: 1,
|
|
3104
3107
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
3105
3108
|
arrow: ""
|
|
@@ -3109,7 +3112,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3109
3112
|
]),
|
|
3110
3113
|
_: 3
|
|
3111
3114
|
}, 8, ["link-type"])) : _("", !0),
|
|
3112
|
-
o.linkType === "button" ? (s(),
|
|
3115
|
+
o.linkType === "button" ? (s(), C(L, {
|
|
3113
3116
|
key: 2,
|
|
3114
3117
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
3115
3118
|
}, {
|
|
@@ -3124,20 +3127,20 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3124
3127
|
}
|
|
3125
3128
|
}), Yr = /* @__PURE__ */ g(Wr, [["__scopeId", "data-v-00c0bad3"]]), Zr = {
|
|
3126
3129
|
install: (e) => {
|
|
3127
|
-
e.component("AtomButton",
|
|
3130
|
+
e.component("AtomButton", se), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Qe), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", L), e.component("AtomRadioButton", nt), e.component("AtomSelect", pt), e.component("AtomSelectMultiple", Er), e.component("AtomSlider", St), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", be), e.component("MoleculeEventCard", Ta), e.component("MoleculeFlashcard", ke), e.component("MoleculeModal", ge), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", ao), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Kl), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ks), e.component("BlockTimeline", Ls), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
|
|
3128
3131
|
}
|
|
3129
3132
|
};
|
|
3130
3133
|
export {
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
+
se as AtomButton,
|
|
3135
|
+
fe as AtomCheckbox,
|
|
3136
|
+
Ne as AtomChip,
|
|
3134
3137
|
Qe as AtomDropdown,
|
|
3135
3138
|
M as AtomImage,
|
|
3136
3139
|
ee as AtomLabel,
|
|
3137
|
-
|
|
3140
|
+
L as AtomLink,
|
|
3138
3141
|
nt as AtomRadioButton,
|
|
3139
3142
|
pt as AtomSelect,
|
|
3140
|
-
|
|
3143
|
+
Er as AtomSelectMultiple,
|
|
3141
3144
|
St as AtomSlider,
|
|
3142
3145
|
jt as AtomTextField,
|
|
3143
3146
|
Dt as AtomTextarea,
|
|
@@ -3163,7 +3166,7 @@ export {
|
|
|
3163
3166
|
ns as BlockQuote,
|
|
3164
3167
|
hs as BlockRichText,
|
|
3165
3168
|
ks as BlockRichTextColumns,
|
|
3166
|
-
|
|
3169
|
+
Ls as BlockTimeline,
|
|
3167
3170
|
Ms as BlockVimeo,
|
|
3168
3171
|
sa as MoleculeAddress,
|
|
3169
3172
|
ca as MoleculeBulletList,
|