@mirweb/mir-web-components 0.11.2 → 0.12.1
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/main.d.ts +2 -1
- package/dist/components/organisms/footer/footer.vue.d.ts +4 -2
- package/dist/components/organisms/language-switcher/language-switcher.vue.d.ts +16 -0
- package/dist/components/organisms/language-switcher/language-switcher.vue.d.ts.map +1 -0
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +424 -403
- 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 m, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as w, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as A, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as S, withModifiers as re, createCommentVNode as g, watchEffect as ne, withKeys as $e, createBlock as T, normalizeStyle as oe, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
|
|
2
|
+
const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: {
|
|
@@ -27,15 +27,15 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
|
|
|
27
27
|
return (l, a) => (i(), r("button", {
|
|
28
28
|
class: c(["button", "button--" + e.variant]),
|
|
29
29
|
"aria-label": e.ariaLabel
|
|
30
|
-
},
|
|
30
|
+
}, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
|
-
const
|
|
33
|
+
const h = (e, l) => {
|
|
34
34
|
const a = e.__vccOpts || e;
|
|
35
|
-
for (const [
|
|
36
|
-
a[
|
|
35
|
+
for (const [n, o] of l)
|
|
36
|
+
a[n] = o;
|
|
37
37
|
return a;
|
|
38
|
-
}, W = /* @__PURE__ */
|
|
38
|
+
}, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
|
|
39
39
|
__name: "checkbox",
|
|
40
40
|
props: {
|
|
41
41
|
name: String,
|
|
@@ -62,11 +62,11 @@ const v = (e, l) => {
|
|
|
62
62
|
},
|
|
63
63
|
emits: ["input"],
|
|
64
64
|
setup(e, { emit: l }) {
|
|
65
|
-
const a = (
|
|
66
|
-
const
|
|
67
|
-
l("input",
|
|
65
|
+
const a = (n) => {
|
|
66
|
+
const o = n.target;
|
|
67
|
+
l("input", o.checked);
|
|
68
68
|
};
|
|
69
|
-
return (
|
|
69
|
+
return (n, o) => (i(), r("div", {
|
|
70
70
|
class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
|
|
71
71
|
}, [
|
|
72
72
|
t("input", {
|
|
@@ -84,12 +84,12 @@ const v = (e, l) => {
|
|
|
84
84
|
class: c(["checkbox__label", e.required ? "required" : ""])
|
|
85
85
|
}, [
|
|
86
86
|
Be,
|
|
87
|
-
u(
|
|
87
|
+
u(n.$slots, "default", {}, void 0, !0)
|
|
88
88
|
], 10, De)
|
|
89
89
|
], 2));
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
|
-
const
|
|
92
|
+
const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Te = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ m({
|
|
93
93
|
__name: "chip",
|
|
94
94
|
props: {
|
|
95
95
|
text: {
|
|
@@ -99,24 +99,24 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
|
|
|
99
99
|
},
|
|
100
100
|
emits: ["remove-chip"],
|
|
101
101
|
setup(e, { emit: l }) {
|
|
102
|
-
const a = e,
|
|
103
|
-
return (
|
|
102
|
+
const a = e, n = N(() => `Chip: ${a.text}`);
|
|
103
|
+
return (o, _) => (i(), r("div", Te, [
|
|
104
104
|
t("span", {
|
|
105
105
|
class: "chip",
|
|
106
|
-
"aria-label":
|
|
106
|
+
"aria-label": n.value
|
|
107
107
|
}, [
|
|
108
|
-
O(
|
|
108
|
+
O(s(e.text) + " ", 1),
|
|
109
109
|
t("img", {
|
|
110
|
-
src:
|
|
110
|
+
src: Ce,
|
|
111
111
|
alt: "close",
|
|
112
112
|
class: "close-icon",
|
|
113
|
-
onClick:
|
|
113
|
+
onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
|
|
114
114
|
})
|
|
115
115
|
], 8, je)
|
|
116
116
|
]));
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
|
-
const ze = /* @__PURE__ */
|
|
119
|
+
const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Re = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ m({
|
|
120
120
|
__name: "dropdown",
|
|
121
121
|
props: {
|
|
122
122
|
modelValue: {
|
|
@@ -159,133 +159,133 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
|
|
|
159
159
|
},
|
|
160
160
|
emits: ["update:modelValue"],
|
|
161
161
|
setup(e, { emit: l }) {
|
|
162
|
-
const a = e,
|
|
163
|
-
const
|
|
164
|
-
(
|
|
162
|
+
const a = e, n = w(null), o = w(null), _ = w([]), x = w(0), I = w(""), f = w(!0), b = w(0), q = N(() => {
|
|
163
|
+
const d = a.options.find(
|
|
164
|
+
(v) => v.value === a.modelValue
|
|
165
165
|
);
|
|
166
|
-
return
|
|
166
|
+
return d && d.label;
|
|
167
167
|
}), ce = {
|
|
168
|
-
beforeMount(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
}, document.body.addEventListener("click",
|
|
168
|
+
beforeMount(d, v) {
|
|
169
|
+
d.clickOutsideEvent = function(y) {
|
|
170
|
+
d === y.target || d.contains(y.target) || v.value(y);
|
|
171
|
+
}, document.body.addEventListener("click", d.clickOutsideEvent);
|
|
172
172
|
},
|
|
173
|
-
unmounted(
|
|
174
|
-
document.body.removeEventListener("click",
|
|
173
|
+
unmounted(d) {
|
|
174
|
+
document.body.removeEventListener("click", d.clickOutsideEvent);
|
|
175
175
|
}
|
|
176
176
|
};
|
|
177
|
-
function ue(
|
|
178
|
-
l("update:modelValue",
|
|
177
|
+
function ue(d) {
|
|
178
|
+
l("update:modelValue", d);
|
|
179
179
|
}
|
|
180
|
-
function
|
|
180
|
+
function _e(d) {
|
|
181
181
|
var y;
|
|
182
|
-
const
|
|
183
|
-
|
|
182
|
+
const v = d.target;
|
|
183
|
+
v.getAttribute("role") === "option" && (Z(v), E(), (y = n.value) == null || y.focus());
|
|
184
184
|
}
|
|
185
|
-
function J(
|
|
185
|
+
function J(d) {
|
|
186
186
|
var y;
|
|
187
|
-
const
|
|
188
|
-
switch (
|
|
187
|
+
const v = d.key;
|
|
188
|
+
switch (v) {
|
|
189
189
|
case "ArrowUp":
|
|
190
190
|
case "ArrowDown": {
|
|
191
|
-
|
|
192
|
-
const
|
|
191
|
+
d.preventDefault();
|
|
192
|
+
const $ = a.options.findIndex(
|
|
193
193
|
(V) => V.value === a.modelValue
|
|
194
194
|
);
|
|
195
|
-
let B =
|
|
196
|
-
|
|
195
|
+
let B = $ ? _.value[$] : _.value[0];
|
|
196
|
+
v === "ArrowUp" ? $ - 1 >= 0 && (B = _.value[$ - 1]) : $ + 1 <= a.options.length && (B = _.value[$ + 1]), B && Z(B);
|
|
197
197
|
break;
|
|
198
198
|
}
|
|
199
199
|
case "Home":
|
|
200
200
|
case "PageUp":
|
|
201
|
-
|
|
201
|
+
d.preventDefault(), fe();
|
|
202
202
|
break;
|
|
203
203
|
case "End":
|
|
204
204
|
case "PageDown":
|
|
205
|
-
|
|
205
|
+
d.preventDefault(), ye();
|
|
206
206
|
break;
|
|
207
207
|
case "Enter":
|
|
208
208
|
case "Escape":
|
|
209
|
-
|
|
209
|
+
d.preventDefault(), E(), (y = n.value) == null || y.focus();
|
|
210
210
|
break;
|
|
211
211
|
default: {
|
|
212
|
-
const
|
|
213
|
-
|
|
212
|
+
const $ = ve(v);
|
|
213
|
+
$ && Z($);
|
|
214
214
|
break;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
function
|
|
218
|
+
function me(d) {
|
|
219
219
|
if (!a.disabled)
|
|
220
|
-
switch (
|
|
220
|
+
switch (d.key) {
|
|
221
221
|
case "ArrowUp":
|
|
222
222
|
case "ArrowDown":
|
|
223
|
-
|
|
223
|
+
d.preventDefault(), K(), J(d);
|
|
224
224
|
break;
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
function
|
|
228
|
-
|
|
227
|
+
function he(d) {
|
|
228
|
+
d && d.removeAttribute("aria-selected");
|
|
229
229
|
}
|
|
230
|
-
function
|
|
231
|
-
|
|
232
|
-
I.value = "",
|
|
230
|
+
function ge() {
|
|
231
|
+
x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
|
|
232
|
+
I.value = "", x.value = 0;
|
|
233
233
|
}, 500);
|
|
234
234
|
}
|
|
235
|
-
function
|
|
236
|
-
let
|
|
237
|
-
(I.value === "" ||
|
|
238
|
-
(
|
|
239
|
-
)), I.value =
|
|
235
|
+
function ve(d) {
|
|
236
|
+
let v = "";
|
|
237
|
+
(I.value === "" || v !== d) && (b.value = a.options.findIndex(
|
|
238
|
+
($) => $.value === a.modelValue
|
|
239
|
+
)), I.value = v === d ? d : I.value + d, v = d, ge();
|
|
240
240
|
let y = Y(
|
|
241
241
|
b.value + 1,
|
|
242
242
|
a.options.length
|
|
243
243
|
);
|
|
244
244
|
return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
|
|
245
245
|
}
|
|
246
|
-
function Y(
|
|
247
|
-
for (let y =
|
|
246
|
+
function Y(d, v) {
|
|
247
|
+
for (let y = d; y < v; y++)
|
|
248
248
|
if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
|
|
249
|
-
return
|
|
249
|
+
return _.value[y];
|
|
250
250
|
return null;
|
|
251
251
|
}
|
|
252
252
|
function fe() {
|
|
253
|
-
Z(
|
|
253
|
+
Z(_.value[0]);
|
|
254
254
|
}
|
|
255
|
-
function Z(
|
|
256
|
-
var y,
|
|
257
|
-
const
|
|
255
|
+
function Z(d) {
|
|
256
|
+
var y, $;
|
|
257
|
+
const v = d.getAttribute("data-value");
|
|
258
258
|
if (a.modelValue) {
|
|
259
259
|
const B = a.options.findIndex(
|
|
260
260
|
(pe) => pe.value === a.modelValue
|
|
261
|
-
), V =
|
|
262
|
-
|
|
261
|
+
), V = _.value[B];
|
|
262
|
+
he(V);
|
|
263
263
|
}
|
|
264
|
-
if (
|
|
264
|
+
if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
|
|
265
265
|
"aria-activedescendant",
|
|
266
|
-
|
|
267
|
-
), ue(
|
|
268
|
-
const B =
|
|
269
|
-
V > B ?
|
|
266
|
+
v || ""
|
|
267
|
+
), ue(v || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
|
|
268
|
+
const B = o.value.clientHeight + o.value.scrollTop, V = d.offsetTop + d.offsetHeight;
|
|
269
|
+
V > B ? o.value.scrollTop = V - (($ = o.value) == null ? void 0 : $.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
function ye() {
|
|
273
|
-
var
|
|
274
|
-
const
|
|
275
|
-
Z(
|
|
273
|
+
var v;
|
|
274
|
+
const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
|
|
275
|
+
Z(d);
|
|
276
276
|
}
|
|
277
|
-
function
|
|
278
|
-
var
|
|
279
|
-
f.value = !0, (
|
|
277
|
+
function E() {
|
|
278
|
+
var d;
|
|
279
|
+
f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
|
|
280
280
|
}
|
|
281
281
|
function K() {
|
|
282
|
-
var
|
|
283
|
-
f.value = !1, (
|
|
282
|
+
var d, v;
|
|
283
|
+
f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
|
|
284
284
|
}
|
|
285
285
|
function be() {
|
|
286
|
-
a.disabled || (f.value ? K() :
|
|
286
|
+
a.disabled || (f.value ? K() : E());
|
|
287
287
|
}
|
|
288
|
-
return (
|
|
288
|
+
return (d, v) => (i(), r("div", {
|
|
289
289
|
class: "listbox__wrapper",
|
|
290
290
|
value: e.modelValue,
|
|
291
291
|
ref: "listbox"
|
|
@@ -297,7 +297,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
|
|
|
297
297
|
"is-disabled": e.disabled,
|
|
298
298
|
"is-required": e.required
|
|
299
299
|
}, "listbox__label"])
|
|
300
|
-
},
|
|
300
|
+
}, s(e.label), 11, Oe),
|
|
301
301
|
U((i(), r("div", Pe, [
|
|
302
302
|
t("button", {
|
|
303
303
|
id: `${e.name}-button-label`,
|
|
@@ -307,10 +307,10 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
|
|
|
307
307
|
"aria-disabled": e.disabled,
|
|
308
308
|
class: "listbox__button",
|
|
309
309
|
onClick: be,
|
|
310
|
-
onKeydown:
|
|
310
|
+
onKeydown: me,
|
|
311
311
|
ref_key: "listboxButton",
|
|
312
|
-
ref:
|
|
313
|
-
},
|
|
312
|
+
ref: n
|
|
313
|
+
}, s(e.modelValue ? q.value : e.placeholder), 41, He),
|
|
314
314
|
U(t("ul", {
|
|
315
315
|
"aria-labelledby": `${e.name}-label`,
|
|
316
316
|
"aria-activedescendant": e.modelValue,
|
|
@@ -318,30 +318,30 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
|
|
|
318
318
|
role: "listbox",
|
|
319
319
|
class: "listbox__list",
|
|
320
320
|
onKeydown: J,
|
|
321
|
-
onClick:
|
|
321
|
+
onClick: _e,
|
|
322
322
|
ref_key: "listboxNode",
|
|
323
|
-
ref:
|
|
323
|
+
ref: o
|
|
324
324
|
}, [
|
|
325
|
-
(i(!0), r(M, null, L(e.options, (y,
|
|
326
|
-
key: `${e.name}-option-${
|
|
325
|
+
(i(!0), r(M, null, L(e.options, (y, $) => (i(), r("li", {
|
|
326
|
+
key: `${e.name}-option-${$}`,
|
|
327
327
|
"aria-selected": y.value === e.modelValue,
|
|
328
328
|
"data-value": y.value,
|
|
329
329
|
class: "listbox__option",
|
|
330
330
|
role: "option",
|
|
331
331
|
ref_for: !0,
|
|
332
332
|
ref_key: "listboxOptions",
|
|
333
|
-
ref:
|
|
334
|
-
},
|
|
333
|
+
ref: _
|
|
334
|
+
}, s(y.label), 9, Re))), 128))
|
|
335
335
|
], 40, Ze), [
|
|
336
336
|
[G, !f.value]
|
|
337
337
|
])
|
|
338
338
|
])), [
|
|
339
|
-
[ce,
|
|
339
|
+
[ce, E]
|
|
340
340
|
])
|
|
341
341
|
], 8, Ve));
|
|
342
342
|
}
|
|
343
343
|
});
|
|
344
|
-
const Ue = /* @__PURE__ */
|
|
344
|
+
const Ue = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ m({
|
|
345
345
|
__name: "image",
|
|
346
346
|
props: {
|
|
347
347
|
src: {
|
|
@@ -380,11 +380,11 @@ const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
|
|
|
380
380
|
},
|
|
381
381
|
setup(e) {
|
|
382
382
|
return (l, a) => (i(), r("div", We, [
|
|
383
|
-
u(l.$slots, "default",
|
|
383
|
+
u(l.$slots, "default", A(C(l.$attrs)))
|
|
384
384
|
]));
|
|
385
385
|
}
|
|
386
386
|
});
|
|
387
|
-
const D = /* @__PURE__ */
|
|
387
|
+
const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ m({
|
|
388
388
|
__name: "label",
|
|
389
389
|
props: {
|
|
390
390
|
text: {
|
|
@@ -399,16 +399,16 @@ const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
|
|
|
399
399
|
},
|
|
400
400
|
setup(e) {
|
|
401
401
|
const l = e, a = N(() => `Label: ${l.text}`);
|
|
402
|
-
return (
|
|
402
|
+
return (n, o) => (i(), r("div", Ge, [
|
|
403
403
|
t("span", {
|
|
404
404
|
"aria-label": a.value,
|
|
405
405
|
"label-dark": e.labelDark,
|
|
406
406
|
class: c(e.labelDark ? "label--dark" : "label--light")
|
|
407
|
-
},
|
|
407
|
+
}, s(e.text), 11, Je)
|
|
408
408
|
]));
|
|
409
409
|
}
|
|
410
410
|
});
|
|
411
|
-
const F = /* @__PURE__ */
|
|
411
|
+
const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, j = /* @__PURE__ */ m({
|
|
412
412
|
__name: "link",
|
|
413
413
|
props: {
|
|
414
414
|
url: {
|
|
@@ -450,10 +450,10 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
|
|
|
450
450
|
},
|
|
451
451
|
setup(e) {
|
|
452
452
|
const l = e, a = N(() => {
|
|
453
|
-
const { ...
|
|
454
|
-
return
|
|
453
|
+
const { ...n } = l;
|
|
454
|
+
return n;
|
|
455
455
|
});
|
|
456
|
-
return (
|
|
456
|
+
return (n, o) => (i(), r("div", Ke, [
|
|
457
457
|
t("div", ie(a.value, {
|
|
458
458
|
class: ["mir-link", [
|
|
459
459
|
e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
|
|
@@ -462,12 +462,12 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
|
|
|
462
462
|
e.arrow ? "link-arrow" : ""
|
|
463
463
|
]]
|
|
464
464
|
}), [
|
|
465
|
-
u(
|
|
465
|
+
u(n.$slots, "default")
|
|
466
466
|
], 16)
|
|
467
467
|
]));
|
|
468
468
|
}
|
|
469
469
|
});
|
|
470
|
-
const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */
|
|
470
|
+
const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ m({
|
|
471
471
|
__name: "radio-button",
|
|
472
472
|
props: {
|
|
473
473
|
name: String,
|
|
@@ -495,11 +495,11 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
|
|
|
495
495
|
},
|
|
496
496
|
emits: ["input"],
|
|
497
497
|
setup(e, { emit: l }) {
|
|
498
|
-
const a = (
|
|
499
|
-
const
|
|
500
|
-
l("input",
|
|
498
|
+
const a = (n) => {
|
|
499
|
+
const o = n.target;
|
|
500
|
+
l("input", o.checked);
|
|
501
501
|
};
|
|
502
|
-
return (
|
|
502
|
+
return (n, o) => (i(), r("div", {
|
|
503
503
|
class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
|
|
504
504
|
}, [
|
|
505
505
|
t("input", {
|
|
@@ -518,12 +518,12 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
|
|
|
518
518
|
class: c(["radio__label", e.required ? "required" : ""])
|
|
519
519
|
}, [
|
|
520
520
|
tt,
|
|
521
|
-
u(
|
|
521
|
+
u(n.$slots, "default", {}, void 0, !0)
|
|
522
522
|
], 10, et)
|
|
523
523
|
], 2));
|
|
524
524
|
}
|
|
525
525
|
});
|
|
526
|
-
const lt = /* @__PURE__ */
|
|
526
|
+
const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["disabled", "id", "name", "value"], ot = ["value"], st = /* @__PURE__ */ m({
|
|
527
527
|
__name: "select",
|
|
528
528
|
props: {
|
|
529
529
|
id: {
|
|
@@ -568,26 +568,26 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
|
|
|
568
568
|
t("label", {
|
|
569
569
|
for: e.id,
|
|
570
570
|
class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
|
|
571
|
-
},
|
|
571
|
+
}, s(e.label), 11, rt),
|
|
572
572
|
t("select", {
|
|
573
573
|
class: c(e.disabled ? "disabled" : ""),
|
|
574
574
|
disabled: e.disabled,
|
|
575
575
|
id: e.id,
|
|
576
576
|
name: e.name,
|
|
577
577
|
value: e.modelValue,
|
|
578
|
-
onChange: a[0] || (a[0] = (
|
|
579
|
-
l.$emit("update:modelValue",
|
|
578
|
+
onChange: a[0] || (a[0] = (n) => {
|
|
579
|
+
l.$emit("update:modelValue", n.target.value), n.target.blur();
|
|
580
580
|
})
|
|
581
581
|
}, [
|
|
582
|
-
(i(!0), r(M, null, L(e.options, (
|
|
583
|
-
key:
|
|
584
|
-
value:
|
|
585
|
-
},
|
|
586
|
-
], 42,
|
|
582
|
+
(i(!0), r(M, null, L(e.options, (n) => (i(), r("option", {
|
|
583
|
+
key: n.value,
|
|
584
|
+
value: n.value
|
|
585
|
+
}, s(n.text), 9, ot))), 128))
|
|
586
|
+
], 42, nt)
|
|
587
587
|
]));
|
|
588
588
|
}
|
|
589
589
|
});
|
|
590
|
-
const dt = /* @__PURE__ */
|
|
590
|
+
const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ m({
|
|
591
591
|
__name: "modal",
|
|
592
592
|
props: {
|
|
593
593
|
show: { type: Boolean, default: !1 }
|
|
@@ -597,46 +597,46 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
|
|
|
597
597
|
const a = e;
|
|
598
598
|
N({
|
|
599
599
|
get: () => a.show,
|
|
600
|
-
set: (
|
|
600
|
+
set: (o) => l("update:show", o)
|
|
601
601
|
});
|
|
602
|
-
const
|
|
602
|
+
const n = () => {
|
|
603
603
|
l("update:show", !a.show);
|
|
604
604
|
};
|
|
605
|
-
return (
|
|
605
|
+
return (o, _) => (i(), r("div", ct, [
|
|
606
606
|
k(ke, {
|
|
607
607
|
duration: 300,
|
|
608
608
|
name: "nested"
|
|
609
609
|
}, {
|
|
610
|
-
default:
|
|
611
|
-
|
|
610
|
+
default: S(() => [
|
|
611
|
+
o.show ? (i(), r("div", {
|
|
612
612
|
key: 0,
|
|
613
613
|
class: "overlay",
|
|
614
|
-
onClick:
|
|
614
|
+
onClick: n,
|
|
615
615
|
ariaLabel: "modal",
|
|
616
616
|
role: "dialog"
|
|
617
617
|
}, [
|
|
618
618
|
t("div", {
|
|
619
619
|
id: "modal",
|
|
620
|
-
onClick:
|
|
620
|
+
onClick: _[0] || (_[0] = re(() => {
|
|
621
621
|
}, ["stop"]))
|
|
622
622
|
}, [
|
|
623
623
|
t("div", null, [
|
|
624
624
|
k(W, {
|
|
625
625
|
ariaLabel: "close",
|
|
626
626
|
variant: "close",
|
|
627
|
-
onClick:
|
|
627
|
+
onClick: n
|
|
628
628
|
})
|
|
629
629
|
]),
|
|
630
|
-
u(
|
|
630
|
+
u(o.$slots, "default", {}, void 0, !0)
|
|
631
631
|
])
|
|
632
|
-
])) :
|
|
632
|
+
])) : g("", !0)
|
|
633
633
|
]),
|
|
634
634
|
_: 3
|
|
635
635
|
})
|
|
636
636
|
]));
|
|
637
637
|
}
|
|
638
638
|
});
|
|
639
|
-
const se = /* @__PURE__ */
|
|
639
|
+
const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], gt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
|
|
640
640
|
__name: "slider",
|
|
641
641
|
props: {
|
|
642
642
|
label: {
|
|
@@ -689,39 +689,39 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
|
|
|
689
689
|
},
|
|
690
690
|
emits: ["update:modelValue"],
|
|
691
691
|
setup(e, { emit: l }) {
|
|
692
|
-
const a = e,
|
|
692
|
+
const a = e, n = w(a.modelValue), o = w(), _ = w(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
|
|
693
693
|
var b;
|
|
694
|
-
(b =
|
|
694
|
+
(b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
|
|
695
695
|
};
|
|
696
|
-
return
|
|
697
|
-
if (
|
|
698
|
-
l("update:modelValue",
|
|
699
|
-
const f =
|
|
696
|
+
return ne(() => {
|
|
697
|
+
if (o.value) {
|
|
698
|
+
l("update:modelValue", n.value);
|
|
699
|
+
const f = x(n.value, a.min, a.max);
|
|
700
700
|
let b = (50 - f) / 100;
|
|
701
701
|
I(f + b);
|
|
702
702
|
}
|
|
703
703
|
}), (f, b) => (i(), r(M, null, [
|
|
704
|
-
t("div",
|
|
705
|
-
t("div",
|
|
704
|
+
t("div", _t, [
|
|
705
|
+
t("div", mt, [
|
|
706
706
|
t("label", {
|
|
707
707
|
for: e.id,
|
|
708
708
|
class: c([e.variant, ""])
|
|
709
|
-
},
|
|
709
|
+
}, s(e.label), 11, ht),
|
|
710
710
|
e.information ? (i(), r("i", {
|
|
711
711
|
key: 0,
|
|
712
712
|
role: "button",
|
|
713
713
|
class: c([e.variant, "slider__information"]),
|
|
714
|
-
onClick: b[0] || (b[0] = (q) =>
|
|
715
|
-
onKeyup: b[1] || (b[1] = $e((q) =>
|
|
714
|
+
onClick: b[0] || (b[0] = (q) => _.value = !_.value),
|
|
715
|
+
onKeyup: b[1] || (b[1] = $e((q) => _.value = !_.value, ["enter"])),
|
|
716
716
|
"aria-label": e.informationLabel,
|
|
717
717
|
tabindex: "0",
|
|
718
718
|
"aria-haspopup": "dialog"
|
|
719
|
-
}, null, 42,
|
|
719
|
+
}, null, 42, gt)) : g("", !0)
|
|
720
720
|
]),
|
|
721
|
-
t("div",
|
|
721
|
+
t("div", vt, [
|
|
722
722
|
t("span", {
|
|
723
723
|
class: c([e.variant, "slider__minmax"])
|
|
724
|
-
},
|
|
724
|
+
}, s(e.min), 3),
|
|
725
725
|
t("input", {
|
|
726
726
|
type: "range",
|
|
727
727
|
id: e.id,
|
|
@@ -732,31 +732,31 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
|
|
|
732
732
|
max: e.max,
|
|
733
733
|
class: c(e.variant),
|
|
734
734
|
ref_key: "slider",
|
|
735
|
-
ref:
|
|
736
|
-
onInput: b[2] || (b[2] = ({ target: q }) =>
|
|
735
|
+
ref: o,
|
|
736
|
+
onInput: b[2] || (b[2] = ({ target: q }) => n.value = parseFloat(q.value))
|
|
737
737
|
}, null, 42, ft),
|
|
738
738
|
t("span", {
|
|
739
739
|
class: c([e.variant, "slider__minmax"])
|
|
740
|
-
},
|
|
740
|
+
}, s(e.max), 3)
|
|
741
741
|
]),
|
|
742
742
|
t("span", {
|
|
743
743
|
class: c([e.variant, "slider__value"])
|
|
744
|
-
},
|
|
744
|
+
}, s(e.modelValue), 3)
|
|
745
745
|
]),
|
|
746
|
-
e.information ? (i(),
|
|
746
|
+
e.information ? (i(), T(se, {
|
|
747
747
|
key: 0,
|
|
748
|
-
show:
|
|
749
|
-
"onUpdate:show": b[3] || (b[3] = (q) =>
|
|
748
|
+
show: _.value,
|
|
749
|
+
"onUpdate:show": b[3] || (b[3] = (q) => _.value = q)
|
|
750
750
|
}, {
|
|
751
|
-
default:
|
|
752
|
-
O(
|
|
751
|
+
default: S(() => [
|
|
752
|
+
O(s(e.information), 1)
|
|
753
753
|
]),
|
|
754
754
|
_: 1
|
|
755
|
-
}, 8, ["show"])) :
|
|
755
|
+
}, 8, ["show"])) : g("", !0)
|
|
756
756
|
], 64));
|
|
757
757
|
}
|
|
758
758
|
});
|
|
759
|
-
const bt = /* @__PURE__ */
|
|
759
|
+
const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ m({
|
|
760
760
|
__name: "textarea",
|
|
761
761
|
props: {
|
|
762
762
|
id: {
|
|
@@ -800,7 +800,7 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
|
|
|
800
800
|
t("label", {
|
|
801
801
|
for: e.id,
|
|
802
802
|
class: c({ required: e.required })
|
|
803
|
-
},
|
|
803
|
+
}, s(e.labelText) + s(e.required ? " *" : ""), 11, kt),
|
|
804
804
|
t("div", {
|
|
805
805
|
id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
|
|
806
806
|
}, [
|
|
@@ -814,26 +814,26 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
|
|
|
814
814
|
disabled: e.disabled,
|
|
815
815
|
maxlength: e.maxLength,
|
|
816
816
|
value: e.modelValue,
|
|
817
|
-
onInput: a[0] || (a[0] = (
|
|
817
|
+
onInput: a[0] || (a[0] = (n) => l.$emit("update:modelValue", n.target.value)),
|
|
818
818
|
class: c(
|
|
819
819
|
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
|
|
820
820
|
)
|
|
821
821
|
}, null, 42, wt)
|
|
822
822
|
], 8, $t),
|
|
823
|
-
t("div",
|
|
823
|
+
t("div", St, [
|
|
824
824
|
t("div", null, [
|
|
825
|
-
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p",
|
|
825
|
+
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", xt, " Too many characters. Please make it shorter ")) : g("", !0)
|
|
826
826
|
]),
|
|
827
827
|
t("p", {
|
|
828
828
|
class: c(
|
|
829
829
|
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
|
|
830
830
|
)
|
|
831
|
-
},
|
|
831
|
+
}, s(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + s(e.maxLength), 3)
|
|
832
832
|
])
|
|
833
833
|
]));
|
|
834
834
|
}
|
|
835
835
|
});
|
|
836
|
-
const qt = /* @__PURE__ */
|
|
836
|
+
const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, Lt = ["id", "type", "value", "placeholder", "required", "disabled"], At = ["aria-expanded"], Ct = ["type", "value", "placeholder", "id", "required", "disabled"], Tt = {
|
|
837
837
|
key: 2,
|
|
838
838
|
class: "search"
|
|
839
839
|
}, jt = {
|
|
@@ -842,7 +842,7 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
|
|
|
842
842
|
}, Nt = {
|
|
843
843
|
key: 4,
|
|
844
844
|
class: "helperText"
|
|
845
|
-
}, zt = /* @__PURE__ */
|
|
845
|
+
}, zt = /* @__PURE__ */ m({
|
|
846
846
|
__name: "text-field",
|
|
847
847
|
props: {
|
|
848
848
|
type: {
|
|
@@ -909,12 +909,12 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
|
|
|
909
909
|
},
|
|
910
910
|
emits: ["update:modelValue"],
|
|
911
911
|
setup(e) {
|
|
912
|
-
const l =
|
|
912
|
+
const l = w(!0), a = N(
|
|
913
913
|
() => l.value ? "showPassword" : "hidePassword"
|
|
914
|
-
),
|
|
914
|
+
), n = N(
|
|
915
915
|
() => l.value ? "password" : "text"
|
|
916
916
|
);
|
|
917
|
-
return (
|
|
917
|
+
return (o, _) => (i(), r("div", Mt, [
|
|
918
918
|
t("label", {
|
|
919
919
|
for: e.id,
|
|
920
920
|
class: c([
|
|
@@ -922,24 +922,24 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
|
|
|
922
922
|
e.disabled ? "disabled" : "",
|
|
923
923
|
e.search ? "search" : ""
|
|
924
924
|
])
|
|
925
|
-
},
|
|
925
|
+
}, s(e.label), 11, Dt),
|
|
926
926
|
e.type === "password" ? (i(), r("div", Bt, [
|
|
927
927
|
t("input", {
|
|
928
928
|
id: e.id,
|
|
929
|
-
type:
|
|
929
|
+
type: n.value,
|
|
930
930
|
value: e.modelValue,
|
|
931
931
|
placeholder: e.placeholder,
|
|
932
932
|
required: e.required,
|
|
933
933
|
disabled: e.disabled,
|
|
934
|
-
onInput:
|
|
935
|
-
}, null, 40,
|
|
934
|
+
onInput: _[0] || (_[0] = (x) => o.$emit("update:modelValue", x.target.value))
|
|
935
|
+
}, null, 40, Lt),
|
|
936
936
|
t("i", {
|
|
937
937
|
role: "button",
|
|
938
938
|
class: c([a.value]),
|
|
939
|
-
onClick:
|
|
939
|
+
onClick: _[1] || (_[1] = (x) => l.value = !l.value),
|
|
940
940
|
"aria-controls": "password",
|
|
941
941
|
"aria-expanded": !l.value
|
|
942
|
-
}, null, 10,
|
|
942
|
+
}, null, 10, At)
|
|
943
943
|
])) : (i(), r("input", {
|
|
944
944
|
key: 1,
|
|
945
945
|
type: e.type,
|
|
@@ -953,15 +953,15 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
|
|
|
953
953
|
e.search ? "search" : ""
|
|
954
954
|
]),
|
|
955
955
|
disabled: e.disabled,
|
|
956
|
-
onInput:
|
|
957
|
-
}, null, 42,
|
|
958
|
-
e.search ? (i(), r("i",
|
|
959
|
-
e.errorMessage ? (i(), r("strong", jt,
|
|
960
|
-
e.helperText ? (i(), r("span", Nt,
|
|
956
|
+
onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
|
|
957
|
+
}, null, 42, Ct)),
|
|
958
|
+
e.search ? (i(), r("i", Tt)) : g("", !0),
|
|
959
|
+
e.errorMessage ? (i(), r("strong", jt, s(e.errorMessage), 1)) : g("", !0),
|
|
960
|
+
e.helperText ? (i(), r("span", Nt, s(e.helperText), 1)) : g("", !0)
|
|
961
961
|
]));
|
|
962
962
|
}
|
|
963
963
|
});
|
|
964
|
-
const Vt = /* @__PURE__ */
|
|
964
|
+
const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ m({
|
|
965
965
|
__name: "video",
|
|
966
966
|
props: {
|
|
967
967
|
play: {
|
|
@@ -1014,10 +1014,10 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
|
|
|
1014
1014
|
},
|
|
1015
1015
|
setup(e) {
|
|
1016
1016
|
const l = e;
|
|
1017
|
-
let a =
|
|
1018
|
-
return
|
|
1017
|
+
let a = w(null);
|
|
1018
|
+
return ne(() => {
|
|
1019
1019
|
l.play && a.value ? a.value.play() : !l.play && a.value && a.value.pause();
|
|
1020
|
-
}), (
|
|
1020
|
+
}), (n, o) => (i(), r("div", Ot, [
|
|
1021
1021
|
e.localVideo ? (i(), r("video", {
|
|
1022
1022
|
key: 0,
|
|
1023
1023
|
ref_key: "videoRef",
|
|
@@ -1047,7 +1047,7 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
|
|
|
1047
1047
|
]));
|
|
1048
1048
|
}
|
|
1049
1049
|
});
|
|
1050
|
-
const
|
|
1050
|
+
const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Et = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Rt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ m({
|
|
1051
1051
|
__name: "bullet-list",
|
|
1052
1052
|
props: {
|
|
1053
1053
|
list: {
|
|
@@ -1067,21 +1067,21 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
|
|
|
1067
1067
|
}
|
|
1068
1068
|
},
|
|
1069
1069
|
setup(e) {
|
|
1070
|
-
return (l, a) => (i(), r("div",
|
|
1070
|
+
return (l, a) => (i(), r("div", Et, [
|
|
1071
1071
|
t("div", {
|
|
1072
1072
|
class: c(["bullet-list", e.variant])
|
|
1073
1073
|
}, [
|
|
1074
1074
|
t("ul", null, [
|
|
1075
|
-
(i(!0), r(M, null, L(e.list, (
|
|
1075
|
+
(i(!0), r(M, null, L(e.list, (n) => (i(), r("li", null, [
|
|
1076
1076
|
Ut,
|
|
1077
|
-
O(" " +
|
|
1077
|
+
O(" " + s(n), 1)
|
|
1078
1078
|
]))), 256))
|
|
1079
1079
|
])
|
|
1080
1080
|
], 2)
|
|
1081
1081
|
]));
|
|
1082
1082
|
}
|
|
1083
1083
|
});
|
|
1084
|
-
const Ft = /* @__PURE__ */
|
|
1084
|
+
const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ m({
|
|
1085
1085
|
__name: "card",
|
|
1086
1086
|
props: {
|
|
1087
1087
|
variant: {
|
|
@@ -1136,8 +1136,8 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
|
|
|
1136
1136
|
},
|
|
1137
1137
|
emits: ["clicked"],
|
|
1138
1138
|
setup(e, { emit: l }) {
|
|
1139
|
-
let a =
|
|
1140
|
-
return (
|
|
1139
|
+
let a = w(!1);
|
|
1140
|
+
return (n, o) => (i(), r("div", Gt, [
|
|
1141
1141
|
t("div", {
|
|
1142
1142
|
class: c(["card", [
|
|
1143
1143
|
e.theme == "dark" ? "card--dark" : "card--light",
|
|
@@ -1146,16 +1146,16 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
|
|
|
1146
1146
|
e.size == "large" && e.variant == "article" ? "card--large-article" : "",
|
|
1147
1147
|
e.variant == "product" ? "card--product" : "card--article"
|
|
1148
1148
|
]]),
|
|
1149
|
-
style:
|
|
1149
|
+
style: oe([
|
|
1150
1150
|
e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
|
|
1151
1151
|
e.mediaType == "video" ? "width: 328px" : ""
|
|
1152
1152
|
]),
|
|
1153
|
-
onMouseover:
|
|
1154
|
-
onMouseout:
|
|
1153
|
+
onMouseover: o[0] || (o[0] = (_) => Q(a) ? a.value = !0 : a = !0),
|
|
1154
|
+
onMouseout: o[1] || (o[1] = (_) => Q(a) ? a.value = !1 : a = !1)
|
|
1155
1155
|
}, [
|
|
1156
|
-
e.mediaType == "image" ? (i(),
|
|
1157
|
-
default:
|
|
1158
|
-
u(
|
|
1156
|
+
e.mediaType == "image" ? (i(), T(D, { key: 0 }, {
|
|
1157
|
+
default: S(() => [
|
|
1158
|
+
u(n.$slots, "card-image", ie({
|
|
1159
1159
|
src: e.imgSrc,
|
|
1160
1160
|
height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
|
|
1161
1161
|
width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
|
|
@@ -1169,7 +1169,7 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
|
|
|
1169
1169
|
key: 1,
|
|
1170
1170
|
class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
|
|
1171
1171
|
}, [
|
|
1172
|
-
k(
|
|
1172
|
+
k(R, {
|
|
1173
1173
|
play: p(a),
|
|
1174
1174
|
localVideo: !0,
|
|
1175
1175
|
src: e.videoSrc,
|
|
@@ -1186,17 +1186,17 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
|
|
|
1186
1186
|
e.variant === "product" ? (i(), r("h3", {
|
|
1187
1187
|
key: 2,
|
|
1188
1188
|
class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
|
|
1189
|
-
},
|
|
1189
|
+
}, s(e.headline), 3)) : (i(), r("h3", {
|
|
1190
1190
|
key: 3,
|
|
1191
1191
|
class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
|
|
1192
|
-
},
|
|
1193
|
-
e.variant == "product" ? (i(), r("p", Jt,
|
|
1194
|
-
u(
|
|
1192
|
+
}, s(e.headline), 3)),
|
|
1193
|
+
e.variant == "product" ? (i(), r("p", Jt, s(e.paragraph), 1)) : g("", !0),
|
|
1194
|
+
u(n.$slots, "card-label")
|
|
1195
1195
|
], 38)
|
|
1196
1196
|
]));
|
|
1197
1197
|
}
|
|
1198
1198
|
});
|
|
1199
|
-
const Kt = /* @__PURE__ */
|
|
1199
|
+
const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ m({
|
|
1200
1200
|
__name: "event-card",
|
|
1201
1201
|
props: {
|
|
1202
1202
|
eventType: {
|
|
@@ -1226,20 +1226,20 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
|
|
|
1226
1226
|
"label-dark": !1,
|
|
1227
1227
|
text: e.eventType ? e.eventType : ""
|
|
1228
1228
|
}, null, 8, ["text"]),
|
|
1229
|
-
t("div", ea,
|
|
1229
|
+
t("div", ea, s(e.headline), 1),
|
|
1230
1230
|
t("div", ta, [
|
|
1231
|
-
O(
|
|
1231
|
+
O(s(e.dateTime), 1),
|
|
1232
1232
|
aa,
|
|
1233
|
-
O(
|
|
1233
|
+
O(s(e.location), 1)
|
|
1234
1234
|
]),
|
|
1235
|
-
t("div", la, "Exhibitor: " +
|
|
1235
|
+
t("div", la, "Exhibitor: " + s(e.exhibitor), 1)
|
|
1236
1236
|
]));
|
|
1237
1237
|
}
|
|
1238
1238
|
});
|
|
1239
|
-
const ra = /* @__PURE__ */
|
|
1239
|
+
const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { class: "facts__wrapper" }, oa = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, _a = { class: "fact__metric" }, ma = {
|
|
1240
1240
|
key: 0,
|
|
1241
1241
|
class: "facts__link"
|
|
1242
|
-
},
|
|
1242
|
+
}, ha = /* @__PURE__ */ m({
|
|
1243
1243
|
__name: "facts",
|
|
1244
1244
|
props: {
|
|
1245
1245
|
headline: {
|
|
@@ -1257,38 +1257,38 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
|
|
|
1257
1257
|
}
|
|
1258
1258
|
},
|
|
1259
1259
|
setup(e) {
|
|
1260
|
-
return (l, a) => (i(), r("div",
|
|
1261
|
-
t("div",
|
|
1262
|
-
t("h2", sa,
|
|
1260
|
+
return (l, a) => (i(), r("div", na, [
|
|
1261
|
+
t("div", oa, [
|
|
1262
|
+
t("h2", sa, s(e.headline), 1),
|
|
1263
1263
|
t("div", da, [
|
|
1264
|
-
(i(!0), r(M, null, L(e.facts, (
|
|
1264
|
+
(i(!0), r(M, null, L(e.facts, (n) => (i(), r("div", ca, [
|
|
1265
1265
|
t("div", ua, [
|
|
1266
|
-
t("span", null,
|
|
1266
|
+
t("span", null, s(n.value), 1)
|
|
1267
1267
|
]),
|
|
1268
|
-
t("div",
|
|
1269
|
-
t("span", null,
|
|
1268
|
+
t("div", _a, [
|
|
1269
|
+
t("span", null, s(n.metric), 1)
|
|
1270
1270
|
])
|
|
1271
1271
|
]))), 256))
|
|
1272
1272
|
]),
|
|
1273
|
-
e.link ? (i(), r("div",
|
|
1274
|
-
k(
|
|
1273
|
+
e.link ? (i(), r("div", ma, [
|
|
1274
|
+
k(j, {
|
|
1275
1275
|
linkType: "regular-light",
|
|
1276
1276
|
arrow: ""
|
|
1277
1277
|
}, {
|
|
1278
|
-
default:
|
|
1278
|
+
default: S(() => [
|
|
1279
1279
|
u(l.$slots, "facts-link", {}, void 0, !0)
|
|
1280
1280
|
]),
|
|
1281
1281
|
_: 3
|
|
1282
1282
|
})
|
|
1283
|
-
])) :
|
|
1283
|
+
])) : g("", !0)
|
|
1284
1284
|
])
|
|
1285
1285
|
]));
|
|
1286
1286
|
}
|
|
1287
1287
|
});
|
|
1288
|
-
const
|
|
1288
|
+
const ga = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), va = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
|
|
1289
1289
|
key: 0,
|
|
1290
1290
|
class: "features__headline"
|
|
1291
|
-
}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */
|
|
1291
|
+
}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ m({
|
|
1292
1292
|
__name: "features",
|
|
1293
1293
|
props: {
|
|
1294
1294
|
headline: {
|
|
@@ -1303,38 +1303,38 @@ const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
|
|
|
1303
1303
|
}
|
|
1304
1304
|
},
|
|
1305
1305
|
setup(e) {
|
|
1306
|
-
return (l, a) => (i(), r("div",
|
|
1306
|
+
return (l, a) => (i(), r("div", va, [
|
|
1307
1307
|
t("div", fa, [
|
|
1308
1308
|
e.headline ? (i(), r("div", ya, [
|
|
1309
|
-
t("h2", null,
|
|
1310
|
-
])) :
|
|
1309
|
+
t("h2", null, s(e.headline), 1)
|
|
1310
|
+
])) : g("", !0),
|
|
1311
1311
|
t("div", ba, [
|
|
1312
1312
|
u(l.$slots, "features-body", {}, void 0, !0)
|
|
1313
1313
|
]),
|
|
1314
1314
|
t("div", {
|
|
1315
1315
|
class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
|
|
1316
1316
|
}, [
|
|
1317
|
-
(i(!0), r(M, null, L(e.elements, (
|
|
1317
|
+
(i(!0), r(M, null, L(e.elements, (n) => (i(), r("div", pa, [
|
|
1318
1318
|
k(D, { class: "element__icon" }, {
|
|
1319
|
-
default:
|
|
1320
|
-
u(l.$slots, "features-icon",
|
|
1321
|
-
src:
|
|
1319
|
+
default: S(() => [
|
|
1320
|
+
u(l.$slots, "features-icon", A(C({
|
|
1321
|
+
src: n.icon.src,
|
|
1322
1322
|
height: 30,
|
|
1323
1323
|
width: 30,
|
|
1324
|
-
alt:
|
|
1324
|
+
alt: n.icon.alt
|
|
1325
1325
|
})), void 0, !0)
|
|
1326
1326
|
]),
|
|
1327
1327
|
_: 2
|
|
1328
1328
|
}, 1024),
|
|
1329
|
-
t("p", ka,
|
|
1330
|
-
t("p", $a,
|
|
1329
|
+
t("p", ka, s(n.headline), 1),
|
|
1330
|
+
t("p", $a, s(n.body), 1)
|
|
1331
1331
|
]))), 256))
|
|
1332
1332
|
], 2)
|
|
1333
1333
|
])
|
|
1334
1334
|
]));
|
|
1335
1335
|
}
|
|
1336
1336
|
});
|
|
1337
|
-
const
|
|
1337
|
+
const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ m({
|
|
1338
1338
|
__name: "image",
|
|
1339
1339
|
props: {
|
|
1340
1340
|
caption: {
|
|
@@ -1351,31 +1351,31 @@ const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { cla
|
|
|
1351
1351
|
}
|
|
1352
1352
|
},
|
|
1353
1353
|
setup(e) {
|
|
1354
|
-
return (l, a) => (i(), r("div",
|
|
1354
|
+
return (l, a) => (i(), r("div", xa, [
|
|
1355
1355
|
t("div", Ia, [
|
|
1356
1356
|
t("div", qa, [
|
|
1357
1357
|
k(D, null, {
|
|
1358
|
-
default:
|
|
1359
|
-
u(l.$slots, "image",
|
|
1358
|
+
default: S(() => [
|
|
1359
|
+
u(l.$slots, "image", A(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1360
1360
|
]),
|
|
1361
1361
|
_: 3
|
|
1362
1362
|
})
|
|
1363
1363
|
]),
|
|
1364
|
-
t("p", Ma,
|
|
1364
|
+
t("p", Ma, s(e.caption), 1)
|
|
1365
1365
|
])
|
|
1366
1366
|
]));
|
|
1367
1367
|
}
|
|
1368
1368
|
});
|
|
1369
|
-
const Ba = /* @__PURE__ */
|
|
1369
|
+
const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { class: "gallery__large" }, Aa = {
|
|
1370
1370
|
key: 0,
|
|
1371
1371
|
class: "image image--large"
|
|
1372
|
-
},
|
|
1372
|
+
}, Ca = {
|
|
1373
1373
|
key: 1,
|
|
1374
1374
|
class: "video"
|
|
1375
|
-
},
|
|
1375
|
+
}, Ta = { class: "image image--small" }, ja = {
|
|
1376
1376
|
key: 0,
|
|
1377
1377
|
class: "body"
|
|
1378
|
-
}, Na = /* @__PURE__ */
|
|
1378
|
+
}, Na = /* @__PURE__ */ m({
|
|
1379
1379
|
__name: "image-gallery",
|
|
1380
1380
|
props: {
|
|
1381
1381
|
mediaLarge: {
|
|
@@ -1426,11 +1426,11 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
|
|
|
1426
1426
|
e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1427
1427
|
])
|
|
1428
1428
|
}, [
|
|
1429
|
-
t("div",
|
|
1430
|
-
e.mediaLarge && e.mediaType === "image" ? (i(), r("div",
|
|
1429
|
+
t("div", La, [
|
|
1430
|
+
e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Aa, [
|
|
1431
1431
|
k(D, null, {
|
|
1432
|
-
default:
|
|
1433
|
-
u(l.$slots, "image-large",
|
|
1432
|
+
default: S(() => [
|
|
1433
|
+
u(l.$slots, "image-large", A(C({
|
|
1434
1434
|
width: 617,
|
|
1435
1435
|
height: 530,
|
|
1436
1436
|
src: e.mediaLarge.src,
|
|
@@ -1439,9 +1439,9 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
|
|
|
1439
1439
|
]),
|
|
1440
1440
|
_: 3
|
|
1441
1441
|
})
|
|
1442
|
-
])) :
|
|
1443
|
-
e.mediaLarge && e.mediaType === "video" ? (i(), r("div",
|
|
1444
|
-
k(
|
|
1442
|
+
])) : g("", !0),
|
|
1443
|
+
e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ca, [
|
|
1444
|
+
k(R, {
|
|
1445
1445
|
src: e.mediaLarge.src,
|
|
1446
1446
|
localVideo: "",
|
|
1447
1447
|
ariaLabel: e.mediaLarge.alt,
|
|
@@ -1453,37 +1453,37 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
|
|
|
1453
1453
|
muted: !0,
|
|
1454
1454
|
play: !0
|
|
1455
1455
|
}, null, 8, ["src", "ariaLabel"])
|
|
1456
|
-
])) :
|
|
1456
|
+
])) : g("", !0)
|
|
1457
1457
|
]),
|
|
1458
1458
|
t("div", {
|
|
1459
|
-
style:
|
|
1459
|
+
style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
|
|
1460
1460
|
class: c([
|
|
1461
1461
|
"gallery__small",
|
|
1462
1462
|
e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1463
1463
|
])
|
|
1464
1464
|
}, [
|
|
1465
|
-
(i(!0), r(M, null, L(e.mediaSmall, (
|
|
1465
|
+
(i(!0), r(M, null, L(e.mediaSmall, (n) => (i(), r("div", Ta, [
|
|
1466
1466
|
k(D, null, {
|
|
1467
|
-
default:
|
|
1468
|
-
u(l.$slots, "image-small",
|
|
1467
|
+
default: S(() => [
|
|
1468
|
+
u(l.$slots, "image-small", A(C({
|
|
1469
1469
|
width: 328,
|
|
1470
1470
|
height: 246,
|
|
1471
|
-
src:
|
|
1472
|
-
alt:
|
|
1471
|
+
src: n.src,
|
|
1472
|
+
alt: n.alt
|
|
1473
1473
|
})))
|
|
1474
1474
|
]),
|
|
1475
1475
|
_: 2
|
|
1476
1476
|
}, 1024)
|
|
1477
1477
|
]))), 256)),
|
|
1478
1478
|
e.mediaSmall.length < 2 ? (i(), r("div", ja, [
|
|
1479
|
-
t("p", null,
|
|
1480
|
-
])) :
|
|
1479
|
+
t("p", null, s(e.body), 1)
|
|
1480
|
+
])) : g("", !0)
|
|
1481
1481
|
], 6)
|
|
1482
1482
|
], 2)
|
|
1483
1483
|
], 2));
|
|
1484
1484
|
}
|
|
1485
1485
|
});
|
|
1486
|
-
const za = /* @__PURE__ */
|
|
1486
|
+
const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ m({
|
|
1487
1487
|
__name: "headline",
|
|
1488
1488
|
props: {
|
|
1489
1489
|
headline: {
|
|
@@ -1506,12 +1506,12 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
|
|
|
1506
1506
|
e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
|
|
1507
1507
|
])
|
|
1508
1508
|
}, [
|
|
1509
|
-
t("h1", Oa,
|
|
1509
|
+
t("h1", Oa, s(e.headline), 1)
|
|
1510
1510
|
], 2)
|
|
1511
1511
|
]));
|
|
1512
1512
|
}
|
|
1513
1513
|
});
|
|
1514
|
-
const Ha = /* @__PURE__ */
|
|
1514
|
+
const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ra = /* @__PURE__ */ m({
|
|
1515
1515
|
__name: "micro-stories",
|
|
1516
1516
|
props: {
|
|
1517
1517
|
stories: {
|
|
@@ -1547,7 +1547,7 @@ const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
|
|
|
1547
1547
|
], 2));
|
|
1548
1548
|
}
|
|
1549
1549
|
});
|
|
1550
|
-
const
|
|
1550
|
+
const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
|
|
1551
1551
|
__name: "product-hero",
|
|
1552
1552
|
props: {
|
|
1553
1553
|
headline: {
|
|
@@ -1572,13 +1572,13 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
|
|
|
1572
1572
|
}
|
|
1573
1573
|
},
|
|
1574
1574
|
setup(e) {
|
|
1575
|
-
return (l, a) => (i(), r("div",
|
|
1575
|
+
return (l, a) => (i(), r("div", Ea, [
|
|
1576
1576
|
t("div", Ua, [
|
|
1577
1577
|
t("div", Wa, [
|
|
1578
|
-
t("h1", null,
|
|
1578
|
+
t("h1", null, s(e.headline), 1)
|
|
1579
1579
|
]),
|
|
1580
1580
|
t("div", Fa, [
|
|
1581
|
-
k(
|
|
1581
|
+
k(R, {
|
|
1582
1582
|
play: !0,
|
|
1583
1583
|
localVideo: !0,
|
|
1584
1584
|
src: e.videoSrc,
|
|
@@ -1594,7 +1594,7 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
|
|
|
1594
1594
|
]));
|
|
1595
1595
|
}
|
|
1596
1596
|
});
|
|
1597
|
-
const Ja = /* @__PURE__ */
|
|
1597
|
+
const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ m({
|
|
1598
1598
|
__name: "promo",
|
|
1599
1599
|
props: {
|
|
1600
1600
|
label: {
|
|
@@ -1659,12 +1659,12 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
|
|
|
1659
1659
|
])
|
|
1660
1660
|
}, [
|
|
1661
1661
|
k(D, null, {
|
|
1662
|
-
default:
|
|
1663
|
-
u(l.$slots, "promo-image",
|
|
1662
|
+
default: S(() => [
|
|
1663
|
+
u(l.$slots, "promo-image", A(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
|
|
1664
1664
|
]),
|
|
1665
1665
|
_: 3
|
|
1666
1666
|
})
|
|
1667
|
-
], 2)) :
|
|
1667
|
+
], 2)) : g("", !0),
|
|
1668
1668
|
e.mediaType === "video" ? (i(), r("div", {
|
|
1669
1669
|
key: 1,
|
|
1670
1670
|
class: c([
|
|
@@ -1672,7 +1672,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
|
|
|
1672
1672
|
e.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
1673
1673
|
])
|
|
1674
1674
|
}, [
|
|
1675
|
-
k(
|
|
1675
|
+
k(R, {
|
|
1676
1676
|
src: e.src,
|
|
1677
1677
|
localVideo: "",
|
|
1678
1678
|
ariaLabel: e.alt,
|
|
@@ -1683,52 +1683,52 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
|
|
|
1683
1683
|
play: !0,
|
|
1684
1684
|
poster: e.fallbackImage
|
|
1685
1685
|
}, null, 8, ["src", "ariaLabel", "poster"])
|
|
1686
|
-
], 2)) :
|
|
1686
|
+
], 2)) : g("", !0),
|
|
1687
1687
|
t("div", {
|
|
1688
1688
|
class: c([
|
|
1689
1689
|
"promo__text",
|
|
1690
1690
|
e.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1691
1691
|
])
|
|
1692
1692
|
}, [
|
|
1693
|
-
e.label ? (i(),
|
|
1693
|
+
e.label ? (i(), T(F, {
|
|
1694
1694
|
key: 0,
|
|
1695
1695
|
text: e.label,
|
|
1696
1696
|
labelDark: e.variant === "dark"
|
|
1697
|
-
}, null, 8, ["text", "labelDark"])) :
|
|
1697
|
+
}, null, 8, ["text", "labelDark"])) : g("", !0),
|
|
1698
1698
|
t("h3", {
|
|
1699
1699
|
class: c([
|
|
1700
1700
|
"promo__title",
|
|
1701
1701
|
e.variant === "dark" ? "promo__title--dark" : ""
|
|
1702
1702
|
])
|
|
1703
|
-
},
|
|
1704
|
-
e.linkType === "link" ? (i(), j
|
|
1703
|
+
}, s(e.headline), 3),
|
|
1704
|
+
e.linkType === "link" ? (i(), T(j, {
|
|
1705
1705
|
key: 1,
|
|
1706
1706
|
linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
|
|
1707
1707
|
arrow: ""
|
|
1708
1708
|
}, {
|
|
1709
|
-
default:
|
|
1709
|
+
default: S(() => [
|
|
1710
1710
|
u(l.$slots, "promo-link")
|
|
1711
1711
|
]),
|
|
1712
1712
|
_: 3
|
|
1713
|
-
}, 8, ["linkType"])) :
|
|
1714
|
-
e.linkType === "button" ? (i(), j
|
|
1713
|
+
}, 8, ["linkType"])) : g("", !0),
|
|
1714
|
+
e.linkType === "button" ? (i(), T(j, {
|
|
1715
1715
|
key: 2,
|
|
1716
1716
|
linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
|
|
1717
1717
|
}, {
|
|
1718
|
-
default:
|
|
1718
|
+
default: S(() => [
|
|
1719
1719
|
u(l.$slots, "promo-link")
|
|
1720
1720
|
]),
|
|
1721
1721
|
_: 3
|
|
1722
|
-
}, 8, ["linkType"])) :
|
|
1722
|
+
}, 8, ["linkType"])) : g("", !0)
|
|
1723
1723
|
], 2)
|
|
1724
1724
|
])
|
|
1725
1725
|
], 2));
|
|
1726
1726
|
}
|
|
1727
1727
|
});
|
|
1728
|
-
const Qa = /* @__PURE__ */
|
|
1728
|
+
const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, nl = {
|
|
1729
1729
|
key: 0,
|
|
1730
1730
|
class: "quote__image"
|
|
1731
|
-
},
|
|
1731
|
+
}, ol = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ m({
|
|
1732
1732
|
__name: "quote",
|
|
1733
1733
|
props: {
|
|
1734
1734
|
quote: {
|
|
@@ -1753,12 +1753,12 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
|
|
|
1753
1753
|
t("div", tl, [
|
|
1754
1754
|
al,
|
|
1755
1755
|
t("div", ll, [
|
|
1756
|
-
t("p", il,
|
|
1756
|
+
t("p", il, s(e.quote), 1),
|
|
1757
1757
|
t("div", rl, [
|
|
1758
|
-
e.authorImage ? (i(), r("div",
|
|
1758
|
+
e.authorImage ? (i(), r("div", nl, [
|
|
1759
1759
|
k(D, null, {
|
|
1760
|
-
default:
|
|
1761
|
-
u(l.$slots, "author-image",
|
|
1760
|
+
default: S(() => [
|
|
1761
|
+
u(l.$slots, "author-image", A(C({
|
|
1762
1762
|
src: e.authorImage + "/m/100x100",
|
|
1763
1763
|
width: 60,
|
|
1764
1764
|
height: 60
|
|
@@ -1766,10 +1766,10 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
|
|
|
1766
1766
|
]),
|
|
1767
1767
|
_: 3
|
|
1768
1768
|
})
|
|
1769
|
-
])) :
|
|
1770
|
-
t("div",
|
|
1771
|
-
t("p", sl,
|
|
1772
|
-
t("p", dl,
|
|
1769
|
+
])) : g("", !0),
|
|
1770
|
+
t("div", ol, [
|
|
1771
|
+
t("p", sl, s(e.author), 1),
|
|
1772
|
+
t("p", dl, s(e.authorTitle), 1)
|
|
1773
1773
|
])
|
|
1774
1774
|
])
|
|
1775
1775
|
])
|
|
@@ -1777,13 +1777,13 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
|
|
|
1777
1777
|
]));
|
|
1778
1778
|
}
|
|
1779
1779
|
});
|
|
1780
|
-
const ul = /* @__PURE__ */
|
|
1780
|
+
const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { class: "rich-text__wrapper" }, ml = {
|
|
1781
1781
|
key: 0,
|
|
1782
1782
|
class: "rich-text__links"
|
|
1783
|
-
},
|
|
1783
|
+
}, hl = {
|
|
1784
1784
|
key: 0,
|
|
1785
1785
|
class: "rich-text__bullet-list"
|
|
1786
|
-
},
|
|
1786
|
+
}, gl = /* @__PURE__ */ m({
|
|
1787
1787
|
__name: "rich-text",
|
|
1788
1788
|
props: {
|
|
1789
1789
|
headline: {
|
|
@@ -1824,19 +1824,19 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
|
|
|
1824
1824
|
e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1825
1825
|
])
|
|
1826
1826
|
}, [
|
|
1827
|
-
t("div",
|
|
1828
|
-
e.label ? (i(),
|
|
1827
|
+
t("div", _l, [
|
|
1828
|
+
e.label ? (i(), T(F, {
|
|
1829
1829
|
key: 0,
|
|
1830
1830
|
text: e.label,
|
|
1831
1831
|
labelDark: !1
|
|
1832
|
-
}, null, 8, ["text"])) :
|
|
1832
|
+
}, null, 8, ["text"])) : g("", !0),
|
|
1833
1833
|
e.headline ? (i(), r("h2", {
|
|
1834
1834
|
key: 1,
|
|
1835
1835
|
class: c([
|
|
1836
1836
|
"rich-text__headline",
|
|
1837
1837
|
e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
|
|
1838
1838
|
])
|
|
1839
|
-
},
|
|
1839
|
+
}, s(e.headline), 3)) : g("", !0),
|
|
1840
1840
|
t("div", {
|
|
1841
1841
|
class: c([
|
|
1842
1842
|
"rich-text__content",
|
|
@@ -1850,13 +1850,13 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
|
|
|
1850
1850
|
])
|
|
1851
1851
|
}, [
|
|
1852
1852
|
u(l.$slots, "rich-text-content"),
|
|
1853
|
-
e.links ? (i(), r("div",
|
|
1853
|
+
e.links ? (i(), r("div", ml, [
|
|
1854
1854
|
u(l.$slots, "rich-text-links")
|
|
1855
|
-
])) :
|
|
1855
|
+
])) : g("", !0)
|
|
1856
1856
|
], 2),
|
|
1857
|
-
e.bulletList ? (i(), r("div",
|
|
1857
|
+
e.bulletList ? (i(), r("div", hl, [
|
|
1858
1858
|
u(l.$slots, "rich-text-bullet-list")
|
|
1859
|
-
])) :
|
|
1859
|
+
])) : g("", !0),
|
|
1860
1860
|
e.image ? (i(), r("div", {
|
|
1861
1861
|
key: 1,
|
|
1862
1862
|
class: c([
|
|
@@ -1865,21 +1865,21 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
|
|
|
1865
1865
|
])
|
|
1866
1866
|
}, [
|
|
1867
1867
|
k(D, null, {
|
|
1868
|
-
default:
|
|
1869
|
-
u(l.$slots, "rich-text-image",
|
|
1868
|
+
default: S(() => [
|
|
1869
|
+
u(l.$slots, "rich-text-image", A(C({ width: 865, height: 307 })))
|
|
1870
1870
|
]),
|
|
1871
1871
|
_: 3
|
|
1872
1872
|
})
|
|
1873
|
-
], 2)) :
|
|
1873
|
+
], 2)) : g("", !0)
|
|
1874
1874
|
], 2)
|
|
1875
1875
|
])
|
|
1876
1876
|
], 2));
|
|
1877
1877
|
}
|
|
1878
1878
|
});
|
|
1879
|
-
const
|
|
1879
|
+
const vl = /* @__PURE__ */ h(gl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
|
|
1880
1880
|
key: 0,
|
|
1881
1881
|
class: "triple-card__content"
|
|
1882
|
-
}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */
|
|
1882
|
+
}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ m({
|
|
1883
1883
|
__name: "triple-card-display",
|
|
1884
1884
|
props: {
|
|
1885
1885
|
headline: {
|
|
@@ -1904,9 +1904,9 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
|
|
|
1904
1904
|
}, [
|
|
1905
1905
|
t("div", fl, [
|
|
1906
1906
|
e.headline || e.paragraph ? (i(), r("div", yl, [
|
|
1907
|
-
e.headline ? (i(), r("h2", bl,
|
|
1908
|
-
e.paragraph ? (i(), r("p", pl,
|
|
1909
|
-
])) :
|
|
1907
|
+
e.headline ? (i(), r("h2", bl, s(e.headline), 1)) : g("", !0),
|
|
1908
|
+
e.paragraph ? (i(), r("p", pl, s(e.paragraph), 1)) : g("", !0)
|
|
1909
|
+
])) : g("", !0),
|
|
1910
1910
|
t("div", kl, [
|
|
1911
1911
|
u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
|
|
1912
1912
|
])
|
|
@@ -1914,13 +1914,13 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
|
|
|
1914
1914
|
], 2));
|
|
1915
1915
|
}
|
|
1916
1916
|
});
|
|
1917
|
-
const wl = /* @__PURE__ */
|
|
1917
|
+
const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-10340ac8"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
|
|
1918
1918
|
key: 0,
|
|
1919
1919
|
class: "vimeo__headline"
|
|
1920
1920
|
}, ql = {
|
|
1921
1921
|
key: 1,
|
|
1922
1922
|
class: "vimeo__description"
|
|
1923
|
-
}, Ml = /* @__PURE__ */
|
|
1923
|
+
}, Ml = /* @__PURE__ */ m({
|
|
1924
1924
|
__name: "vimeo",
|
|
1925
1925
|
props: {
|
|
1926
1926
|
headline: {
|
|
@@ -1931,16 +1931,16 @@ const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { cla
|
|
|
1931
1931
|
}
|
|
1932
1932
|
},
|
|
1933
1933
|
setup(e) {
|
|
1934
|
-
return (l, a) => (i(), r("div",
|
|
1935
|
-
t("div",
|
|
1936
|
-
e.headline ? (i(), r("h2", Il,
|
|
1934
|
+
return (l, a) => (i(), r("div", Sl, [
|
|
1935
|
+
t("div", xl, [
|
|
1936
|
+
e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : g("", !0),
|
|
1937
1937
|
u(l.$slots, "vimeo-content", {}, void 0, !0),
|
|
1938
|
-
e.description ? (i(), r("p", ql,
|
|
1938
|
+
e.description ? (i(), r("p", ql, s(e.description), 1)) : g("", !0)
|
|
1939
1939
|
])
|
|
1940
1940
|
]));
|
|
1941
1941
|
}
|
|
1942
1942
|
});
|
|
1943
|
-
const Dl = /* @__PURE__ */
|
|
1943
|
+
const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Ll = { class: "not-found__content" }, Al = { class: "not-found__headline" }, Cl = { class: "not-found__body" }, Tl = /* @__PURE__ */ m({
|
|
1944
1944
|
__name: "404",
|
|
1945
1945
|
props: {
|
|
1946
1946
|
headline: {
|
|
@@ -1950,16 +1950,16 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
|
|
|
1950
1950
|
},
|
|
1951
1951
|
setup(e) {
|
|
1952
1952
|
return (l, a) => (i(), r("div", Bl, [
|
|
1953
|
-
t("div",
|
|
1954
|
-
t("h1",
|
|
1955
|
-
t("div",
|
|
1953
|
+
t("div", Ll, [
|
|
1954
|
+
t("h1", Al, s(e.headline), 1),
|
|
1955
|
+
t("div", Cl, [
|
|
1956
1956
|
u(l.$slots, "not-found-body", {}, void 0, !0)
|
|
1957
1957
|
])
|
|
1958
1958
|
])
|
|
1959
1959
|
]));
|
|
1960
1960
|
}
|
|
1961
1961
|
});
|
|
1962
|
-
const jl = /* @__PURE__ */
|
|
1962
|
+
const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ m({
|
|
1963
1963
|
__name: "filter",
|
|
1964
1964
|
props: {
|
|
1965
1965
|
hasChips: {
|
|
@@ -1979,17 +1979,19 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { cla
|
|
|
1979
1979
|
e.hasChips ? (i(), r("button", {
|
|
1980
1980
|
key: 0,
|
|
1981
1981
|
class: "filter__clear",
|
|
1982
|
-
onClick: a[0] || (a[0] = (
|
|
1983
|
-
}, " Remove all filters ")) :
|
|
1982
|
+
onClick: a[0] || (a[0] = (n) => l.$emit("clearFilters"))
|
|
1983
|
+
}, " Remove all filters ")) : g("", !0)
|
|
1984
1984
|
])
|
|
1985
1985
|
])
|
|
1986
1986
|
]));
|
|
1987
1987
|
}
|
|
1988
1988
|
});
|
|
1989
|
-
const Hl = /* @__PURE__ */
|
|
1989
|
+
const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-d739b347"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, Rl = { class: "footer__content" }, El = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
|
|
1990
1990
|
/* @__PURE__ */ t("i", { class: "change-region" }),
|
|
1991
1991
|
/* @__PURE__ */ O("Change region")
|
|
1992
|
-
], -1)), ri =
|
|
1992
|
+
], -1)), ri = [
|
|
1993
|
+
ii
|
|
1994
|
+
], ni = { class: "footer__social" }, oi = ["href", "aria-label"], si = /* @__PURE__ */ m({
|
|
1993
1995
|
__name: "footer",
|
|
1994
1996
|
props: {
|
|
1995
1997
|
footerSections: {
|
|
@@ -2017,16 +2019,17 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
|
|
|
2017
2019
|
}
|
|
2018
2020
|
}
|
|
2019
2021
|
},
|
|
2022
|
+
emits: ["changeRegionClicked"],
|
|
2020
2023
|
setup(e) {
|
|
2021
2024
|
return (l, a) => (i(), r("div", Zl, [
|
|
2022
|
-
t("footer",
|
|
2023
|
-
t("div",
|
|
2024
|
-
(i(!0), r(M, null, L(e.footerSections, (
|
|
2025
|
-
t("span", Wl,
|
|
2025
|
+
t("footer", Rl, [
|
|
2026
|
+
t("div", El, [
|
|
2027
|
+
(i(!0), r(M, null, L(e.footerSections, (n) => (i(), r("div", Ul, [
|
|
2028
|
+
t("span", Wl, s(n.title), 1),
|
|
2026
2029
|
t("nav", null, [
|
|
2027
2030
|
t("ul", Fl, [
|
|
2028
2031
|
u(l.$slots, "section-links", {
|
|
2029
|
-
links:
|
|
2032
|
+
links: n.links
|
|
2030
2033
|
})
|
|
2031
2034
|
])
|
|
2032
2035
|
])
|
|
@@ -2037,22 +2040,22 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
|
|
|
2037
2040
|
Yl,
|
|
2038
2041
|
Kl,
|
|
2039
2042
|
Ql,
|
|
2040
|
-
k(
|
|
2043
|
+
k(j, {
|
|
2041
2044
|
class: "footer__contact",
|
|
2042
2045
|
linkType: "regular-light",
|
|
2043
2046
|
underline: "false"
|
|
2044
2047
|
}, {
|
|
2045
|
-
default:
|
|
2048
|
+
default: S(() => [
|
|
2046
2049
|
Xl
|
|
2047
2050
|
]),
|
|
2048
2051
|
_: 1
|
|
2049
2052
|
}),
|
|
2050
|
-
k(
|
|
2053
|
+
k(j, {
|
|
2051
2054
|
class: "footer__contact",
|
|
2052
2055
|
linkType: "regular-light",
|
|
2053
2056
|
underline: "false"
|
|
2054
2057
|
}, {
|
|
2055
|
-
default:
|
|
2058
|
+
default: S(() => [
|
|
2056
2059
|
ei
|
|
2057
2060
|
]),
|
|
2058
2061
|
_: 1
|
|
@@ -2062,31 +2065,29 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
|
|
|
2062
2065
|
]),
|
|
2063
2066
|
t("div", ti, [
|
|
2064
2067
|
t("div", ai, [
|
|
2065
|
-
t("p", li, "© MiR " +
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
_: 1
|
|
2071
|
-
}),
|
|
2068
|
+
t("p", li, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
2069
|
+
t("button", {
|
|
2070
|
+
class: "footer__language-switcher",
|
|
2071
|
+
onClick: a[0] || (a[0] = (n) => l.$emit("changeRegionClicked"))
|
|
2072
|
+
}, ri),
|
|
2072
2073
|
u(l.$slots, "footer-privacy-link"),
|
|
2073
2074
|
u(l.$slots, "footer-cookie-link")
|
|
2074
2075
|
]),
|
|
2075
|
-
t("div",
|
|
2076
|
-
(i(!0), r(M, null, L(e.socialMedia, (
|
|
2076
|
+
t("div", ni, [
|
|
2077
|
+
(i(!0), r(M, null, L(e.socialMedia, (n) => (i(), T(j, {
|
|
2077
2078
|
underline: "false",
|
|
2078
2079
|
linkType: "regular"
|
|
2079
2080
|
}, {
|
|
2080
|
-
default:
|
|
2081
|
+
default: S(() => [
|
|
2081
2082
|
t("a", {
|
|
2082
|
-
href:
|
|
2083
|
-
"aria-label":
|
|
2083
|
+
href: n.url,
|
|
2084
|
+
"aria-label": n.title
|
|
2084
2085
|
}, [
|
|
2085
2086
|
t("i", {
|
|
2086
2087
|
width: "19",
|
|
2087
2088
|
height: "14",
|
|
2088
2089
|
class: c(["footer__social--icon", [
|
|
2089
|
-
|
|
2090
|
+
n.title === "linkedin" ? "bg-linkedin" : n.title === "facebook" ? "bg-facebook" : n.title === "instagram" ? "bg-instagram" : n.title === "twitter" ? "bg-twitter" : n.title === "youtube" ? "bg-youtube" : ""
|
|
2090
2091
|
]])
|
|
2091
2092
|
}, null, 2)
|
|
2092
2093
|
], 8, oi)
|
|
@@ -2099,19 +2100,19 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
|
|
|
2099
2100
|
]));
|
|
2100
2101
|
}
|
|
2101
2102
|
});
|
|
2102
|
-
const
|
|
2103
|
+
const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-d739b347"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", ci = { class: "header__wrapper" }, ui = { class: "nav-wrapper" }, _i = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, hi = {
|
|
2103
2104
|
id: "menu-dropdown",
|
|
2104
2105
|
ref: "dropdownDiv"
|
|
2105
|
-
},
|
|
2106
|
+
}, gi = {
|
|
2106
2107
|
key: 0,
|
|
2107
2108
|
src: de,
|
|
2108
2109
|
alt: "dropdownarrow"
|
|
2109
|
-
},
|
|
2110
|
+
}, vi = {
|
|
2110
2111
|
key: 1,
|
|
2111
2112
|
src: de,
|
|
2112
2113
|
alt: "dropdownarrow",
|
|
2113
2114
|
style: { transform: "rotate(180deg)" }
|
|
2114
|
-
},
|
|
2115
|
+
}, fi = { class: "dropdown-content" }, yi = { class: "nav-search-wrapper" }, bi = ["src"], pi = { class: "mobile-logo-search-burger-wrapper" }, ki = { class: "mobile-mir-link-logo" }, $i = { class: "mobile-search-wrapper" }, wi = ["src"], Si = ["onClick"], xi = ["src"], Ii = ["src"], qi = { class: "mobile-menu-content-wrapper" }, Mi = { class: "mobile-dropdown-content" }, Di = /* @__PURE__ */ m({
|
|
2115
2116
|
__name: "header",
|
|
2116
2117
|
props: {
|
|
2117
2118
|
burgerState: {
|
|
@@ -2126,72 +2127,72 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
|
|
|
2126
2127
|
emits: ["update:burgerState", "update:showDropDown"],
|
|
2127
2128
|
setup(e, { emit: l }) {
|
|
2128
2129
|
const a = e;
|
|
2129
|
-
|
|
2130
|
-
let
|
|
2130
|
+
w("");
|
|
2131
|
+
let n = null, o = w(a.burgerState), _ = w(a.showDropDown);
|
|
2131
2132
|
X(
|
|
2132
2133
|
() => a.burgerState,
|
|
2133
|
-
(f) =>
|
|
2134
|
+
(f) => o.value = f
|
|
2134
2135
|
), X(
|
|
2135
2136
|
() => a.showDropDown,
|
|
2136
|
-
(f) =>
|
|
2137
|
+
(f) => _.value = f
|
|
2137
2138
|
), we(() => {
|
|
2138
|
-
|
|
2139
|
-
f.target.closest("#menu-dropdown") || (
|
|
2140
|
-
}, window.addEventListener("click",
|
|
2141
|
-
}),
|
|
2142
|
-
|
|
2139
|
+
n = (f) => {
|
|
2140
|
+
f.target.closest("#menu-dropdown") || (_.value = !1);
|
|
2141
|
+
}, window.addEventListener("click", n);
|
|
2142
|
+
}), Se(() => {
|
|
2143
|
+
n !== null && window.removeEventListener("click", n);
|
|
2143
2144
|
});
|
|
2144
|
-
function
|
|
2145
|
-
|
|
2145
|
+
function x() {
|
|
2146
|
+
_.value = !_.value, l("update:showDropDown", _.value);
|
|
2146
2147
|
}
|
|
2147
2148
|
function I() {
|
|
2148
|
-
|
|
2149
|
+
o.value = !o.value, l("update:burgerState", o.value);
|
|
2149
2150
|
}
|
|
2150
|
-
return (f, b) => (i(), r("div",
|
|
2151
|
+
return (f, b) => (i(), r("div", ci, [
|
|
2151
2152
|
t("nav", null, [
|
|
2152
|
-
t("div",
|
|
2153
|
-
t("div",
|
|
2153
|
+
t("div", ui, [
|
|
2154
|
+
t("div", _i, [
|
|
2154
2155
|
u(f.$slots, "link-logo", {}, void 0, !0)
|
|
2155
2156
|
]),
|
|
2156
2157
|
t("ul", mi, [
|
|
2157
2158
|
u(f.$slots, "main-nav-items", {}, void 0, !0)
|
|
2158
2159
|
]),
|
|
2159
|
-
t("div",
|
|
2160
|
+
t("div", hi, [
|
|
2160
2161
|
t("button", {
|
|
2161
|
-
onClick:
|
|
2162
|
+
onClick: x,
|
|
2162
2163
|
class: "nav-dropdown-btn"
|
|
2163
2164
|
}, [
|
|
2164
2165
|
u(f.$slots, "dropdown-title", {}, void 0, !0),
|
|
2165
|
-
p(
|
|
2166
|
+
p(_) == !1 ? (i(), r("img", gi)) : (i(), r("img", vi))
|
|
2166
2167
|
]),
|
|
2167
|
-
U(t("div",
|
|
2168
|
+
U(t("div", fi, [
|
|
2168
2169
|
u(f.$slots, "dropdown-links", {}, void 0, !0)
|
|
2169
2170
|
], 512), [
|
|
2170
|
-
[G, p(
|
|
2171
|
+
[G, p(_)]
|
|
2171
2172
|
])
|
|
2172
2173
|
], 512),
|
|
2173
|
-
t("div",
|
|
2174
|
+
t("div", yi, [
|
|
2174
2175
|
t("button", null, [
|
|
2175
2176
|
t("img", {
|
|
2176
|
-
src: p(
|
|
2177
|
+
src: p(o) == !0 ? p(le) : p(ae),
|
|
2177
2178
|
alt: "search icon"
|
|
2178
|
-
}, null, 8,
|
|
2179
|
+
}, null, 8, bi)
|
|
2179
2180
|
])
|
|
2180
2181
|
])
|
|
2181
2182
|
]),
|
|
2182
2183
|
t("div", {
|
|
2183
|
-
class: c(["mobile-nav-wrapper", p(
|
|
2184
|
+
class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
|
|
2184
2185
|
}, [
|
|
2185
|
-
t("div",
|
|
2186
|
-
t("div",
|
|
2186
|
+
t("div", pi, [
|
|
2187
|
+
t("div", ki, [
|
|
2187
2188
|
u(f.$slots, "link-logo", {}, void 0, !0)
|
|
2188
2189
|
]),
|
|
2189
|
-
t("div",
|
|
2190
|
+
t("div", $i, [
|
|
2190
2191
|
t("button", null, [
|
|
2191
2192
|
t("img", {
|
|
2192
|
-
src: p(
|
|
2193
|
+
src: p(o) == !0 ? p(le) : p(ae),
|
|
2193
2194
|
alt: "search icon"
|
|
2194
|
-
}, null, 8,
|
|
2195
|
+
}, null, 8, wi)
|
|
2195
2196
|
])
|
|
2196
2197
|
]),
|
|
2197
2198
|
t("button", {
|
|
@@ -2199,32 +2200,51 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
|
|
|
2199
2200
|
class: "mobile-burger-wrapper"
|
|
2200
2201
|
}, [
|
|
2201
2202
|
t("img", {
|
|
2202
|
-
class: c(["burger-line", p(
|
|
2203
|
-
src: p(
|
|
2203
|
+
class: c(["burger-line", p(o) == !0 ? "burger-top-line-open" : ""]),
|
|
2204
|
+
src: p(o) == !0 ? p(te) : p(ee)
|
|
2204
2205
|
}, null, 10, xi),
|
|
2205
2206
|
t("img", {
|
|
2206
|
-
class: c(["burger-line", p(
|
|
2207
|
-
src: p(
|
|
2208
|
-
}, null, 10,
|
|
2209
|
-
], 8,
|
|
2207
|
+
class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
|
|
2208
|
+
src: p(o) == !0 ? p(te) : p(ee)
|
|
2209
|
+
}, null, 10, Ii)
|
|
2210
|
+
], 8, Si)
|
|
2210
2211
|
]),
|
|
2211
|
-
U(t("div",
|
|
2212
|
+
U(t("div", qi, [
|
|
2212
2213
|
t("ul", null, [
|
|
2213
2214
|
u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2214
2215
|
]),
|
|
2215
|
-
t("ul",
|
|
2216
|
+
t("ul", Mi, [
|
|
2216
2217
|
u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2217
2218
|
u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2218
2219
|
])
|
|
2219
2220
|
], 512), [
|
|
2220
|
-
[G, p(
|
|
2221
|
+
[G, p(o)]
|
|
2221
2222
|
])
|
|
2222
2223
|
], 2)
|
|
2223
2224
|
])
|
|
2224
2225
|
]));
|
|
2225
2226
|
}
|
|
2226
2227
|
});
|
|
2227
|
-
const
|
|
2228
|
+
const Bi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-8ff68823"]]), Li = { class: "language__wrapper" }, Ai = { class: "language__content" }, Ci = { class: "language__headline" }, Ti = { class: "language__paragraph" }, ji = /* @__PURE__ */ m({
|
|
2229
|
+
__name: "language-switcher",
|
|
2230
|
+
props: {
|
|
2231
|
+
headline: {
|
|
2232
|
+
type: String
|
|
2233
|
+
},
|
|
2234
|
+
paragraph: {
|
|
2235
|
+
type: String
|
|
2236
|
+
}
|
|
2237
|
+
},
|
|
2238
|
+
setup(e) {
|
|
2239
|
+
return (l, a) => (i(), r("div", Li, [
|
|
2240
|
+
t("div", Ai, [
|
|
2241
|
+
t("h2", Ci, s(e.headline), 1),
|
|
2242
|
+
t("p", Ti, s(e.paragraph), 1),
|
|
2243
|
+
u(l.$slots, "language-links")
|
|
2244
|
+
])
|
|
2245
|
+
]));
|
|
2246
|
+
}
|
|
2247
|
+
}), Ni = { class: "pagination__wrapper" }, zi = { class: "pagination__content" }, Vi = /* @__PURE__ */ m({
|
|
2228
2248
|
__name: "pagination",
|
|
2229
2249
|
props: {
|
|
2230
2250
|
isPreviousDisabled: {
|
|
@@ -2238,17 +2258,17 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
|
|
|
2238
2258
|
},
|
|
2239
2259
|
emits: ["previous", "next"],
|
|
2240
2260
|
setup(e) {
|
|
2241
|
-
return (l, a) => (i(), r("div",
|
|
2242
|
-
t("div",
|
|
2261
|
+
return (l, a) => (i(), r("div", Ni, [
|
|
2262
|
+
t("div", zi, [
|
|
2243
2263
|
k(W, {
|
|
2244
|
-
onClick: a[0] || (a[0] = (
|
|
2264
|
+
onClick: a[0] || (a[0] = (n) => l.$emit("previous")),
|
|
2245
2265
|
disabled: e.isPreviousDisabled,
|
|
2246
2266
|
variant: "previous",
|
|
2247
2267
|
ariaLabel: "previous"
|
|
2248
2268
|
}, null, 8, ["disabled"]),
|
|
2249
2269
|
u(l.$slots, "pagination-numbers"),
|
|
2250
2270
|
k(W, {
|
|
2251
|
-
onClick: a[1] || (a[1] = (
|
|
2271
|
+
onClick: a[1] || (a[1] = (n) => l.$emit("next")),
|
|
2252
2272
|
disabled: e.isNextDisabled,
|
|
2253
2273
|
variant: "next",
|
|
2254
2274
|
ariaLabel: "next"
|
|
@@ -2257,35 +2277,35 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
|
|
|
2257
2277
|
]));
|
|
2258
2278
|
}
|
|
2259
2279
|
});
|
|
2260
|
-
const
|
|
2280
|
+
const Oi = /* @__PURE__ */ h(Vi, [["__scopeId", "data-v-161faef3"]]), Hi = {
|
|
2261
2281
|
install: (e) => {
|
|
2262
|
-
e.component("AtomButton", W), e.component("AtomCheckbox",
|
|
2282
|
+
e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", j), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", R), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ga), e.component("BlockFeatures", Sa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ra), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", vl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", di), e.component("OrganismHeader", Bi), e.component("OrganismLanguageSwitcher", ji), e.component("OrganismPagination", Oi);
|
|
2263
2283
|
}
|
|
2264
2284
|
};
|
|
2265
2285
|
export {
|
|
2266
2286
|
W as AtomButton,
|
|
2267
|
-
|
|
2287
|
+
Ae as AtomCheckbox,
|
|
2268
2288
|
ze as AtomChip,
|
|
2269
2289
|
Ue as AtomDropdown,
|
|
2270
2290
|
D as AtomImage,
|
|
2271
2291
|
F as AtomLabel,
|
|
2272
|
-
|
|
2292
|
+
j as AtomLink,
|
|
2273
2293
|
lt as AtomRadioButton,
|
|
2274
2294
|
dt as AtomSelect,
|
|
2275
2295
|
bt as AtomSlider,
|
|
2276
2296
|
Vt as AtomTextField,
|
|
2277
2297
|
qt as AtomTextarea,
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2298
|
+
R as AtomVideo,
|
|
2299
|
+
ga as BlockFacts,
|
|
2300
|
+
Sa as BlockFeatures,
|
|
2281
2301
|
Ha as BlockHeadline,
|
|
2282
2302
|
Ba as BlockImage,
|
|
2283
2303
|
za as BlockImageGallery,
|
|
2284
|
-
|
|
2304
|
+
Ra as BlockMicroStories,
|
|
2285
2305
|
Ja as BlockProductHero,
|
|
2286
2306
|
Qa as BlockPromo,
|
|
2287
2307
|
ul as BlockQuote,
|
|
2288
|
-
|
|
2308
|
+
vl as BlockRichText,
|
|
2289
2309
|
wl as BlockTripleCardDisplay,
|
|
2290
2310
|
Dl as BlockVimeo,
|
|
2291
2311
|
Ft as MoleculeBulletList,
|
|
@@ -2294,8 +2314,9 @@ export {
|
|
|
2294
2314
|
se as MoleculeModal,
|
|
2295
2315
|
jl as Organism404,
|
|
2296
2316
|
Hl as OrganismFilter,
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2317
|
+
di as OrganismFooter,
|
|
2318
|
+
Bi as OrganismHeader,
|
|
2319
|
+
ji as OrganismLanguageSwitcher,
|
|
2320
|
+
Oi as OrganismPagination,
|
|
2321
|
+
Hi as default
|
|
2301
2322
|
};
|