@mirweb/mir-web-components 0.17.27 → 0.17.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const Be = ["aria-label"], Ie = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
|
|
2
|
+
const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -13,18 +13,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
13
13
|
close: "close",
|
|
14
14
|
next: "next",
|
|
15
15
|
previous: "previous"
|
|
16
|
-
}, r = e, l =
|
|
17
|
-
return (s,
|
|
16
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
17
|
+
return (s, u) => (o(), i("button", {
|
|
18
18
|
class: h(["button", "button--" + l.value]),
|
|
19
19
|
"aria-label": s.ariaLabel
|
|
20
|
-
},
|
|
20
|
+
}, n(l.value === "close" ? "" : s.buttonText), 11, Be));
|
|
21
21
|
}
|
|
22
22
|
}), v = (e, a) => {
|
|
23
23
|
const r = e.__vccOpts || e;
|
|
24
24
|
for (const [l, s] of a)
|
|
25
25
|
r[l] = s;
|
|
26
26
|
return r;
|
|
27
|
-
}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */
|
|
27
|
+
}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
|
|
28
28
|
__name: "checkbox",
|
|
29
29
|
props: {
|
|
30
30
|
name: { default: "checkbox" },
|
|
@@ -36,10 +36,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
36
36
|
emits: ["input"],
|
|
37
37
|
setup(e, { emit: a }) {
|
|
38
38
|
const r = a, l = (s) => {
|
|
39
|
-
const
|
|
40
|
-
r("input",
|
|
39
|
+
const u = s.target;
|
|
40
|
+
r("input", u.checked);
|
|
41
41
|
};
|
|
42
|
-
return (s,
|
|
42
|
+
return (s, u) => (o(), i("div", {
|
|
43
43
|
class: h(["checkbox__wrapper", s.disabled ? "disabled" : ""])
|
|
44
44
|
}, [
|
|
45
45
|
t("input", {
|
|
@@ -57,7 +57,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
57
57
|
class: h(["checkbox__label", s.required ? "required" : ""])
|
|
58
58
|
}, [
|
|
59
59
|
Ve,
|
|
60
|
-
|
|
60
|
+
p(s.$slots, "default", {}, void 0, !0)
|
|
61
61
|
], 10, Te)
|
|
62
62
|
], 2));
|
|
63
63
|
}
|
|
@@ -65,28 +65,28 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
65
65
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
66
66
|
alt: "close",
|
|
67
67
|
class: "close-icon"
|
|
68
|
-
}, null, -1)), Pe = /* @__PURE__ */
|
|
68
|
+
}, null, -1)), Pe = /* @__PURE__ */ f({
|
|
69
69
|
__name: "chip",
|
|
70
70
|
props: {
|
|
71
71
|
text: { default: "" }
|
|
72
72
|
},
|
|
73
73
|
emits: ["remove-chip"],
|
|
74
74
|
setup(e) {
|
|
75
|
-
const a = e, r =
|
|
75
|
+
const a = e, r = T(() => `Chip: ${a.text}`);
|
|
76
76
|
return (l, s) => (o(), i("div", {
|
|
77
77
|
class: "chip__wrapper",
|
|
78
|
-
onClick: s[0] || (s[0] = (
|
|
78
|
+
onClick: s[0] || (s[0] = (u) => l.$emit("remove-chip"))
|
|
79
79
|
}, [
|
|
80
80
|
t("span", {
|
|
81
81
|
class: "chip",
|
|
82
82
|
"aria-label": r.value
|
|
83
83
|
}, [
|
|
84
|
-
j(
|
|
84
|
+
j(n(l.text) + " ", 1),
|
|
85
85
|
Oe
|
|
86
86
|
], 8, Me)
|
|
87
87
|
]));
|
|
88
88
|
}
|
|
89
|
-
}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */
|
|
89
|
+
}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
|
|
90
90
|
__name: "dropdown",
|
|
91
91
|
props: {
|
|
92
92
|
modelValue: {},
|
|
@@ -104,179 +104,179 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
104
104
|
const r = {
|
|
105
105
|
primary: "dropdown-dark-bg-primary",
|
|
106
106
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
107
|
-
}, l = e, s =
|
|
108
|
-
const
|
|
107
|
+
}, l = e, s = T(() => r[l.variant]), u = I(null), c = I(null), _ = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
|
|
108
|
+
const d = l.options.find(
|
|
109
109
|
(b) => b.value === l.modelValue
|
|
110
110
|
);
|
|
111
|
-
return
|
|
111
|
+
return d && d.label;
|
|
112
112
|
}), U = {
|
|
113
|
-
beforeMount(
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
}, document.body.addEventListener("click",
|
|
113
|
+
beforeMount(d, b) {
|
|
114
|
+
d.clickOutsideEvent = function($) {
|
|
115
|
+
d === $.target || d.contains($.target) || b.value($);
|
|
116
|
+
}, document.body.addEventListener("click", d.clickOutsideEvent);
|
|
117
117
|
},
|
|
118
|
-
unmounted(
|
|
119
|
-
document.body.removeEventListener("click",
|
|
118
|
+
unmounted(d) {
|
|
119
|
+
document.body.removeEventListener("click", d.clickOutsideEvent);
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
|
-
function x(
|
|
123
|
-
X("update:modelValue",
|
|
122
|
+
function x(d) {
|
|
123
|
+
X("update:modelValue", d);
|
|
124
124
|
}
|
|
125
|
-
function H(
|
|
125
|
+
function H(d) {
|
|
126
126
|
var $;
|
|
127
|
-
const b =
|
|
128
|
-
b.getAttribute("role") === "option" && (W(b), Q(), ($ =
|
|
127
|
+
const b = d.target;
|
|
128
|
+
b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function le(d) {
|
|
131
131
|
var $;
|
|
132
|
-
const b =
|
|
132
|
+
const b = d.key;
|
|
133
133
|
switch (b) {
|
|
134
134
|
case "ArrowUp":
|
|
135
135
|
case "ArrowDown": {
|
|
136
|
-
|
|
137
|
-
const
|
|
136
|
+
d.preventDefault();
|
|
137
|
+
const L = l.options.findIndex(
|
|
138
138
|
(K) => K.value === l.modelValue
|
|
139
139
|
);
|
|
140
|
-
let N =
|
|
141
|
-
b === "ArrowUp" ?
|
|
140
|
+
let N = L ? _.value[L] : _.value[0];
|
|
141
|
+
b === "ArrowUp" ? L - 1 >= 0 && (N = _.value[L - 1]) : L + 1 <= l.options.length && (N = _.value[L + 1]), N && W(N);
|
|
142
142
|
break;
|
|
143
143
|
}
|
|
144
144
|
case "Home":
|
|
145
145
|
case "PageUp":
|
|
146
|
-
|
|
146
|
+
d.preventDefault(), ve();
|
|
147
147
|
break;
|
|
148
148
|
case "End":
|
|
149
149
|
case "PageDown":
|
|
150
|
-
|
|
150
|
+
d.preventDefault(), fe();
|
|
151
151
|
break;
|
|
152
152
|
case "Enter":
|
|
153
153
|
case "Escape":
|
|
154
|
-
|
|
154
|
+
d.preventDefault(), Q(), ($ = u.value) == null || $.focus();
|
|
155
155
|
break;
|
|
156
156
|
default: {
|
|
157
|
-
const
|
|
158
|
-
|
|
157
|
+
const L = me(b);
|
|
158
|
+
L && W(L);
|
|
159
159
|
break;
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
|
-
function _e(
|
|
163
|
+
function _e(d) {
|
|
164
164
|
if (!l.disabled)
|
|
165
|
-
switch (
|
|
165
|
+
switch (d.key) {
|
|
166
166
|
case "ArrowUp":
|
|
167
167
|
case "ArrowDown":
|
|
168
|
-
|
|
168
|
+
d.preventDefault(), se(), le(d);
|
|
169
169
|
break;
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
|
-
function
|
|
173
|
-
|
|
172
|
+
function pe(d) {
|
|
173
|
+
d && d.removeAttribute("aria-selected");
|
|
174
174
|
}
|
|
175
|
-
function
|
|
175
|
+
function he() {
|
|
176
176
|
S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
|
|
177
177
|
m.value = "", S.value = 0;
|
|
178
178
|
}, 500);
|
|
179
179
|
}
|
|
180
|
-
function me(
|
|
180
|
+
function me(d) {
|
|
181
181
|
let b = "";
|
|
182
|
-
(m.value === "" || b !==
|
|
183
|
-
(
|
|
184
|
-
)), m.value = b ===
|
|
185
|
-
let $ =
|
|
186
|
-
|
|
182
|
+
(m.value === "" || b !== d) && (q.value = l.options.findIndex(
|
|
183
|
+
(L) => L.value === l.modelValue
|
|
184
|
+
)), m.value = b === d ? d : m.value + d, b = d, he();
|
|
185
|
+
let $ = oe(
|
|
186
|
+
q.value + 1,
|
|
187
187
|
l.options.length
|
|
188
188
|
);
|
|
189
|
-
return !$ && m.value.length === 1 && ($ =
|
|
189
|
+
return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
192
|
-
for (let $ =
|
|
191
|
+
function oe(d, b) {
|
|
192
|
+
for (let $ = d; $ < b; $++)
|
|
193
193
|
if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
|
|
194
|
-
return
|
|
194
|
+
return _.value[$];
|
|
195
195
|
return null;
|
|
196
196
|
}
|
|
197
197
|
function ve() {
|
|
198
|
-
W(
|
|
198
|
+
W(_.value[0]);
|
|
199
199
|
}
|
|
200
|
-
function W(
|
|
201
|
-
var $,
|
|
202
|
-
const b =
|
|
200
|
+
function W(d) {
|
|
201
|
+
var $, L;
|
|
202
|
+
const b = d.getAttribute("data-value");
|
|
203
203
|
if (l.modelValue) {
|
|
204
204
|
const N = l.options.findIndex(
|
|
205
205
|
(be) => be.value === l.modelValue
|
|
206
|
-
), K =
|
|
207
|
-
|
|
206
|
+
), K = _.value[N];
|
|
207
|
+
pe(K);
|
|
208
208
|
}
|
|
209
|
-
if (
|
|
209
|
+
if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
|
|
210
210
|
"aria-activedescendant",
|
|
211
211
|
b || ""
|
|
212
|
-
), x(b || ""),
|
|
213
|
-
const N =
|
|
214
|
-
K > N ?
|
|
212
|
+
), x(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
|
|
213
|
+
const N = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
|
|
214
|
+
K > N ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
function fe() {
|
|
218
218
|
var b;
|
|
219
|
-
const
|
|
220
|
-
W(
|
|
219
|
+
const d = (b = _.value) == null ? void 0 : b[l.options.length - 1];
|
|
220
|
+
W(d);
|
|
221
221
|
}
|
|
222
222
|
function Q() {
|
|
223
|
-
var
|
|
224
|
-
y.value = !0, (
|
|
223
|
+
var d;
|
|
224
|
+
y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
|
|
225
225
|
}
|
|
226
|
-
function
|
|
227
|
-
var
|
|
228
|
-
y.value = !1, (
|
|
226
|
+
function se() {
|
|
227
|
+
var d, b;
|
|
228
|
+
y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
|
|
229
229
|
}
|
|
230
230
|
function ge() {
|
|
231
|
-
l.disabled || (y.value ?
|
|
231
|
+
l.disabled || (y.value ? se() : Q());
|
|
232
232
|
}
|
|
233
|
-
return (
|
|
233
|
+
return (d, b) => (o(), i("div", {
|
|
234
234
|
ref: "listbox",
|
|
235
235
|
class: "listbox__wrapper",
|
|
236
|
-
value:
|
|
236
|
+
value: d.modelValue
|
|
237
237
|
}, [
|
|
238
238
|
t("label", {
|
|
239
|
-
id: `${
|
|
239
|
+
id: `${d.name}-label`,
|
|
240
240
|
class: h([{
|
|
241
|
-
"listbox__label--visually-hidden": !
|
|
242
|
-
"is-disabled":
|
|
243
|
-
"is-required":
|
|
241
|
+
"listbox__label--visually-hidden": !d.showLabel,
|
|
242
|
+
"is-disabled": d.disabled,
|
|
243
|
+
"is-required": d.required
|
|
244
244
|
}, "listbox__label"])
|
|
245
|
-
}, d
|
|
245
|
+
}, n(d.label), 11, Re),
|
|
246
246
|
Z((o(), i("div", Ne, [
|
|
247
247
|
t("button", {
|
|
248
|
-
id: `${
|
|
248
|
+
id: `${d.name}-button-label`,
|
|
249
249
|
ref_key: "listboxButton",
|
|
250
|
-
ref:
|
|
251
|
-
"aria-labelledby": `${
|
|
250
|
+
ref: u,
|
|
251
|
+
"aria-labelledby": `${d.name}-label ${d.name}-button-label`,
|
|
252
252
|
type: "button",
|
|
253
253
|
"aria-haspopup": "listbox",
|
|
254
|
-
"aria-disabled":
|
|
254
|
+
"aria-disabled": d.disabled,
|
|
255
255
|
class: h(["listbox__button", s.value]),
|
|
256
256
|
onClick: ge,
|
|
257
257
|
onKeydown: _e
|
|
258
|
-
}, d
|
|
258
|
+
}, n(d.modelValue ? B.value : d.placeholder), 43, He),
|
|
259
259
|
Z(t("ul", {
|
|
260
260
|
ref_key: "listboxNode",
|
|
261
|
-
ref:
|
|
262
|
-
"aria-labelledby": `${
|
|
263
|
-
"aria-activedescendant":
|
|
261
|
+
ref: c,
|
|
262
|
+
"aria-labelledby": `${d.name}-label`,
|
|
263
|
+
"aria-activedescendant": d.modelValue,
|
|
264
264
|
tabindex: "0",
|
|
265
265
|
role: "listbox",
|
|
266
266
|
class: "listbox__list",
|
|
267
|
-
onKeydown:
|
|
267
|
+
onKeydown: le,
|
|
268
268
|
onClick: H
|
|
269
269
|
}, [
|
|
270
|
-
(o(!0), i(D, null, M(
|
|
271
|
-
key: `${
|
|
270
|
+
(o(!0), i(D, null, M(d.options, ($, L) => (o(), i("li", {
|
|
271
|
+
key: `${d.name}-option-${L}`,
|
|
272
272
|
ref_for: !0,
|
|
273
273
|
ref_key: "listboxOptions",
|
|
274
|
-
ref:
|
|
275
|
-
"aria-selected": $.value ===
|
|
274
|
+
ref: _,
|
|
275
|
+
"aria-selected": $.value === d.modelValue,
|
|
276
276
|
"data-value": $.value,
|
|
277
277
|
class: "listbox__option",
|
|
278
278
|
role: "option"
|
|
279
|
-
},
|
|
279
|
+
}, n($.label), 9, Ue))), 128))
|
|
280
280
|
], 40, ze), [
|
|
281
281
|
[ee, !y.value]
|
|
282
282
|
])
|
|
@@ -285,7 +285,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
285
285
|
])
|
|
286
286
|
], 8, Ee));
|
|
287
287
|
}
|
|
288
|
-
}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */
|
|
288
|
+
}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ f({
|
|
289
289
|
__name: "image",
|
|
290
290
|
props: {
|
|
291
291
|
src: { default: void 0 },
|
|
@@ -298,26 +298,26 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
298
298
|
},
|
|
299
299
|
setup(e) {
|
|
300
300
|
return (a, r) => (o(), i("div", Ge, [
|
|
301
|
-
|
|
301
|
+
p(a.$slots, "default", P(F(a.$attrs)))
|
|
302
302
|
]));
|
|
303
303
|
}
|
|
304
|
-
}), C = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */
|
|
304
|
+
}), C = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
|
|
305
305
|
__name: "label",
|
|
306
306
|
props: {
|
|
307
307
|
text: {},
|
|
308
308
|
labelDark: { type: Boolean, default: !1 }
|
|
309
309
|
},
|
|
310
310
|
setup(e) {
|
|
311
|
-
const a = e, r =
|
|
311
|
+
const a = e, r = T(() => `Label: ${a.text}`);
|
|
312
312
|
return (l, s) => (o(), i("div", Ye, [
|
|
313
313
|
t("span", {
|
|
314
314
|
"aria-label": r.value,
|
|
315
315
|
"label-dark": l.labelDark,
|
|
316
316
|
class: h(l.labelDark ? "label--dark" : "label--light")
|
|
317
|
-
},
|
|
317
|
+
}, n(l.text), 11, Qe)
|
|
318
318
|
]));
|
|
319
319
|
}
|
|
320
|
-
}), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */
|
|
320
|
+
}), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ f({
|
|
321
321
|
__name: "link",
|
|
322
322
|
props: {
|
|
323
323
|
linkType: { default: "regular" },
|
|
@@ -338,24 +338,24 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
338
338
|
hover: "underline-hover",
|
|
339
339
|
true: "add-underline",
|
|
340
340
|
false: "remove-underline"
|
|
341
|
-
}, l = e, s =
|
|
342
|
-
const { ...
|
|
343
|
-
return
|
|
341
|
+
}, l = e, s = T(() => a[l.linkType]), u = T(() => r[l.underline]), c = T(() => {
|
|
342
|
+
const { ..._ } = ye(l);
|
|
343
|
+
return _;
|
|
344
344
|
});
|
|
345
|
-
return (
|
|
346
|
-
t("div", te(
|
|
345
|
+
return (_, S) => (o(), i("div", Je, [
|
|
346
|
+
t("div", te(c.value, {
|
|
347
347
|
class: ["mir-link", [
|
|
348
348
|
s.value,
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
349
|
+
_.disabled ? "disabled" : "",
|
|
350
|
+
u.value,
|
|
351
|
+
_.arrow ? "link-arrow" : ""
|
|
352
352
|
]]
|
|
353
353
|
}), [
|
|
354
|
-
_
|
|
354
|
+
p(_.$slots, "default")
|
|
355
355
|
], 16)
|
|
356
356
|
]));
|
|
357
357
|
}
|
|
358
|
-
}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */
|
|
358
|
+
}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
|
|
359
359
|
__name: "radio-button",
|
|
360
360
|
props: {
|
|
361
361
|
name: { default: "radio" },
|
|
@@ -368,10 +368,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
368
368
|
emits: ["input"],
|
|
369
369
|
setup(e, { emit: a }) {
|
|
370
370
|
const r = a, l = (s) => {
|
|
371
|
-
const
|
|
372
|
-
r("input",
|
|
371
|
+
const u = s.target;
|
|
372
|
+
r("input", u.checked);
|
|
373
373
|
};
|
|
374
|
-
return (s,
|
|
374
|
+
return (s, u) => (o(), i("div", {
|
|
375
375
|
class: h(["radio__wrapper", s.disabled ? "disabled" : ""])
|
|
376
376
|
}, [
|
|
377
377
|
t("input", {
|
|
@@ -390,11 +390,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
390
390
|
class: h(["radio__label", s.required ? "required" : ""])
|
|
391
391
|
}, [
|
|
392
392
|
tt,
|
|
393
|
-
|
|
393
|
+
p(s.$slots, "default", {}, void 0, !0)
|
|
394
394
|
], 10, et)
|
|
395
395
|
], 2));
|
|
396
396
|
}
|
|
397
|
-
}), lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */
|
|
397
|
+
}), lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ f({
|
|
398
398
|
__name: "select",
|
|
399
399
|
props: {
|
|
400
400
|
id: {},
|
|
@@ -411,7 +411,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
411
411
|
t("label", {
|
|
412
412
|
for: a.id,
|
|
413
413
|
class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
|
|
414
|
-
},
|
|
414
|
+
}, n(a.label), 11, st),
|
|
415
415
|
t("select", {
|
|
416
416
|
id: a.id,
|
|
417
417
|
class: h(a.disabled ? "disabled" : ""),
|
|
@@ -425,11 +425,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
425
425
|
(o(!0), i(D, null, M(a.options, (l) => (o(), i("option", {
|
|
426
426
|
key: l.value,
|
|
427
427
|
value: l.value
|
|
428
|
-
},
|
|
428
|
+
}, n(l.text), 9, rt))), 128))
|
|
429
429
|
], 42, it)
|
|
430
430
|
]));
|
|
431
431
|
}
|
|
432
|
-
}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */
|
|
432
|
+
}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ f({
|
|
433
433
|
__name: "modal",
|
|
434
434
|
props: {
|
|
435
435
|
show: { type: Boolean, default: !1 },
|
|
@@ -440,42 +440,42 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
440
440
|
const r = e, l = a, s = () => {
|
|
441
441
|
l("update:show", !r.show);
|
|
442
442
|
};
|
|
443
|
-
return (
|
|
443
|
+
return (u, c) => (o(), i("div", ct, [
|
|
444
444
|
k($e, {
|
|
445
445
|
duration: 300,
|
|
446
446
|
name: "nested"
|
|
447
447
|
}, {
|
|
448
448
|
default: w(() => [
|
|
449
|
-
|
|
449
|
+
u.show ? (o(), i("div", {
|
|
450
450
|
key: 0,
|
|
451
|
-
class: h(["overlay",
|
|
451
|
+
class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
452
452
|
ariaLabel: "modal",
|
|
453
453
|
role: "dialog",
|
|
454
454
|
onClick: s
|
|
455
455
|
}, [
|
|
456
456
|
t("div", {
|
|
457
457
|
id: "modal",
|
|
458
|
-
class: h([
|
|
459
|
-
onClick:
|
|
458
|
+
class: h([u.searchBar ? "search" : ""]),
|
|
459
|
+
onClick: c[0] || (c[0] = ne(() => {
|
|
460
460
|
}, ["stop"]))
|
|
461
461
|
}, [
|
|
462
462
|
t("div", null, [
|
|
463
|
-
|
|
463
|
+
u.searchBar ? g("", !0) : (o(), A(J, {
|
|
464
464
|
key: 0,
|
|
465
465
|
"aria-label": "close",
|
|
466
466
|
variant: "close",
|
|
467
467
|
onClick: s
|
|
468
468
|
}))
|
|
469
469
|
]),
|
|
470
|
-
|
|
470
|
+
p(u.$slots, "default", {}, void 0, !0)
|
|
471
471
|
], 2)
|
|
472
|
-
], 2)) :
|
|
472
|
+
], 2)) : g("", !0)
|
|
473
473
|
]),
|
|
474
474
|
_: 3
|
|
475
475
|
})
|
|
476
476
|
]));
|
|
477
477
|
}
|
|
478
|
-
}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" },
|
|
478
|
+
}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, pt = { class: "slider__label" }, ht = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
|
|
479
479
|
__name: "slider",
|
|
480
480
|
props: {
|
|
481
481
|
label: {},
|
|
@@ -491,24 +491,24 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
491
491
|
},
|
|
492
492
|
emits: ["update:modelValue"],
|
|
493
493
|
setup(e, { emit: a }) {
|
|
494
|
-
const r = e, l = a, s = I(r.modelValue),
|
|
494
|
+
const r = e, l = a, s = I(r.modelValue), u = I(), c = I(!1), _ = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
|
|
495
495
|
var y;
|
|
496
|
-
(y =
|
|
496
|
+
(y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
|
|
497
497
|
};
|
|
498
|
-
return
|
|
499
|
-
if (
|
|
498
|
+
return de(() => {
|
|
499
|
+
if (u.value) {
|
|
500
500
|
l("update:modelValue", s.value);
|
|
501
|
-
const m =
|
|
501
|
+
const m = _(s.value, r.min, r.max);
|
|
502
502
|
let y = (50 - m) / 100;
|
|
503
503
|
S(m + y);
|
|
504
504
|
}
|
|
505
505
|
}), (m, y) => (o(), i("div", null, [
|
|
506
506
|
t("div", _t, [
|
|
507
|
-
t("div",
|
|
507
|
+
t("div", pt, [
|
|
508
508
|
t("label", {
|
|
509
509
|
for: m.id,
|
|
510
510
|
class: h([m.variant, ""])
|
|
511
|
-
},
|
|
511
|
+
}, n(m.label), 11, ht),
|
|
512
512
|
m.information ? (o(), i("i", {
|
|
513
513
|
key: 0,
|
|
514
514
|
role: "button",
|
|
@@ -516,18 +516,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
516
516
|
"aria-label": m.informationLabel,
|
|
517
517
|
tabindex: "0",
|
|
518
518
|
"aria-haspopup": "dialog",
|
|
519
|
-
onClick: y[0] || (y[0] = (
|
|
520
|
-
onKeyup: y[1] || (y[1] = ke((
|
|
521
|
-
}, null, 42, mt)) :
|
|
519
|
+
onClick: y[0] || (y[0] = (q) => c.value = !c.value),
|
|
520
|
+
onKeyup: y[1] || (y[1] = ke((q) => c.value = !c.value, ["enter"]))
|
|
521
|
+
}, null, 42, mt)) : g("", !0)
|
|
522
522
|
]),
|
|
523
523
|
t("div", vt, [
|
|
524
524
|
t("span", {
|
|
525
525
|
class: h([m.variant, "slider__minmax"])
|
|
526
|
-
},
|
|
526
|
+
}, n(m.min), 3),
|
|
527
527
|
t("input", {
|
|
528
528
|
id: m.id,
|
|
529
529
|
ref_key: "slider",
|
|
530
|
-
ref:
|
|
530
|
+
ref: u,
|
|
531
531
|
type: "range",
|
|
532
532
|
name: m.name,
|
|
533
533
|
value: m.modelValue,
|
|
@@ -535,29 +535,29 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
535
535
|
step: m.step,
|
|
536
536
|
max: m.max,
|
|
537
537
|
class: h(m.variant),
|
|
538
|
-
onInput: y[2] || (y[2] = ({ target:
|
|
538
|
+
onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
|
|
539
539
|
}, null, 42, ft),
|
|
540
540
|
t("span", {
|
|
541
541
|
class: h([m.variant, "slider__minmax"])
|
|
542
|
-
},
|
|
542
|
+
}, n(m.max), 3)
|
|
543
543
|
]),
|
|
544
544
|
t("span", {
|
|
545
545
|
class: h([m.variant, "slider__value"])
|
|
546
|
-
},
|
|
546
|
+
}, n(m.modelValue), 3)
|
|
547
547
|
]),
|
|
548
548
|
m.information ? (o(), A(ue, {
|
|
549
549
|
key: 0,
|
|
550
|
-
show:
|
|
551
|
-
"onUpdate:show": y[3] || (y[3] = (
|
|
550
|
+
show: c.value,
|
|
551
|
+
"onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
|
|
552
552
|
}, {
|
|
553
553
|
default: w(() => [
|
|
554
|
-
j(
|
|
554
|
+
j(n(m.information), 1)
|
|
555
555
|
]),
|
|
556
556
|
_: 1
|
|
557
|
-
}, 8, ["show"])) :
|
|
557
|
+
}, 8, ["show"])) : g("", !0)
|
|
558
558
|
]));
|
|
559
559
|
}
|
|
560
|
-
}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */
|
|
560
|
+
}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ f({
|
|
561
561
|
__name: "textarea",
|
|
562
562
|
props: {
|
|
563
563
|
id: { default: "" },
|
|
@@ -575,7 +575,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
575
575
|
t("label", {
|
|
576
576
|
for: a.id,
|
|
577
577
|
class: h({ required: a.required })
|
|
578
|
-
},
|
|
578
|
+
}, n(a.labelText) + n(a.required ? " *" : ""), 11, $t),
|
|
579
579
|
t("div", {
|
|
580
580
|
id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
|
|
581
581
|
}, [
|
|
@@ -597,13 +597,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
597
597
|
], 8, kt),
|
|
598
598
|
t("div", St, [
|
|
599
599
|
t("div", null, [
|
|
600
|
-
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) :
|
|
600
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : g("", !0)
|
|
601
601
|
]),
|
|
602
602
|
t("p", {
|
|
603
603
|
class: h(
|
|
604
604
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
|
|
605
605
|
)
|
|
606
|
-
},
|
|
606
|
+
}, n(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + n(a.maxLength), 3)
|
|
607
607
|
])
|
|
608
608
|
]));
|
|
609
609
|
}
|
|
@@ -616,7 +616,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
616
616
|
}, Pt = {
|
|
617
617
|
key: 4,
|
|
618
618
|
class: "helperText"
|
|
619
|
-
}, Ft = /* @__PURE__ */
|
|
619
|
+
}, Ft = /* @__PURE__ */ f({
|
|
620
620
|
__name: "text-field",
|
|
621
621
|
props: {
|
|
622
622
|
type: { default: "text" },
|
|
@@ -643,62 +643,62 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
643
643
|
tel: "tel",
|
|
644
644
|
url: "url",
|
|
645
645
|
search: "search"
|
|
646
|
-
}, r = e, l =
|
|
646
|
+
}, r = e, l = T(() => a[r.type]), s = I(!0), u = T(
|
|
647
647
|
() => s.value ? "showPassword" : "hidePassword"
|
|
648
|
-
),
|
|
648
|
+
), c = T(
|
|
649
649
|
() => s.value ? "password" : "text"
|
|
650
650
|
);
|
|
651
|
-
return (
|
|
651
|
+
return (_, S) => (o(), i("div", Lt, [
|
|
652
652
|
t("label", {
|
|
653
|
-
for:
|
|
653
|
+
for: _.id,
|
|
654
654
|
class: h([
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
655
|
+
_.required ? "required" : "",
|
|
656
|
+
_.disabled ? "disabled" : "",
|
|
657
|
+
_.search ? "search" : ""
|
|
658
658
|
])
|
|
659
|
-
},
|
|
659
|
+
}, n(_.label), 11, Tt),
|
|
660
660
|
l.value === "password" ? (o(), i("div", Vt, [
|
|
661
661
|
t("input", {
|
|
662
|
-
id:
|
|
662
|
+
id: _.id,
|
|
663
663
|
ref: "passwordField",
|
|
664
|
-
type:
|
|
665
|
-
value:
|
|
666
|
-
placeholder:
|
|
667
|
-
required:
|
|
668
|
-
disabled:
|
|
669
|
-
name:
|
|
670
|
-
onInput: S[0] || (S[0] = (m) =>
|
|
664
|
+
type: c.value,
|
|
665
|
+
value: _.modelValue,
|
|
666
|
+
placeholder: _.placeholder,
|
|
667
|
+
required: _.required,
|
|
668
|
+
disabled: _.disabled,
|
|
669
|
+
name: _.fieldName,
|
|
670
|
+
onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
|
|
671
671
|
}, null, 40, Ct),
|
|
672
672
|
t("i", {
|
|
673
673
|
role: "button",
|
|
674
|
-
class: h([
|
|
674
|
+
class: h([u.value]),
|
|
675
675
|
"aria-controls": "password",
|
|
676
676
|
"aria-expanded": !s.value,
|
|
677
677
|
onClick: S[1] || (S[1] = (m) => s.value = !s.value)
|
|
678
678
|
}, null, 10, At)
|
|
679
679
|
])) : (o(), i("input", {
|
|
680
680
|
key: 1,
|
|
681
|
-
id:
|
|
681
|
+
id: _.id,
|
|
682
682
|
ref: "textField",
|
|
683
683
|
type: l.value,
|
|
684
|
-
value:
|
|
685
|
-
placeholder:
|
|
686
|
-
required:
|
|
684
|
+
value: _.modelValue,
|
|
685
|
+
placeholder: _.placeholder,
|
|
686
|
+
required: _.required,
|
|
687
687
|
class: h([
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
688
|
+
_.invalid ? "invalid" : "",
|
|
689
|
+
_.valid ? "valid" : "",
|
|
690
|
+
_.search ? "search" : ""
|
|
691
691
|
]),
|
|
692
|
-
disabled:
|
|
693
|
-
name:
|
|
694
|
-
onInput: S[2] || (S[2] = (m) =>
|
|
692
|
+
disabled: _.disabled,
|
|
693
|
+
name: _.fieldName,
|
|
694
|
+
onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
|
|
695
695
|
}, null, 42, Dt)),
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
696
|
+
_.search ? (o(), i("i", Mt)) : g("", !0),
|
|
697
|
+
_.errorMessage ? (o(), i("strong", Ot, n(_.errorMessage), 1)) : g("", !0),
|
|
698
|
+
_.helperText ? (o(), i("span", Pt, n(_.helperText), 1)) : g("", !0)
|
|
699
699
|
]));
|
|
700
700
|
}
|
|
701
|
-
}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "
|
|
701
|
+
}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
|
|
702
702
|
__name: "video",
|
|
703
703
|
props: {
|
|
704
704
|
play: { type: Boolean, default: !1 },
|
|
@@ -716,54 +716,43 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
716
716
|
},
|
|
717
717
|
setup(e, { expose: a }) {
|
|
718
718
|
const r = e;
|
|
719
|
-
let l = I(null)
|
|
720
|
-
return
|
|
721
|
-
setTimeout(() => {
|
|
722
|
-
s.value = !0;
|
|
723
|
-
}, 2e3);
|
|
724
|
-
}), ce(() => {
|
|
719
|
+
let l = I(null);
|
|
720
|
+
return de(() => {
|
|
725
721
|
l.value && (r.play ? l.value.play() : r.play || l.value.pause());
|
|
726
722
|
}), a({
|
|
727
723
|
resetVideo: () => {
|
|
728
724
|
l.value && (l.value.currentTime = 0, l.value.play());
|
|
729
725
|
}
|
|
730
|
-
}), (
|
|
731
|
-
|
|
726
|
+
}), (u, c) => (o(), i("div", Rt, [
|
|
727
|
+
u.localVideo ? (o(), i("video", {
|
|
732
728
|
key: 0,
|
|
733
729
|
ref_key: "videoRef",
|
|
734
730
|
ref: l,
|
|
735
|
-
"aria-label":
|
|
736
|
-
controls:
|
|
737
|
-
poster:
|
|
738
|
-
width:
|
|
739
|
-
height:
|
|
740
|
-
autoplay:
|
|
741
|
-
loop:
|
|
742
|
-
muted:
|
|
731
|
+
"aria-label": u.ariaLabel,
|
|
732
|
+
controls: u.controls,
|
|
733
|
+
poster: u.poster,
|
|
734
|
+
width: u.width,
|
|
735
|
+
height: u.height,
|
|
736
|
+
autoplay: u.autoplay,
|
|
737
|
+
loop: u.loop,
|
|
738
|
+
muted: u.muted,
|
|
743
739
|
type: "video/mp4",
|
|
744
740
|
playsinline: "",
|
|
745
|
-
src:
|
|
746
|
-
}, null, 8, Nt)) : (o(), i("
|
|
741
|
+
src: u.src
|
|
742
|
+
}, null, 8, Nt)) : (o(), i("iframe", {
|
|
747
743
|
key: 1,
|
|
748
|
-
src:
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
q(s) && !n.localVideo ? (o(), i("iframe", {
|
|
754
|
-
key: 2,
|
|
755
|
-
src: n.src,
|
|
756
|
-
"aria-label": n.ariaLabel,
|
|
757
|
-
title: n.title,
|
|
758
|
-
width: n.width,
|
|
759
|
-
height: n.height,
|
|
744
|
+
src: u.src,
|
|
745
|
+
"aria-label": u.ariaLabel,
|
|
746
|
+
title: u.title,
|
|
747
|
+
width: u.width,
|
|
748
|
+
height: u.height,
|
|
760
749
|
frameborder: "0",
|
|
761
750
|
allow: "autoplay; fullscreen",
|
|
762
751
|
allowfullscreen: ""
|
|
763
|
-
}, null, 8,
|
|
752
|
+
}, null, 8, Ht))
|
|
764
753
|
]));
|
|
765
754
|
}
|
|
766
|
-
}), G = /* @__PURE__ */ v(
|
|
755
|
+
}), G = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
|
|
767
756
|
__name: "address",
|
|
768
757
|
props: {
|
|
769
758
|
name: {},
|
|
@@ -775,19 +764,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
775
764
|
email: {}
|
|
776
765
|
},
|
|
777
766
|
setup(e) {
|
|
778
|
-
return (a, r) => (o(), i("div",
|
|
779
|
-
t("div",
|
|
780
|
-
t("div",
|
|
781
|
-
|
|
767
|
+
return (a, r) => (o(), i("div", Ut, [
|
|
768
|
+
t("div", Kt, [
|
|
769
|
+
t("div", jt, [
|
|
770
|
+
p(a.$slots, "address-flag", {}, void 0, !0)
|
|
782
771
|
]),
|
|
783
|
-
t("div",
|
|
784
|
-
t("p",
|
|
785
|
-
t("p", null,
|
|
786
|
-
t("p", null,
|
|
787
|
-
t("p", null,
|
|
788
|
-
a.addressLine3 ? (o(), i("p",
|
|
772
|
+
t("div", Gt, [
|
|
773
|
+
t("p", Wt, n(a.name), 1),
|
|
774
|
+
t("p", null, n(a.company), 1),
|
|
775
|
+
t("p", null, n(a.addressLine1), 1),
|
|
776
|
+
t("p", null, n(a.addressLine2), 1),
|
|
777
|
+
a.addressLine3 ? (o(), i("p", Yt, n(a.addressLine3), 1)) : g("", !0)
|
|
789
778
|
]),
|
|
790
|
-
t("div",
|
|
779
|
+
t("div", Qt, [
|
|
791
780
|
(o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), A(O, {
|
|
792
781
|
key: l,
|
|
793
782
|
underline: "false",
|
|
@@ -797,19 +786,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
797
786
|
t("a", {
|
|
798
787
|
href: "tel:" + l,
|
|
799
788
|
class: "address__phone"
|
|
800
|
-
},
|
|
789
|
+
}, n(l), 9, Zt)
|
|
801
790
|
]),
|
|
802
791
|
_: 2
|
|
803
792
|
}, 1024))), 128)),
|
|
804
793
|
t("a", {
|
|
805
794
|
href: "mailto:" + a.email,
|
|
806
795
|
class: "address__email"
|
|
807
|
-
},
|
|
796
|
+
}, n(a.email), 9, Jt)
|
|
808
797
|
])
|
|
809
798
|
])
|
|
810
799
|
]));
|
|
811
800
|
}
|
|
812
|
-
}),
|
|
801
|
+
}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
|
|
813
802
|
__name: "bullet-list",
|
|
814
803
|
props: {
|
|
815
804
|
list: {
|
|
@@ -829,23 +818,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
829
818
|
}
|
|
830
819
|
},
|
|
831
820
|
setup(e) {
|
|
832
|
-
return (a, r) => (o(), i("div",
|
|
821
|
+
return (a, r) => (o(), i("div", ta, [
|
|
833
822
|
t("div", {
|
|
834
823
|
class: h(["bullet-list", e.variant])
|
|
835
824
|
}, [
|
|
836
825
|
t("ul", null, [
|
|
837
826
|
(o(!0), i(D, null, M(e.list, (l) => (o(), i("li", { key: l }, [
|
|
838
|
-
|
|
839
|
-
j(" " +
|
|
827
|
+
aa,
|
|
828
|
+
j(" " + n(l), 1)
|
|
840
829
|
]))), 128))
|
|
841
830
|
])
|
|
842
831
|
], 2)
|
|
843
832
|
]));
|
|
844
833
|
}
|
|
845
|
-
}),
|
|
834
|
+
}), oa = /* @__PURE__ */ v(la, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, ia = {
|
|
846
835
|
key: 2,
|
|
847
836
|
class: "card__label"
|
|
848
|
-
},
|
|
837
|
+
}, ra = { key: 5 }, na = /* @__PURE__ */ f({
|
|
849
838
|
__name: "card",
|
|
850
839
|
props: {
|
|
851
840
|
variant: { default: "product" },
|
|
@@ -885,66 +874,66 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
885
874
|
width: "596",
|
|
886
875
|
height: "335"
|
|
887
876
|
}
|
|
888
|
-
}, s = e,
|
|
889
|
-
return (
|
|
877
|
+
}, s = e, u = T(() => l[s.size]);
|
|
878
|
+
return (c, _) => (o(), i("div", sa, [
|
|
890
879
|
t("div", {
|
|
891
880
|
class: h(["card", [
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
881
|
+
c.theme === "dark" ? "card--dark" : "card--light",
|
|
882
|
+
c.orientation === "vertical" ? "vertical" : "horizontal",
|
|
883
|
+
u.value.class,
|
|
884
|
+
c.size === "large" && c.variant === "article" ? "card--large-article" : "",
|
|
885
|
+
c.variant === "product" ? "card--product" : "card--article"
|
|
897
886
|
]]),
|
|
898
|
-
style:
|
|
899
|
-
onMouseover:
|
|
900
|
-
onMouseout:
|
|
887
|
+
style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
888
|
+
onMouseover: _[0] || (_[0] = (S) => ie(r) ? r.value = !0 : r = !0),
|
|
889
|
+
onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
|
|
901
890
|
}, [
|
|
902
|
-
|
|
891
|
+
c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
|
|
903
892
|
default: w(() => [
|
|
904
|
-
|
|
905
|
-
src:
|
|
893
|
+
p(c.$slots, "card-image", te({
|
|
894
|
+
src: c.imgSrc,
|
|
906
895
|
width: "596",
|
|
907
896
|
height: "335",
|
|
908
|
-
alt:
|
|
897
|
+
alt: c.alt,
|
|
909
898
|
loading: "auto",
|
|
910
899
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
911
|
-
}, { srcset:
|
|
900
|
+
}, { srcset: c.srcSet }))
|
|
912
901
|
]),
|
|
913
902
|
_: 3
|
|
914
903
|
})) : (o(), i("div", {
|
|
915
904
|
key: 1,
|
|
916
|
-
class: h(["video-card__wrapper",
|
|
905
|
+
class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
|
|
917
906
|
}, [
|
|
918
907
|
k(G, {
|
|
919
|
-
play:
|
|
908
|
+
play: V(r),
|
|
920
909
|
"local-video": !0,
|
|
921
|
-
src:
|
|
922
|
-
"aria-label":
|
|
910
|
+
src: c.videoSrc,
|
|
911
|
+
"aria-label": c.arialabel,
|
|
923
912
|
controls: !1,
|
|
924
|
-
poster:
|
|
925
|
-
width:
|
|
926
|
-
height:
|
|
913
|
+
poster: c.imgSrc,
|
|
914
|
+
width: u.value.width,
|
|
915
|
+
height: u.value.height,
|
|
927
916
|
autoplay: !0,
|
|
928
917
|
loop: !0,
|
|
929
918
|
muted: !0
|
|
930
919
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
931
920
|
], 2)),
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
])) :
|
|
935
|
-
|
|
921
|
+
V(a)["card-label"] ? (o(), i("div", ia, [
|
|
922
|
+
p(c.$slots, "card-label")
|
|
923
|
+
])) : g("", !0),
|
|
924
|
+
c.variant === "product" ? (o(), i("h3", {
|
|
936
925
|
key: 3,
|
|
937
|
-
class: h(
|
|
926
|
+
class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
|
|
938
927
|
style: { "font-weight": "700" }
|
|
939
|
-
},
|
|
928
|
+
}, n(c.headline), 3)) : (o(), i("h3", {
|
|
940
929
|
key: 4,
|
|
941
|
-
class: h(
|
|
942
|
-
},
|
|
943
|
-
|
|
930
|
+
class: h(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
|
|
931
|
+
}, n(c.headline), 3)),
|
|
932
|
+
c.variant === "product" ? (o(), i("p", ra, n(c.paragraph), 1)) : g("", !0)
|
|
944
933
|
], 38)
|
|
945
934
|
]));
|
|
946
935
|
}
|
|
947
|
-
}),
|
|
936
|
+
}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
|
|
948
937
|
__name: "event-card",
|
|
949
938
|
props: {
|
|
950
939
|
eventType: {
|
|
@@ -969,21 +958,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
969
958
|
}
|
|
970
959
|
},
|
|
971
960
|
setup(e) {
|
|
972
|
-
return (a, r) => (o(), i("div",
|
|
961
|
+
return (a, r) => (o(), i("div", ua, [
|
|
973
962
|
k(Y, {
|
|
974
963
|
"label-dark": !1,
|
|
975
964
|
text: e.eventType ? e.eventType : ""
|
|
976
965
|
}, null, 8, ["text"]),
|
|
977
|
-
t("div",
|
|
966
|
+
t("div", _a, n(e.headline), 1),
|
|
978
967
|
t("div", pa, [
|
|
979
|
-
j(
|
|
980
|
-
|
|
981
|
-
j(
|
|
968
|
+
j(n(e.dateTime), 1),
|
|
969
|
+
ha,
|
|
970
|
+
j(n(e.location), 1)
|
|
982
971
|
]),
|
|
983
|
-
t("div",
|
|
972
|
+
t("div", ma, n(e.exhibitor), 1)
|
|
984
973
|
]));
|
|
985
974
|
}
|
|
986
|
-
}),
|
|
975
|
+
}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-bc91c976"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
|
|
987
976
|
__name: "text-card",
|
|
988
977
|
props: {
|
|
989
978
|
label: {
|
|
@@ -1000,21 +989,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1000
989
|
}
|
|
1001
990
|
},
|
|
1002
991
|
setup(e) {
|
|
1003
|
-
return (a, r) => (o(), i("div",
|
|
992
|
+
return (a, r) => (o(), i("div", ga, [
|
|
1004
993
|
k(Y, {
|
|
1005
994
|
"label-dark": !1,
|
|
1006
995
|
text: e.label ? e.label : ""
|
|
1007
996
|
}, null, 8, ["text"]),
|
|
1008
|
-
t("div",
|
|
1009
|
-
t("div",
|
|
1010
|
-
t("p", null,
|
|
997
|
+
t("div", ba, n(e.headline), 1),
|
|
998
|
+
t("div", ya, [
|
|
999
|
+
t("p", null, n(e.paragraph), 1)
|
|
1011
1000
|
])
|
|
1012
1001
|
]));
|
|
1013
1002
|
}
|
|
1014
|
-
}),
|
|
1003
|
+
}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, La = { class: "fact__metric" }, Ta = {
|
|
1015
1004
|
key: 0,
|
|
1016
1005
|
class: "facts__link"
|
|
1017
|
-
},
|
|
1006
|
+
}, Va = /* @__PURE__ */ f({
|
|
1018
1007
|
__name: "facts",
|
|
1019
1008
|
props: {
|
|
1020
1009
|
headline: { default: "" },
|
|
@@ -1038,43 +1027,43 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1038
1027
|
}) }
|
|
1039
1028
|
},
|
|
1040
1029
|
setup(e) {
|
|
1041
|
-
return (a, r) => (o(), i("div",
|
|
1042
|
-
t("div",
|
|
1043
|
-
t("h2",
|
|
1044
|
-
t("div",
|
|
1030
|
+
return (a, r) => (o(), i("div", wa, [
|
|
1031
|
+
t("div", Sa, [
|
|
1032
|
+
t("h2", Ba, n(a.headline), 1),
|
|
1033
|
+
t("div", Ia, [
|
|
1045
1034
|
(o(!0), i(D, null, M(a.facts, (l) => (o(), i("div", {
|
|
1046
1035
|
key: l.value + l.metric,
|
|
1047
1036
|
class: "fact"
|
|
1048
1037
|
}, [
|
|
1049
|
-
t("div",
|
|
1050
|
-
t("span", null,
|
|
1038
|
+
t("div", qa, [
|
|
1039
|
+
t("span", null, n(l.value), 1)
|
|
1051
1040
|
]),
|
|
1052
|
-
t("div",
|
|
1053
|
-
t("span", null,
|
|
1041
|
+
t("div", La, [
|
|
1042
|
+
t("span", null, n(l.metric), 1)
|
|
1054
1043
|
])
|
|
1055
1044
|
]))), 128))
|
|
1056
1045
|
]),
|
|
1057
|
-
a.link ? (o(), i("div",
|
|
1046
|
+
a.link ? (o(), i("div", Ta, [
|
|
1058
1047
|
k(O, {
|
|
1059
1048
|
"link-type": "regular_light",
|
|
1060
1049
|
arrow: ""
|
|
1061
1050
|
}, {
|
|
1062
1051
|
default: w(() => [
|
|
1063
|
-
|
|
1052
|
+
p(a.$slots, "facts-link", {}, void 0, !0)
|
|
1064
1053
|
]),
|
|
1065
1054
|
_: 3
|
|
1066
1055
|
})
|
|
1067
|
-
])) :
|
|
1056
|
+
])) : g("", !0)
|
|
1068
1057
|
])
|
|
1069
1058
|
]));
|
|
1070
1059
|
}
|
|
1071
|
-
}),
|
|
1060
|
+
}), Ca = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
|
|
1072
1061
|
key: 0,
|
|
1073
1062
|
class: "features__headline"
|
|
1074
|
-
},
|
|
1063
|
+
}, Oa = {
|
|
1075
1064
|
key: 1,
|
|
1076
1065
|
class: "features__body"
|
|
1077
|
-
},
|
|
1066
|
+
}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ f({
|
|
1078
1067
|
__name: "features",
|
|
1079
1068
|
props: {
|
|
1080
1069
|
headline: { default: "" },
|
|
@@ -1082,14 +1071,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1082
1071
|
elements: { default: () => [] }
|
|
1083
1072
|
},
|
|
1084
1073
|
setup(e) {
|
|
1085
|
-
return (a, r) => (o(), i("div",
|
|
1086
|
-
t("div",
|
|
1087
|
-
a.headline ? (o(), i("div",
|
|
1088
|
-
t("h2", null,
|
|
1089
|
-
])) :
|
|
1090
|
-
a.body ? (o(), i("div",
|
|
1091
|
-
t("p", null,
|
|
1092
|
-
])) :
|
|
1074
|
+
return (a, r) => (o(), i("div", Aa, [
|
|
1075
|
+
t("div", Da, [
|
|
1076
|
+
a.headline ? (o(), i("div", Ma, [
|
|
1077
|
+
t("h2", null, n(a.headline), 1)
|
|
1078
|
+
])) : g("", !0),
|
|
1079
|
+
a.body ? (o(), i("div", Oa, [
|
|
1080
|
+
t("p", null, n(a.body), 1)
|
|
1081
|
+
])) : g("", !0),
|
|
1093
1082
|
t("div", {
|
|
1094
1083
|
class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1095
1084
|
}, [
|
|
@@ -1099,7 +1088,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1099
1088
|
}, [
|
|
1100
1089
|
k(C, { class: "element__icon" }, {
|
|
1101
1090
|
default: w(() => [
|
|
1102
|
-
|
|
1091
|
+
p(a.$slots, "features-icon", P(F({
|
|
1103
1092
|
src: l.icon.src,
|
|
1104
1093
|
height: 30,
|
|
1105
1094
|
width: 30,
|
|
@@ -1108,14 +1097,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1108
1097
|
]),
|
|
1109
1098
|
_: 2
|
|
1110
1099
|
}, 1024),
|
|
1111
|
-
t("p",
|
|
1112
|
-
t("p",
|
|
1100
|
+
t("p", Pa, n(l.headline), 1),
|
|
1101
|
+
t("p", Fa, n(l.body), 1)
|
|
1113
1102
|
]))), 128))
|
|
1114
1103
|
], 2)
|
|
1115
1104
|
])
|
|
1116
1105
|
]));
|
|
1117
1106
|
}
|
|
1118
|
-
}),
|
|
1107
|
+
}), Ra = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Na = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
|
|
1119
1108
|
__name: "form-script",
|
|
1120
1109
|
props: {
|
|
1121
1110
|
headline: {
|
|
@@ -1124,21 +1113,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1124
1113
|
}
|
|
1125
1114
|
},
|
|
1126
1115
|
setup(e) {
|
|
1127
|
-
return (a, r) => (o(), i("div",
|
|
1128
|
-
t("div",
|
|
1129
|
-
t("div",
|
|
1130
|
-
t("h2",
|
|
1131
|
-
t("div",
|
|
1132
|
-
|
|
1116
|
+
return (a, r) => (o(), i("div", Na, [
|
|
1117
|
+
t("div", Ha, [
|
|
1118
|
+
t("div", za, [
|
|
1119
|
+
t("h2", Ua, n(e.headline), 1),
|
|
1120
|
+
t("div", Ka, [
|
|
1121
|
+
p(a.$slots, "form-body", {}, void 0, !0)
|
|
1133
1122
|
])
|
|
1134
1123
|
]),
|
|
1135
|
-
t("div",
|
|
1136
|
-
|
|
1124
|
+
t("div", ja, [
|
|
1125
|
+
p(a.$slots, "form-script", {}, void 0, !0)
|
|
1137
1126
|
])
|
|
1138
1127
|
])
|
|
1139
1128
|
]));
|
|
1140
1129
|
}
|
|
1141
|
-
}),
|
|
1130
|
+
}), Wa = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-55d9c2fd"]]), Ya = { class: "image__wrapper" }, Qa = { class: "image__content" }, Za = { class: "image__image" }, Ja = { class: "image__caption" }, Xa = /* @__PURE__ */ f({
|
|
1142
1131
|
inheritAttrs: !1,
|
|
1143
1132
|
__name: "image",
|
|
1144
1133
|
props: {
|
|
@@ -1157,30 +1146,30 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1157
1146
|
}
|
|
1158
1147
|
},
|
|
1159
1148
|
setup(e) {
|
|
1160
|
-
return (a, r) => (o(), i("div",
|
|
1161
|
-
t("div",
|
|
1162
|
-
t("div",
|
|
1149
|
+
return (a, r) => (o(), i("div", Ya, [
|
|
1150
|
+
t("div", Qa, [
|
|
1151
|
+
t("div", Za, [
|
|
1163
1152
|
k(C, null, {
|
|
1164
1153
|
default: w(() => [
|
|
1165
|
-
|
|
1154
|
+
p(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1166
1155
|
]),
|
|
1167
1156
|
_: 3
|
|
1168
1157
|
})
|
|
1169
1158
|
]),
|
|
1170
|
-
t("p",
|
|
1159
|
+
t("p", Ja, n(e.caption), 1)
|
|
1171
1160
|
])
|
|
1172
1161
|
]));
|
|
1173
1162
|
}
|
|
1174
|
-
}),
|
|
1163
|
+
}), xa = /* @__PURE__ */ v(Xa, [["__scopeId", "data-v-79ce0bb6"]]), el = { class: "gallery__large" }, tl = {
|
|
1175
1164
|
key: 0,
|
|
1176
1165
|
class: "image image--large"
|
|
1177
|
-
},
|
|
1166
|
+
}, al = {
|
|
1178
1167
|
key: 1,
|
|
1179
1168
|
class: "video"
|
|
1180
|
-
},
|
|
1169
|
+
}, ll = {
|
|
1181
1170
|
key: 0,
|
|
1182
1171
|
class: "body"
|
|
1183
|
-
},
|
|
1172
|
+
}, ol = /* @__PURE__ */ f({
|
|
1184
1173
|
__name: "image-gallery",
|
|
1185
1174
|
props: {
|
|
1186
1175
|
mediaLarge: {},
|
|
@@ -1196,8 +1185,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1196
1185
|
white: "",
|
|
1197
1186
|
light: "gallery__wrapper--light",
|
|
1198
1187
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1199
|
-
}, r = e, l =
|
|
1200
|
-
return (s,
|
|
1188
|
+
}, r = e, l = T(() => a[r.bgColor]);
|
|
1189
|
+
return (s, u) => (o(), i("div", {
|
|
1201
1190
|
class: h(["gallery__wrapper", l.value])
|
|
1202
1191
|
}, [
|
|
1203
1192
|
t("div", {
|
|
@@ -1206,11 +1195,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1206
1195
|
s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1207
1196
|
])
|
|
1208
1197
|
}, [
|
|
1209
|
-
t("div",
|
|
1210
|
-
s.mediaLarge && s.mediaType === "image" ? (o(), i("div",
|
|
1198
|
+
t("div", el, [
|
|
1199
|
+
s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
|
|
1211
1200
|
k(C, null, {
|
|
1212
1201
|
default: w(() => [
|
|
1213
|
-
|
|
1202
|
+
p(s.$slots, "image-large", P(F({
|
|
1214
1203
|
width: 617,
|
|
1215
1204
|
height: 530,
|
|
1216
1205
|
src: s.mediaLarge.src,
|
|
@@ -1219,8 +1208,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1219
1208
|
]),
|
|
1220
1209
|
_: 3
|
|
1221
1210
|
})
|
|
1222
|
-
])) :
|
|
1223
|
-
s.mediaLarge && s.mediaType === "video" ? (o(), i("div",
|
|
1211
|
+
])) : g("", !0),
|
|
1212
|
+
s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
|
|
1224
1213
|
k(G, {
|
|
1225
1214
|
src: s.mediaLarge.src,
|
|
1226
1215
|
"local-video": "",
|
|
@@ -1233,39 +1222,39 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1233
1222
|
muted: "",
|
|
1234
1223
|
play: ""
|
|
1235
1224
|
}, null, 8, ["src", "aria-label"])
|
|
1236
|
-
])) :
|
|
1225
|
+
])) : g("", !0)
|
|
1237
1226
|
]),
|
|
1238
1227
|
t("div", {
|
|
1239
|
-
style:
|
|
1228
|
+
style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1240
1229
|
class: h([
|
|
1241
1230
|
"gallery__small",
|
|
1242
1231
|
s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1243
1232
|
])
|
|
1244
1233
|
}, [
|
|
1245
|
-
(o(!0), i(D, null, M(s.mediaSmall, (
|
|
1246
|
-
key:
|
|
1234
|
+
(o(!0), i(D, null, M(s.mediaSmall, (c) => (o(), i("div", {
|
|
1235
|
+
key: c.src + c.alt,
|
|
1247
1236
|
class: "image image--small"
|
|
1248
1237
|
}, [
|
|
1249
1238
|
k(C, null, {
|
|
1250
1239
|
default: w(() => [
|
|
1251
|
-
|
|
1240
|
+
p(s.$slots, "image-small", P(F({
|
|
1252
1241
|
width: 328,
|
|
1253
1242
|
height: 246,
|
|
1254
|
-
src:
|
|
1255
|
-
alt:
|
|
1243
|
+
src: c.src,
|
|
1244
|
+
alt: c.alt
|
|
1256
1245
|
})))
|
|
1257
1246
|
]),
|
|
1258
1247
|
_: 2
|
|
1259
1248
|
}, 1024)
|
|
1260
1249
|
]))), 128)),
|
|
1261
|
-
s.mediaSmall.length < 2 ? (o(), i("div",
|
|
1262
|
-
t("p", null,
|
|
1263
|
-
])) :
|
|
1250
|
+
s.mediaSmall.length < 2 ? (o(), i("div", ll, [
|
|
1251
|
+
t("p", null, n(s.body), 1)
|
|
1252
|
+
])) : g("", !0)
|
|
1264
1253
|
], 6)
|
|
1265
1254
|
], 2)
|
|
1266
1255
|
], 2));
|
|
1267
1256
|
}
|
|
1268
|
-
}),
|
|
1257
|
+
}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ f({
|
|
1269
1258
|
__name: "headline",
|
|
1270
1259
|
props: {
|
|
1271
1260
|
headline: {
|
|
@@ -1282,7 +1271,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1282
1271
|
}
|
|
1283
1272
|
},
|
|
1284
1273
|
setup(e) {
|
|
1285
|
-
return (a, r) => (o(), i("div",
|
|
1274
|
+
return (a, r) => (o(), i("div", il, [
|
|
1286
1275
|
t("div", {
|
|
1287
1276
|
class: h({
|
|
1288
1277
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
@@ -1291,11 +1280,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1291
1280
|
"headline__content--default": !e.article && !e.subMenu
|
|
1292
1281
|
})
|
|
1293
1282
|
}, [
|
|
1294
|
-
t("h1",
|
|
1283
|
+
t("h1", rl, n(e.headline), 1)
|
|
1295
1284
|
], 2)
|
|
1296
1285
|
]));
|
|
1297
1286
|
}
|
|
1298
|
-
}),
|
|
1287
|
+
}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = /* @__PURE__ */ f({
|
|
1299
1288
|
__name: "hero",
|
|
1300
1289
|
props: {
|
|
1301
1290
|
headline: {
|
|
@@ -1308,28 +1297,28 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1308
1297
|
}
|
|
1309
1298
|
},
|
|
1310
1299
|
setup(e) {
|
|
1311
|
-
return (a, r) => (o(), i("div",
|
|
1312
|
-
t("div",
|
|
1300
|
+
return (a, r) => (o(), i("div", ul, [
|
|
1301
|
+
t("div", _l, [
|
|
1313
1302
|
t("div", pl, [
|
|
1314
|
-
t("div",
|
|
1315
|
-
t("div",
|
|
1316
|
-
t("h1", null,
|
|
1303
|
+
t("div", hl, [
|
|
1304
|
+
t("div", ml, [
|
|
1305
|
+
t("h1", null, n(e.headline), 1)
|
|
1317
1306
|
]),
|
|
1318
|
-
t("div",
|
|
1307
|
+
t("div", vl, [
|
|
1319
1308
|
k(O, {
|
|
1320
1309
|
"link-type": "regular_light",
|
|
1321
1310
|
arrow: ""
|
|
1322
1311
|
}, {
|
|
1323
1312
|
default: w(() => [
|
|
1324
|
-
|
|
1313
|
+
p(a.$slots, "hero-link", {}, void 0, !0)
|
|
1325
1314
|
]),
|
|
1326
1315
|
_: 3
|
|
1327
1316
|
})
|
|
1328
1317
|
])
|
|
1329
1318
|
])
|
|
1330
1319
|
]),
|
|
1331
|
-
t("div",
|
|
1332
|
-
|
|
1320
|
+
t("div", fl, [
|
|
1321
|
+
gl,
|
|
1333
1322
|
k(G, {
|
|
1334
1323
|
src: e.video.src,
|
|
1335
1324
|
"local-video": "",
|
|
@@ -1345,10 +1334,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1345
1334
|
])
|
|
1346
1335
|
]));
|
|
1347
1336
|
}
|
|
1348
|
-
}),
|
|
1337
|
+
}), yl = /* @__PURE__ */ v(bl, [["__scopeId", "data-v-bfcd60d5"]]), $l = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, wl = {
|
|
1349
1338
|
key: 0,
|
|
1350
1339
|
class: "logo-wall__text"
|
|
1351
|
-
},
|
|
1340
|
+
}, Sl = { key: 0 }, Bl = { key: 1 }, Il = { class: "logo-wall__logos" }, ql = { class: "logo-wall__link" }, Ll = /* @__PURE__ */ f({
|
|
1352
1341
|
__name: "logo-wall",
|
|
1353
1342
|
props: {
|
|
1354
1343
|
headline: {
|
|
@@ -1366,20 +1355,20 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1366
1355
|
}
|
|
1367
1356
|
},
|
|
1368
1357
|
setup(e) {
|
|
1369
|
-
return (a, r) => (o(), i("div",
|
|
1370
|
-
t("div",
|
|
1371
|
-
e.headline || e.body ? (o(), i("div",
|
|
1372
|
-
e.headline ? (o(), i("h2",
|
|
1373
|
-
e.body ? (o(), i("p",
|
|
1374
|
-
])) :
|
|
1375
|
-
t("div",
|
|
1358
|
+
return (a, r) => (o(), i("div", $l, [
|
|
1359
|
+
t("div", kl, [
|
|
1360
|
+
e.headline || e.body ? (o(), i("div", wl, [
|
|
1361
|
+
e.headline ? (o(), i("h2", Sl, n(e.headline), 1)) : g("", !0),
|
|
1362
|
+
e.body ? (o(), i("p", Bl, n(e.body), 1)) : g("", !0)
|
|
1363
|
+
])) : g("", !0),
|
|
1364
|
+
t("div", Il, [
|
|
1376
1365
|
(o(!0), i(D, null, M(e.logos, (l) => (o(), i("div", {
|
|
1377
1366
|
key: l.src + l.alt,
|
|
1378
1367
|
class: "logo-wall__logo"
|
|
1379
1368
|
}, [
|
|
1380
1369
|
k(C, null, {
|
|
1381
1370
|
default: w(() => [
|
|
1382
|
-
|
|
1371
|
+
p(a.$slots, "logo-wall-logo", P(F({
|
|
1383
1372
|
width: 130,
|
|
1384
1373
|
height: 130,
|
|
1385
1374
|
src: l.src,
|
|
@@ -1390,13 +1379,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1390
1379
|
}, 1024)
|
|
1391
1380
|
]))), 128))
|
|
1392
1381
|
]),
|
|
1393
|
-
t("div",
|
|
1382
|
+
t("div", ql, [
|
|
1394
1383
|
k(O, {
|
|
1395
1384
|
"link-type": "regular_light",
|
|
1396
1385
|
arrow: !0
|
|
1397
1386
|
}, {
|
|
1398
1387
|
default: w(() => [
|
|
1399
|
-
|
|
1388
|
+
p(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1400
1389
|
]),
|
|
1401
1390
|
_: 3
|
|
1402
1391
|
})
|
|
@@ -1404,13 +1393,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1404
1393
|
])
|
|
1405
1394
|
]));
|
|
1406
1395
|
}
|
|
1407
|
-
}),
|
|
1396
|
+
}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Vl = { class: "micro-stories__top" }, Cl = {
|
|
1408
1397
|
key: 0,
|
|
1409
1398
|
class: "headline"
|
|
1410
|
-
},
|
|
1399
|
+
}, Al = {
|
|
1411
1400
|
key: 1,
|
|
1412
1401
|
class: "body"
|
|
1413
|
-
},
|
|
1402
|
+
}, Dl = { class: "micro-stories__splide" }, Ml = /* @__PURE__ */ f({
|
|
1414
1403
|
__name: "micro-stories",
|
|
1415
1404
|
props: {
|
|
1416
1405
|
bgColor: { default: "blue" },
|
|
@@ -1422,36 +1411,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1422
1411
|
white: "micro-stories__wrapper--white",
|
|
1423
1412
|
blue: "micro-stories__wrapper--blue",
|
|
1424
1413
|
dark: "micro-stories__wrapper--dark"
|
|
1425
|
-
}, r =
|
|
1426
|
-
return (s,
|
|
1414
|
+
}, r = T(() => a[l.bgColor]), l = e;
|
|
1415
|
+
return (s, u) => (o(), i("div", {
|
|
1427
1416
|
class: h(["micro-stories__wrapper", r.value])
|
|
1428
1417
|
}, [
|
|
1429
|
-
t("div",
|
|
1430
|
-
s.headline ? (o(), i("div",
|
|
1431
|
-
t("h2", null,
|
|
1432
|
-
])) :
|
|
1433
|
-
s.body ? (o(), i("div",
|
|
1434
|
-
t("p", null,
|
|
1435
|
-
])) :
|
|
1418
|
+
t("div", Vl, [
|
|
1419
|
+
s.headline ? (o(), i("div", Cl, [
|
|
1420
|
+
t("h2", null, n(s.headline), 1)
|
|
1421
|
+
])) : g("", !0),
|
|
1422
|
+
s.body ? (o(), i("div", Al, [
|
|
1423
|
+
t("p", null, n(s.body), 1)
|
|
1424
|
+
])) : g("", !0)
|
|
1436
1425
|
]),
|
|
1437
|
-
t("div",
|
|
1438
|
-
|
|
1426
|
+
t("div", Dl, [
|
|
1427
|
+
p(s.$slots, "micro-stories-slides")
|
|
1439
1428
|
]),
|
|
1440
|
-
|
|
1429
|
+
p(s.$slots, "micro-stories-controls")
|
|
1441
1430
|
], 2));
|
|
1442
1431
|
}
|
|
1443
|
-
}),
|
|
1444
|
-
function
|
|
1445
|
-
return o(), i("div",
|
|
1446
|
-
t("div",
|
|
1447
|
-
|
|
1432
|
+
}), Ol = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
|
|
1433
|
+
function El(e, a) {
|
|
1434
|
+
return o(), i("div", Pl, [
|
|
1435
|
+
t("div", Fl, [
|
|
1436
|
+
p(e.$slots, "default", {}, void 0, !0)
|
|
1448
1437
|
])
|
|
1449
1438
|
]);
|
|
1450
1439
|
}
|
|
1451
|
-
const
|
|
1440
|
+
const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Nl = { class: "card-display__wrapper" }, Hl = {
|
|
1452
1441
|
key: 0,
|
|
1453
1442
|
class: "card__content"
|
|
1454
|
-
},
|
|
1443
|
+
}, zl = { key: 0 }, Ul = { key: 1 }, Kl = { class: "card__cards" }, jl = /* @__PURE__ */ f({
|
|
1455
1444
|
__name: "card-display",
|
|
1456
1445
|
props: {
|
|
1457
1446
|
headline: {
|
|
@@ -1474,18 +1463,18 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1474
1463
|
e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
|
|
1475
1464
|
])
|
|
1476
1465
|
}, [
|
|
1477
|
-
t("div",
|
|
1478
|
-
e.headline || e.paragraph ? (o(), i("div",
|
|
1479
|
-
e.headline ? (o(), i("h2",
|
|
1480
|
-
e.paragraph ? (o(), i("p",
|
|
1481
|
-
])) :
|
|
1482
|
-
t("div",
|
|
1483
|
-
|
|
1466
|
+
t("div", Nl, [
|
|
1467
|
+
e.headline || e.paragraph ? (o(), i("div", Hl, [
|
|
1468
|
+
e.headline ? (o(), i("h2", zl, n(e.headline), 1)) : g("", !0),
|
|
1469
|
+
e.paragraph ? (o(), i("p", Ul, n(e.paragraph), 1)) : g("", !0)
|
|
1470
|
+
])) : g("", !0),
|
|
1471
|
+
t("div", Kl, [
|
|
1472
|
+
p(a.$slots, "card-display-cards", {}, void 0, !0)
|
|
1484
1473
|
])
|
|
1485
1474
|
])
|
|
1486
1475
|
], 2));
|
|
1487
1476
|
}
|
|
1488
|
-
}),
|
|
1477
|
+
}), Gl = /* @__PURE__ */ v(jl, [["__scopeId", "data-v-183dcee5"]]), Wl = { class: "promo__content" }, Yl = /* @__PURE__ */ f({
|
|
1489
1478
|
__name: "promo",
|
|
1490
1479
|
props: {
|
|
1491
1480
|
label: { default: "" },
|
|
@@ -1505,15 +1494,15 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1505
1494
|
dark: "promo__wrapper--dark",
|
|
1506
1495
|
light: "promo__wrapper--light",
|
|
1507
1496
|
default: "promo__wrapper--default"
|
|
1508
|
-
}, r = e, l =
|
|
1509
|
-
return (s,
|
|
1497
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
1498
|
+
return (s, u) => (o(), i("div", {
|
|
1510
1499
|
class: h([
|
|
1511
1500
|
"promo__wrapper",
|
|
1512
1501
|
l.value,
|
|
1513
1502
|
s.teaser ? "promo__wrapper--teaser" : ""
|
|
1514
1503
|
])
|
|
1515
1504
|
}, [
|
|
1516
|
-
t("div",
|
|
1505
|
+
t("div", Wl, [
|
|
1517
1506
|
s.mediaType === "image" ? (o(), i("div", {
|
|
1518
1507
|
key: 0,
|
|
1519
1508
|
class: h([
|
|
@@ -1523,11 +1512,11 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1523
1512
|
}, [
|
|
1524
1513
|
k(C, null, {
|
|
1525
1514
|
default: w(() => [
|
|
1526
|
-
|
|
1515
|
+
p(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
|
|
1527
1516
|
]),
|
|
1528
1517
|
_: 3
|
|
1529
1518
|
})
|
|
1530
|
-
], 2)) :
|
|
1519
|
+
], 2)) : g("", !0),
|
|
1531
1520
|
s.mediaType === "video" ? (o(), i("div", {
|
|
1532
1521
|
key: 1,
|
|
1533
1522
|
class: h([
|
|
@@ -1546,7 +1535,7 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1546
1535
|
play: "",
|
|
1547
1536
|
poster: s.fallbackImage
|
|
1548
1537
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1549
|
-
], 2)) :
|
|
1538
|
+
], 2)) : g("", !0),
|
|
1550
1539
|
t("div", {
|
|
1551
1540
|
class: h([
|
|
1552
1541
|
"promo__text",
|
|
@@ -1557,40 +1546,40 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1557
1546
|
key: 0,
|
|
1558
1547
|
text: s.label,
|
|
1559
1548
|
"label-dark": s.variant === "dark"
|
|
1560
|
-
}, null, 8, ["text", "label-dark"])) :
|
|
1549
|
+
}, null, 8, ["text", "label-dark"])) : g("", !0),
|
|
1561
1550
|
t("div", {
|
|
1562
1551
|
class: h([
|
|
1563
1552
|
"promo__title",
|
|
1564
1553
|
s.variant === "dark" ? "promo__title--dark" : ""
|
|
1565
1554
|
])
|
|
1566
|
-
},
|
|
1555
|
+
}, n(s.headline), 3),
|
|
1567
1556
|
s.linkType === "link" ? (o(), A(O, {
|
|
1568
1557
|
key: 1,
|
|
1569
1558
|
"link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
|
|
1570
1559
|
arrow: ""
|
|
1571
1560
|
}, {
|
|
1572
1561
|
default: w(() => [
|
|
1573
|
-
|
|
1562
|
+
p(s.$slots, "promo-link")
|
|
1574
1563
|
]),
|
|
1575
1564
|
_: 3
|
|
1576
|
-
}, 8, ["link-type"])) :
|
|
1565
|
+
}, 8, ["link-type"])) : g("", !0),
|
|
1577
1566
|
s.linkType === "button" ? (o(), A(O, {
|
|
1578
1567
|
key: 2,
|
|
1579
1568
|
"link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
|
|
1580
1569
|
}, {
|
|
1581
1570
|
default: w(() => [
|
|
1582
|
-
|
|
1571
|
+
p(s.$slots, "promo-link")
|
|
1583
1572
|
]),
|
|
1584
1573
|
_: 3
|
|
1585
|
-
}, 8, ["link-type"])) :
|
|
1574
|
+
}, 8, ["link-type"])) : g("", !0)
|
|
1586
1575
|
], 2)
|
|
1587
1576
|
])
|
|
1588
1577
|
], 2));
|
|
1589
1578
|
}
|
|
1590
|
-
}),
|
|
1579
|
+
}), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), Jl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Zl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), eo = { class: "quote__quote" }, to = { class: "quote__quote-text" }, ao = { class: "quote__author" }, lo = {
|
|
1591
1580
|
key: 0,
|
|
1592
1581
|
class: "quote__image"
|
|
1593
|
-
},
|
|
1582
|
+
}, oo = { class: "quote__text" }, so = { class: "quote__author-name" }, io = { class: "quote__author-title" }, ro = /* @__PURE__ */ f({
|
|
1594
1583
|
__name: "quote",
|
|
1595
1584
|
props: {
|
|
1596
1585
|
quote: {
|
|
@@ -1612,16 +1601,16 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1612
1601
|
}
|
|
1613
1602
|
},
|
|
1614
1603
|
setup(e) {
|
|
1615
|
-
return (a, r) => (o(), i("div",
|
|
1616
|
-
t("div",
|
|
1617
|
-
|
|
1618
|
-
t("div",
|
|
1619
|
-
t("p",
|
|
1620
|
-
t("div",
|
|
1621
|
-
e.authorImage ? (o(), i("div",
|
|
1604
|
+
return (a, r) => (o(), i("div", Jl, [
|
|
1605
|
+
t("div", Xl, [
|
|
1606
|
+
xl,
|
|
1607
|
+
t("div", eo, [
|
|
1608
|
+
t("p", to, n(e.quote), 1),
|
|
1609
|
+
t("div", ao, [
|
|
1610
|
+
e.authorImage ? (o(), i("div", lo, [
|
|
1622
1611
|
k(C, null, {
|
|
1623
1612
|
default: w(() => [
|
|
1624
|
-
|
|
1613
|
+
p(a.$slots, "author-image", P(F({
|
|
1625
1614
|
src: e.authorImage + "/m/100x100",
|
|
1626
1615
|
width: 60,
|
|
1627
1616
|
height: 60
|
|
@@ -1629,23 +1618,23 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1629
1618
|
]),
|
|
1630
1619
|
_: 3
|
|
1631
1620
|
})
|
|
1632
|
-
])) :
|
|
1633
|
-
t("div",
|
|
1634
|
-
t("p",
|
|
1635
|
-
t("p",
|
|
1621
|
+
])) : g("", !0),
|
|
1622
|
+
t("div", oo, [
|
|
1623
|
+
t("p", so, n(e.author), 1),
|
|
1624
|
+
t("p", io, n(e.authorTitle), 1)
|
|
1636
1625
|
])
|
|
1637
1626
|
])
|
|
1638
1627
|
])
|
|
1639
1628
|
])
|
|
1640
1629
|
]));
|
|
1641
1630
|
}
|
|
1642
|
-
}),
|
|
1631
|
+
}), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-e3cc8e27"]]), co = { class: "rich-text__wrapper" }, uo = {
|
|
1643
1632
|
key: 0,
|
|
1644
1633
|
class: "rich-text__links"
|
|
1645
|
-
},
|
|
1634
|
+
}, _o = {
|
|
1646
1635
|
key: 0,
|
|
1647
1636
|
class: "rich-text__bullet-list"
|
|
1648
|
-
}, po = /* @__PURE__ */
|
|
1637
|
+
}, po = /* @__PURE__ */ f({
|
|
1649
1638
|
__name: "rich-text",
|
|
1650
1639
|
props: {
|
|
1651
1640
|
headline: { default: "" },
|
|
@@ -1664,19 +1653,19 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1664
1653
|
a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1665
1654
|
])
|
|
1666
1655
|
}, [
|
|
1667
|
-
t("div",
|
|
1656
|
+
t("div", co, [
|
|
1668
1657
|
a.label ? (o(), A(Y, {
|
|
1669
1658
|
key: 0,
|
|
1670
1659
|
text: a.label,
|
|
1671
1660
|
"label-dark": !1
|
|
1672
|
-
}, null, 8, ["text"])) :
|
|
1661
|
+
}, null, 8, ["text"])) : g("", !0),
|
|
1673
1662
|
a.headline ? (o(), i("h2", {
|
|
1674
1663
|
key: 1,
|
|
1675
1664
|
class: h([
|
|
1676
1665
|
"rich-text__headline",
|
|
1677
1666
|
a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1678
1667
|
])
|
|
1679
|
-
},
|
|
1668
|
+
}, n(a.headline), 3)) : g("", !0),
|
|
1680
1669
|
t("div", {
|
|
1681
1670
|
class: h([
|
|
1682
1671
|
"rich-text__content",
|
|
@@ -1689,14 +1678,14 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1689
1678
|
a.bulletList || a.image ? "rich-text__body--content-right" : ""
|
|
1690
1679
|
])
|
|
1691
1680
|
}, [
|
|
1692
|
-
|
|
1693
|
-
a.links ? (o(), i("div",
|
|
1694
|
-
|
|
1695
|
-
])) :
|
|
1681
|
+
p(a.$slots, "rich-text-content"),
|
|
1682
|
+
a.links ? (o(), i("div", uo, [
|
|
1683
|
+
p(a.$slots, "rich-text-links")
|
|
1684
|
+
])) : g("", !0)
|
|
1696
1685
|
], 2),
|
|
1697
|
-
a.bulletList ? (o(), i("div",
|
|
1698
|
-
|
|
1699
|
-
])) :
|
|
1686
|
+
a.bulletList ? (o(), i("div", _o, [
|
|
1687
|
+
p(a.$slots, "rich-text-bullet-list")
|
|
1688
|
+
])) : g("", !0),
|
|
1700
1689
|
a.image ? (o(), i("div", {
|
|
1701
1690
|
key: 1,
|
|
1702
1691
|
class: h([
|
|
@@ -1706,36 +1695,36 @@ const Nl = /* @__PURE__ */ v(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b
|
|
|
1706
1695
|
}, [
|
|
1707
1696
|
k(C, null, {
|
|
1708
1697
|
default: w(() => [
|
|
1709
|
-
|
|
1698
|
+
p(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
|
|
1710
1699
|
]),
|
|
1711
1700
|
_: 3
|
|
1712
1701
|
})
|
|
1713
|
-
], 2)) :
|
|
1702
|
+
], 2)) : g("", !0)
|
|
1714
1703
|
], 2)
|
|
1715
1704
|
])
|
|
1716
1705
|
], 2));
|
|
1717
1706
|
}
|
|
1718
|
-
}),
|
|
1719
|
-
function
|
|
1720
|
-
return o(), i("div",
|
|
1721
|
-
t("div",
|
|
1722
|
-
t("div",
|
|
1723
|
-
t("div",
|
|
1707
|
+
}), ho = /* @__PURE__ */ v(po, [["__scopeId", "data-v-7bcde564"]]), mo = {}, vo = { class: "rich-text" }, fo = { class: "rich-text__wrapper" }, go = { class: "rich-text__content rich-text__content--left-aligned" }, bo = { class: "rich-text__body" };
|
|
1708
|
+
function yo(e, a) {
|
|
1709
|
+
return o(), i("div", vo, [
|
|
1710
|
+
t("div", fo, [
|
|
1711
|
+
t("div", go, [
|
|
1712
|
+
t("div", bo, [
|
|
1724
1713
|
t("div", null, [
|
|
1725
|
-
|
|
1714
|
+
p(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1726
1715
|
]),
|
|
1727
1716
|
t("div", null, [
|
|
1728
|
-
|
|
1717
|
+
p(e.$slots, "rich-text-content-right", {}, void 0, !0)
|
|
1729
1718
|
])
|
|
1730
1719
|
])
|
|
1731
1720
|
])
|
|
1732
1721
|
])
|
|
1733
1722
|
]);
|
|
1734
1723
|
}
|
|
1735
|
-
const
|
|
1724
|
+
const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), R(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1736
1725
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1737
1726
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1738
|
-
], -1)),
|
|
1727
|
+
], -1)), Lo = { class: "item__right" }, To = ["innerHTML"], Vo = /* @__PURE__ */ f({
|
|
1739
1728
|
__name: "timeline",
|
|
1740
1729
|
props: {
|
|
1741
1730
|
timelineItems: {
|
|
@@ -1744,7 +1733,7 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1744
1733
|
}
|
|
1745
1734
|
},
|
|
1746
1735
|
setup(e) {
|
|
1747
|
-
return
|
|
1736
|
+
return ce(() => {
|
|
1748
1737
|
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1749
1738
|
(l) => {
|
|
1750
1739
|
l.forEach((s) => {
|
|
@@ -1758,40 +1747,40 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1758
1747
|
a.forEach((l) => {
|
|
1759
1748
|
r.observe(l);
|
|
1760
1749
|
});
|
|
1761
|
-
}), (a, r) => (o(), i("div",
|
|
1762
|
-
t("div",
|
|
1763
|
-
t("div",
|
|
1750
|
+
}), (a, r) => (o(), i("div", wo, [
|
|
1751
|
+
t("div", So, [
|
|
1752
|
+
t("div", Bo, [
|
|
1764
1753
|
(o(!0), i(D, null, M(e.timelineItems, (l) => (o(), i("div", {
|
|
1765
1754
|
key: l.year,
|
|
1766
1755
|
class: "timeline__item faded"
|
|
1767
1756
|
}, [
|
|
1768
|
-
t("div",
|
|
1769
|
-
|
|
1770
|
-
t("div",
|
|
1757
|
+
t("div", Io, n(l.year), 1),
|
|
1758
|
+
qo,
|
|
1759
|
+
t("div", Lo, [
|
|
1771
1760
|
k(C, null, {
|
|
1772
1761
|
default: w(() => [
|
|
1773
|
-
l.media.type === "image" ?
|
|
1762
|
+
l.media.type === "image" ? p(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
|
|
1774
1763
|
]),
|
|
1775
1764
|
_: 2
|
|
1776
1765
|
}, 1024),
|
|
1777
1766
|
t("div", {
|
|
1778
|
-
style:
|
|
1767
|
+
style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
|
|
1779
1768
|
class: "rich-text",
|
|
1780
1769
|
innerHTML: l.text
|
|
1781
|
-
}, null, 12,
|
|
1770
|
+
}, null, 12, To)
|
|
1782
1771
|
])
|
|
1783
1772
|
]))), 128))
|
|
1784
1773
|
])
|
|
1785
1774
|
])
|
|
1786
1775
|
]));
|
|
1787
1776
|
}
|
|
1788
|
-
}),
|
|
1777
|
+
}), Co = /* @__PURE__ */ v(Vo, [["__scopeId", "data-v-78d319df"]]), Ao = { class: "vimeo" }, Do = { class: "vimeo__wrapper" }, Mo = {
|
|
1789
1778
|
key: 0,
|
|
1790
1779
|
class: "vimeo__headline"
|
|
1791
|
-
},
|
|
1780
|
+
}, Oo = {
|
|
1792
1781
|
key: 1,
|
|
1793
1782
|
class: "vimeo__description"
|
|
1794
|
-
},
|
|
1783
|
+
}, Po = /* @__PURE__ */ f({
|
|
1795
1784
|
__name: "vimeo",
|
|
1796
1785
|
props: {
|
|
1797
1786
|
headline: {
|
|
@@ -1804,15 +1793,15 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1804
1793
|
}
|
|
1805
1794
|
},
|
|
1806
1795
|
setup(e) {
|
|
1807
|
-
return (a, r) => (o(), i("div",
|
|
1808
|
-
t("div",
|
|
1809
|
-
e.headline ? (o(), i("h2",
|
|
1810
|
-
|
|
1811
|
-
e.description ? (o(), i("p",
|
|
1796
|
+
return (a, r) => (o(), i("div", Ao, [
|
|
1797
|
+
t("div", Do, [
|
|
1798
|
+
e.headline ? (o(), i("h2", Mo, n(e.headline), 1)) : g("", !0),
|
|
1799
|
+
p(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
1800
|
+
e.description ? (o(), i("p", Oo, n(e.description), 1)) : g("", !0)
|
|
1812
1801
|
])
|
|
1813
1802
|
]));
|
|
1814
1803
|
}
|
|
1815
|
-
}),
|
|
1804
|
+
}), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, Ro = { class: "not-found__content" }, No = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
|
|
1816
1805
|
__name: "404",
|
|
1817
1806
|
props: {
|
|
1818
1807
|
headline: {
|
|
@@ -1821,16 +1810,16 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1821
1810
|
}
|
|
1822
1811
|
},
|
|
1823
1812
|
setup(e) {
|
|
1824
|
-
return (a, r) => (o(), i("div",
|
|
1825
|
-
t("div",
|
|
1826
|
-
t("h1",
|
|
1827
|
-
t("div",
|
|
1828
|
-
|
|
1813
|
+
return (a, r) => (o(), i("div", Eo, [
|
|
1814
|
+
t("div", Ro, [
|
|
1815
|
+
t("h1", No, n(e.headline), 1),
|
|
1816
|
+
t("div", Ho, [
|
|
1817
|
+
p(a.$slots, "not-found-body", {}, void 0, !0)
|
|
1829
1818
|
])
|
|
1830
1819
|
])
|
|
1831
1820
|
]));
|
|
1832
1821
|
}
|
|
1833
|
-
}),
|
|
1822
|
+
}), Uo = /* @__PURE__ */ v(zo, [["__scopeId", "data-v-b829ca6c"]]), Ko = { class: "filter__wrapper" }, jo = { class: "filter__content" }, Go = { class: "filter__dropdowns" }, Wo = { class: "filter__chips" }, Yo = /* @__PURE__ */ f({
|
|
1834
1823
|
__name: "filter",
|
|
1835
1824
|
props: {
|
|
1836
1825
|
hasChips: {
|
|
@@ -1844,23 +1833,23 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1844
1833
|
},
|
|
1845
1834
|
emits: ["clearFilters"],
|
|
1846
1835
|
setup(e) {
|
|
1847
|
-
return (a, r) => (o(), i("div",
|
|
1848
|
-
t("div",
|
|
1849
|
-
t("div",
|
|
1850
|
-
|
|
1836
|
+
return (a, r) => (o(), i("div", Ko, [
|
|
1837
|
+
t("div", jo, [
|
|
1838
|
+
t("div", Go, [
|
|
1839
|
+
p(a.$slots, "filter-dropdowns")
|
|
1851
1840
|
]),
|
|
1852
|
-
t("div",
|
|
1853
|
-
|
|
1841
|
+
t("div", Wo, [
|
|
1842
|
+
p(a.$slots, "filter-chips"),
|
|
1854
1843
|
e.hasChips ? (o(), i("button", {
|
|
1855
1844
|
key: 0,
|
|
1856
1845
|
class: "filter__clear",
|
|
1857
1846
|
onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
|
|
1858
|
-
},
|
|
1847
|
+
}, n(e.removeAll), 1)) : g("", !0)
|
|
1859
1848
|
])
|
|
1860
1849
|
])
|
|
1861
1850
|
]));
|
|
1862
1851
|
}
|
|
1863
|
-
}),
|
|
1852
|
+
}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Zo = { class: "footer__wrapper" }, Jo = { class: "footer__content" }, Xo = { class: "footer__sections" }, xo = { class: "section__title" }, es = { class: "section__list" }, ts = { class: "section" }, as = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, ds = { class: "copyright" }, cs = { class: "footer__policy" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), _s = { class: "footer__social" }, ps = ["href", "aria-label"], hs = /* @__PURE__ */ f({
|
|
1864
1853
|
__name: "footer",
|
|
1865
1854
|
props: {
|
|
1866
1855
|
footerSections: { default: () => [] },
|
|
@@ -1871,35 +1860,35 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1871
1860
|
},
|
|
1872
1861
|
emits: ["changeRegionClicked"],
|
|
1873
1862
|
setup(e) {
|
|
1874
|
-
return (a, r) => (o(), i("div",
|
|
1875
|
-
t("footer",
|
|
1876
|
-
t("div",
|
|
1863
|
+
return (a, r) => (o(), i("div", Zo, [
|
|
1864
|
+
t("footer", Jo, [
|
|
1865
|
+
t("div", Xo, [
|
|
1877
1866
|
(o(!0), i(D, null, M(a.footerSections, (l) => (o(), i("div", {
|
|
1878
1867
|
key: l.title,
|
|
1879
1868
|
class: "section"
|
|
1880
1869
|
}, [
|
|
1881
|
-
t("span",
|
|
1870
|
+
t("span", xo, n(l.title), 1),
|
|
1882
1871
|
t("nav", null, [
|
|
1883
|
-
t("ul",
|
|
1884
|
-
|
|
1872
|
+
t("ul", es, [
|
|
1873
|
+
p(a.$slots, "section-links", {
|
|
1885
1874
|
links: l.links
|
|
1886
1875
|
})
|
|
1887
1876
|
])
|
|
1888
1877
|
])
|
|
1889
1878
|
]))), 128)),
|
|
1890
|
-
t("div",
|
|
1891
|
-
|
|
1879
|
+
t("div", ts, [
|
|
1880
|
+
as,
|
|
1892
1881
|
t("address", null, [
|
|
1882
|
+
ls,
|
|
1893
1883
|
os,
|
|
1894
1884
|
ss,
|
|
1895
|
-
is,
|
|
1896
1885
|
k(O, {
|
|
1897
1886
|
class: "footer__contact",
|
|
1898
1887
|
"link-type": "regular_light",
|
|
1899
1888
|
underline: "false"
|
|
1900
1889
|
}, {
|
|
1901
1890
|
default: w(() => [
|
|
1902
|
-
|
|
1891
|
+
is
|
|
1903
1892
|
]),
|
|
1904
1893
|
_: 1
|
|
1905
1894
|
}),
|
|
@@ -1909,29 +1898,29 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1909
1898
|
underline: "false"
|
|
1910
1899
|
}, {
|
|
1911
1900
|
default: w(() => [
|
|
1912
|
-
|
|
1901
|
+
rs
|
|
1913
1902
|
]),
|
|
1914
1903
|
_: 1
|
|
1915
1904
|
})
|
|
1916
1905
|
])
|
|
1917
1906
|
])
|
|
1918
1907
|
]),
|
|
1919
|
-
t("div",
|
|
1920
|
-
t("p",
|
|
1921
|
-
t("div",
|
|
1908
|
+
t("div", ns, [
|
|
1909
|
+
t("p", ds, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
1910
|
+
t("div", cs, [
|
|
1922
1911
|
t("button", {
|
|
1923
1912
|
class: "footer__language-switcher",
|
|
1924
1913
|
onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
|
|
1925
1914
|
}, [
|
|
1926
1915
|
t("span", null, [
|
|
1927
|
-
|
|
1928
|
-
j(
|
|
1916
|
+
us,
|
|
1917
|
+
j(n(a.changeRegion), 1)
|
|
1929
1918
|
])
|
|
1930
1919
|
]),
|
|
1931
|
-
|
|
1932
|
-
|
|
1920
|
+
p(a.$slots, "footer-privacy-link"),
|
|
1921
|
+
p(a.$slots, "footer-cookie-link")
|
|
1933
1922
|
]),
|
|
1934
|
-
t("div",
|
|
1923
|
+
t("div", _s, [
|
|
1935
1924
|
(o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
|
|
1936
1925
|
key: l.title,
|
|
1937
1926
|
underline: "false",
|
|
@@ -1956,19 +1945,19 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1956
1945
|
])
|
|
1957
1946
|
]));
|
|
1958
1947
|
}
|
|
1959
|
-
}),
|
|
1948
|
+
}), ms = /* @__PURE__ */ v(hs, [["__scopeId", "data-v-5258b418"]]), vs = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, bs = { class: "main-nav-items" }, ys = {
|
|
1960
1949
|
id: "menu-dropdown",
|
|
1961
1950
|
ref: "dropdownDiv"
|
|
1962
|
-
},
|
|
1951
|
+
}, $s = {
|
|
1963
1952
|
key: 0,
|
|
1964
1953
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
1965
1954
|
alt: "dropdownarrow"
|
|
1966
|
-
},
|
|
1955
|
+
}, ks = {
|
|
1967
1956
|
key: 1,
|
|
1968
1957
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
1969
1958
|
alt: "dropdownarrow",
|
|
1970
1959
|
style: { transform: "rotate(180deg)" }
|
|
1971
|
-
},
|
|
1960
|
+
}, ws = { class: "dropdown-content" }, Ss = { class: "nav-search-wrapper" }, Bs = ["src"], Is = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Ls = { class: "mobile-search-wrapper" }, Ts = ["src"], Vs = ["src"], Cs = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Ds = /* @__PURE__ */ f({
|
|
1972
1961
|
__name: "header",
|
|
1973
1962
|
props: {
|
|
1974
1963
|
burgerState: {
|
|
@@ -1988,130 +1977,130 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
1988
1977
|
setup(e, { expose: a, emit: r }) {
|
|
1989
1978
|
let l = null;
|
|
1990
1979
|
const s = e;
|
|
1991
|
-
let
|
|
1992
|
-
|
|
1980
|
+
let u = I(s.burgerState), c = I(s.showDropDown);
|
|
1981
|
+
re(
|
|
1993
1982
|
() => s.burgerState,
|
|
1994
|
-
(B) => p.value = B
|
|
1995
|
-
), ne(
|
|
1996
|
-
() => s.showDropDown,
|
|
1997
1983
|
(B) => u.value = B
|
|
1998
|
-
),
|
|
1984
|
+
), re(
|
|
1985
|
+
() => s.showDropDown,
|
|
1986
|
+
(B) => c.value = B
|
|
1987
|
+
), ce(() => {
|
|
1999
1988
|
l = (B) => {
|
|
2000
|
-
B.target.closest("#menu-dropdown") || (
|
|
1989
|
+
B.target.closest("#menu-dropdown") || (c.value = !1);
|
|
2001
1990
|
}, window.addEventListener("click", l);
|
|
2002
1991
|
}), Se(() => {
|
|
2003
1992
|
l !== null && window.removeEventListener("click", l);
|
|
2004
1993
|
});
|
|
2005
|
-
const
|
|
1994
|
+
const _ = r;
|
|
2006
1995
|
function S() {
|
|
2007
|
-
|
|
1996
|
+
c.value = !c.value, _("update:showDropDown", c.value);
|
|
2008
1997
|
}
|
|
2009
1998
|
function m() {
|
|
2010
|
-
|
|
1999
|
+
u.value = !u.value, _("update:burgerState", u.value);
|
|
2011
2000
|
}
|
|
2012
|
-
let y = I(null),
|
|
2001
|
+
let y = I(null), q = I(null);
|
|
2013
2002
|
function X() {
|
|
2014
2003
|
y.value && y.value.blur();
|
|
2015
2004
|
}
|
|
2016
2005
|
return a({
|
|
2017
2006
|
defocusSearchButton: X
|
|
2018
|
-
}), (B, U) => (o(), i("div",
|
|
2007
|
+
}), (B, U) => (o(), i("div", vs, [
|
|
2019
2008
|
t("nav", null, [
|
|
2020
|
-
t("div",
|
|
2021
|
-
t("div",
|
|
2022
|
-
|
|
2009
|
+
t("div", fs, [
|
|
2010
|
+
t("div", gs, [
|
|
2011
|
+
p(B.$slots, "link-logo", {}, void 0, !0)
|
|
2023
2012
|
]),
|
|
2024
|
-
t("ul",
|
|
2025
|
-
|
|
2013
|
+
t("ul", bs, [
|
|
2014
|
+
p(B.$slots, "main-nav-items", {}, void 0, !0)
|
|
2026
2015
|
]),
|
|
2027
|
-
t("div",
|
|
2016
|
+
t("div", ys, [
|
|
2028
2017
|
t("button", {
|
|
2029
2018
|
class: "nav-dropdown-btn",
|
|
2030
2019
|
onClick: S
|
|
2031
2020
|
}, [
|
|
2032
|
-
|
|
2033
|
-
|
|
2021
|
+
p(B.$slots, "dropdown-title", {}, void 0, !0),
|
|
2022
|
+
V(c) === !1 ? (o(), i("img", $s)) : (o(), i("img", ks))
|
|
2034
2023
|
]),
|
|
2035
|
-
Z(t("div",
|
|
2036
|
-
|
|
2024
|
+
Z(t("div", ws, [
|
|
2025
|
+
p(B.$slots, "dropdown-links", {}, void 0, !0)
|
|
2037
2026
|
], 512), [
|
|
2038
|
-
[ee,
|
|
2027
|
+
[ee, V(c)]
|
|
2039
2028
|
])
|
|
2040
2029
|
], 512),
|
|
2041
|
-
t("div",
|
|
2030
|
+
t("div", Ss, [
|
|
2042
2031
|
t("button", {
|
|
2043
2032
|
ref_key: "navSearchButton",
|
|
2044
2033
|
ref: y,
|
|
2045
2034
|
class: "search-icon",
|
|
2046
2035
|
onClick: U[0] || (U[0] = (x) => {
|
|
2047
2036
|
var H;
|
|
2048
|
-
return B.$emit("clickSearch"), (H =
|
|
2037
|
+
return B.$emit("clickSearch"), (H = V(y)) == null ? void 0 : H.blur();
|
|
2049
2038
|
})
|
|
2050
2039
|
}, [
|
|
2051
2040
|
t("img", {
|
|
2052
|
-
src:
|
|
2041
|
+
src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2053
2042
|
alt: "search icon",
|
|
2054
2043
|
width: "20",
|
|
2055
2044
|
height: "20"
|
|
2056
|
-
}, null, 8,
|
|
2045
|
+
}, null, 8, Bs)
|
|
2057
2046
|
], 512)
|
|
2058
2047
|
])
|
|
2059
2048
|
]),
|
|
2060
2049
|
t("div", {
|
|
2061
|
-
class: h(["mobile-nav-wrapper",
|
|
2050
|
+
class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2062
2051
|
}, [
|
|
2063
|
-
t("div",
|
|
2064
|
-
t("div",
|
|
2065
|
-
|
|
2052
|
+
t("div", Is, [
|
|
2053
|
+
t("div", qs, [
|
|
2054
|
+
p(B.$slots, "link-logo", {}, void 0, !0)
|
|
2066
2055
|
]),
|
|
2067
|
-
t("div",
|
|
2056
|
+
t("div", Ls, [
|
|
2068
2057
|
t("button", {
|
|
2069
2058
|
ref_key: "mobileSearchButton",
|
|
2070
|
-
ref:
|
|
2059
|
+
ref: q,
|
|
2071
2060
|
class: "search-icon",
|
|
2072
2061
|
"aria-label": "Toggle search",
|
|
2073
2062
|
onClick: U[1] || (U[1] = (x) => {
|
|
2074
2063
|
var H;
|
|
2075
|
-
return B.$emit("clickSearch"), (H = q
|
|
2064
|
+
return B.$emit("clickSearch"), (H = V(q)) == null ? void 0 : H.blur();
|
|
2076
2065
|
})
|
|
2077
2066
|
}, [
|
|
2078
2067
|
t("img", {
|
|
2079
|
-
src:
|
|
2068
|
+
src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2080
2069
|
alt: "search icon",
|
|
2081
2070
|
width: "20",
|
|
2082
2071
|
height: "20"
|
|
2083
|
-
}, null, 8,
|
|
2072
|
+
}, null, 8, Ts)
|
|
2084
2073
|
], 512)
|
|
2085
2074
|
]),
|
|
2086
2075
|
t("button", {
|
|
2087
2076
|
class: "mobile-burger-wrapper",
|
|
2088
2077
|
"aria-label": "Toggle menu",
|
|
2089
|
-
onClick:
|
|
2078
|
+
onClick: ne(m, ["prevent"])
|
|
2090
2079
|
}, [
|
|
2091
2080
|
t("img", {
|
|
2092
2081
|
width: "20",
|
|
2093
2082
|
height: "20",
|
|
2094
2083
|
alt: "burger menu line icon",
|
|
2095
|
-
src:
|
|
2096
|
-
}, null, 8,
|
|
2084
|
+
src: V(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2085
|
+
}, null, 8, Vs)
|
|
2097
2086
|
])
|
|
2098
2087
|
]),
|
|
2099
|
-
Z(t("div",
|
|
2088
|
+
Z(t("div", Cs, [
|
|
2100
2089
|
t("ul", null, [
|
|
2101
|
-
|
|
2090
|
+
p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2102
2091
|
]),
|
|
2103
|
-
t("ul",
|
|
2104
|
-
|
|
2105
|
-
|
|
2092
|
+
t("ul", As, [
|
|
2093
|
+
p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2094
|
+
p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2106
2095
|
])
|
|
2107
2096
|
], 512), [
|
|
2108
|
-
[ee,
|
|
2097
|
+
[ee, V(u)]
|
|
2109
2098
|
])
|
|
2110
2099
|
], 2)
|
|
2111
2100
|
])
|
|
2112
2101
|
]));
|
|
2113
2102
|
}
|
|
2114
|
-
}),
|
|
2103
|
+
}), Ms = /* @__PURE__ */ v(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { class: "language__wrapper" }, Ps = { class: "language__content" }, Fs = { class: "language__headline" }, Es = { class: "language__paragraph" }, Rs = { class: "language__links" }, Ns = /* @__PURE__ */ f({
|
|
2115
2104
|
__name: "language-switcher",
|
|
2116
2105
|
props: {
|
|
2117
2106
|
headline: {
|
|
@@ -2124,17 +2113,17 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
2124
2113
|
}
|
|
2125
2114
|
},
|
|
2126
2115
|
setup(e) {
|
|
2127
|
-
return (a, r) => (o(), i("div",
|
|
2128
|
-
t("div",
|
|
2129
|
-
t("h2",
|
|
2130
|
-
t("p",
|
|
2131
|
-
t("div",
|
|
2132
|
-
|
|
2116
|
+
return (a, r) => (o(), i("div", Os, [
|
|
2117
|
+
t("div", Ps, [
|
|
2118
|
+
t("h2", Fs, n(e.headline), 1),
|
|
2119
|
+
t("p", Es, n(e.paragraph), 1),
|
|
2120
|
+
t("div", Rs, [
|
|
2121
|
+
p(a.$slots, "language-links", {}, void 0, !0)
|
|
2133
2122
|
])
|
|
2134
2123
|
])
|
|
2135
2124
|
]));
|
|
2136
2125
|
}
|
|
2137
|
-
}),
|
|
2126
|
+
}), Hs = /* @__PURE__ */ v(Ns, [["__scopeId", "data-v-dc8cc97e"]]), zs = { class: "pagination__wrapper" }, Us = { class: "pagination__content" }, Ks = /* @__PURE__ */ f({
|
|
2138
2127
|
__name: "pagination",
|
|
2139
2128
|
props: {
|
|
2140
2129
|
isPreviousDisabled: {
|
|
@@ -2148,15 +2137,15 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
2148
2137
|
},
|
|
2149
2138
|
emits: ["previous", "next"],
|
|
2150
2139
|
setup(e) {
|
|
2151
|
-
return (a, r) => (o(), i("div",
|
|
2152
|
-
t("div",
|
|
2140
|
+
return (a, r) => (o(), i("div", zs, [
|
|
2141
|
+
t("div", Us, [
|
|
2153
2142
|
k(J, {
|
|
2154
2143
|
disabled: e.isPreviousDisabled,
|
|
2155
2144
|
variant: "previous",
|
|
2156
2145
|
"aria-label": "previous",
|
|
2157
2146
|
onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
|
|
2158
2147
|
}, null, 8, ["disabled"]),
|
|
2159
|
-
|
|
2148
|
+
p(a.$slots, "pagination-numbers"),
|
|
2160
2149
|
k(J, {
|
|
2161
2150
|
disabled: e.isNextDisabled,
|
|
2162
2151
|
variant: "next",
|
|
@@ -2166,13 +2155,13 @@ const ko = /* @__PURE__ */ v(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4
|
|
|
2166
2155
|
])
|
|
2167
2156
|
]));
|
|
2168
2157
|
}
|
|
2169
|
-
}),
|
|
2170
|
-
function
|
|
2171
|
-
return o(), i("div",
|
|
2172
|
-
|
|
2158
|
+
}), js = /* @__PURE__ */ v(Ks, [["__scopeId", "data-v-f760f1c6"]]), Gs = {}, Ws = { class: "search__wrapper" };
|
|
2159
|
+
function Ys(e, a) {
|
|
2160
|
+
return o(), i("div", Ws, [
|
|
2161
|
+
p(e.$slots, "default", { class: "search__content" })
|
|
2173
2162
|
]);
|
|
2174
2163
|
}
|
|
2175
|
-
const
|
|
2164
|
+
const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82"]]), Zs = { class: "product-hero__wrapper" }, Js = { class: "product-hero__content" }, Xs = { class: "product-hero__headline" }, xs = { class: "product-hero__video" }, ei = /* @__PURE__ */ f({
|
|
2176
2165
|
__name: "product-hero",
|
|
2177
2166
|
props: {
|
|
2178
2167
|
headline: {
|
|
@@ -2197,12 +2186,12 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
|
|
|
2197
2186
|
}
|
|
2198
2187
|
},
|
|
2199
2188
|
setup(e) {
|
|
2200
|
-
return (a, r) => (o(), i("div",
|
|
2201
|
-
t("div",
|
|
2202
|
-
t("div",
|
|
2203
|
-
t("h1", null,
|
|
2189
|
+
return (a, r) => (o(), i("div", Zs, [
|
|
2190
|
+
t("div", Js, [
|
|
2191
|
+
t("div", Xs, [
|
|
2192
|
+
t("h1", null, n(e.headline), 1)
|
|
2204
2193
|
]),
|
|
2205
|
-
t("div",
|
|
2194
|
+
t("div", xs, [
|
|
2206
2195
|
e.videoSrc !== "" ? (o(), A(G, {
|
|
2207
2196
|
key: 0,
|
|
2208
2197
|
play: "",
|
|
@@ -2214,9 +2203,9 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
|
|
|
2214
2203
|
autoplay: "",
|
|
2215
2204
|
loop: "",
|
|
2216
2205
|
muted: ""
|
|
2217
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (o(), A(
|
|
2206
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
|
|
2218
2207
|
default: w(() => [
|
|
2219
|
-
|
|
2208
|
+
p(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
2220
2209
|
]),
|
|
2221
2210
|
_: 3
|
|
2222
2211
|
}))
|
|
@@ -2224,9 +2213,9 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
|
|
|
2224
2213
|
])
|
|
2225
2214
|
]));
|
|
2226
2215
|
}
|
|
2227
|
-
}),
|
|
2216
|
+
}), ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-e394473d"]]), li = {
|
|
2228
2217
|
install: (e) => {
|
|
2229
|
-
e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress",
|
|
2218
|
+
e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Ml), e.component("BlockPolicy", Rl), e.component("BlockProductHero", ti), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Co), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", ms), e.component("OrganismHeader", Ms), e.component("OrganismLanguageSwitcher", Hs), e.component("OrganismPagination", js), e.component("OrganismSearch", Qs);
|
|
2230
2219
|
}
|
|
2231
2220
|
};
|
|
2232
2221
|
export {
|
|
@@ -2243,36 +2232,36 @@ export {
|
|
|
2243
2232
|
Et as AtomTextField,
|
|
2244
2233
|
qt as AtomTextarea,
|
|
2245
2234
|
G as AtomVideo,
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2235
|
+
Gl as BlockCardDisplay,
|
|
2236
|
+
Ca as BlockFacts,
|
|
2237
|
+
Ra as BlockFeatures,
|
|
2238
|
+
Wa as BlockFormScript,
|
|
2239
|
+
dl as BlockHeadline,
|
|
2240
|
+
yl as BlockHero,
|
|
2241
|
+
xa as BlockImage,
|
|
2242
|
+
sl as BlockImageGallery,
|
|
2243
|
+
Tl as BlockLogoWall,
|
|
2244
|
+
Ml as BlockMicroStories,
|
|
2245
|
+
Rl as BlockPolicy,
|
|
2246
|
+
ti as BlockProductHero,
|
|
2247
|
+
Ql as BlockPromo,
|
|
2248
|
+
no as BlockQuote,
|
|
2249
|
+
ho as BlockRichText,
|
|
2250
|
+
$o as BlockRichTextColumns,
|
|
2251
|
+
Co as BlockTimeline,
|
|
2252
|
+
Fo as BlockVimeo,
|
|
2253
|
+
xt as MoleculeAddress,
|
|
2254
|
+
oa as MoleculeBulletList,
|
|
2255
|
+
da as MoleculeCard,
|
|
2256
|
+
fa as MoleculeEventCard,
|
|
2268
2257
|
ue as MoleculeModal,
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2258
|
+
ka as MoleculeTextCard,
|
|
2259
|
+
Uo as Organism404,
|
|
2260
|
+
Qo as OrganismFilter,
|
|
2261
|
+
ms as OrganismFooter,
|
|
2262
|
+
Ms as OrganismHeader,
|
|
2263
|
+
Hs as OrganismLanguageSwitcher,
|
|
2264
|
+
js as OrganismPagination,
|
|
2265
|
+
Qs as OrganismSearch,
|
|
2266
|
+
li as default
|
|
2278
2267
|
};
|