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