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