@mirweb/mir-web-components 0.17.0 → 0.17.2
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/button/button.vue.d.ts +1 -1
- package/dist/components/atoms/text-field/text-field.vue.d.ts +5 -150
- package/dist/components/blocks/facts/facts.vue.d.ts +15 -12
- package/dist/components/blocks/hero/hero.vue.d.ts +15 -12
- package/dist/components/blocks/logo-wall/logo-wall.vue.d.ts +15 -12
- package/dist/components/blocks/micro-stories/micro-stories.vue.d.ts +5 -51
- package/dist/components/blocks/promo/promo.vue.d.ts +15 -12
- package/dist/components/molecules/address/address.vue.d.ts +15 -12
- package/dist/components/organisms/footer/footer.vue.d.ts +15 -12
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +735 -800
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as v, computed as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as v, computed as L, openBlock as l, createElementBlock as s, normalizeClass as u, toDisplayString as r, createElementVNode as t, renderSlot as d, pushScopeId as P, popScopeId as z, createTextVNode as j, ref as x, withDirectives as Q, Fragment as T, renderList as C, vShow as Z, normalizeProps as D, guardReactiveProps as O, toRefs as ge, mergeProps as ee, createVNode as b, Transition as ye, withCtx as k, withModifiers as oe, createBlock as M, createCommentVNode as f, watchEffect as re, withKeys as pe, useSlots as be, normalizeStyle as te, isRef as ie, unref as I, onMounted as ne, watch as se, onUnmounted as $e } from "vue";
|
|
2
|
+
const ke = ["aria-label"], we = /* @__PURE__ */ v({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -7,25 +7,25 @@ const $e = ["aria-label"], ke = /* @__PURE__ */ v({
|
|
|
7
7
|
buttonText: { default: "" }
|
|
8
8
|
},
|
|
9
9
|
setup(e) {
|
|
10
|
-
const
|
|
10
|
+
const i = e, o = {
|
|
11
11
|
primary: "primary",
|
|
12
12
|
secondary: "secondary",
|
|
13
13
|
close: "close",
|
|
14
14
|
next: "next",
|
|
15
15
|
previous: "previous"
|
|
16
|
-
}, a =
|
|
17
|
-
return (n,
|
|
18
|
-
class:
|
|
16
|
+
}, a = L(() => o[i.variant]);
|
|
17
|
+
return (n, m) => (l(), s("button", {
|
|
18
|
+
class: u(["button", "button--" + a.value]),
|
|
19
19
|
"aria-label": n.ariaLabel
|
|
20
|
-
}, r(
|
|
20
|
+
}, r(a.value === "close" ? "" : n.buttonText), 11, ke));
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
|
-
const h = (e,
|
|
23
|
+
const h = (e, i) => {
|
|
24
24
|
const o = e.__vccOpts || e;
|
|
25
|
-
for (const [a, n] of
|
|
25
|
+
for (const [a, n] of i)
|
|
26
26
|
o[a] = n;
|
|
27
27
|
return o;
|
|
28
|
-
}, J = /* @__PURE__ */ h(
|
|
28
|
+
}, J = /* @__PURE__ */ h(we, [["__scopeId", "data-v-32eb91a1"]]), Se = (e) => (P("data-v-42c44141"), e = e(), z(), e), xe = ["id", "name", "value", "disabled", "required"], qe = ["for"], Be = /* @__PURE__ */ Se(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ie = /* @__PURE__ */ v({
|
|
29
29
|
__name: "checkbox",
|
|
30
30
|
props: {
|
|
31
31
|
name: { default: "checkbox" },
|
|
@@ -35,13 +35,13 @@ const h = (e, l) => {
|
|
|
35
35
|
required: { type: Boolean, default: !1 }
|
|
36
36
|
},
|
|
37
37
|
emits: ["input"],
|
|
38
|
-
setup(e, { emit:
|
|
38
|
+
setup(e, { emit: i }) {
|
|
39
39
|
const o = (a) => {
|
|
40
40
|
const n = a.target;
|
|
41
|
-
|
|
41
|
+
i("input", n.checked);
|
|
42
42
|
};
|
|
43
|
-
return (a, n) => (
|
|
44
|
-
class:
|
|
43
|
+
return (a, n) => (l(), s("div", {
|
|
44
|
+
class: u(["checkbox__wrapper", a.disabled ? "disabled" : ""])
|
|
45
45
|
}, [
|
|
46
46
|
t("input", {
|
|
47
47
|
id: a.id,
|
|
@@ -55,41 +55,41 @@ const h = (e, l) => {
|
|
|
55
55
|
}, null, 40, xe),
|
|
56
56
|
t("label", {
|
|
57
57
|
for: a.id,
|
|
58
|
-
class:
|
|
58
|
+
class: u(["checkbox__label", a.required ? "required" : ""])
|
|
59
59
|
}, [
|
|
60
|
-
|
|
60
|
+
Be,
|
|
61
61
|
d(a.$slots, "default", {}, void 0, !0)
|
|
62
|
-
], 10,
|
|
62
|
+
], 10, qe)
|
|
63
63
|
], 2));
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
const
|
|
66
|
+
const Le = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-42c44141"]]), Te = (e) => (P("data-v-08813346"), e = e(), z(), e), Ce = ["aria-label"], Ae = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
|
|
67
67
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
68
68
|
alt: "close",
|
|
69
69
|
class: "close-icon"
|
|
70
|
-
}, null, -1)),
|
|
70
|
+
}, null, -1)), Ve = /* @__PURE__ */ v({
|
|
71
71
|
__name: "chip",
|
|
72
72
|
props: {
|
|
73
73
|
text: { default: "" }
|
|
74
74
|
},
|
|
75
75
|
emits: ["remove-chip"],
|
|
76
76
|
setup(e) {
|
|
77
|
-
const
|
|
78
|
-
return (a, n) => (
|
|
77
|
+
const i = e, o = L(() => `Chip: ${i.text}`);
|
|
78
|
+
return (a, n) => (l(), s("div", {
|
|
79
79
|
class: "chip__wrapper",
|
|
80
|
-
onClick: n[0] || (n[0] = (
|
|
80
|
+
onClick: n[0] || (n[0] = (m) => a.$emit("remove-chip"))
|
|
81
81
|
}, [
|
|
82
82
|
t("span", {
|
|
83
83
|
class: "chip",
|
|
84
84
|
"aria-label": o.value
|
|
85
85
|
}, [
|
|
86
86
|
j(r(a.text) + " ", 1),
|
|
87
|
-
|
|
88
|
-
], 8,
|
|
87
|
+
Ae
|
|
88
|
+
], 8, Ce)
|
|
89
89
|
]));
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
|
-
const
|
|
92
|
+
const De = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-08813346"]]), Me = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Fe = ["aria-labelledby", "aria-activedescendant"], Ne = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ v({
|
|
93
93
|
__name: "dropdown",
|
|
94
94
|
props: {
|
|
95
95
|
modelValue: {
|
|
@@ -105,7 +105,7 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
|
|
|
105
105
|
required: !0,
|
|
106
106
|
validator(e) {
|
|
107
107
|
return e.every(
|
|
108
|
-
(
|
|
108
|
+
(i) => typeof i.value < "u" && typeof i.label < "u"
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
111
|
},
|
|
@@ -138,147 +138,147 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
emits: ["update:modelValue"],
|
|
141
|
-
setup(e, { emit:
|
|
142
|
-
const o = e, a =
|
|
143
|
-
const
|
|
144
|
-
(
|
|
141
|
+
setup(e, { emit: i }) {
|
|
142
|
+
const o = e, a = x(null), n = x(null), m = x([]), w = x(0), _ = x(""), $ = x(!0), g = x(0), B = L(() => {
|
|
143
|
+
const c = o.options.find(
|
|
144
|
+
(y) => y.value === o.modelValue
|
|
145
145
|
);
|
|
146
|
-
return
|
|
146
|
+
return c && c.label;
|
|
147
147
|
}), X = {
|
|
148
|
-
beforeMount(
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
}, document.body.addEventListener("click",
|
|
148
|
+
beforeMount(c, y) {
|
|
149
|
+
c.clickOutsideEvent = function(p) {
|
|
150
|
+
c === p.target || c.contains(p.target) || y.value(p);
|
|
151
|
+
}, document.body.addEventListener("click", c.clickOutsideEvent);
|
|
152
152
|
},
|
|
153
|
-
unmounted(
|
|
154
|
-
document.body.removeEventListener("click",
|
|
153
|
+
unmounted(c) {
|
|
154
|
+
document.body.removeEventListener("click", c.clickOutsideEvent);
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
|
-
function
|
|
158
|
-
|
|
157
|
+
function S(c) {
|
|
158
|
+
i("update:modelValue", c);
|
|
159
159
|
}
|
|
160
|
-
function H(
|
|
161
|
-
var
|
|
162
|
-
const
|
|
163
|
-
|
|
160
|
+
function H(c) {
|
|
161
|
+
var p;
|
|
162
|
+
const y = c.target;
|
|
163
|
+
y.getAttribute("role") === "option" && (K(y), Y(), (p = a.value) == null || p.focus());
|
|
164
164
|
}
|
|
165
|
-
function W(
|
|
166
|
-
var
|
|
167
|
-
const
|
|
168
|
-
switch (
|
|
165
|
+
function W(c) {
|
|
166
|
+
var p;
|
|
167
|
+
const y = c.key;
|
|
168
|
+
switch (y) {
|
|
169
169
|
case "ArrowUp":
|
|
170
170
|
case "ArrowDown": {
|
|
171
|
-
|
|
172
|
-
const
|
|
171
|
+
c.preventDefault();
|
|
172
|
+
const q = o.options.findIndex(
|
|
173
173
|
(R) => R.value === o.modelValue
|
|
174
174
|
);
|
|
175
|
-
let F =
|
|
176
|
-
|
|
175
|
+
let F = q ? m.value[q] : m.value[0];
|
|
176
|
+
y === "ArrowUp" ? q - 1 >= 0 && (F = m.value[q - 1]) : q + 1 <= o.options.length && (F = m.value[q + 1]), F && K(F);
|
|
177
177
|
break;
|
|
178
178
|
}
|
|
179
179
|
case "Home":
|
|
180
180
|
case "PageUp":
|
|
181
|
-
|
|
181
|
+
c.preventDefault(), he();
|
|
182
182
|
break;
|
|
183
183
|
case "End":
|
|
184
184
|
case "PageDown":
|
|
185
|
-
|
|
185
|
+
c.preventDefault(), ve();
|
|
186
186
|
break;
|
|
187
187
|
case "Enter":
|
|
188
188
|
case "Escape":
|
|
189
|
-
|
|
189
|
+
c.preventDefault(), Y(), (p = a.value) == null || p.focus();
|
|
190
190
|
break;
|
|
191
191
|
default: {
|
|
192
|
-
const
|
|
193
|
-
|
|
192
|
+
const q = _e(y);
|
|
193
|
+
q && K(q);
|
|
194
194
|
break;
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
-
function N(
|
|
198
|
+
function N(c) {
|
|
199
199
|
if (!o.disabled)
|
|
200
|
-
switch (
|
|
200
|
+
switch (c.key) {
|
|
201
201
|
case "ArrowUp":
|
|
202
202
|
case "ArrowDown":
|
|
203
|
-
|
|
203
|
+
c.preventDefault(), le(), W(c);
|
|
204
204
|
break;
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
|
-
function ce(
|
|
208
|
-
|
|
207
|
+
function ce(c) {
|
|
208
|
+
c && c.removeAttribute("aria-selected");
|
|
209
209
|
}
|
|
210
210
|
function ue() {
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
w.value && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
|
|
212
|
+
_.value = "", w.value = 0;
|
|
213
213
|
}, 500);
|
|
214
214
|
}
|
|
215
|
-
function _e(
|
|
216
|
-
let
|
|
217
|
-
(
|
|
218
|
-
(
|
|
219
|
-
)),
|
|
220
|
-
let
|
|
215
|
+
function _e(c) {
|
|
216
|
+
let y = "";
|
|
217
|
+
(_.value === "" || y !== c) && (g.value = o.options.findIndex(
|
|
218
|
+
(q) => q.value === o.modelValue
|
|
219
|
+
)), _.value = y === c ? c : _.value + c, y = c, ue();
|
|
220
|
+
let p = ae(
|
|
221
221
|
g.value + 1,
|
|
222
222
|
o.options.length
|
|
223
223
|
);
|
|
224
|
-
return !
|
|
224
|
+
return !p && _.value.length === 1 && (p = ae(0, g.value)), g.value = (g.value + 1) % o.options.length, p;
|
|
225
225
|
}
|
|
226
|
-
function ae(
|
|
227
|
-
for (let
|
|
228
|
-
if (o.options[
|
|
229
|
-
return
|
|
226
|
+
function ae(c, y) {
|
|
227
|
+
for (let p = c; p < y; p++)
|
|
228
|
+
if (o.options[p].label && o.options[p].label.toUpperCase().indexOf(_.value.toUpperCase()) === 0)
|
|
229
|
+
return m.value[p];
|
|
230
230
|
return null;
|
|
231
231
|
}
|
|
232
232
|
function he() {
|
|
233
|
-
|
|
233
|
+
K(m.value[0]);
|
|
234
234
|
}
|
|
235
|
-
function
|
|
236
|
-
var
|
|
237
|
-
const
|
|
235
|
+
function K(c) {
|
|
236
|
+
var p, q;
|
|
237
|
+
const y = c.getAttribute("data-value");
|
|
238
238
|
if (o.modelValue) {
|
|
239
239
|
const F = o.options.findIndex(
|
|
240
240
|
(fe) => fe.value === o.modelValue
|
|
241
|
-
), R =
|
|
241
|
+
), R = m.value[F];
|
|
242
242
|
ce(R);
|
|
243
243
|
}
|
|
244
|
-
if (
|
|
244
|
+
if (c.setAttribute("aria-selected", "true"), (p = n.value) == null || p.setAttribute(
|
|
245
245
|
"aria-activedescendant",
|
|
246
|
-
|
|
247
|
-
),
|
|
248
|
-
const F = n.value.clientHeight + n.value.scrollTop, R =
|
|
249
|
-
R > F ? n.value.scrollTop = R - ((
|
|
246
|
+
y || ""
|
|
247
|
+
), S(y || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
|
|
248
|
+
const F = n.value.clientHeight + n.value.scrollTop, R = c.offsetTop + c.offsetHeight;
|
|
249
|
+
R > F ? n.value.scrollTop = R - ((q = n.value) == null ? void 0 : q.clientHeight) : c.offsetTop < n.value.scrollTop && (n.value.scrollTop = c.offsetTop);
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
252
|
function ve() {
|
|
253
|
-
var
|
|
254
|
-
const
|
|
255
|
-
|
|
253
|
+
var y;
|
|
254
|
+
const c = (y = m.value) == null ? void 0 : y[o.options.length - 1];
|
|
255
|
+
K(c);
|
|
256
256
|
}
|
|
257
257
|
function Y() {
|
|
258
|
-
var
|
|
259
|
-
|
|
258
|
+
var c;
|
|
259
|
+
$.value = !0, (c = a.value) == null || c.removeAttribute("aria-expanded");
|
|
260
260
|
}
|
|
261
261
|
function le() {
|
|
262
|
-
var
|
|
263
|
-
|
|
262
|
+
var c, y;
|
|
263
|
+
$.value = !1, (c = a.value) == null || c.setAttribute("aria-expanded", "true"), (y = n.value) == null || y.focus();
|
|
264
264
|
}
|
|
265
265
|
function me() {
|
|
266
|
-
o.disabled || (
|
|
266
|
+
o.disabled || ($.value ? le() : Y());
|
|
267
267
|
}
|
|
268
|
-
return (
|
|
268
|
+
return (c, y) => (l(), s("div", {
|
|
269
269
|
ref: "listbox",
|
|
270
270
|
class: "listbox__wrapper",
|
|
271
271
|
value: e.modelValue
|
|
272
272
|
}, [
|
|
273
273
|
t("label", {
|
|
274
274
|
id: `${e.name}-label`,
|
|
275
|
-
class:
|
|
275
|
+
class: u([{
|
|
276
276
|
"listbox__label--visually-hidden": !e.showLabel,
|
|
277
277
|
"is-disabled": e.disabled,
|
|
278
278
|
"is-required": e.required
|
|
279
279
|
}, "listbox__label"])
|
|
280
|
-
}, r(e.label), 11,
|
|
281
|
-
Q((
|
|
280
|
+
}, r(e.label), 11, Oe),
|
|
281
|
+
Q((l(), s("div", Pe, [
|
|
282
282
|
t("button", {
|
|
283
283
|
id: `${e.name}-button-label`,
|
|
284
284
|
ref_key: "listboxButton",
|
|
@@ -287,13 +287,13 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
|
|
|
287
287
|
type: "button",
|
|
288
288
|
"aria-haspopup": "listbox",
|
|
289
289
|
"aria-disabled": e.disabled,
|
|
290
|
-
class:
|
|
290
|
+
class: u([
|
|
291
291
|
"listbox__button",
|
|
292
292
|
e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
|
|
293
293
|
]),
|
|
294
294
|
onClick: me,
|
|
295
295
|
onKeydown: N
|
|
296
|
-
}, r(e.modelValue ?
|
|
296
|
+
}, r(e.modelValue ? B.value : e.placeholder), 43, ze),
|
|
297
297
|
Q(t("ul", {
|
|
298
298
|
ref_key: "listboxNode",
|
|
299
299
|
ref: n,
|
|
@@ -305,26 +305,26 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
|
|
|
305
305
|
onKeydown: W,
|
|
306
306
|
onClick: H
|
|
307
307
|
}, [
|
|
308
|
-
(
|
|
309
|
-
key: `${e.name}-option-${
|
|
308
|
+
(l(!0), s(T, null, C(e.options, (p, q) => (l(), s("li", {
|
|
309
|
+
key: `${e.name}-option-${q}`,
|
|
310
310
|
ref_for: !0,
|
|
311
311
|
ref_key: "listboxOptions",
|
|
312
|
-
ref:
|
|
313
|
-
"aria-selected":
|
|
314
|
-
"data-value":
|
|
312
|
+
ref: m,
|
|
313
|
+
"aria-selected": p.value === e.modelValue,
|
|
314
|
+
"data-value": p.value,
|
|
315
315
|
class: "listbox__option",
|
|
316
316
|
role: "option"
|
|
317
|
-
}, r(
|
|
317
|
+
}, r(p.label), 9, Ne))), 128))
|
|
318
318
|
], 40, Fe), [
|
|
319
|
-
[Z,
|
|
319
|
+
[Z, !$.value]
|
|
320
320
|
])
|
|
321
321
|
])), [
|
|
322
322
|
[X, Y]
|
|
323
323
|
])
|
|
324
|
-
], 8,
|
|
324
|
+
], 8, Me));
|
|
325
325
|
}
|
|
326
326
|
});
|
|
327
|
-
const
|
|
327
|
+
const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-48b1733b"]]), Re = { class: "image__wrapper" }, je = /* @__PURE__ */ v({
|
|
328
328
|
__name: "image",
|
|
329
329
|
props: {
|
|
330
330
|
src: {
|
|
@@ -364,12 +364,12 @@ const Ee = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-48b1733b"]]), He = { cla
|
|
|
364
364
|
}
|
|
365
365
|
},
|
|
366
366
|
setup(e) {
|
|
367
|
-
return (
|
|
368
|
-
d(
|
|
367
|
+
return (i, o) => (l(), s("div", Re, [
|
|
368
|
+
d(i.$slots, "default", D(O(i.$attrs)))
|
|
369
369
|
]));
|
|
370
370
|
}
|
|
371
371
|
});
|
|
372
|
-
const
|
|
372
|
+
const A = /* @__PURE__ */ h(je, [["__scopeId", "data-v-f41d7358"]]), Ue = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ge = /* @__PURE__ */ v({
|
|
373
373
|
__name: "label",
|
|
374
374
|
props: {
|
|
375
375
|
text: {
|
|
@@ -383,17 +383,17 @@ const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-f41d7358"]]), je = { clas
|
|
|
383
383
|
}
|
|
384
384
|
},
|
|
385
385
|
setup(e) {
|
|
386
|
-
const
|
|
387
|
-
return (a, n) => (
|
|
386
|
+
const i = e, o = L(() => `Label: ${i.text}`);
|
|
387
|
+
return (a, n) => (l(), s("div", Ue, [
|
|
388
388
|
t("span", {
|
|
389
389
|
"aria-label": o.value,
|
|
390
390
|
"label-dark": e.labelDark,
|
|
391
|
-
class:
|
|
391
|
+
class: u(e.labelDark ? "label--dark" : "label--light")
|
|
392
392
|
}, r(e.text), 11, Ke)
|
|
393
393
|
]));
|
|
394
394
|
}
|
|
395
395
|
});
|
|
396
|
-
const G = /* @__PURE__ */ h(
|
|
396
|
+
const G = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-e7a44d10"]]), We = { class: "link__wrapper" }, V = /* @__PURE__ */ v({
|
|
397
397
|
__name: "link",
|
|
398
398
|
props: {
|
|
399
399
|
linkType: { default: "regular" },
|
|
@@ -402,33 +402,37 @@ const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { clas
|
|
|
402
402
|
disabled: { type: Boolean, default: !1 }
|
|
403
403
|
},
|
|
404
404
|
setup(e) {
|
|
405
|
-
const
|
|
406
|
-
primary: "primary",
|
|
407
|
-
secondary: "secondary",
|
|
408
|
-
secondary_dark: "secondary-dark",
|
|
409
|
-
regular: "regular",
|
|
410
|
-
regular_dark: "regular-dark",
|
|
411
|
-
regular_light: "regular-light",
|
|
412
|
-
regular_blue: "regular-blue"
|
|
413
|
-
}, a =
|
|
414
|
-
|
|
415
|
-
|
|
405
|
+
const i = e, o = {
|
|
406
|
+
primary: "mir-link--btn button button--primary",
|
|
407
|
+
secondary: "mir-link--btn button button--secondary",
|
|
408
|
+
secondary_dark: "mir-link--btn button button--secondary-dark",
|
|
409
|
+
regular: "regular-link",
|
|
410
|
+
regular_dark: "regular-link-dark",
|
|
411
|
+
regular_light: "regular-link-light",
|
|
412
|
+
regular_blue: "regular-link-blue"
|
|
413
|
+
}, a = {
|
|
414
|
+
hover: "underline-hover",
|
|
415
|
+
true: "add-underline",
|
|
416
|
+
false: "remove-underline"
|
|
417
|
+
}, n = L(() => o[i.linkType]), m = L(() => a[i.underline]), w = L(() => {
|
|
418
|
+
const { ..._ } = ge(i);
|
|
419
|
+
return _;
|
|
416
420
|
});
|
|
417
|
-
return (
|
|
418
|
-
t("div", ee(
|
|
421
|
+
return (_, $) => (l(), s("div", We, [
|
|
422
|
+
t("div", ee(w.value, {
|
|
419
423
|
class: ["mir-link", [
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
+
n.value,
|
|
425
|
+
_.disabled ? "disabled" : "",
|
|
426
|
+
m.value,
|
|
427
|
+
_.arrow ? "link-arrow" : ""
|
|
424
428
|
]]
|
|
425
429
|
}), [
|
|
426
|
-
d(
|
|
430
|
+
d(_.$slots, "default")
|
|
427
431
|
], 16)
|
|
428
432
|
]));
|
|
429
433
|
}
|
|
430
434
|
});
|
|
431
|
-
const
|
|
435
|
+
const Ye = (e) => (P("data-v-eaed5b4f"), e = e(), z(), e), Qe = ["id", "name", "value", "checked", "disabled", "required"], Je = ["for"], Xe = /* @__PURE__ */ Ye(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Ze = /* @__PURE__ */ v({
|
|
432
436
|
__name: "radio-button",
|
|
433
437
|
props: {
|
|
434
438
|
name: {
|
|
@@ -461,13 +465,13 @@ const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "
|
|
|
461
465
|
}
|
|
462
466
|
},
|
|
463
467
|
emits: ["input"],
|
|
464
|
-
setup(e, { emit:
|
|
468
|
+
setup(e, { emit: i }) {
|
|
465
469
|
const o = (a) => {
|
|
466
470
|
const n = a.target;
|
|
467
|
-
|
|
471
|
+
i("input", n.checked);
|
|
468
472
|
};
|
|
469
|
-
return (a, n) => (
|
|
470
|
-
class:
|
|
473
|
+
return (a, n) => (l(), s("div", {
|
|
474
|
+
class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
|
|
471
475
|
}, [
|
|
472
476
|
t("input", {
|
|
473
477
|
id: e.id,
|
|
@@ -479,18 +483,18 @@ const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "
|
|
|
479
483
|
required: e.required,
|
|
480
484
|
class: "radio__radio",
|
|
481
485
|
onChange: o
|
|
482
|
-
}, null, 40,
|
|
486
|
+
}, null, 40, Qe),
|
|
483
487
|
t("label", {
|
|
484
488
|
for: e.id,
|
|
485
|
-
class:
|
|
489
|
+
class: u(["radio__label", e.required ? "required" : ""])
|
|
486
490
|
}, [
|
|
487
|
-
|
|
491
|
+
Xe,
|
|
488
492
|
d(a.$slots, "default", {}, void 0, !0)
|
|
489
|
-
], 10,
|
|
493
|
+
], 10, Je)
|
|
490
494
|
], 2));
|
|
491
495
|
}
|
|
492
496
|
});
|
|
493
|
-
const
|
|
497
|
+
const et = /* @__PURE__ */ h(Ze, [["__scopeId", "data-v-eaed5b4f"]]), tt = { class: "select__wrapper" }, at = ["for"], lt = ["id", "disabled", "name", "value"], it = ["value"], st = /* @__PURE__ */ v({
|
|
494
498
|
__name: "select",
|
|
495
499
|
props: {
|
|
496
500
|
id: {
|
|
@@ -506,7 +510,7 @@ const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-eaed5b4f"]]), et = { cla
|
|
|
506
510
|
required: !0,
|
|
507
511
|
validator(e) {
|
|
508
512
|
return e.every(
|
|
509
|
-
(
|
|
513
|
+
(i) => typeof i.value < "u" && typeof i.text < "u"
|
|
510
514
|
);
|
|
511
515
|
}
|
|
512
516
|
},
|
|
@@ -531,61 +535,61 @@ const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-eaed5b4f"]]), et = { cla
|
|
|
531
535
|
},
|
|
532
536
|
emits: ["update:modelValue"],
|
|
533
537
|
setup(e) {
|
|
534
|
-
return (
|
|
538
|
+
return (i, o) => (l(), s("div", tt, [
|
|
535
539
|
t("label", {
|
|
536
540
|
for: e.id,
|
|
537
|
-
class:
|
|
538
|
-
}, r(e.label), 11,
|
|
541
|
+
class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
|
|
542
|
+
}, r(e.label), 11, at),
|
|
539
543
|
t("select", {
|
|
540
544
|
id: e.id,
|
|
541
|
-
class:
|
|
545
|
+
class: u(e.disabled ? "disabled" : ""),
|
|
542
546
|
disabled: e.disabled,
|
|
543
547
|
name: e.name,
|
|
544
548
|
value: e.modelValue,
|
|
545
549
|
onChange: o[0] || (o[0] = (a) => {
|
|
546
|
-
|
|
550
|
+
i.$emit("update:modelValue", a.target.value), a.target.blur();
|
|
547
551
|
})
|
|
548
552
|
}, [
|
|
549
|
-
(
|
|
553
|
+
(l(!0), s(T, null, C(e.options, (a) => (l(), s("option", {
|
|
550
554
|
key: a.value,
|
|
551
555
|
value: a.value
|
|
552
|
-
}, r(a.text), 9,
|
|
553
|
-
], 42,
|
|
556
|
+
}, r(a.text), 9, it))), 128))
|
|
557
|
+
], 42, lt)
|
|
554
558
|
]));
|
|
555
559
|
}
|
|
556
560
|
});
|
|
557
|
-
const
|
|
561
|
+
const ot = /* @__PURE__ */ h(st, [["__scopeId", "data-v-4445d1ae"]]), rt = { class: "modal__wrapper" }, nt = /* @__PURE__ */ v({
|
|
558
562
|
__name: "modal",
|
|
559
563
|
props: {
|
|
560
564
|
show: { type: Boolean, default: !1 },
|
|
561
565
|
searchBar: { type: Boolean, default: !1 }
|
|
562
566
|
},
|
|
563
567
|
emits: ["update:show"],
|
|
564
|
-
setup(e, { emit:
|
|
568
|
+
setup(e, { emit: i }) {
|
|
565
569
|
const o = e, a = () => {
|
|
566
|
-
|
|
570
|
+
i("update:show", !o.show);
|
|
567
571
|
};
|
|
568
|
-
return (n,
|
|
569
|
-
|
|
572
|
+
return (n, m) => (l(), s("div", rt, [
|
|
573
|
+
b(ye, {
|
|
570
574
|
duration: 300,
|
|
571
575
|
name: "nested"
|
|
572
576
|
}, {
|
|
573
|
-
default:
|
|
574
|
-
n.show ? (
|
|
577
|
+
default: k(() => [
|
|
578
|
+
n.show ? (l(), s("div", {
|
|
575
579
|
key: 0,
|
|
576
|
-
class:
|
|
580
|
+
class: u(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
|
|
577
581
|
ariaLabel: "modal",
|
|
578
582
|
role: "dialog",
|
|
579
583
|
onClick: a
|
|
580
584
|
}, [
|
|
581
585
|
t("div", {
|
|
582
586
|
id: "modal",
|
|
583
|
-
class:
|
|
584
|
-
onClick:
|
|
587
|
+
class: u([n.searchBar ? "search" : ""]),
|
|
588
|
+
onClick: m[0] || (m[0] = oe(() => {
|
|
585
589
|
}, ["stop"]))
|
|
586
590
|
}, [
|
|
587
591
|
t("div", null, [
|
|
588
|
-
n.searchBar ?
|
|
592
|
+
n.searchBar ? f("", !0) : (l(), M(J, {
|
|
589
593
|
key: 0,
|
|
590
594
|
"aria-label": "close",
|
|
591
595
|
variant: "close",
|
|
@@ -594,14 +598,14 @@ const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-4445d1ae"]]), ot = { cla
|
|
|
594
598
|
]),
|
|
595
599
|
d(n.$slots, "default", {}, void 0, !0)
|
|
596
600
|
], 2)
|
|
597
|
-
], 2)) :
|
|
601
|
+
], 2)) : f("", !0)
|
|
598
602
|
]),
|
|
599
603
|
_: 3
|
|
600
604
|
})
|
|
601
605
|
]));
|
|
602
606
|
}
|
|
603
607
|
});
|
|
604
|
-
const de = /* @__PURE__ */ h(
|
|
608
|
+
const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-ae81fb1e"]]), dt = { class: "slider__wrapper" }, ct = { class: "slider__label" }, ut = ["for"], _t = ["aria-label"], ht = { class: "slider__content" }, vt = ["id", "name", "value", "min", "step", "max"], mt = /* @__PURE__ */ v({
|
|
605
609
|
__name: "slider",
|
|
606
610
|
props: {
|
|
607
611
|
label: {
|
|
@@ -653,39 +657,39 @@ const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { cla
|
|
|
653
657
|
}
|
|
654
658
|
},
|
|
655
659
|
emits: ["update:modelValue"],
|
|
656
|
-
setup(e, { emit:
|
|
657
|
-
const o = e, a =
|
|
660
|
+
setup(e, { emit: i }) {
|
|
661
|
+
const o = e, a = x(o.modelValue), n = x(), m = x(!1), w = ($, g, B) => ($ - g) / (B - g) * 100, _ = ($) => {
|
|
658
662
|
var g;
|
|
659
|
-
(g = n.value) == null || g.style.setProperty("--ProgressPercent", `${
|
|
663
|
+
(g = n.value) == null || g.style.setProperty("--ProgressPercent", `${$}%`);
|
|
660
664
|
};
|
|
661
665
|
return re(() => {
|
|
662
666
|
if (n.value) {
|
|
663
|
-
|
|
664
|
-
const
|
|
665
|
-
let g = (50 -
|
|
666
|
-
|
|
667
|
+
i("update:modelValue", a.value);
|
|
668
|
+
const $ = w(a.value, o.min, o.max);
|
|
669
|
+
let g = (50 - $) / 100;
|
|
670
|
+
_($ + g);
|
|
667
671
|
}
|
|
668
|
-
}), (
|
|
669
|
-
t("div",
|
|
670
|
-
t("div",
|
|
672
|
+
}), ($, g) => (l(), s("div", null, [
|
|
673
|
+
t("div", dt, [
|
|
674
|
+
t("div", ct, [
|
|
671
675
|
t("label", {
|
|
672
676
|
for: e.id,
|
|
673
|
-
class:
|
|
674
|
-
}, r(e.label), 11,
|
|
675
|
-
e.information ? (
|
|
677
|
+
class: u([e.variant, ""])
|
|
678
|
+
}, r(e.label), 11, ut),
|
|
679
|
+
e.information ? (l(), s("i", {
|
|
676
680
|
key: 0,
|
|
677
681
|
role: "button",
|
|
678
|
-
class:
|
|
682
|
+
class: u([e.variant, "slider__information"]),
|
|
679
683
|
"aria-label": e.informationLabel,
|
|
680
684
|
tabindex: "0",
|
|
681
685
|
"aria-haspopup": "dialog",
|
|
682
|
-
onClick: g[0] || (g[0] = (
|
|
683
|
-
onKeyup: g[1] || (g[1] =
|
|
684
|
-
}, null, 42,
|
|
686
|
+
onClick: g[0] || (g[0] = (B) => m.value = !m.value),
|
|
687
|
+
onKeyup: g[1] || (g[1] = pe((B) => m.value = !m.value, ["enter"]))
|
|
688
|
+
}, null, 42, _t)) : f("", !0)
|
|
685
689
|
]),
|
|
686
|
-
t("div",
|
|
690
|
+
t("div", ht, [
|
|
687
691
|
t("span", {
|
|
688
|
-
class:
|
|
692
|
+
class: u([e.variant, "slider__minmax"])
|
|
689
693
|
}, r(e.min), 3),
|
|
690
694
|
t("input", {
|
|
691
695
|
id: e.id,
|
|
@@ -697,31 +701,31 @@ const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { cla
|
|
|
697
701
|
min: e.min,
|
|
698
702
|
step: e.step,
|
|
699
703
|
max: e.max,
|
|
700
|
-
class:
|
|
701
|
-
onInput: g[2] || (g[2] = ({ target:
|
|
702
|
-
}, null, 42,
|
|
704
|
+
class: u(e.variant),
|
|
705
|
+
onInput: g[2] || (g[2] = ({ target: B }) => a.value = parseFloat(B.value))
|
|
706
|
+
}, null, 42, vt),
|
|
703
707
|
t("span", {
|
|
704
|
-
class:
|
|
708
|
+
class: u([e.variant, "slider__minmax"])
|
|
705
709
|
}, r(e.max), 3)
|
|
706
710
|
]),
|
|
707
711
|
t("span", {
|
|
708
|
-
class:
|
|
712
|
+
class: u([e.variant, "slider__value"])
|
|
709
713
|
}, r(e.modelValue), 3)
|
|
710
714
|
]),
|
|
711
|
-
e.information ? (
|
|
715
|
+
e.information ? (l(), M(de, {
|
|
712
716
|
key: 0,
|
|
713
|
-
show:
|
|
714
|
-
"onUpdate:show": g[3] || (g[3] = (
|
|
717
|
+
show: m.value,
|
|
718
|
+
"onUpdate:show": g[3] || (g[3] = (B) => m.value = B)
|
|
715
719
|
}, {
|
|
716
|
-
default:
|
|
720
|
+
default: k(() => [
|
|
717
721
|
j(r(e.information), 1)
|
|
718
722
|
]),
|
|
719
723
|
_: 1
|
|
720
|
-
}, 8, ["show"])) :
|
|
724
|
+
}, 8, ["show"])) : f("", !0)
|
|
721
725
|
]));
|
|
722
726
|
}
|
|
723
727
|
});
|
|
724
|
-
const
|
|
728
|
+
const ft = /* @__PURE__ */ h(mt, [["__scopeId", "data-v-39b97f8e"]]), gt = { id: "textarea-wrapper" }, yt = ["for"], pt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], $t = { class: "textarea-info" }, kt = { key: 0 }, wt = /* @__PURE__ */ v({
|
|
725
729
|
__name: "textarea",
|
|
726
730
|
props: {
|
|
727
731
|
id: {
|
|
@@ -767,13 +771,13 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id:
|
|
|
767
771
|
},
|
|
768
772
|
emits: ["update:modelValue"],
|
|
769
773
|
setup(e) {
|
|
770
|
-
return (
|
|
774
|
+
return (i, o) => (l(), s("div", gt, [
|
|
771
775
|
t("label", {
|
|
772
776
|
for: e.id,
|
|
773
|
-
class:
|
|
774
|
-
}, r(e.labelText) + r(e.required ? " *" : ""), 11,
|
|
777
|
+
class: u({ required: e.required })
|
|
778
|
+
}, r(e.labelText) + r(e.required ? " *" : ""), 11, yt),
|
|
775
779
|
t("div", {
|
|
776
|
-
id: e.modelValue !== void 0 && e.modelValue.length
|
|
780
|
+
id: e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "textarea-wrapper__inner" : ""
|
|
777
781
|
}, [
|
|
778
782
|
t("textarea", {
|
|
779
783
|
id: e.id,
|
|
@@ -785,171 +789,118 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id:
|
|
|
785
789
|
disabled: e.disabled,
|
|
786
790
|
maxlength: e.maxLength,
|
|
787
791
|
value: e.modelValue,
|
|
788
|
-
class:
|
|
789
|
-
e.modelValue !== void 0 && e.modelValue.length
|
|
792
|
+
class: u(
|
|
793
|
+
e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "reached-meter-limit" : "border"
|
|
790
794
|
),
|
|
791
|
-
onInput: o[0] || (o[0] = (a) =>
|
|
792
|
-
}, null, 42,
|
|
793
|
-
], 8,
|
|
794
|
-
t("div",
|
|
795
|
+
onInput: o[0] || (o[0] = (a) => i.$emit("update:modelValue", a.target.value))
|
|
796
|
+
}, null, 42, bt)
|
|
797
|
+
], 8, pt),
|
|
798
|
+
t("div", $t, [
|
|
795
799
|
t("div", null, [
|
|
796
|
-
e.modelValue !== void 0 && e.modelValue.length
|
|
800
|
+
e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? (l(), s("p", kt, " Too many characters. Please make it shorter ")) : f("", !0)
|
|
797
801
|
]),
|
|
798
802
|
t("p", {
|
|
799
|
-
class:
|
|
800
|
-
e.modelValue !== void 0 && e.modelValue.length
|
|
803
|
+
class: u(
|
|
804
|
+
e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "reached-meter-limit-meter" : ""
|
|
801
805
|
)
|
|
802
806
|
}, r(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + r(e.maxLength), 3)
|
|
803
807
|
])
|
|
804
808
|
]));
|
|
805
809
|
}
|
|
806
810
|
});
|
|
807
|
-
const
|
|
811
|
+
const St = /* @__PURE__ */ h(wt, [["__scopeId", "data-v-d8d19f3a"]]), xt = { class: "text-field__wrapper" }, qt = ["for"], Bt = { key: 0 }, It = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Lt = ["aria-expanded"], Tt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ct = {
|
|
808
812
|
key: 2,
|
|
809
813
|
class: "search"
|
|
810
|
-
},
|
|
814
|
+
}, At = {
|
|
811
815
|
key: 3,
|
|
812
816
|
class: "errorMessage"
|
|
813
|
-
},
|
|
817
|
+
}, Vt = {
|
|
814
818
|
key: 4,
|
|
815
819
|
class: "helperText"
|
|
816
|
-
},
|
|
820
|
+
}, Dt = /* @__PURE__ */ v({
|
|
817
821
|
__name: "text-field",
|
|
818
822
|
props: {
|
|
819
|
-
type: {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
}
|
|
833
|
-
},
|
|
834
|
-
fieldName: {
|
|
835
|
-
type: String,
|
|
836
|
-
required: !1,
|
|
837
|
-
default: ""
|
|
838
|
-
},
|
|
839
|
-
modelValue: {
|
|
840
|
-
type: String,
|
|
841
|
-
required: !0,
|
|
842
|
-
default: ""
|
|
843
|
-
},
|
|
844
|
-
placeholder: {
|
|
845
|
-
type: String,
|
|
846
|
-
required: !1,
|
|
847
|
-
default: ""
|
|
848
|
-
},
|
|
849
|
-
label: {
|
|
850
|
-
type: String,
|
|
851
|
-
required: !1,
|
|
852
|
-
default: ""
|
|
853
|
-
},
|
|
854
|
-
id: {
|
|
855
|
-
type: String,
|
|
856
|
-
required: !0
|
|
857
|
-
},
|
|
858
|
-
disabled: {
|
|
859
|
-
type: Boolean,
|
|
860
|
-
required: !1,
|
|
861
|
-
default: !1
|
|
862
|
-
},
|
|
863
|
-
required: {
|
|
864
|
-
type: Boolean,
|
|
865
|
-
required: !1,
|
|
866
|
-
default: !1
|
|
867
|
-
},
|
|
868
|
-
invalid: {
|
|
869
|
-
type: Boolean,
|
|
870
|
-
required: !1,
|
|
871
|
-
default: !1
|
|
872
|
-
},
|
|
873
|
-
errorMessage: {
|
|
874
|
-
type: String,
|
|
875
|
-
required: !1,
|
|
876
|
-
default: ""
|
|
877
|
-
},
|
|
878
|
-
helperText: {
|
|
879
|
-
type: String,
|
|
880
|
-
required: !1,
|
|
881
|
-
default: ""
|
|
882
|
-
},
|
|
883
|
-
search: {
|
|
884
|
-
type: Boolean,
|
|
885
|
-
required: !1,
|
|
886
|
-
default: !1
|
|
887
|
-
},
|
|
888
|
-
valid: {
|
|
889
|
-
type: Boolean,
|
|
890
|
-
required: !1,
|
|
891
|
-
default: !1
|
|
892
|
-
}
|
|
823
|
+
type: { default: "text" },
|
|
824
|
+
fieldName: { default: "" },
|
|
825
|
+
modelValue: {},
|
|
826
|
+
placeholder: { default: "" },
|
|
827
|
+
label: { default: "" },
|
|
828
|
+
id: {},
|
|
829
|
+
disabled: { type: Boolean, default: !1 },
|
|
830
|
+
required: { type: Boolean, default: !1 },
|
|
831
|
+
invalid: { type: Boolean, default: !1 },
|
|
832
|
+
errorMessage: { default: "" },
|
|
833
|
+
helperText: { default: "" },
|
|
834
|
+
search: { type: Boolean, default: !1 },
|
|
835
|
+
valid: { type: Boolean, default: !1 }
|
|
893
836
|
},
|
|
894
837
|
emits: ["update:modelValue"],
|
|
895
838
|
setup(e) {
|
|
896
|
-
const
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
839
|
+
const i = e, o = {
|
|
840
|
+
text: "text",
|
|
841
|
+
email: "email",
|
|
842
|
+
password: "password",
|
|
843
|
+
number: "number",
|
|
844
|
+
tel: "tel",
|
|
845
|
+
url: "url",
|
|
846
|
+
search: "search"
|
|
847
|
+
}, a = L(() => o[i.type]), n = x(!0), m = L(
|
|
848
|
+
() => n.value ? "showPassword" : "hidePassword"
|
|
849
|
+
), w = L(
|
|
850
|
+
() => n.value ? "password" : "text"
|
|
900
851
|
);
|
|
901
|
-
return (
|
|
852
|
+
return (_, $) => (l(), s("div", xt, [
|
|
902
853
|
t("label", {
|
|
903
|
-
for:
|
|
904
|
-
class:
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
854
|
+
for: _.id,
|
|
855
|
+
class: u([
|
|
856
|
+
_.required ? "required" : "",
|
|
857
|
+
_.disabled ? "disabled" : "",
|
|
858
|
+
_.search ? "search" : ""
|
|
908
859
|
])
|
|
909
|
-
}, r(
|
|
910
|
-
|
|
860
|
+
}, r(_.label), 11, qt),
|
|
861
|
+
a.value === "password" ? (l(), s("div", Bt, [
|
|
911
862
|
t("input", {
|
|
912
|
-
id:
|
|
863
|
+
id: _.id,
|
|
913
864
|
ref: "passwordField",
|
|
914
|
-
type:
|
|
915
|
-
value:
|
|
916
|
-
placeholder:
|
|
917
|
-
required:
|
|
918
|
-
disabled:
|
|
919
|
-
name:
|
|
920
|
-
onInput:
|
|
921
|
-
}, null, 40,
|
|
865
|
+
type: w.value,
|
|
866
|
+
value: _.modelValue,
|
|
867
|
+
placeholder: _.placeholder,
|
|
868
|
+
required: _.required,
|
|
869
|
+
disabled: _.disabled,
|
|
870
|
+
name: _.fieldName,
|
|
871
|
+
onInput: $[0] || ($[0] = (g) => _.$emit("update:modelValue", g.target.value))
|
|
872
|
+
}, null, 40, It),
|
|
922
873
|
t("i", {
|
|
923
874
|
role: "button",
|
|
924
|
-
class:
|
|
875
|
+
class: u([m.value]),
|
|
925
876
|
"aria-controls": "password",
|
|
926
|
-
"aria-expanded": !
|
|
927
|
-
onClick:
|
|
928
|
-
}, null, 10,
|
|
929
|
-
])) : (
|
|
877
|
+
"aria-expanded": !n.value,
|
|
878
|
+
onClick: $[1] || ($[1] = (g) => n.value = !n.value)
|
|
879
|
+
}, null, 10, Lt)
|
|
880
|
+
])) : (l(), s("input", {
|
|
930
881
|
key: 1,
|
|
931
|
-
id:
|
|
882
|
+
id: _.id,
|
|
932
883
|
ref: "textField",
|
|
933
|
-
type:
|
|
934
|
-
value:
|
|
935
|
-
placeholder:
|
|
936
|
-
required:
|
|
937
|
-
class:
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
884
|
+
type: a.value,
|
|
885
|
+
value: _.modelValue,
|
|
886
|
+
placeholder: _.placeholder,
|
|
887
|
+
required: _.required,
|
|
888
|
+
class: u([
|
|
889
|
+
_.invalid ? "invalid" : "",
|
|
890
|
+
_.valid ? "valid" : "",
|
|
891
|
+
_.search ? "search" : ""
|
|
941
892
|
]),
|
|
942
|
-
disabled:
|
|
943
|
-
name:
|
|
944
|
-
onInput:
|
|
945
|
-
}, null, 42,
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
893
|
+
disabled: _.disabled,
|
|
894
|
+
name: _.fieldName,
|
|
895
|
+
onInput: $[2] || ($[2] = (g) => _.$emit("update:modelValue", g.target.value))
|
|
896
|
+
}, null, 42, Tt)),
|
|
897
|
+
_.search ? (l(), s("i", Ct)) : f("", !0),
|
|
898
|
+
_.errorMessage ? (l(), s("strong", At, r(_.errorMessage), 1)) : f("", !0),
|
|
899
|
+
_.helperText ? (l(), s("span", Vt, r(_.helperText), 1)) : f("", !0)
|
|
949
900
|
]));
|
|
950
901
|
}
|
|
951
902
|
});
|
|
952
|
-
const
|
|
903
|
+
const Mt = /* @__PURE__ */ h(Dt, [["__scopeId", "data-v-bbf83843"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Ft = /* @__PURE__ */ v({
|
|
953
904
|
__name: "video",
|
|
954
905
|
props: {
|
|
955
906
|
play: {
|
|
@@ -1003,17 +954,17 @@ const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { cla
|
|
|
1003
954
|
default: !1
|
|
1004
955
|
}
|
|
1005
956
|
},
|
|
1006
|
-
setup(e, { expose:
|
|
957
|
+
setup(e, { expose: i }) {
|
|
1007
958
|
const o = e;
|
|
1008
|
-
let a =
|
|
959
|
+
let a = x(null);
|
|
1009
960
|
return re(() => {
|
|
1010
961
|
a.value && (o.play ? a.value.play() : o.play || a.value.pause());
|
|
1011
|
-
}),
|
|
962
|
+
}), i({
|
|
1012
963
|
resetVideo: () => {
|
|
1013
964
|
a.value && (a.value.currentTime = 0, a.value.play());
|
|
1014
965
|
}
|
|
1015
|
-
}), (
|
|
1016
|
-
e.localVideo ? (
|
|
966
|
+
}), (m, w) => (l(), s("div", Ot, [
|
|
967
|
+
e.localVideo ? (l(), s("video", {
|
|
1017
968
|
key: 0,
|
|
1018
969
|
ref_key: "videoRef",
|
|
1019
970
|
ref: a,
|
|
@@ -1028,7 +979,7 @@ const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { cla
|
|
|
1028
979
|
type: "video/mp4",
|
|
1029
980
|
playsinline: "",
|
|
1030
981
|
src: e.src
|
|
1031
|
-
}, null, 8,
|
|
982
|
+
}, null, 8, Pt)) : (l(), s("iframe", {
|
|
1032
983
|
key: 1,
|
|
1033
984
|
src: e.src,
|
|
1034
985
|
"aria-label": e.ariaLabel,
|
|
@@ -1042,7 +993,7 @@ const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { cla
|
|
|
1042
993
|
]));
|
|
1043
994
|
}
|
|
1044
995
|
});
|
|
1045
|
-
const
|
|
996
|
+
const U = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Nt = { class: "address__wrapper" }, Et = { class: "address__content" }, Ht = { class: "address__flag" }, Rt = { class: "address__address" }, jt = { class: "address__name" }, Ut = { key: 0 }, Kt = { class: "address__contact" }, Gt = ["href"], Wt = ["href"], Yt = /* @__PURE__ */ v({
|
|
1046
997
|
__name: "address",
|
|
1047
998
|
props: {
|
|
1048
999
|
name: {
|
|
@@ -1076,42 +1027,42 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { clas
|
|
|
1076
1027
|
}
|
|
1077
1028
|
},
|
|
1078
1029
|
setup(e) {
|
|
1079
|
-
return (
|
|
1080
|
-
t("div",
|
|
1081
|
-
t("div", Et, [
|
|
1082
|
-
d(l.$slots, "address-flag", {}, void 0, !0)
|
|
1083
|
-
]),
|
|
1030
|
+
return (i, o) => (l(), s("div", Nt, [
|
|
1031
|
+
t("div", Et, [
|
|
1084
1032
|
t("div", Ht, [
|
|
1085
|
-
|
|
1033
|
+
d(i.$slots, "address-flag", {}, void 0, !0)
|
|
1034
|
+
]),
|
|
1035
|
+
t("div", Rt, [
|
|
1036
|
+
t("p", jt, r(e.name), 1),
|
|
1086
1037
|
t("p", null, r(e.company), 1),
|
|
1087
1038
|
t("p", null, r(e.addressLine1), 1),
|
|
1088
1039
|
t("p", null, r(e.addressLine2), 1),
|
|
1089
|
-
e.addressLine3 ? (
|
|
1040
|
+
e.addressLine3 ? (l(), s("p", Ut, r(e.addressLine3), 1)) : f("", !0)
|
|
1090
1041
|
]),
|
|
1091
1042
|
t("div", Kt, [
|
|
1092
|
-
(
|
|
1043
|
+
(l(!0), s(T, null, C(e.phoneNumbers, (a) => (l(), M(V, {
|
|
1093
1044
|
key: a,
|
|
1094
1045
|
underline: "false",
|
|
1095
1046
|
"link-type": "regular"
|
|
1096
1047
|
}, {
|
|
1097
|
-
default:
|
|
1048
|
+
default: k(() => [
|
|
1098
1049
|
t("a", {
|
|
1099
1050
|
href: "tel:" + a,
|
|
1100
1051
|
class: "address__phone"
|
|
1101
|
-
}, r(a), 9,
|
|
1052
|
+
}, r(a), 9, Gt)
|
|
1102
1053
|
]),
|
|
1103
1054
|
_: 2
|
|
1104
1055
|
}, 1024))), 128)),
|
|
1105
1056
|
t("a", {
|
|
1106
1057
|
href: "mailto:" + e.email,
|
|
1107
1058
|
class: "address__email"
|
|
1108
|
-
}, r(e.email), 9,
|
|
1059
|
+
}, r(e.email), 9, Wt)
|
|
1109
1060
|
])
|
|
1110
1061
|
])
|
|
1111
1062
|
]));
|
|
1112
1063
|
}
|
|
1113
1064
|
});
|
|
1114
|
-
const
|
|
1065
|
+
const Qt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-dc337ec6"]]), Jt = (e) => (P("data-v-a44fd57d"), e = e(), z(), e), Xt = { class: "bullet-list__wrapper" }, Zt = /* @__PURE__ */ Jt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ea = /* @__PURE__ */ v({
|
|
1115
1066
|
__name: "bullet-list",
|
|
1116
1067
|
props: {
|
|
1117
1068
|
list: {
|
|
@@ -1131,13 +1082,13 @@ const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) =
|
|
|
1131
1082
|
}
|
|
1132
1083
|
},
|
|
1133
1084
|
setup(e) {
|
|
1134
|
-
return (
|
|
1085
|
+
return (i, o) => (l(), s("div", Xt, [
|
|
1135
1086
|
t("div", {
|
|
1136
|
-
class:
|
|
1087
|
+
class: u(["bullet-list", e.variant])
|
|
1137
1088
|
}, [
|
|
1138
1089
|
t("ul", null, [
|
|
1139
|
-
(
|
|
1140
|
-
|
|
1090
|
+
(l(!0), s(T, null, C(e.list, (a) => (l(), s("li", { key: a }, [
|
|
1091
|
+
Zt,
|
|
1141
1092
|
j(" " + r(a), 1)
|
|
1142
1093
|
]))), 128))
|
|
1143
1094
|
])
|
|
@@ -1145,10 +1096,10 @@ const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) =
|
|
|
1145
1096
|
]));
|
|
1146
1097
|
}
|
|
1147
1098
|
});
|
|
1148
|
-
const
|
|
1099
|
+
const ta = /* @__PURE__ */ h(ea, [["__scopeId", "data-v-a44fd57d"]]), aa = { class: "card__wrapper" }, la = {
|
|
1149
1100
|
key: 2,
|
|
1150
1101
|
class: "card__label"
|
|
1151
|
-
},
|
|
1102
|
+
}, ia = { key: 5 }, sa = /* @__PURE__ */ v({
|
|
1152
1103
|
__name: "card",
|
|
1153
1104
|
props: {
|
|
1154
1105
|
variant: {
|
|
@@ -1224,67 +1175,67 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { cla
|
|
|
1224
1175
|
},
|
|
1225
1176
|
emits: ["clicked"],
|
|
1226
1177
|
setup(e) {
|
|
1227
|
-
const
|
|
1228
|
-
let o =
|
|
1229
|
-
return (a, n) => (
|
|
1178
|
+
const i = be();
|
|
1179
|
+
let o = x(!1);
|
|
1180
|
+
return (a, n) => (l(), s("div", aa, [
|
|
1230
1181
|
t("div", {
|
|
1231
|
-
class:
|
|
1232
|
-
e.theme
|
|
1233
|
-
e.orientation
|
|
1234
|
-
e.size
|
|
1235
|
-
e.size
|
|
1236
|
-
e.variant
|
|
1182
|
+
class: u(["card", [
|
|
1183
|
+
e.theme === "dark" ? "card--dark" : "card--light",
|
|
1184
|
+
e.orientation === "vertical" ? "vertical" : "horizontal",
|
|
1185
|
+
e.size === "small" ? "card--small" : e.size === "medium" ? "card--medium" : e.size === "large" ? "card--large" : "",
|
|
1186
|
+
e.size === "large" && e.variant === "article" ? "card--large-article" : "",
|
|
1187
|
+
e.variant === "product" ? "card--product" : "card--article"
|
|
1237
1188
|
]]),
|
|
1238
|
-
style: te([e.variant
|
|
1239
|
-
onMouseover: n[0] || (n[0] = (
|
|
1240
|
-
onMouseout: n[1] || (n[1] = (
|
|
1189
|
+
style: te([e.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
1190
|
+
onMouseover: n[0] || (n[0] = (m) => ie(o) ? o.value = !0 : o = !0),
|
|
1191
|
+
onMouseout: n[1] || (n[1] = (m) => ie(o) ? o.value = !1 : o = !1)
|
|
1241
1192
|
}, [
|
|
1242
|
-
e.mediaType
|
|
1243
|
-
default:
|
|
1193
|
+
e.mediaType === "image" ? (l(), M(A, { key: 0 }, {
|
|
1194
|
+
default: k(() => [
|
|
1244
1195
|
d(a.$slots, "card-image", ee({
|
|
1245
1196
|
src: e.imgSrc,
|
|
1246
|
-
height: e.size
|
|
1247
|
-
width: e.size
|
|
1197
|
+
height: e.size === "small" ? "186" : e.size === "medium" ? "243" : e.size === "large" ? "335" : "",
|
|
1198
|
+
width: e.size === "small" ? "298" : e.size === "medium" ? "432" : e.size === "large" ? "596" : "",
|
|
1248
1199
|
alt: e.alt,
|
|
1249
1200
|
loading: "auto",
|
|
1250
1201
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
1251
1202
|
}, { srcset: e.srcSet }))
|
|
1252
1203
|
]),
|
|
1253
1204
|
_: 3
|
|
1254
|
-
})) : (
|
|
1205
|
+
})) : (l(), s("div", {
|
|
1255
1206
|
key: 1,
|
|
1256
|
-
class:
|
|
1207
|
+
class: u(["video-card__wrapper", I(o) === !0 ? "vimeoPlaying" : ""])
|
|
1257
1208
|
}, [
|
|
1258
|
-
|
|
1259
|
-
play:
|
|
1209
|
+
b(U, {
|
|
1210
|
+
play: I(o),
|
|
1260
1211
|
"local-video": !0,
|
|
1261
1212
|
src: e.videoSrc,
|
|
1262
1213
|
"aria-label": e.arialabel,
|
|
1263
1214
|
controls: !1,
|
|
1264
1215
|
poster: e.imgSrc,
|
|
1265
|
-
width: e.size
|
|
1266
|
-
height: e.size
|
|
1216
|
+
width: e.size === "small" ? "298" : e.size === "medium" ? "432" : e.size === "large" ? "596" : "",
|
|
1217
|
+
height: e.size === "small" ? "186" : e.size === "medium" ? "243" : e.size === "large" ? "335" : "",
|
|
1267
1218
|
autoplay: !0,
|
|
1268
1219
|
loop: !0,
|
|
1269
1220
|
muted: !0
|
|
1270
1221
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
1271
1222
|
], 2)),
|
|
1272
|
-
|
|
1223
|
+
I(i)["card-label"] ? (l(), s("div", la, [
|
|
1273
1224
|
d(a.$slots, "card-label")
|
|
1274
|
-
])) :
|
|
1275
|
-
e.variant === "product" ? (
|
|
1225
|
+
])) : f("", !0),
|
|
1226
|
+
e.variant === "product" ? (l(), s("h3", {
|
|
1276
1227
|
key: 3,
|
|
1277
|
-
class:
|
|
1278
|
-
}, r(e.headline), 3)) : (
|
|
1228
|
+
class: u(e.theme === "dark" ? "regular-dark" : "regular-blue")
|
|
1229
|
+
}, r(e.headline), 3)) : (l(), s("h3", {
|
|
1279
1230
|
key: 4,
|
|
1280
|
-
class:
|
|
1231
|
+
class: u(e.theme === "dark" ? "regular-dark" : "regular-dark-blue")
|
|
1281
1232
|
}, r(e.headline), 3)),
|
|
1282
|
-
e.variant
|
|
1233
|
+
e.variant === "product" ? (l(), s("p", ia, r(e.paragraph), 1)) : f("", !0)
|
|
1283
1234
|
], 38)
|
|
1284
1235
|
]));
|
|
1285
1236
|
}
|
|
1286
1237
|
});
|
|
1287
|
-
const
|
|
1238
|
+
const oa = /* @__PURE__ */ h(sa, [["__scopeId", "data-v-3ea2b5a6"]]), ra = (e) => (P("data-v-1a97c019"), e = e(), z(), e), na = { class: "event__wrapper" }, da = { class: "event__headline" }, ca = { class: "event__date-location" }, ua = /* @__PURE__ */ ra(() => /* @__PURE__ */ t("br", null, null, -1)), _a = { class: "event__exhibitor" }, ha = /* @__PURE__ */ v({
|
|
1288
1239
|
__name: "event-card",
|
|
1289
1240
|
props: {
|
|
1290
1241
|
eventType: {
|
|
@@ -1309,22 +1260,22 @@ const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-02d9cef5"]]), oa = (e) =
|
|
|
1309
1260
|
}
|
|
1310
1261
|
},
|
|
1311
1262
|
setup(e) {
|
|
1312
|
-
return (
|
|
1313
|
-
|
|
1263
|
+
return (i, o) => (l(), s("div", na, [
|
|
1264
|
+
b(G, {
|
|
1314
1265
|
"label-dark": !1,
|
|
1315
1266
|
text: e.eventType ? e.eventType : ""
|
|
1316
1267
|
}, null, 8, ["text"]),
|
|
1317
|
-
t("div",
|
|
1318
|
-
t("div",
|
|
1268
|
+
t("div", da, r(e.headline), 1),
|
|
1269
|
+
t("div", ca, [
|
|
1319
1270
|
j(r(e.dateTime), 1),
|
|
1320
|
-
|
|
1271
|
+
ua,
|
|
1321
1272
|
j(r(e.location), 1)
|
|
1322
1273
|
]),
|
|
1323
|
-
t("div",
|
|
1274
|
+
t("div", _a, "Exhibitor: " + r(e.exhibitor), 1)
|
|
1324
1275
|
]));
|
|
1325
1276
|
}
|
|
1326
1277
|
});
|
|
1327
|
-
const
|
|
1278
|
+
const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-1a97c019"]]), ma = { class: "text__wrapper" }, fa = { class: "text__headline" }, ga = { class: "text__paragraph" }, ya = /* @__PURE__ */ v({
|
|
1328
1279
|
__name: "text-card",
|
|
1329
1280
|
props: {
|
|
1330
1281
|
label: {
|
|
@@ -1341,22 +1292,22 @@ const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-1a97c019"]]), va = { cla
|
|
|
1341
1292
|
}
|
|
1342
1293
|
},
|
|
1343
1294
|
setup(e) {
|
|
1344
|
-
return (
|
|
1345
|
-
|
|
1295
|
+
return (i, o) => (l(), s("div", ma, [
|
|
1296
|
+
b(G, {
|
|
1346
1297
|
"label-dark": !1,
|
|
1347
1298
|
text: e.label ? e.label : ""
|
|
1348
1299
|
}, null, 8, ["text"]),
|
|
1349
|
-
t("div",
|
|
1350
|
-
t("div",
|
|
1300
|
+
t("div", fa, r(e.headline), 1),
|
|
1301
|
+
t("div", ga, [
|
|
1351
1302
|
t("p", null, r(e.paragraph), 1)
|
|
1352
1303
|
])
|
|
1353
1304
|
]));
|
|
1354
1305
|
}
|
|
1355
1306
|
});
|
|
1356
|
-
const
|
|
1307
|
+
const pa = /* @__PURE__ */ h(ya, [["__scopeId", "data-v-ebdea819"]]), ba = { class: "facts__wrapper" }, $a = { class: "facts__content" }, ka = { class: "facts__headline" }, wa = { class: "facts" }, Sa = { class: "fact__value" }, xa = { class: "fact__metric" }, qa = {
|
|
1357
1308
|
key: 0,
|
|
1358
1309
|
class: "facts__link"
|
|
1359
|
-
},
|
|
1310
|
+
}, Ba = /* @__PURE__ */ v({
|
|
1360
1311
|
__name: "facts",
|
|
1361
1312
|
props: {
|
|
1362
1313
|
headline: { default: "" },
|
|
@@ -1380,15 +1331,15 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { cla
|
|
|
1380
1331
|
}) }
|
|
1381
1332
|
},
|
|
1382
1333
|
setup(e) {
|
|
1383
|
-
return (
|
|
1384
|
-
t("div",
|
|
1385
|
-
t("h2",
|
|
1386
|
-
t("div",
|
|
1387
|
-
(
|
|
1334
|
+
return (i, o) => (l(), s("div", ba, [
|
|
1335
|
+
t("div", $a, [
|
|
1336
|
+
t("h2", ka, r(i.headline), 1),
|
|
1337
|
+
t("div", wa, [
|
|
1338
|
+
(l(!0), s(T, null, C(i.facts, (a) => (l(), s("div", {
|
|
1388
1339
|
key: a.value + a.metric,
|
|
1389
1340
|
class: "fact"
|
|
1390
1341
|
}, [
|
|
1391
|
-
t("div",
|
|
1342
|
+
t("div", Sa, [
|
|
1392
1343
|
t("span", null, r(a.value), 1)
|
|
1393
1344
|
]),
|
|
1394
1345
|
t("div", xa, [
|
|
@@ -1396,28 +1347,28 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { cla
|
|
|
1396
1347
|
])
|
|
1397
1348
|
]))), 128))
|
|
1398
1349
|
]),
|
|
1399
|
-
|
|
1400
|
-
|
|
1350
|
+
i.link ? (l(), s("div", qa, [
|
|
1351
|
+
b(V, {
|
|
1401
1352
|
"link-type": "regular_light",
|
|
1402
1353
|
arrow: ""
|
|
1403
1354
|
}, {
|
|
1404
|
-
default:
|
|
1405
|
-
d(
|
|
1355
|
+
default: k(() => [
|
|
1356
|
+
d(i.$slots, "facts-link", {}, void 0, !0)
|
|
1406
1357
|
]),
|
|
1407
1358
|
_: 3
|
|
1408
1359
|
})
|
|
1409
|
-
])) :
|
|
1360
|
+
])) : f("", !0)
|
|
1410
1361
|
])
|
|
1411
1362
|
]));
|
|
1412
1363
|
}
|
|
1413
1364
|
});
|
|
1414
|
-
const
|
|
1365
|
+
const Ia = /* @__PURE__ */ h(Ba, [["__scopeId", "data-v-d2b231d4"]]), La = { class: "features__wrapper" }, Ta = { class: "features__content" }, Ca = {
|
|
1415
1366
|
key: 0,
|
|
1416
1367
|
class: "features__headline"
|
|
1417
|
-
},
|
|
1368
|
+
}, Aa = {
|
|
1418
1369
|
key: 1,
|
|
1419
1370
|
class: "features__body"
|
|
1420
|
-
},
|
|
1371
|
+
}, Va = { class: "element__headline" }, Da = { class: "element__body" }, Ma = /* @__PURE__ */ v({
|
|
1421
1372
|
__name: "features",
|
|
1422
1373
|
props: {
|
|
1423
1374
|
headline: {
|
|
@@ -1437,24 +1388,24 @@ const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { cla
|
|
|
1437
1388
|
}
|
|
1438
1389
|
},
|
|
1439
1390
|
setup(e) {
|
|
1440
|
-
return (
|
|
1441
|
-
t("div",
|
|
1442
|
-
e.headline ? (
|
|
1391
|
+
return (i, o) => (l(), s("div", La, [
|
|
1392
|
+
t("div", Ta, [
|
|
1393
|
+
e.headline ? (l(), s("div", Ca, [
|
|
1443
1394
|
t("h2", null, r(e.headline), 1)
|
|
1444
|
-
])) :
|
|
1445
|
-
e.body ? (
|
|
1395
|
+
])) : f("", !0),
|
|
1396
|
+
e.body ? (l(), s("div", Aa, [
|
|
1446
1397
|
t("p", null, r(e.body), 1)
|
|
1447
|
-
])) :
|
|
1398
|
+
])) : f("", !0),
|
|
1448
1399
|
t("div", {
|
|
1449
|
-
class:
|
|
1400
|
+
class: u(["features__elements", [e.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1450
1401
|
}, [
|
|
1451
|
-
(
|
|
1402
|
+
(l(!0), s(T, null, C(e.elements, (a) => (l(), s("div", {
|
|
1452
1403
|
key: a.headline,
|
|
1453
1404
|
class: "features__element"
|
|
1454
1405
|
}, [
|
|
1455
|
-
|
|
1456
|
-
default:
|
|
1457
|
-
d(
|
|
1406
|
+
b(A, { class: "element__icon" }, {
|
|
1407
|
+
default: k(() => [
|
|
1408
|
+
d(i.$slots, "features-icon", D(O({
|
|
1458
1409
|
src: a.icon.src,
|
|
1459
1410
|
height: 30,
|
|
1460
1411
|
width: 30,
|
|
@@ -1463,15 +1414,15 @@ const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { cla
|
|
|
1463
1414
|
]),
|
|
1464
1415
|
_: 2
|
|
1465
1416
|
}, 1024),
|
|
1466
|
-
t("p",
|
|
1467
|
-
t("p",
|
|
1417
|
+
t("p", Va, r(a.headline), 1),
|
|
1418
|
+
t("p", Da, r(a.body), 1)
|
|
1468
1419
|
]))), 128))
|
|
1469
1420
|
], 2)
|
|
1470
1421
|
])
|
|
1471
1422
|
]));
|
|
1472
1423
|
}
|
|
1473
1424
|
});
|
|
1474
|
-
const
|
|
1425
|
+
const Oa = /* @__PURE__ */ h(Ma, [["__scopeId", "data-v-3c525fb7"]]), Pa = { class: "form__wrapper" }, za = { class: "form__content" }, Fa = { class: "form__information" }, Na = { class: "form__headline" }, Ea = { class: "form__body" }, Ha = { class: "form__script" }, Ra = /* @__PURE__ */ v({
|
|
1475
1426
|
__name: "form-script",
|
|
1476
1427
|
props: {
|
|
1477
1428
|
headline: {
|
|
@@ -1480,22 +1431,23 @@ const Ma = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-08d8509e"]]), Oa = { cla
|
|
|
1480
1431
|
}
|
|
1481
1432
|
},
|
|
1482
1433
|
setup(e) {
|
|
1483
|
-
return (
|
|
1434
|
+
return (i, o) => (l(), s("div", Pa, [
|
|
1484
1435
|
t("div", za, [
|
|
1485
1436
|
t("div", Fa, [
|
|
1486
|
-
t("h2",
|
|
1487
|
-
t("div",
|
|
1488
|
-
d(
|
|
1437
|
+
t("h2", Na, r(e.headline), 1),
|
|
1438
|
+
t("div", Ea, [
|
|
1439
|
+
d(i.$slots, "form-body", {}, void 0, !0)
|
|
1489
1440
|
])
|
|
1490
1441
|
]),
|
|
1491
|
-
t("div",
|
|
1492
|
-
d(
|
|
1442
|
+
t("div", Ha, [
|
|
1443
|
+
d(i.$slots, "form-script", {}, void 0, !0)
|
|
1493
1444
|
])
|
|
1494
1445
|
])
|
|
1495
1446
|
]));
|
|
1496
1447
|
}
|
|
1497
1448
|
});
|
|
1498
|
-
const
|
|
1449
|
+
const ja = /* @__PURE__ */ h(Ra, [["__scopeId", "data-v-55d9c2fd"]]), Ua = { class: "image__wrapper" }, Ka = { class: "image__content" }, Ga = { class: "image__image" }, Wa = { class: "image__caption" }, Ya = /* @__PURE__ */ v({
|
|
1450
|
+
inheritAttrs: !1,
|
|
1499
1451
|
__name: "image",
|
|
1500
1452
|
props: {
|
|
1501
1453
|
caption: {
|
|
@@ -1513,31 +1465,31 @@ const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-55d9c2fd"]]), ja = { cla
|
|
|
1513
1465
|
}
|
|
1514
1466
|
},
|
|
1515
1467
|
setup(e) {
|
|
1516
|
-
return (
|
|
1468
|
+
return (i, o) => (l(), s("div", Ua, [
|
|
1517
1469
|
t("div", Ka, [
|
|
1518
|
-
t("div",
|
|
1519
|
-
|
|
1520
|
-
default:
|
|
1521
|
-
d(
|
|
1470
|
+
t("div", Ga, [
|
|
1471
|
+
b(A, null, {
|
|
1472
|
+
default: k(() => [
|
|
1473
|
+
d(i.$slots, "image", D(O({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1522
1474
|
]),
|
|
1523
1475
|
_: 3
|
|
1524
1476
|
})
|
|
1525
1477
|
]),
|
|
1526
|
-
t("p",
|
|
1478
|
+
t("p", Wa, r(e.caption), 1)
|
|
1527
1479
|
])
|
|
1528
1480
|
]));
|
|
1529
1481
|
}
|
|
1530
1482
|
});
|
|
1531
|
-
const
|
|
1483
|
+
const Qa = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-79ce0bb6"]]), Ja = { class: "gallery__large" }, Xa = {
|
|
1532
1484
|
key: 0,
|
|
1533
1485
|
class: "image image--large"
|
|
1534
|
-
},
|
|
1486
|
+
}, Za = {
|
|
1535
1487
|
key: 1,
|
|
1536
1488
|
class: "video"
|
|
1537
|
-
},
|
|
1489
|
+
}, el = {
|
|
1538
1490
|
key: 0,
|
|
1539
1491
|
class: "body"
|
|
1540
|
-
},
|
|
1492
|
+
}, tl = /* @__PURE__ */ v({
|
|
1541
1493
|
__name: "image-gallery",
|
|
1542
1494
|
props: {
|
|
1543
1495
|
mediaLarge: {
|
|
@@ -1577,23 +1529,23 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
|
|
|
1577
1529
|
}
|
|
1578
1530
|
},
|
|
1579
1531
|
setup(e) {
|
|
1580
|
-
return (
|
|
1581
|
-
class:
|
|
1532
|
+
return (i, o) => (l(), s("div", {
|
|
1533
|
+
class: u([
|
|
1582
1534
|
"gallery__wrapper",
|
|
1583
1535
|
e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? ["gallery__wrapper--dark", "mirsaic--dark"] : ""
|
|
1584
1536
|
])
|
|
1585
1537
|
}, [
|
|
1586
1538
|
t("div", {
|
|
1587
|
-
class:
|
|
1539
|
+
class: u([
|
|
1588
1540
|
"gallery__content",
|
|
1589
1541
|
e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1590
1542
|
])
|
|
1591
1543
|
}, [
|
|
1592
|
-
t("div",
|
|
1593
|
-
e.mediaLarge && e.mediaType === "image" ? (
|
|
1594
|
-
|
|
1595
|
-
default:
|
|
1596
|
-
d(
|
|
1544
|
+
t("div", Ja, [
|
|
1545
|
+
e.mediaLarge && e.mediaType === "image" ? (l(), s("div", Xa, [
|
|
1546
|
+
b(A, null, {
|
|
1547
|
+
default: k(() => [
|
|
1548
|
+
d(i.$slots, "image-large", D(O({
|
|
1597
1549
|
width: 617,
|
|
1598
1550
|
height: 530,
|
|
1599
1551
|
src: e.mediaLarge.src,
|
|
@@ -1602,9 +1554,9 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
|
|
|
1602
1554
|
]),
|
|
1603
1555
|
_: 3
|
|
1604
1556
|
})
|
|
1605
|
-
])) :
|
|
1606
|
-
e.mediaLarge && e.mediaType === "video" ? (
|
|
1607
|
-
|
|
1557
|
+
])) : f("", !0),
|
|
1558
|
+
e.mediaLarge && e.mediaType === "video" ? (l(), s("div", Za, [
|
|
1559
|
+
b(U, {
|
|
1608
1560
|
src: e.mediaLarge.src,
|
|
1609
1561
|
"local-video": "",
|
|
1610
1562
|
"aria-label": e.mediaLarge.alt,
|
|
@@ -1616,22 +1568,22 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
|
|
|
1616
1568
|
muted: !0,
|
|
1617
1569
|
play: !0
|
|
1618
1570
|
}, null, 8, ["src", "aria-label"])
|
|
1619
|
-
])) :
|
|
1571
|
+
])) : f("", !0)
|
|
1620
1572
|
]),
|
|
1621
1573
|
t("div", {
|
|
1622
|
-
style: te([e.mediaSmall.length
|
|
1623
|
-
class:
|
|
1574
|
+
style: te([e.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1575
|
+
class: u([
|
|
1624
1576
|
"gallery__small",
|
|
1625
1577
|
e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1626
1578
|
])
|
|
1627
1579
|
}, [
|
|
1628
|
-
(
|
|
1580
|
+
(l(!0), s(T, null, C(e.mediaSmall, (a) => (l(), s("div", {
|
|
1629
1581
|
key: a.src + a.alt,
|
|
1630
1582
|
class: "image image--small"
|
|
1631
1583
|
}, [
|
|
1632
|
-
|
|
1633
|
-
default:
|
|
1634
|
-
d(
|
|
1584
|
+
b(A, null, {
|
|
1585
|
+
default: k(() => [
|
|
1586
|
+
d(i.$slots, "image-small", D(O({
|
|
1635
1587
|
width: 328,
|
|
1636
1588
|
height: 246,
|
|
1637
1589
|
src: a.src,
|
|
@@ -1641,15 +1593,15 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
|
|
|
1641
1593
|
_: 2
|
|
1642
1594
|
}, 1024)
|
|
1643
1595
|
]))), 128)),
|
|
1644
|
-
e.mediaSmall.length < 2 ? (
|
|
1596
|
+
e.mediaSmall.length < 2 ? (l(), s("div", el, [
|
|
1645
1597
|
t("p", null, r(e.body), 1)
|
|
1646
|
-
])) :
|
|
1598
|
+
])) : f("", !0)
|
|
1647
1599
|
], 6)
|
|
1648
1600
|
], 2)
|
|
1649
1601
|
], 2));
|
|
1650
1602
|
}
|
|
1651
1603
|
});
|
|
1652
|
-
const
|
|
1604
|
+
const al = /* @__PURE__ */ h(tl, [["__scopeId", "data-v-a185d267"]]), ll = { class: "headline__wrapper" }, il = { class: "headline__h1" }, sl = /* @__PURE__ */ v({
|
|
1653
1605
|
__name: "headline",
|
|
1654
1606
|
props: {
|
|
1655
1607
|
headline: {
|
|
@@ -1666,21 +1618,21 @@ const tl = /* @__PURE__ */ h(el, [["__scopeId", "data-v-4afd3b2e"]]), al = { cla
|
|
|
1666
1618
|
}
|
|
1667
1619
|
},
|
|
1668
1620
|
setup(e) {
|
|
1669
|
-
return (
|
|
1621
|
+
return (i, o) => (l(), s("div", ll, [
|
|
1670
1622
|
t("div", {
|
|
1671
|
-
class:
|
|
1623
|
+
class: u({
|
|
1672
1624
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
1673
1625
|
"headline__content--article": e.article && !e.subMenu,
|
|
1674
1626
|
"headline__content--default headline__content--submenu": !e.article && e.subMenu,
|
|
1675
1627
|
"headline__content--default": !e.article && !e.subMenu
|
|
1676
1628
|
})
|
|
1677
1629
|
}, [
|
|
1678
|
-
t("h1",
|
|
1630
|
+
t("h1", il, r(e.headline), 1)
|
|
1679
1631
|
], 2)
|
|
1680
1632
|
]));
|
|
1681
1633
|
}
|
|
1682
1634
|
});
|
|
1683
|
-
const
|
|
1635
|
+
const ol = /* @__PURE__ */ h(sl, [["__scopeId", "data-v-080238bd"]]), rl = (e) => (P("data-v-ad805b9b"), e = e(), z(), e), nl = { class: "hero__wrapper" }, dl = { class: "hero__content" }, cl = { class: "hero__top" }, ul = { class: "hero__elements" }, _l = { class: "hero__headline" }, hl = { class: "hero__link" }, vl = { class: "hero__video" }, ml = /* @__PURE__ */ rl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), fl = /* @__PURE__ */ v({
|
|
1684
1636
|
__name: "hero",
|
|
1685
1637
|
props: {
|
|
1686
1638
|
headline: {
|
|
@@ -1693,29 +1645,29 @@ const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) =
|
|
|
1693
1645
|
}
|
|
1694
1646
|
},
|
|
1695
1647
|
setup(e) {
|
|
1696
|
-
return (
|
|
1697
|
-
t("div",
|
|
1698
|
-
t("div",
|
|
1699
|
-
t("div",
|
|
1700
|
-
t("div",
|
|
1648
|
+
return (i, o) => (l(), s("div", nl, [
|
|
1649
|
+
t("div", dl, [
|
|
1650
|
+
t("div", cl, [
|
|
1651
|
+
t("div", ul, [
|
|
1652
|
+
t("div", _l, [
|
|
1701
1653
|
t("h1", null, r(e.headline), 1)
|
|
1702
1654
|
]),
|
|
1703
|
-
t("div",
|
|
1704
|
-
|
|
1655
|
+
t("div", hl, [
|
|
1656
|
+
b(V, {
|
|
1705
1657
|
"link-type": "regular_light",
|
|
1706
1658
|
arrow: ""
|
|
1707
1659
|
}, {
|
|
1708
|
-
default:
|
|
1709
|
-
d(
|
|
1660
|
+
default: k(() => [
|
|
1661
|
+
d(i.$slots, "hero-link", {}, void 0, !0)
|
|
1710
1662
|
]),
|
|
1711
1663
|
_: 3
|
|
1712
1664
|
})
|
|
1713
1665
|
])
|
|
1714
1666
|
])
|
|
1715
1667
|
]),
|
|
1716
|
-
t("div",
|
|
1717
|
-
|
|
1718
|
-
|
|
1668
|
+
t("div", vl, [
|
|
1669
|
+
ml,
|
|
1670
|
+
b(U, {
|
|
1719
1671
|
src: e.video.src,
|
|
1720
1672
|
"local-video": "",
|
|
1721
1673
|
"aria-label": e.video.alt,
|
|
@@ -1731,10 +1683,10 @@ const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) =
|
|
|
1731
1683
|
]));
|
|
1732
1684
|
}
|
|
1733
1685
|
});
|
|
1734
|
-
const
|
|
1686
|
+
const gl = /* @__PURE__ */ h(fl, [["__scopeId", "data-v-ad805b9b"]]), yl = { class: "logo-wall__wrapper" }, pl = { class: "logo-wall__content" }, bl = {
|
|
1735
1687
|
key: 0,
|
|
1736
1688
|
class: "logo-wall__text"
|
|
1737
|
-
},
|
|
1689
|
+
}, $l = { key: 0 }, kl = { key: 1 }, wl = { class: "logo-wall__logos" }, Sl = { class: "logo-wall__link" }, xl = /* @__PURE__ */ v({
|
|
1738
1690
|
__name: "logo-wall",
|
|
1739
1691
|
props: {
|
|
1740
1692
|
headline: {
|
|
@@ -1752,20 +1704,20 @@ const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { cla
|
|
|
1752
1704
|
}
|
|
1753
1705
|
},
|
|
1754
1706
|
setup(e) {
|
|
1755
|
-
return (
|
|
1756
|
-
t("div",
|
|
1757
|
-
e.headline || e.body ? (
|
|
1758
|
-
e.headline ? (
|
|
1759
|
-
e.body ? (
|
|
1760
|
-
])) :
|
|
1761
|
-
t("div",
|
|
1762
|
-
(
|
|
1707
|
+
return (i, o) => (l(), s("div", yl, [
|
|
1708
|
+
t("div", pl, [
|
|
1709
|
+
e.headline || e.body ? (l(), s("div", bl, [
|
|
1710
|
+
e.headline ? (l(), s("h2", $l, r(e.headline), 1)) : f("", !0),
|
|
1711
|
+
e.body ? (l(), s("p", kl, r(e.body), 1)) : f("", !0)
|
|
1712
|
+
])) : f("", !0),
|
|
1713
|
+
t("div", wl, [
|
|
1714
|
+
(l(!0), s(T, null, C(e.logos, (a) => (l(), s("div", {
|
|
1763
1715
|
key: a.src + a.alt,
|
|
1764
1716
|
class: "logo-wall__logo"
|
|
1765
1717
|
}, [
|
|
1766
|
-
|
|
1767
|
-
default:
|
|
1768
|
-
d(
|
|
1718
|
+
b(A, null, {
|
|
1719
|
+
default: k(() => [
|
|
1720
|
+
d(i.$slots, "logo-wall-logo", D(O({
|
|
1769
1721
|
width: 130,
|
|
1770
1722
|
height: 130,
|
|
1771
1723
|
src: a.src,
|
|
@@ -1776,13 +1728,13 @@ const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { cla
|
|
|
1776
1728
|
}, 1024)
|
|
1777
1729
|
]))), 128))
|
|
1778
1730
|
]),
|
|
1779
|
-
t("div",
|
|
1780
|
-
|
|
1731
|
+
t("div", Sl, [
|
|
1732
|
+
b(V, {
|
|
1781
1733
|
"link-type": "regular_light",
|
|
1782
1734
|
arrow: !0
|
|
1783
1735
|
}, {
|
|
1784
|
-
default:
|
|
1785
|
-
d(
|
|
1736
|
+
default: k(() => [
|
|
1737
|
+
d(i.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1786
1738
|
]),
|
|
1787
1739
|
_: 3
|
|
1788
1740
|
})
|
|
@@ -1791,53 +1743,36 @@ const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { cla
|
|
|
1791
1743
|
]));
|
|
1792
1744
|
}
|
|
1793
1745
|
});
|
|
1794
|
-
const
|
|
1746
|
+
const ql = /* @__PURE__ */ h(xl, [["__scopeId", "data-v-a8afd396"]]), Bl = { class: "micro-stories__splide" }, Il = /* @__PURE__ */ v({
|
|
1795
1747
|
__name: "micro-stories",
|
|
1796
1748
|
props: {
|
|
1797
|
-
|
|
1798
|
-
type: Array,
|
|
1799
|
-
required: !0,
|
|
1800
|
-
validator(e) {
|
|
1801
|
-
return e.length >= 3 && e.length <= 20 ? !0 : (console.error(
|
|
1802
|
-
"Micro Stories must have between 3 and 20 slides. You have provided " + e.length
|
|
1803
|
-
), !1);
|
|
1804
|
-
}
|
|
1805
|
-
},
|
|
1806
|
-
reverse: {
|
|
1807
|
-
type: Boolean,
|
|
1808
|
-
default: !1
|
|
1809
|
-
},
|
|
1810
|
-
bgColor: {
|
|
1811
|
-
type: String,
|
|
1812
|
-
default: "blue",
|
|
1813
|
-
validator(e) {
|
|
1814
|
-
return ["white", "blue", "dark"].includes(e);
|
|
1815
|
-
}
|
|
1816
|
-
}
|
|
1749
|
+
bgColor: { default: "blue" }
|
|
1817
1750
|
},
|
|
1818
1751
|
setup(e) {
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1752
|
+
const i = e, o = {
|
|
1753
|
+
white: "micro-stories__wrapper--white",
|
|
1754
|
+
blue: "micro-stories__wrapper--blue",
|
|
1755
|
+
dark: "micro-stories__wrapper--dark"
|
|
1756
|
+
}, a = L(() => o[i.bgColor]);
|
|
1757
|
+
return (n, m) => (l(), s("div", {
|
|
1758
|
+
class: u(["micro-stories__wrapper", a.value])
|
|
1824
1759
|
}, [
|
|
1825
|
-
t("div",
|
|
1826
|
-
d(
|
|
1760
|
+
t("div", Bl, [
|
|
1761
|
+
d(n.$slots, "micro-stories-slides")
|
|
1827
1762
|
]),
|
|
1828
|
-
d(
|
|
1763
|
+
d(n.$slots, "micro-stories-controls")
|
|
1829
1764
|
], 2));
|
|
1830
1765
|
}
|
|
1831
1766
|
});
|
|
1832
|
-
const
|
|
1833
|
-
function
|
|
1834
|
-
return
|
|
1835
|
-
t("div",
|
|
1767
|
+
const Ll = {}, Tl = { class: "policy__wrapper" }, Cl = { class: "policy__content" };
|
|
1768
|
+
function Al(e, i) {
|
|
1769
|
+
return l(), s("div", Tl, [
|
|
1770
|
+
t("div", Cl, [
|
|
1836
1771
|
d(e.$slots, "default", {}, void 0, !0)
|
|
1837
1772
|
])
|
|
1838
1773
|
]);
|
|
1839
1774
|
}
|
|
1840
|
-
const
|
|
1775
|
+
const Vl = /* @__PURE__ */ h(Ll, [["render", Al], ["__scopeId", "data-v-8765ee0b"]]), Dl = { class: "product-hero__wrapper" }, Ml = { class: "product-hero__content" }, Ol = { class: "product-hero__headline" }, Pl = { class: "product-hero__video" }, zl = /* @__PURE__ */ v({
|
|
1841
1776
|
__name: "product-hero",
|
|
1842
1777
|
props: {
|
|
1843
1778
|
headline: {
|
|
@@ -1862,13 +1797,13 @@ const Al = /* @__PURE__ */ h(Il, [["render", Tl], ["__scopeId", "data-v-8765ee0b
|
|
|
1862
1797
|
}
|
|
1863
1798
|
},
|
|
1864
1799
|
setup(e) {
|
|
1865
|
-
return (
|
|
1866
|
-
t("div",
|
|
1867
|
-
t("div",
|
|
1800
|
+
return (i, o) => (l(), s("div", Dl, [
|
|
1801
|
+
t("div", Ml, [
|
|
1802
|
+
t("div", Ol, [
|
|
1868
1803
|
t("h1", null, r(e.headline), 1)
|
|
1869
1804
|
]),
|
|
1870
|
-
t("div",
|
|
1871
|
-
|
|
1805
|
+
t("div", Pl, [
|
|
1806
|
+
b(U, {
|
|
1872
1807
|
play: !0,
|
|
1873
1808
|
"local-video": !0,
|
|
1874
1809
|
src: e.videoSrc,
|
|
@@ -1884,7 +1819,7 @@ const Al = /* @__PURE__ */ h(Il, [["render", Tl], ["__scopeId", "data-v-8765ee0b
|
|
|
1884
1819
|
]));
|
|
1885
1820
|
}
|
|
1886
1821
|
});
|
|
1887
|
-
const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]),
|
|
1822
|
+
const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Nl = { class: "promo__content" }, El = /* @__PURE__ */ v({
|
|
1888
1823
|
__name: "promo",
|
|
1889
1824
|
props: {
|
|
1890
1825
|
label: {
|
|
@@ -1934,36 +1869,36 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
|
|
|
1934
1869
|
}
|
|
1935
1870
|
},
|
|
1936
1871
|
setup(e) {
|
|
1937
|
-
return (
|
|
1938
|
-
class:
|
|
1872
|
+
return (i, o) => (l(), s("div", {
|
|
1873
|
+
class: u([
|
|
1939
1874
|
"promo__wrapper",
|
|
1940
1875
|
e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "promo__wrapper--default",
|
|
1941
1876
|
e.teaser ? "promo__wrapper--teaser" : ""
|
|
1942
1877
|
])
|
|
1943
1878
|
}, [
|
|
1944
|
-
t("div",
|
|
1945
|
-
e.mediaType === "image" ? (
|
|
1879
|
+
t("div", Nl, [
|
|
1880
|
+
e.mediaType === "image" ? (l(), s("div", {
|
|
1946
1881
|
key: 0,
|
|
1947
|
-
class:
|
|
1882
|
+
class: u([
|
|
1948
1883
|
"promo__image",
|
|
1949
1884
|
e.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1950
1885
|
])
|
|
1951
1886
|
}, [
|
|
1952
|
-
|
|
1953
|
-
default:
|
|
1954
|
-
d(
|
|
1887
|
+
b(A, null, {
|
|
1888
|
+
default: k(() => [
|
|
1889
|
+
d(i.$slots, "promo-image", D(O({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
|
|
1955
1890
|
]),
|
|
1956
1891
|
_: 3
|
|
1957
1892
|
})
|
|
1958
|
-
], 2)) :
|
|
1959
|
-
e.mediaType === "video" ? (
|
|
1893
|
+
], 2)) : f("", !0),
|
|
1894
|
+
e.mediaType === "video" ? (l(), s("div", {
|
|
1960
1895
|
key: 1,
|
|
1961
|
-
class:
|
|
1896
|
+
class: u([
|
|
1962
1897
|
"promo__video",
|
|
1963
1898
|
e.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
1964
1899
|
])
|
|
1965
1900
|
}, [
|
|
1966
|
-
|
|
1901
|
+
b(U, {
|
|
1967
1902
|
src: e.src,
|
|
1968
1903
|
"local-video": "",
|
|
1969
1904
|
"aria-label": e.alt,
|
|
@@ -1974,52 +1909,52 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
|
|
|
1974
1909
|
play: !0,
|
|
1975
1910
|
poster: e.fallbackImage
|
|
1976
1911
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1977
|
-
], 2)) :
|
|
1912
|
+
], 2)) : f("", !0),
|
|
1978
1913
|
t("div", {
|
|
1979
|
-
class:
|
|
1914
|
+
class: u([
|
|
1980
1915
|
"promo__text",
|
|
1981
1916
|
e.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1982
1917
|
])
|
|
1983
1918
|
}, [
|
|
1984
|
-
e.label ? (
|
|
1919
|
+
e.label ? (l(), M(G, {
|
|
1985
1920
|
key: 0,
|
|
1986
1921
|
text: e.label,
|
|
1987
1922
|
"label-dark": e.variant === "dark"
|
|
1988
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1923
|
+
}, null, 8, ["text", "label-dark"])) : f("", !0),
|
|
1989
1924
|
t("div", {
|
|
1990
|
-
class:
|
|
1925
|
+
class: u([
|
|
1991
1926
|
"promo__title",
|
|
1992
1927
|
e.variant === "dark" ? "promo__title--dark" : ""
|
|
1993
1928
|
])
|
|
1994
1929
|
}, r(e.headline), 3),
|
|
1995
|
-
e.linkType === "link" ? (
|
|
1930
|
+
e.linkType === "link" ? (l(), M(V, {
|
|
1996
1931
|
key: 1,
|
|
1997
1932
|
"link-type": e.variant === "dark" ? "regular_dark" : (e.variant === "light", "regular_light"),
|
|
1998
1933
|
arrow: ""
|
|
1999
1934
|
}, {
|
|
2000
|
-
default:
|
|
2001
|
-
d(
|
|
1935
|
+
default: k(() => [
|
|
1936
|
+
d(i.$slots, "promo-link")
|
|
2002
1937
|
]),
|
|
2003
1938
|
_: 3
|
|
2004
|
-
}, 8, ["link-type"])) :
|
|
2005
|
-
e.linkType === "button" ? (
|
|
1939
|
+
}, 8, ["link-type"])) : f("", !0),
|
|
1940
|
+
e.linkType === "button" ? (l(), M(V, {
|
|
2006
1941
|
key: 2,
|
|
2007
1942
|
"link-type": e.variant === "dark" ? "secondary_dark" : (e.variant === "light", "secondary")
|
|
2008
1943
|
}, {
|
|
2009
|
-
default:
|
|
2010
|
-
d(
|
|
1944
|
+
default: k(() => [
|
|
1945
|
+
d(i.$slots, "promo-link")
|
|
2011
1946
|
]),
|
|
2012
1947
|
_: 3
|
|
2013
|
-
}, 8, ["link-type"])) :
|
|
1948
|
+
}, 8, ["link-type"])) : f("", !0)
|
|
2014
1949
|
], 2)
|
|
2015
1950
|
])
|
|
2016
1951
|
], 2));
|
|
2017
1952
|
}
|
|
2018
1953
|
});
|
|
2019
|
-
const
|
|
1954
|
+
const Hl = /* @__PURE__ */ h(El, [["__scopeId", "data-v-6a96c16e"]]), Rl = (e) => (P("data-v-e3cc8e27"), e = e(), z(), e), jl = { class: "quote__wrapper" }, Ul = { class: "quote__content" }, Kl = /* @__PURE__ */ Rl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Gl = { class: "quote__quote" }, Wl = { class: "quote__quote-text" }, Yl = { class: "quote__author" }, Ql = {
|
|
2020
1955
|
key: 0,
|
|
2021
1956
|
class: "quote__image"
|
|
2022
|
-
},
|
|
1957
|
+
}, Jl = { class: "quote__text" }, Xl = { class: "quote__author-name" }, Zl = { class: "quote__author-title" }, ei = /* @__PURE__ */ v({
|
|
2023
1958
|
__name: "quote",
|
|
2024
1959
|
props: {
|
|
2025
1960
|
quote: {
|
|
@@ -2041,16 +1976,16 @@ const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) =
|
|
|
2041
1976
|
}
|
|
2042
1977
|
},
|
|
2043
1978
|
setup(e) {
|
|
2044
|
-
return (
|
|
2045
|
-
t("div",
|
|
1979
|
+
return (i, o) => (l(), s("div", jl, [
|
|
1980
|
+
t("div", Ul, [
|
|
2046
1981
|
Kl,
|
|
2047
|
-
t("div",
|
|
2048
|
-
t("p",
|
|
2049
|
-
t("div",
|
|
2050
|
-
e.authorImage ? (
|
|
2051
|
-
|
|
2052
|
-
default:
|
|
2053
|
-
d(
|
|
1982
|
+
t("div", Gl, [
|
|
1983
|
+
t("p", Wl, r(e.quote), 1),
|
|
1984
|
+
t("div", Yl, [
|
|
1985
|
+
e.authorImage ? (l(), s("div", Ql, [
|
|
1986
|
+
b(A, null, {
|
|
1987
|
+
default: k(() => [
|
|
1988
|
+
d(i.$slots, "author-image", D(O({
|
|
2054
1989
|
src: e.authorImage + "/m/100x100",
|
|
2055
1990
|
width: 60,
|
|
2056
1991
|
height: 60
|
|
@@ -2058,10 +1993,10 @@ const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) =
|
|
|
2058
1993
|
]),
|
|
2059
1994
|
_: 3
|
|
2060
1995
|
})
|
|
2061
|
-
])) :
|
|
2062
|
-
t("div",
|
|
2063
|
-
t("p",
|
|
2064
|
-
t("p",
|
|
1996
|
+
])) : f("", !0),
|
|
1997
|
+
t("div", Jl, [
|
|
1998
|
+
t("p", Xl, r(e.author), 1),
|
|
1999
|
+
t("p", Zl, r(e.authorTitle), 1)
|
|
2065
2000
|
])
|
|
2066
2001
|
])
|
|
2067
2002
|
])
|
|
@@ -2069,13 +2004,13 @@ const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) =
|
|
|
2069
2004
|
]));
|
|
2070
2005
|
}
|
|
2071
2006
|
});
|
|
2072
|
-
const
|
|
2007
|
+
const ti = /* @__PURE__ */ h(ei, [["__scopeId", "data-v-e3cc8e27"]]), ai = { class: "rich-text__wrapper" }, li = {
|
|
2073
2008
|
key: 0,
|
|
2074
2009
|
class: "rich-text__links"
|
|
2075
|
-
},
|
|
2010
|
+
}, ii = {
|
|
2076
2011
|
key: 0,
|
|
2077
2012
|
class: "rich-text__bullet-list"
|
|
2078
|
-
},
|
|
2013
|
+
}, si = /* @__PURE__ */ v({
|
|
2079
2014
|
__name: "rich-text",
|
|
2080
2015
|
props: {
|
|
2081
2016
|
headline: {
|
|
@@ -2112,71 +2047,71 @@ const ei = /* @__PURE__ */ h(Zl, [["__scopeId", "data-v-e3cc8e27"]]), ti = { cla
|
|
|
2112
2047
|
}
|
|
2113
2048
|
},
|
|
2114
2049
|
setup(e) {
|
|
2115
|
-
return (
|
|
2116
|
-
class:
|
|
2050
|
+
return (i, o) => (l(), s("div", {
|
|
2051
|
+
class: u([
|
|
2117
2052
|
"rich-text",
|
|
2118
2053
|
e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
2119
2054
|
])
|
|
2120
2055
|
}, [
|
|
2121
|
-
t("div",
|
|
2122
|
-
e.label ? (
|
|
2056
|
+
t("div", ai, [
|
|
2057
|
+
e.label ? (l(), M(G, {
|
|
2123
2058
|
key: 0,
|
|
2124
2059
|
text: e.label,
|
|
2125
2060
|
"label-dark": !1
|
|
2126
|
-
}, null, 8, ["text"])) :
|
|
2127
|
-
e.headline ? (
|
|
2061
|
+
}, null, 8, ["text"])) : f("", !0),
|
|
2062
|
+
e.headline ? (l(), s("h2", {
|
|
2128
2063
|
key: 1,
|
|
2129
|
-
class:
|
|
2064
|
+
class: u([
|
|
2130
2065
|
"rich-text__headline",
|
|
2131
2066
|
e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
2132
2067
|
])
|
|
2133
|
-
}, r(e.headline), 3)) :
|
|
2068
|
+
}, r(e.headline), 3)) : f("", !0),
|
|
2134
2069
|
t("div", {
|
|
2135
|
-
class:
|
|
2070
|
+
class: u([
|
|
2136
2071
|
"rich-text__content",
|
|
2137
2072
|
e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
|
|
2138
2073
|
])
|
|
2139
2074
|
}, [
|
|
2140
2075
|
t("div", {
|
|
2141
|
-
class:
|
|
2076
|
+
class: u([
|
|
2142
2077
|
"rich-text__body",
|
|
2143
2078
|
e.bulletList || e.image ? "rich-text__body--content-right" : ""
|
|
2144
2079
|
])
|
|
2145
2080
|
}, [
|
|
2146
|
-
d(
|
|
2147
|
-
e.links ? (
|
|
2148
|
-
d(
|
|
2149
|
-
])) :
|
|
2081
|
+
d(i.$slots, "rich-text-content"),
|
|
2082
|
+
e.links ? (l(), s("div", li, [
|
|
2083
|
+
d(i.$slots, "rich-text-links")
|
|
2084
|
+
])) : f("", !0)
|
|
2150
2085
|
], 2),
|
|
2151
|
-
e.bulletList ? (
|
|
2152
|
-
d(
|
|
2153
|
-
])) :
|
|
2154
|
-
e.image ? (
|
|
2086
|
+
e.bulletList ? (l(), s("div", ii, [
|
|
2087
|
+
d(i.$slots, "rich-text-bullet-list")
|
|
2088
|
+
])) : f("", !0),
|
|
2089
|
+
e.image ? (l(), s("div", {
|
|
2155
2090
|
key: 1,
|
|
2156
|
-
class:
|
|
2091
|
+
class: u([
|
|
2157
2092
|
"rich-text__image",
|
|
2158
2093
|
e.imageClip ? "rich-text__image--clip" : ""
|
|
2159
2094
|
])
|
|
2160
2095
|
}, [
|
|
2161
|
-
|
|
2162
|
-
default:
|
|
2163
|
-
d(
|
|
2096
|
+
b(A, null, {
|
|
2097
|
+
default: k(() => [
|
|
2098
|
+
d(i.$slots, "rich-text-image", D(O({ width: 865, height: 307 })))
|
|
2164
2099
|
]),
|
|
2165
2100
|
_: 3
|
|
2166
2101
|
})
|
|
2167
|
-
], 2)) :
|
|
2102
|
+
], 2)) : f("", !0)
|
|
2168
2103
|
], 2)
|
|
2169
2104
|
])
|
|
2170
2105
|
], 2));
|
|
2171
2106
|
}
|
|
2172
2107
|
});
|
|
2173
|
-
const
|
|
2174
|
-
const
|
|
2175
|
-
function
|
|
2176
|
-
return
|
|
2177
|
-
t("div",
|
|
2178
|
-
t("div",
|
|
2179
|
-
t("div",
|
|
2108
|
+
const oi = /* @__PURE__ */ h(si, [["__scopeId", "data-v-c2a5b795"]]);
|
|
2109
|
+
const ri = {}, ni = { class: "rich-text" }, di = { class: "rich-text__wrapper" }, ci = { class: "rich-text__content rich-text__content--left-aligned" }, ui = { class: "rich-text__body" };
|
|
2110
|
+
function _i(e, i) {
|
|
2111
|
+
return l(), s("div", ni, [
|
|
2112
|
+
t("div", di, [
|
|
2113
|
+
t("div", ci, [
|
|
2114
|
+
t("div", ui, [
|
|
2180
2115
|
t("div", null, [
|
|
2181
2116
|
d(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
2182
2117
|
]),
|
|
@@ -2188,10 +2123,10 @@ function ui(e, l) {
|
|
|
2188
2123
|
])
|
|
2189
2124
|
]);
|
|
2190
2125
|
}
|
|
2191
|
-
const
|
|
2126
|
+
const hi = /* @__PURE__ */ h(ri, [["render", _i], ["__scopeId", "data-v-3abe0bb4"]]), vi = (e) => (P("data-v-78d319df"), e = e(), z(), e), mi = { class: "timeline__wrapper" }, fi = { class: "timeline__content" }, gi = { class: "timeline__items" }, yi = { class: "item__left" }, pi = /* @__PURE__ */ vi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
2192
2127
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
2193
2128
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
2194
|
-
], -1)),
|
|
2129
|
+
], -1)), bi = { class: "item__right" }, $i = ["innerHTML"], ki = /* @__PURE__ */ v({
|
|
2195
2130
|
__name: "timeline",
|
|
2196
2131
|
props: {
|
|
2197
2132
|
timelineItems: {
|
|
@@ -2201,7 +2136,7 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
|
|
|
2201
2136
|
},
|
|
2202
2137
|
setup(e) {
|
|
2203
2138
|
return ne(() => {
|
|
2204
|
-
const
|
|
2139
|
+
const i = document.querySelectorAll(".timeline__item"), o = new IntersectionObserver(
|
|
2205
2140
|
(a) => {
|
|
2206
2141
|
a.forEach((n) => {
|
|
2207
2142
|
n.isIntersecting && (n.target.classList.add("visible"), n.target.classList.remove("faded"), o.unobserve(n.target));
|
|
@@ -2211,22 +2146,22 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
|
|
|
2211
2146
|
threshold: 1
|
|
2212
2147
|
}
|
|
2213
2148
|
);
|
|
2214
|
-
|
|
2149
|
+
i.forEach((a) => {
|
|
2215
2150
|
o.observe(a);
|
|
2216
2151
|
});
|
|
2217
|
-
}), (
|
|
2218
|
-
t("div",
|
|
2219
|
-
t("div",
|
|
2220
|
-
(
|
|
2152
|
+
}), (i, o) => (l(), s("div", mi, [
|
|
2153
|
+
t("div", fi, [
|
|
2154
|
+
t("div", gi, [
|
|
2155
|
+
(l(!0), s(T, null, C(e.timelineItems, (a) => (l(), s("div", {
|
|
2221
2156
|
key: a.year,
|
|
2222
2157
|
class: "timeline__item faded"
|
|
2223
2158
|
}, [
|
|
2224
|
-
t("div",
|
|
2225
|
-
|
|
2226
|
-
t("div",
|
|
2227
|
-
|
|
2228
|
-
default:
|
|
2229
|
-
a.media.type === "image" ? d(
|
|
2159
|
+
t("div", yi, r(a.year), 1),
|
|
2160
|
+
pi,
|
|
2161
|
+
t("div", bi, [
|
|
2162
|
+
b(A, null, {
|
|
2163
|
+
default: k(() => [
|
|
2164
|
+
a.media.type === "image" ? d(i.$slots, "timeline-image", D(ee({ key: 0 }, { src: a.media.src, alt: a.media.alt })), void 0, !0) : f("", !0)
|
|
2230
2165
|
]),
|
|
2231
2166
|
_: 2
|
|
2232
2167
|
}, 1024),
|
|
@@ -2234,7 +2169,7 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
|
|
|
2234
2169
|
style: te([a.media.type === "none" ? "margin-top: 0px" : ""]),
|
|
2235
2170
|
class: "rich-text",
|
|
2236
2171
|
innerHTML: a.text
|
|
2237
|
-
}, null, 12,
|
|
2172
|
+
}, null, 12, $i)
|
|
2238
2173
|
])
|
|
2239
2174
|
]))), 128))
|
|
2240
2175
|
])
|
|
@@ -2242,10 +2177,10 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
|
|
|
2242
2177
|
]));
|
|
2243
2178
|
}
|
|
2244
2179
|
});
|
|
2245
|
-
const
|
|
2180
|
+
const wi = /* @__PURE__ */ h(ki, [["__scopeId", "data-v-78d319df"]]), Si = { class: "triple-card-display__wrapper" }, xi = {
|
|
2246
2181
|
key: 0,
|
|
2247
2182
|
class: "triple-card__content"
|
|
2248
|
-
},
|
|
2183
|
+
}, qi = { key: 0 }, Bi = { key: 1 }, Ii = { class: "triple-card__cards" }, Li = /* @__PURE__ */ v({
|
|
2249
2184
|
__name: "triple-card-display",
|
|
2250
2185
|
props: {
|
|
2251
2186
|
headline: {
|
|
@@ -2262,31 +2197,31 @@ const ki = /* @__PURE__ */ h($i, [["__scopeId", "data-v-78d319df"]]), wi = { cla
|
|
|
2262
2197
|
}
|
|
2263
2198
|
},
|
|
2264
2199
|
setup(e) {
|
|
2265
|
-
return (
|
|
2266
|
-
class:
|
|
2200
|
+
return (i, o) => (l(), s("div", {
|
|
2201
|
+
class: u([
|
|
2267
2202
|
"triple-card-display",
|
|
2268
2203
|
e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
|
|
2269
2204
|
])
|
|
2270
2205
|
}, [
|
|
2271
|
-
t("div",
|
|
2272
|
-
e.headline || e.paragraph ? (
|
|
2273
|
-
e.headline ? (
|
|
2274
|
-
e.paragraph ? (
|
|
2275
|
-
])) :
|
|
2276
|
-
t("div",
|
|
2277
|
-
d(
|
|
2206
|
+
t("div", Si, [
|
|
2207
|
+
e.headline || e.paragraph ? (l(), s("div", xi, [
|
|
2208
|
+
e.headline ? (l(), s("h2", qi, r(e.headline), 1)) : f("", !0),
|
|
2209
|
+
e.paragraph ? (l(), s("p", Bi, r(e.paragraph), 1)) : f("", !0)
|
|
2210
|
+
])) : f("", !0),
|
|
2211
|
+
t("div", Ii, [
|
|
2212
|
+
d(i.$slots, "triple-card-display-cards", {}, void 0, !0)
|
|
2278
2213
|
])
|
|
2279
2214
|
])
|
|
2280
2215
|
], 2));
|
|
2281
2216
|
}
|
|
2282
2217
|
});
|
|
2283
|
-
const
|
|
2218
|
+
const Ti = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-d77943df"]]), Ci = { class: "vimeo" }, Ai = { class: "vimeo__wrapper" }, Vi = {
|
|
2284
2219
|
key: 0,
|
|
2285
2220
|
class: "vimeo__headline"
|
|
2286
|
-
},
|
|
2221
|
+
}, Di = {
|
|
2287
2222
|
key: 1,
|
|
2288
2223
|
class: "vimeo__description"
|
|
2289
|
-
},
|
|
2224
|
+
}, Mi = /* @__PURE__ */ v({
|
|
2290
2225
|
__name: "vimeo",
|
|
2291
2226
|
props: {
|
|
2292
2227
|
headline: {
|
|
@@ -2299,16 +2234,16 @@ const Ci = /* @__PURE__ */ h(Ii, [["__scopeId", "data-v-d77943df"]]), Li = { cla
|
|
|
2299
2234
|
}
|
|
2300
2235
|
},
|
|
2301
2236
|
setup(e) {
|
|
2302
|
-
return (
|
|
2303
|
-
t("div",
|
|
2304
|
-
e.headline ? (
|
|
2305
|
-
d(
|
|
2306
|
-
e.description ? (
|
|
2237
|
+
return (i, o) => (l(), s("div", Ci, [
|
|
2238
|
+
t("div", Ai, [
|
|
2239
|
+
e.headline ? (l(), s("h2", Vi, r(e.headline), 1)) : f("", !0),
|
|
2240
|
+
d(i.$slots, "vimeo-content", {}, void 0, !0),
|
|
2241
|
+
e.description ? (l(), s("p", Di, r(e.description), 1)) : f("", !0)
|
|
2307
2242
|
])
|
|
2308
2243
|
]));
|
|
2309
2244
|
}
|
|
2310
2245
|
});
|
|
2311
|
-
const
|
|
2246
|
+
const Oi = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-599c68c7"]]), Pi = { class: "not-found__wrapper" }, zi = { class: "not-found__content" }, Fi = { class: "not-found__headline" }, Ni = { class: "not-found__body" }, Ei = /* @__PURE__ */ v({
|
|
2312
2247
|
__name: "404",
|
|
2313
2248
|
props: {
|
|
2314
2249
|
headline: {
|
|
@@ -2317,17 +2252,17 @@ const Mi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-599c68c7"]]), Oi = { cla
|
|
|
2317
2252
|
}
|
|
2318
2253
|
},
|
|
2319
2254
|
setup(e) {
|
|
2320
|
-
return (
|
|
2255
|
+
return (i, o) => (l(), s("div", Pi, [
|
|
2321
2256
|
t("div", zi, [
|
|
2322
2257
|
t("h1", Fi, r(e.headline), 1),
|
|
2323
|
-
t("div",
|
|
2324
|
-
d(
|
|
2258
|
+
t("div", Ni, [
|
|
2259
|
+
d(i.$slots, "not-found-body", {}, void 0, !0)
|
|
2325
2260
|
])
|
|
2326
2261
|
])
|
|
2327
2262
|
]));
|
|
2328
2263
|
}
|
|
2329
2264
|
});
|
|
2330
|
-
const
|
|
2265
|
+
const Hi = /* @__PURE__ */ h(Ei, [["__scopeId", "data-v-b829ca6c"]]), Ri = { class: "filter__wrapper" }, ji = { class: "filter__content" }, Ui = { class: "filter__dropdowns" }, Ki = { class: "filter__chips" }, Gi = /* @__PURE__ */ v({
|
|
2331
2266
|
__name: "filter",
|
|
2332
2267
|
props: {
|
|
2333
2268
|
hasChips: {
|
|
@@ -2337,29 +2272,29 @@ const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { cla
|
|
|
2337
2272
|
},
|
|
2338
2273
|
emits: ["clearFilters"],
|
|
2339
2274
|
setup(e) {
|
|
2340
|
-
return (
|
|
2341
|
-
t("div",
|
|
2342
|
-
t("div",
|
|
2343
|
-
d(
|
|
2275
|
+
return (i, o) => (l(), s("div", Ri, [
|
|
2276
|
+
t("div", ji, [
|
|
2277
|
+
t("div", Ui, [
|
|
2278
|
+
d(i.$slots, "filter-dropdowns")
|
|
2344
2279
|
]),
|
|
2345
2280
|
t("div", Ki, [
|
|
2346
|
-
d(
|
|
2347
|
-
e.hasChips ? (
|
|
2281
|
+
d(i.$slots, "filter-chips"),
|
|
2282
|
+
e.hasChips ? (l(), s("button", {
|
|
2348
2283
|
key: 0,
|
|
2349
2284
|
class: "filter__clear",
|
|
2350
|
-
onClick: o[0] || (o[0] = (a) =>
|
|
2351
|
-
}, " Remove all filters ")) :
|
|
2285
|
+
onClick: o[0] || (o[0] = (a) => i.$emit("clearFilters"))
|
|
2286
|
+
}, " Remove all filters ")) : f("", !0)
|
|
2352
2287
|
])
|
|
2353
2288
|
])
|
|
2354
2289
|
]));
|
|
2355
2290
|
}
|
|
2356
2291
|
});
|
|
2357
|
-
const
|
|
2292
|
+
const Wi = /* @__PURE__ */ h(Gi, [["__scopeId", "data-v-c11a3620"]]), E = (e) => (P("data-v-9d34b5e2"), e = e(), z(), e), Yi = { class: "footer__wrapper" }, Qi = { class: "footer__content" }, Ji = { class: "footer__sections" }, Xi = { class: "section__title" }, Zi = { class: "section__list" }, es = { class: "section" }, ts = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), as = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ls = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), is = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), ss = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), os = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), rs = { class: "footer__bottom" }, ns = { class: "copyright" }, ds = { class: "footer__policy" }, cs = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
|
|
2358
2293
|
/* @__PURE__ */ t("i", { class: "change-region" }),
|
|
2359
2294
|
/* @__PURE__ */ j("Change region")
|
|
2360
|
-
], -1)),
|
|
2361
|
-
|
|
2362
|
-
],
|
|
2295
|
+
], -1)), us = [
|
|
2296
|
+
cs
|
|
2297
|
+
], _s = { class: "footer__social" }, hs = ["href", "aria-label"], vs = /* @__PURE__ */ v({
|
|
2363
2298
|
__name: "footer",
|
|
2364
2299
|
props: {
|
|
2365
2300
|
footerSections: {
|
|
@@ -2380,81 +2315,81 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
|
|
|
2380
2315
|
type: Array,
|
|
2381
2316
|
default: () => [],
|
|
2382
2317
|
validator: (e) => {
|
|
2383
|
-
const
|
|
2318
|
+
const i = [
|
|
2384
2319
|
"linkedin",
|
|
2385
2320
|
"facebook",
|
|
2386
2321
|
"instagram",
|
|
2387
2322
|
"twitter",
|
|
2388
2323
|
"youtube"
|
|
2389
2324
|
];
|
|
2390
|
-
return e.every((o) =>
|
|
2325
|
+
return e.every((o) => i.includes(o.title));
|
|
2391
2326
|
}
|
|
2392
2327
|
}
|
|
2393
2328
|
},
|
|
2394
2329
|
emits: ["changeRegionClicked"],
|
|
2395
2330
|
setup(e) {
|
|
2396
|
-
return (
|
|
2397
|
-
t("footer",
|
|
2398
|
-
t("div",
|
|
2399
|
-
(
|
|
2331
|
+
return (i, o) => (l(), s("div", Yi, [
|
|
2332
|
+
t("footer", Qi, [
|
|
2333
|
+
t("div", Ji, [
|
|
2334
|
+
(l(!0), s(T, null, C(e.footerSections, (a) => (l(), s("div", {
|
|
2400
2335
|
key: a.title,
|
|
2401
2336
|
class: "section"
|
|
2402
2337
|
}, [
|
|
2403
|
-
t("span",
|
|
2338
|
+
t("span", Xi, r(a.title), 1),
|
|
2404
2339
|
t("nav", null, [
|
|
2405
|
-
t("ul",
|
|
2406
|
-
d(
|
|
2340
|
+
t("ul", Zi, [
|
|
2341
|
+
d(i.$slots, "section-links", {
|
|
2407
2342
|
links: a.links
|
|
2408
2343
|
})
|
|
2409
2344
|
])
|
|
2410
2345
|
])
|
|
2411
2346
|
]))), 128)),
|
|
2412
|
-
t("div",
|
|
2413
|
-
|
|
2347
|
+
t("div", es, [
|
|
2348
|
+
ts,
|
|
2414
2349
|
t("address", null, [
|
|
2415
|
-
ts,
|
|
2416
2350
|
as,
|
|
2417
2351
|
ls,
|
|
2418
|
-
|
|
2352
|
+
is,
|
|
2353
|
+
b(V, {
|
|
2419
2354
|
class: "footer__contact",
|
|
2420
2355
|
"link-type": "regular_light",
|
|
2421
2356
|
underline: "false"
|
|
2422
2357
|
}, {
|
|
2423
|
-
default:
|
|
2424
|
-
|
|
2358
|
+
default: k(() => [
|
|
2359
|
+
ss
|
|
2425
2360
|
]),
|
|
2426
2361
|
_: 1
|
|
2427
2362
|
}),
|
|
2428
|
-
|
|
2363
|
+
b(V, {
|
|
2429
2364
|
class: "footer__contact",
|
|
2430
2365
|
"link-type": "regular_light",
|
|
2431
2366
|
underline: "false"
|
|
2432
2367
|
}, {
|
|
2433
|
-
default:
|
|
2434
|
-
|
|
2368
|
+
default: k(() => [
|
|
2369
|
+
os
|
|
2435
2370
|
]),
|
|
2436
2371
|
_: 1
|
|
2437
2372
|
})
|
|
2438
2373
|
])
|
|
2439
2374
|
])
|
|
2440
2375
|
]),
|
|
2441
|
-
t("div",
|
|
2442
|
-
t("p",
|
|
2443
|
-
t("div",
|
|
2376
|
+
t("div", rs, [
|
|
2377
|
+
t("p", ns, "© MiR " + r((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2378
|
+
t("div", ds, [
|
|
2444
2379
|
t("button", {
|
|
2445
2380
|
class: "footer__language-switcher",
|
|
2446
|
-
onClick: o[0] || (o[0] = (a) =>
|
|
2447
|
-
},
|
|
2448
|
-
d(
|
|
2449
|
-
d(
|
|
2381
|
+
onClick: o[0] || (o[0] = (a) => i.$emit("changeRegionClicked"))
|
|
2382
|
+
}, us),
|
|
2383
|
+
d(i.$slots, "footer-privacy-link"),
|
|
2384
|
+
d(i.$slots, "footer-cookie-link")
|
|
2450
2385
|
]),
|
|
2451
|
-
t("div",
|
|
2452
|
-
(
|
|
2386
|
+
t("div", _s, [
|
|
2387
|
+
(l(!0), s(T, null, C(e.socialMedia, (a) => (l(), M(V, {
|
|
2453
2388
|
key: a.title,
|
|
2454
2389
|
underline: "false",
|
|
2455
2390
|
"link-type": "regular"
|
|
2456
2391
|
}, {
|
|
2457
|
-
default:
|
|
2392
|
+
default: k(() => [
|
|
2458
2393
|
t("a", {
|
|
2459
2394
|
href: a.url,
|
|
2460
2395
|
"aria-label": a.title
|
|
@@ -2462,11 +2397,11 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
|
|
|
2462
2397
|
t("i", {
|
|
2463
2398
|
width: "19",
|
|
2464
2399
|
height: "14",
|
|
2465
|
-
class:
|
|
2400
|
+
class: u(["footer__social--icon", [
|
|
2466
2401
|
a.title === "linkedin" ? "bg-linkedin" : a.title === "facebook" ? "bg-facebook" : a.title === "instagram" ? "bg-instagram" : a.title === "twitter" ? "bg-twitter" : a.title === "youtube" ? "bg-youtube" : ""
|
|
2467
2402
|
]])
|
|
2468
2403
|
}, null, 2)
|
|
2469
|
-
], 8,
|
|
2404
|
+
], 8, hs)
|
|
2470
2405
|
]),
|
|
2471
2406
|
_: 2
|
|
2472
2407
|
}, 1024))), 128))
|
|
@@ -2476,19 +2411,19 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
|
|
|
2476
2411
|
]));
|
|
2477
2412
|
}
|
|
2478
2413
|
});
|
|
2479
|
-
const
|
|
2414
|
+
const ms = /* @__PURE__ */ h(vs, [["__scopeId", "data-v-9d34b5e2"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, ys = { class: "mir-link-logo" }, ps = { class: "main-nav-items" }, bs = {
|
|
2480
2415
|
id: "menu-dropdown",
|
|
2481
2416
|
ref: "dropdownDiv"
|
|
2482
|
-
},
|
|
2417
|
+
}, $s = {
|
|
2483
2418
|
key: 0,
|
|
2484
2419
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2485
2420
|
alt: "dropdownarrow"
|
|
2486
|
-
},
|
|
2421
|
+
}, ks = {
|
|
2487
2422
|
key: 1,
|
|
2488
2423
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2489
2424
|
alt: "dropdownarrow",
|
|
2490
2425
|
style: { transform: "rotate(180deg)" }
|
|
2491
|
-
},
|
|
2426
|
+
}, ws = { class: "dropdown-content" }, Ss = { class: "nav-search-wrapper" }, xs = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Bs = { class: "mobile-mir-link-logo" }, Is = { class: "mobile-search-wrapper" }, Ls = ["src"], Ts = ["onClick"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Vs = { class: "mobile-dropdown-content" }, Ds = /* @__PURE__ */ v({
|
|
2492
2427
|
__name: "header",
|
|
2493
2428
|
props: {
|
|
2494
2429
|
burgerState: {
|
|
@@ -2505,69 +2440,69 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
|
|
|
2505
2440
|
"update:showDropDown",
|
|
2506
2441
|
"clickSearch"
|
|
2507
2442
|
],
|
|
2508
|
-
setup(e, { expose:
|
|
2443
|
+
setup(e, { expose: i, emit: o }) {
|
|
2509
2444
|
const a = e;
|
|
2510
|
-
let n = null,
|
|
2445
|
+
let n = null, m = x(a.burgerState), w = x(a.showDropDown);
|
|
2511
2446
|
se(
|
|
2512
2447
|
() => a.burgerState,
|
|
2513
|
-
(
|
|
2448
|
+
(S) => m.value = S
|
|
2514
2449
|
), se(
|
|
2515
2450
|
() => a.showDropDown,
|
|
2516
|
-
(
|
|
2451
|
+
(S) => w.value = S
|
|
2517
2452
|
), ne(() => {
|
|
2518
|
-
n = (
|
|
2519
|
-
|
|
2453
|
+
n = (S) => {
|
|
2454
|
+
S.target.closest("#menu-dropdown") || (w.value = !1);
|
|
2520
2455
|
}, window.addEventListener("click", n);
|
|
2521
|
-
}),
|
|
2456
|
+
}), $e(() => {
|
|
2522
2457
|
n !== null && window.removeEventListener("click", n);
|
|
2523
2458
|
});
|
|
2524
|
-
function
|
|
2525
|
-
|
|
2459
|
+
function _() {
|
|
2460
|
+
w.value = !w.value, o("update:showDropDown", w.value);
|
|
2526
2461
|
}
|
|
2527
|
-
function
|
|
2528
|
-
|
|
2462
|
+
function $() {
|
|
2463
|
+
m.value = !m.value, o("update:burgerState", m.value);
|
|
2529
2464
|
}
|
|
2530
|
-
let g =
|
|
2465
|
+
let g = x(null), B = x(null);
|
|
2531
2466
|
function X() {
|
|
2532
2467
|
g.value && g.value.blur();
|
|
2533
2468
|
}
|
|
2534
|
-
return
|
|
2469
|
+
return i({
|
|
2535
2470
|
defocusSearchButton: X
|
|
2536
|
-
}), (
|
|
2471
|
+
}), (S, H) => (l(), s("div", fs, [
|
|
2537
2472
|
t("nav", null, [
|
|
2538
|
-
t("div",
|
|
2539
|
-
t("div",
|
|
2540
|
-
d(
|
|
2473
|
+
t("div", gs, [
|
|
2474
|
+
t("div", ys, [
|
|
2475
|
+
d(S.$slots, "link-logo", {}, void 0, !0)
|
|
2541
2476
|
]),
|
|
2542
|
-
t("ul",
|
|
2543
|
-
d(
|
|
2477
|
+
t("ul", ps, [
|
|
2478
|
+
d(S.$slots, "main-nav-items", {}, void 0, !0)
|
|
2544
2479
|
]),
|
|
2545
|
-
t("div",
|
|
2480
|
+
t("div", bs, [
|
|
2546
2481
|
t("button", {
|
|
2547
2482
|
class: "nav-dropdown-btn",
|
|
2548
|
-
onClick:
|
|
2483
|
+
onClick: _
|
|
2549
2484
|
}, [
|
|
2550
|
-
d(
|
|
2551
|
-
|
|
2485
|
+
d(S.$slots, "dropdown-title", {}, void 0, !0),
|
|
2486
|
+
I(w) === !1 ? (l(), s("img", $s)) : (l(), s("img", ks))
|
|
2552
2487
|
]),
|
|
2553
|
-
Q(t("div",
|
|
2554
|
-
d(
|
|
2488
|
+
Q(t("div", ws, [
|
|
2489
|
+
d(S.$slots, "dropdown-links", {}, void 0, !0)
|
|
2555
2490
|
], 512), [
|
|
2556
|
-
[Z,
|
|
2491
|
+
[Z, I(w)]
|
|
2557
2492
|
])
|
|
2558
2493
|
], 512),
|
|
2559
|
-
t("div",
|
|
2494
|
+
t("div", Ss, [
|
|
2560
2495
|
t("button", {
|
|
2561
2496
|
ref_key: "navSearchButton",
|
|
2562
2497
|
ref: g,
|
|
2563
2498
|
class: "search-icon",
|
|
2564
2499
|
onClick: H[0] || (H[0] = (W) => {
|
|
2565
2500
|
var N;
|
|
2566
|
-
return
|
|
2501
|
+
return S.$emit("clickSearch"), (N = I(g)) == null ? void 0 : N.blur();
|
|
2567
2502
|
})
|
|
2568
2503
|
}, [
|
|
2569
2504
|
t("img", {
|
|
2570
|
-
src:
|
|
2505
|
+
src: I(m) === !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",
|
|
2571
2506
|
alt: "search icon",
|
|
2572
2507
|
width: "20",
|
|
2573
2508
|
height: "20"
|
|
@@ -2576,61 +2511,61 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
|
|
|
2576
2511
|
])
|
|
2577
2512
|
]),
|
|
2578
2513
|
t("div", {
|
|
2579
|
-
class:
|
|
2514
|
+
class: u(["mobile-nav-wrapper", I(m) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2580
2515
|
}, [
|
|
2581
|
-
t("div",
|
|
2582
|
-
t("div", qs, [
|
|
2583
|
-
d(k.$slots, "link-logo", {}, void 0, !0)
|
|
2584
|
-
]),
|
|
2516
|
+
t("div", qs, [
|
|
2585
2517
|
t("div", Bs, [
|
|
2518
|
+
d(S.$slots, "link-logo", {}, void 0, !0)
|
|
2519
|
+
]),
|
|
2520
|
+
t("div", Is, [
|
|
2586
2521
|
t("button", {
|
|
2587
2522
|
ref_key: "mobileSearchButton",
|
|
2588
|
-
ref:
|
|
2523
|
+
ref: B,
|
|
2589
2524
|
class: "search-icon",
|
|
2590
2525
|
"aria-label": "Toggle search",
|
|
2591
2526
|
onClick: H[1] || (H[1] = (W) => {
|
|
2592
2527
|
var N;
|
|
2593
|
-
return
|
|
2528
|
+
return S.$emit("clickSearch"), (N = I(B)) == null ? void 0 : N.blur();
|
|
2594
2529
|
})
|
|
2595
2530
|
}, [
|
|
2596
2531
|
t("img", {
|
|
2597
|
-
src:
|
|
2532
|
+
src: I(m) === !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",
|
|
2598
2533
|
alt: "search icon",
|
|
2599
2534
|
width: "20",
|
|
2600
2535
|
height: "20"
|
|
2601
|
-
}, null, 8,
|
|
2536
|
+
}, null, 8, Ls)
|
|
2602
2537
|
], 512)
|
|
2603
2538
|
]),
|
|
2604
2539
|
t("button", {
|
|
2605
2540
|
class: "mobile-burger-wrapper",
|
|
2606
2541
|
"aria-label": "Toggle menu",
|
|
2607
|
-
onClick: oe(
|
|
2542
|
+
onClick: oe($, ["prevent"])
|
|
2608
2543
|
}, [
|
|
2609
2544
|
t("img", {
|
|
2610
2545
|
width: "20",
|
|
2611
2546
|
height: "20",
|
|
2612
2547
|
alt: "burger menu line icon",
|
|
2613
|
-
src:
|
|
2614
|
-
}, null, 8,
|
|
2615
|
-
], 8,
|
|
2548
|
+
src: I(m) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2549
|
+
}, null, 8, Cs)
|
|
2550
|
+
], 8, Ts)
|
|
2616
2551
|
]),
|
|
2617
|
-
Q(t("div",
|
|
2552
|
+
Q(t("div", As, [
|
|
2618
2553
|
t("ul", null, [
|
|
2619
|
-
d(
|
|
2554
|
+
d(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2620
2555
|
]),
|
|
2621
|
-
t("ul",
|
|
2622
|
-
d(
|
|
2623
|
-
d(
|
|
2556
|
+
t("ul", Vs, [
|
|
2557
|
+
d(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2558
|
+
d(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2624
2559
|
])
|
|
2625
2560
|
], 512), [
|
|
2626
|
-
[Z,
|
|
2561
|
+
[Z, I(m)]
|
|
2627
2562
|
])
|
|
2628
2563
|
], 2)
|
|
2629
2564
|
])
|
|
2630
2565
|
]));
|
|
2631
2566
|
}
|
|
2632
2567
|
});
|
|
2633
|
-
const
|
|
2568
|
+
const Ms = /* @__PURE__ */ h(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { class: "language__wrapper" }, Ps = { class: "language__content" }, zs = { class: "language__headline" }, Fs = { class: "language__paragraph" }, Ns = /* @__PURE__ */ v({
|
|
2634
2569
|
__name: "language-switcher",
|
|
2635
2570
|
props: {
|
|
2636
2571
|
headline: {
|
|
@@ -2643,16 +2578,16 @@ const Ds = /* @__PURE__ */ h(Vs, [["__scopeId", "data-v-10e18de9"]]), Ms = { cla
|
|
|
2643
2578
|
}
|
|
2644
2579
|
},
|
|
2645
2580
|
setup(e) {
|
|
2646
|
-
return (
|
|
2647
|
-
t("div",
|
|
2581
|
+
return (i, o) => (l(), s("div", Os, [
|
|
2582
|
+
t("div", Ps, [
|
|
2648
2583
|
t("h2", zs, r(e.headline), 1),
|
|
2649
2584
|
t("p", Fs, r(e.paragraph), 1),
|
|
2650
|
-
d(
|
|
2585
|
+
d(i.$slots, "language-links", {}, void 0, !0)
|
|
2651
2586
|
])
|
|
2652
2587
|
]));
|
|
2653
2588
|
}
|
|
2654
2589
|
});
|
|
2655
|
-
const
|
|
2590
|
+
const Es = /* @__PURE__ */ h(Ns, [["__scopeId", "data-v-f345ee1f"]]), Hs = { class: "pagination__wrapper" }, Rs = { class: "pagination__content" }, js = /* @__PURE__ */ v({
|
|
2656
2591
|
__name: "pagination",
|
|
2657
2592
|
props: {
|
|
2658
2593
|
isPreviousDisabled: {
|
|
@@ -2666,81 +2601,81 @@ const Ns = /* @__PURE__ */ h(Ps, [["__scopeId", "data-v-f345ee1f"]]), Es = { cla
|
|
|
2666
2601
|
},
|
|
2667
2602
|
emits: ["previous", "next"],
|
|
2668
2603
|
setup(e) {
|
|
2669
|
-
return (
|
|
2670
|
-
t("div",
|
|
2671
|
-
|
|
2604
|
+
return (i, o) => (l(), s("div", Hs, [
|
|
2605
|
+
t("div", Rs, [
|
|
2606
|
+
b(J, {
|
|
2672
2607
|
disabled: e.isPreviousDisabled,
|
|
2673
2608
|
variant: "previous",
|
|
2674
2609
|
"aria-label": "previous",
|
|
2675
|
-
onClick: o[0] || (o[0] = (a) =>
|
|
2610
|
+
onClick: o[0] || (o[0] = (a) => i.$emit("previous"))
|
|
2676
2611
|
}, null, 8, ["disabled"]),
|
|
2677
|
-
d(
|
|
2678
|
-
|
|
2612
|
+
d(i.$slots, "pagination-numbers"),
|
|
2613
|
+
b(J, {
|
|
2679
2614
|
disabled: e.isNextDisabled,
|
|
2680
2615
|
variant: "next",
|
|
2681
2616
|
"aria-label": "next",
|
|
2682
|
-
onClick: o[1] || (o[1] = (a) =>
|
|
2617
|
+
onClick: o[1] || (o[1] = (a) => i.$emit("next"))
|
|
2683
2618
|
}, null, 8, ["disabled"])
|
|
2684
2619
|
])
|
|
2685
2620
|
]));
|
|
2686
2621
|
}
|
|
2687
2622
|
});
|
|
2688
|
-
const
|
|
2689
|
-
const Ks = {},
|
|
2690
|
-
function
|
|
2691
|
-
return
|
|
2623
|
+
const Us = /* @__PURE__ */ h(js, [["__scopeId", "data-v-9eec8df7"]]);
|
|
2624
|
+
const Ks = {}, Gs = { class: "search__wrapper" };
|
|
2625
|
+
function Ws(e, i) {
|
|
2626
|
+
return l(), s("div", Gs, [
|
|
2692
2627
|
d(e.$slots, "default", { class: "search__content" })
|
|
2693
2628
|
]);
|
|
2694
2629
|
}
|
|
2695
|
-
const
|
|
2630
|
+
const Ys = /* @__PURE__ */ h(Ks, [["render", Ws], ["__scopeId", "data-v-623adb82"]]), Js = {
|
|
2696
2631
|
install: (e) => {
|
|
2697
|
-
e.component("AtomButton", J), e.component("AtomCheckbox",
|
|
2632
|
+
e.component("AtomButton", J), e.component("AtomCheckbox", Le), e.component("AtomChip", De), e.component("AtomDropdown", He), e.component("AtomImage", A), e.component("AtomLabel", G), e.component("AtomLink", V), e.component("AtomRadioButton", et), e.component("AtomSelect", ot), e.component("AtomSlider", ft), e.component("AtomTextarea", St), e.component("AtomTextField", Mt), e.component("AtomVideo", U), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ta), e.component("MoleculeCard", oa), e.component("MoleculeEventCard", va), e.component("MoleculeModal", de), e.component("MoleculeTextCard", pa), e.component("BlockFacts", Ia), e.component("BlockFeatures", Oa), e.component("BlockFormScript", ja), e.component("BlockHeadline", ol), e.component("BlockHero", gl), e.component("BlockImage", Qa), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ql), e.component("BlockMicroStories", Il), e.component("BlockPolicy", Vl), e.component("BlockProductHero", Fl), e.component("BlockPromo", Hl), e.component("BlockQuote", ti), e.component("BlockRichText", oi), e.component("BlockRichTextColumns", hi), e.component("BlockTimeline", wi), e.component("BlockTripleCardDisplay", Ti), e.component("BlockVimeo", Oi), e.component("Organism404", Hi), e.component("OrganismFilter", Wi), e.component("OrganismFooter", ms), e.component("OrganismHeader", Ms), e.component("OrganismLanguageSwitcher", Es), e.component("OrganismPagination", Us), e.component("OrganismSearch", Ys);
|
|
2698
2633
|
}
|
|
2699
2634
|
};
|
|
2700
2635
|
export {
|
|
2701
2636
|
J as AtomButton,
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2637
|
+
Le as AtomCheckbox,
|
|
2638
|
+
De as AtomChip,
|
|
2639
|
+
He as AtomDropdown,
|
|
2640
|
+
A as AtomImage,
|
|
2706
2641
|
G as AtomLabel,
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2642
|
+
V as AtomLink,
|
|
2643
|
+
et as AtomRadioButton,
|
|
2644
|
+
ot as AtomSelect,
|
|
2645
|
+
ft as AtomSlider,
|
|
2646
|
+
Mt as AtomTextField,
|
|
2647
|
+
St as AtomTextarea,
|
|
2648
|
+
U as AtomVideo,
|
|
2649
|
+
Ia as BlockFacts,
|
|
2650
|
+
Oa as BlockFeatures,
|
|
2651
|
+
ja as BlockFormScript,
|
|
2652
|
+
ol as BlockHeadline,
|
|
2653
|
+
gl as BlockHero,
|
|
2654
|
+
Qa as BlockImage,
|
|
2655
|
+
al as BlockImageGallery,
|
|
2656
|
+
ql as BlockLogoWall,
|
|
2657
|
+
Il as BlockMicroStories,
|
|
2658
|
+
Vl as BlockPolicy,
|
|
2724
2659
|
Fl as BlockProductHero,
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2660
|
+
Hl as BlockPromo,
|
|
2661
|
+
ti as BlockQuote,
|
|
2662
|
+
oi as BlockRichText,
|
|
2663
|
+
hi as BlockRichTextColumns,
|
|
2664
|
+
wi as BlockTimeline,
|
|
2665
|
+
Ti as BlockTripleCardDisplay,
|
|
2666
|
+
Oi as BlockVimeo,
|
|
2667
|
+
Qt as MoleculeAddress,
|
|
2668
|
+
ta as MoleculeBulletList,
|
|
2669
|
+
oa as MoleculeCard,
|
|
2670
|
+
va as MoleculeEventCard,
|
|
2736
2671
|
de as MoleculeModal,
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2672
|
+
pa as MoleculeTextCard,
|
|
2673
|
+
Hi as Organism404,
|
|
2674
|
+
Wi as OrganismFilter,
|
|
2675
|
+
ms as OrganismFooter,
|
|
2676
|
+
Ms as OrganismHeader,
|
|
2677
|
+
Es as OrganismLanguageSwitcher,
|
|
2678
|
+
Us as OrganismPagination,
|
|
2679
|
+
Ys as OrganismSearch,
|
|
2680
|
+
Js as default
|
|
2746
2681
|
};
|