@mirweb/mir-web-components 0.15.37 → 0.15.39
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 m, openBlock as l, createElementBlock as s, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as C, popScopeId as j, computed as V, createTextVNode as H, ref as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as m, openBlock as l, createElementBlock as s, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as C, popScopeId as j, computed as V, createTextVNode as H, ref as x, withDirectives as W, Fragment as I, renderList as q, vShow as G, normalizeProps as A, guardReactiveProps as T, mergeProps as J, createVNode as p, Transition as ke, withCtx as $, withModifiers as se, createCommentVNode as v, watchEffect as oe, withKeys as we, createBlock as z, normalizeStyle as Y, isRef as ee, unref as k, onMounted as ne, watch as te, onUnmounted as Se } from "vue";
|
|
2
|
+
const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: {
|
|
@@ -27,7 +27,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ m({
|
|
|
27
27
|
return (a, r) => (l(), s("button", {
|
|
28
28
|
class: c(["button", "button--" + e.variant]),
|
|
29
29
|
"aria-label": e.ariaLabel
|
|
30
|
-
}, o(e.variant == "close" ? "" : e.buttonText), 11,
|
|
30
|
+
}, o(e.variant == "close" ? "" : e.buttonText), 11, xe));
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
const h = (e, a) => {
|
|
@@ -168,15 +168,15 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
168
168
|
},
|
|
169
169
|
emits: ["update:modelValue"],
|
|
170
170
|
setup(e, { emit: a }) {
|
|
171
|
-
const r = e, i =
|
|
171
|
+
const r = e, i = x(null), n = x(null), _ = x([]), w = x(0), B = x(""), f = x(!0), b = x(0), L = V(() => {
|
|
172
172
|
const d = r.options.find(
|
|
173
173
|
(g) => g.value === r.modelValue
|
|
174
174
|
);
|
|
175
175
|
return d && d.label;
|
|
176
176
|
}), ue = {
|
|
177
177
|
beforeMount(d, g) {
|
|
178
|
-
d.clickOutsideEvent = function(
|
|
179
|
-
d ===
|
|
178
|
+
d.clickOutsideEvent = function(y) {
|
|
179
|
+
d === y.target || d.contains(y.target) || g.value(y);
|
|
180
180
|
}, document.body.addEventListener("click", d.clickOutsideEvent);
|
|
181
181
|
},
|
|
182
182
|
unmounted(d) {
|
|
@@ -187,27 +187,27 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
187
187
|
a("update:modelValue", d);
|
|
188
188
|
}
|
|
189
189
|
function me(d) {
|
|
190
|
-
var
|
|
190
|
+
var y;
|
|
191
191
|
const g = d.target;
|
|
192
|
-
g.getAttribute("role") === "option" && (E(g), U(), (
|
|
192
|
+
g.getAttribute("role") === "option" && (E(g), U(), (y = i.value) == null || y.focus());
|
|
193
193
|
}
|
|
194
194
|
function K(d) {
|
|
195
|
-
var
|
|
195
|
+
var y;
|
|
196
196
|
const g = d.key;
|
|
197
197
|
switch (g) {
|
|
198
198
|
case "ArrowUp":
|
|
199
199
|
case "ArrowDown": {
|
|
200
200
|
d.preventDefault();
|
|
201
|
-
const
|
|
201
|
+
const S = r.options.findIndex(
|
|
202
202
|
(P) => P.value === r.modelValue
|
|
203
203
|
);
|
|
204
|
-
let N =
|
|
205
|
-
g === "ArrowUp" ?
|
|
204
|
+
let N = S ? _.value[S] : _.value[0];
|
|
205
|
+
g === "ArrowUp" ? S - 1 >= 0 && (N = _.value[S - 1]) : S + 1 <= r.options.length && (N = _.value[S + 1]), N && E(N);
|
|
206
206
|
break;
|
|
207
207
|
}
|
|
208
208
|
case "Home":
|
|
209
209
|
case "PageUp":
|
|
210
|
-
d.preventDefault(),
|
|
210
|
+
d.preventDefault(), ye();
|
|
211
211
|
break;
|
|
212
212
|
case "End":
|
|
213
213
|
case "PageDown":
|
|
@@ -215,11 +215,11 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
215
215
|
break;
|
|
216
216
|
case "Enter":
|
|
217
217
|
case "Escape":
|
|
218
|
-
d.preventDefault(), U(), (
|
|
218
|
+
d.preventDefault(), U(), (y = i.value) == null || y.focus();
|
|
219
219
|
break;
|
|
220
220
|
default: {
|
|
221
|
-
const
|
|
222
|
-
|
|
221
|
+
const S = fe(g);
|
|
222
|
+
S && E(S);
|
|
223
223
|
break;
|
|
224
224
|
}
|
|
225
225
|
}
|
|
@@ -241,28 +241,28 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
241
241
|
B.value = "", w.value = 0;
|
|
242
242
|
}, 500);
|
|
243
243
|
}
|
|
244
|
-
function
|
|
244
|
+
function fe(d) {
|
|
245
245
|
let g = "";
|
|
246
|
-
(B.value === "" || g !== d) && (
|
|
247
|
-
(
|
|
246
|
+
(B.value === "" || g !== d) && (b.value = r.options.findIndex(
|
|
247
|
+
(S) => S.value === r.modelValue
|
|
248
248
|
)), B.value = g === d ? d : B.value + d, g = d, ge();
|
|
249
|
-
let
|
|
250
|
-
|
|
249
|
+
let y = Q(
|
|
250
|
+
b.value + 1,
|
|
251
251
|
r.options.length
|
|
252
252
|
);
|
|
253
|
-
return !
|
|
253
|
+
return !y && B.value.length === 1 && (y = Q(0, b.value)), b.value = (b.value + 1) % r.options.length, y;
|
|
254
254
|
}
|
|
255
255
|
function Q(d, g) {
|
|
256
|
-
for (let
|
|
257
|
-
if (r.options[
|
|
258
|
-
return _.value[
|
|
256
|
+
for (let y = d; y < g; y++)
|
|
257
|
+
if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(B.value.toUpperCase()) === 0)
|
|
258
|
+
return _.value[y];
|
|
259
259
|
return null;
|
|
260
260
|
}
|
|
261
|
-
function
|
|
261
|
+
function ye() {
|
|
262
262
|
E(_.value[0]);
|
|
263
263
|
}
|
|
264
264
|
function E(d) {
|
|
265
|
-
var
|
|
265
|
+
var y, S;
|
|
266
266
|
const g = d.getAttribute("data-value");
|
|
267
267
|
if (r.modelValue) {
|
|
268
268
|
const N = r.options.findIndex(
|
|
@@ -270,12 +270,12 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
270
270
|
), P = _.value[N];
|
|
271
271
|
ve(P);
|
|
272
272
|
}
|
|
273
|
-
if (d.setAttribute("aria-selected", "true"), (
|
|
273
|
+
if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
|
|
274
274
|
"aria-activedescendant",
|
|
275
275
|
g || ""
|
|
276
276
|
), _e(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
|
|
277
277
|
const N = n.value.clientHeight + n.value.scrollTop, P = d.offsetTop + d.offsetHeight;
|
|
278
|
-
P > N ? n.value.scrollTop = P - ((
|
|
278
|
+
P > N ? n.value.scrollTop = P - ((S = n.value) == null ? void 0 : S.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
function be() {
|
|
@@ -285,14 +285,14 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
285
285
|
}
|
|
286
286
|
function U() {
|
|
287
287
|
var d;
|
|
288
|
-
|
|
288
|
+
f.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
|
|
289
289
|
}
|
|
290
290
|
function X() {
|
|
291
291
|
var d, g;
|
|
292
|
-
|
|
292
|
+
f.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
|
|
293
293
|
}
|
|
294
294
|
function pe() {
|
|
295
|
-
r.disabled || (
|
|
295
|
+
r.disabled || (f.value ? X() : U());
|
|
296
296
|
}
|
|
297
297
|
return (d, g) => (l(), s("div", {
|
|
298
298
|
class: "listbox__wrapper",
|
|
@@ -322,7 +322,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
322
322
|
onKeydown: he,
|
|
323
323
|
ref_key: "listboxButton",
|
|
324
324
|
ref: i
|
|
325
|
-
}, o(e.modelValue ?
|
|
325
|
+
}, o(e.modelValue ? L.value : e.placeholder), 43, Ze),
|
|
326
326
|
W(t("ul", {
|
|
327
327
|
"aria-labelledby": `${e.name}-label`,
|
|
328
328
|
"aria-activedescendant": e.modelValue,
|
|
@@ -334,18 +334,18 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
|
|
|
334
334
|
ref_key: "listboxNode",
|
|
335
335
|
ref: n
|
|
336
336
|
}, [
|
|
337
|
-
(l(!0), s(I, null, q(e.options, (
|
|
338
|
-
key: `${e.name}-option-${
|
|
339
|
-
"aria-selected":
|
|
340
|
-
"data-value":
|
|
337
|
+
(l(!0), s(I, null, q(e.options, (y, S) => (l(), s("li", {
|
|
338
|
+
key: `${e.name}-option-${S}`,
|
|
339
|
+
"aria-selected": y.value === e.modelValue,
|
|
340
|
+
"data-value": y.value,
|
|
341
341
|
class: "listbox__option",
|
|
342
342
|
role: "option",
|
|
343
343
|
ref_for: !0,
|
|
344
344
|
ref_key: "listboxOptions",
|
|
345
345
|
ref: _
|
|
346
|
-
}, o(
|
|
346
|
+
}, o(y.label), 9, Re))), 128))
|
|
347
347
|
], 40, Ee), [
|
|
348
|
-
[G, !
|
|
348
|
+
[G, !f.value]
|
|
349
349
|
])
|
|
350
350
|
])), [
|
|
351
351
|
[ue, U]
|
|
@@ -392,7 +392,7 @@ const We = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-00b3141c"]]), Fe = { cla
|
|
|
392
392
|
},
|
|
393
393
|
setup(e) {
|
|
394
394
|
return (a, r) => (l(), s("div", Fe, [
|
|
395
|
-
u(a.$slots, "default",
|
|
395
|
+
u(a.$slots, "default", A(T(a.$attrs)))
|
|
396
396
|
]));
|
|
397
397
|
}
|
|
398
398
|
});
|
|
@@ -420,7 +420,7 @@ const M = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-513b5384"]]), Je = { clas
|
|
|
420
420
|
]));
|
|
421
421
|
}
|
|
422
422
|
});
|
|
423
|
-
const R = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { class: "link__wrapper" },
|
|
423
|
+
const R = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { class: "link__wrapper" }, D = /* @__PURE__ */ m({
|
|
424
424
|
__name: "link",
|
|
425
425
|
props: {
|
|
426
426
|
url: {
|
|
@@ -615,7 +615,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
|
|
|
615
615
|
a("update:show", !r.show);
|
|
616
616
|
};
|
|
617
617
|
return (n, _) => (l(), s("div", ut, [
|
|
618
|
-
|
|
618
|
+
p(ke, {
|
|
619
619
|
duration: 300,
|
|
620
620
|
name: "nested"
|
|
621
621
|
}, {
|
|
@@ -633,7 +633,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
|
|
|
633
633
|
}, ["stop"]))
|
|
634
634
|
}, [
|
|
635
635
|
t("div", null, [
|
|
636
|
-
|
|
636
|
+
p(F, {
|
|
637
637
|
ariaLabel: "close",
|
|
638
638
|
variant: "close",
|
|
639
639
|
onClick: i
|
|
@@ -648,7 +648,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
|
|
|
648
648
|
]));
|
|
649
649
|
}
|
|
650
650
|
});
|
|
651
|
-
const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"],
|
|
651
|
+
const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
|
|
652
652
|
__name: "slider",
|
|
653
653
|
props: {
|
|
654
654
|
label: {
|
|
@@ -701,18 +701,18 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
|
|
|
701
701
|
},
|
|
702
702
|
emits: ["update:modelValue"],
|
|
703
703
|
setup(e, { emit: a }) {
|
|
704
|
-
const r = e, i =
|
|
705
|
-
var
|
|
706
|
-
(
|
|
704
|
+
const r = e, i = x(r.modelValue), n = x(), _ = x(!1), w = (f, b, L) => (f - b) / (L - b) * 100, B = (f) => {
|
|
705
|
+
var b;
|
|
706
|
+
(b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
|
|
707
707
|
};
|
|
708
708
|
return oe(() => {
|
|
709
709
|
if (n.value) {
|
|
710
710
|
a("update:modelValue", i.value);
|
|
711
|
-
const
|
|
712
|
-
let
|
|
713
|
-
B(
|
|
711
|
+
const f = w(i.value, r.min, r.max);
|
|
712
|
+
let b = (50 - f) / 100;
|
|
713
|
+
B(f + b);
|
|
714
714
|
}
|
|
715
|
-
}), (
|
|
715
|
+
}), (f, b) => (l(), s(I, null, [
|
|
716
716
|
t("div", mt, [
|
|
717
717
|
t("div", ht, [
|
|
718
718
|
t("label", {
|
|
@@ -723,14 +723,14 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
|
|
|
723
723
|
key: 0,
|
|
724
724
|
role: "button",
|
|
725
725
|
class: c([e.variant, "slider__information"]),
|
|
726
|
-
onClick:
|
|
727
|
-
onKeyup:
|
|
726
|
+
onClick: b[0] || (b[0] = (L) => _.value = !_.value),
|
|
727
|
+
onKeyup: b[1] || (b[1] = we((L) => _.value = !_.value, ["enter"])),
|
|
728
728
|
"aria-label": e.informationLabel,
|
|
729
729
|
tabindex: "0",
|
|
730
730
|
"aria-haspopup": "dialog"
|
|
731
731
|
}, null, 42, gt)) : v("", !0)
|
|
732
732
|
]),
|
|
733
|
-
t("div",
|
|
733
|
+
t("div", ft, [
|
|
734
734
|
t("span", {
|
|
735
735
|
class: c([e.variant, "slider__minmax"])
|
|
736
736
|
}, o(e.min), 3),
|
|
@@ -745,8 +745,8 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
|
|
|
745
745
|
class: c(e.variant),
|
|
746
746
|
ref_key: "slider",
|
|
747
747
|
ref: n,
|
|
748
|
-
onInput:
|
|
749
|
-
}, null, 42,
|
|
748
|
+
onInput: b[2] || (b[2] = ({ target: L }) => i.value = parseFloat(L.value))
|
|
749
|
+
}, null, 42, yt),
|
|
750
750
|
t("span", {
|
|
751
751
|
class: c([e.variant, "slider__minmax"])
|
|
752
752
|
}, o(e.max), 3)
|
|
@@ -758,7 +758,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
|
|
|
758
758
|
e.information ? (l(), z(de, {
|
|
759
759
|
key: 0,
|
|
760
760
|
show: _.value,
|
|
761
|
-
"onUpdate:show":
|
|
761
|
+
"onUpdate:show": b[3] || (b[3] = (L) => _.value = L)
|
|
762
762
|
}, {
|
|
763
763
|
default: $(() => [
|
|
764
764
|
H(o(e.information), 1)
|
|
@@ -768,7 +768,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
|
|
|
768
768
|
], 64));
|
|
769
769
|
}
|
|
770
770
|
});
|
|
771
|
-
const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"],
|
|
771
|
+
const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], xt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ m({
|
|
772
772
|
__name: "textarea",
|
|
773
773
|
props: {
|
|
774
774
|
id: {
|
|
@@ -830,9 +830,9 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id:
|
|
|
830
830
|
class: c(
|
|
831
831
|
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
|
|
832
832
|
)
|
|
833
|
-
}, null, 42,
|
|
833
|
+
}, null, 42, St)
|
|
834
834
|
], 8, wt),
|
|
835
|
-
t("div",
|
|
835
|
+
t("div", xt, [
|
|
836
836
|
t("div", null, [
|
|
837
837
|
e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (l(), s("p", It, " Too many characters. Please make it shorter ")) : v("", !0)
|
|
838
838
|
]),
|
|
@@ -926,7 +926,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { cla
|
|
|
926
926
|
},
|
|
927
927
|
emits: ["update:modelValue"],
|
|
928
928
|
setup(e) {
|
|
929
|
-
const a =
|
|
929
|
+
const a = x(!0), r = V(
|
|
930
930
|
() => a.value ? "showPassword" : "hidePassword"
|
|
931
931
|
), i = V(
|
|
932
932
|
() => a.value ? "password" : "text"
|
|
@@ -1033,7 +1033,7 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-06bcf9d4"]]), Pt = { cla
|
|
|
1033
1033
|
},
|
|
1034
1034
|
setup(e, { expose: a }) {
|
|
1035
1035
|
const r = e;
|
|
1036
|
-
let i =
|
|
1036
|
+
let i = x(null);
|
|
1037
1037
|
return oe(() => {
|
|
1038
1038
|
r.play && i.value ? i.value.play() : !r.play && i.value && i.value.pause();
|
|
1039
1039
|
}), a({
|
|
@@ -1114,7 +1114,7 @@ const Z = /* @__PURE__ */ h(Et, [["__scopeId", "data-v-c449311a"]]), Rt = { clas
|
|
|
1114
1114
|
e.addressLine_3 ? (l(), s("p", Jt, o(e.addressLine_3), 1)) : v("", !0)
|
|
1115
1115
|
]),
|
|
1116
1116
|
t("div", Yt, [
|
|
1117
|
-
(l(!0), s(I, null, q(e.phone_numbers, (i) => (l(), z(
|
|
1117
|
+
(l(!0), s(I, null, q(e.phone_numbers, (i) => (l(), z(D, {
|
|
1118
1118
|
underline: "false",
|
|
1119
1119
|
linkType: "regular"
|
|
1120
1120
|
}, {
|
|
@@ -1224,7 +1224,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), sa = { cla
|
|
|
1224
1224
|
},
|
|
1225
1225
|
emits: ["clicked"],
|
|
1226
1226
|
setup(e, { emit: a }) {
|
|
1227
|
-
let r =
|
|
1227
|
+
let r = x(!1);
|
|
1228
1228
|
return (i, n) => (l(), s("div", sa, [
|
|
1229
1229
|
t("div", {
|
|
1230
1230
|
class: c(["card", [
|
|
@@ -1254,7 +1254,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), sa = { cla
|
|
|
1254
1254
|
key: 1,
|
|
1255
1255
|
class: c(["video-card__wrapper", k(r) == !0 ? "vimeoPlaying" : ""])
|
|
1256
1256
|
}, [
|
|
1257
|
-
|
|
1257
|
+
p(Z, {
|
|
1258
1258
|
play: k(r),
|
|
1259
1259
|
localVideo: !0,
|
|
1260
1260
|
src: e.videoSrc,
|
|
@@ -1307,7 +1307,7 @@ const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) =
|
|
|
1307
1307
|
},
|
|
1308
1308
|
setup(e) {
|
|
1309
1309
|
return (a, r) => (l(), s("div", ua, [
|
|
1310
|
-
|
|
1310
|
+
p(R, {
|
|
1311
1311
|
"label-dark": !1,
|
|
1312
1312
|
text: e.eventType ? e.eventType : ""
|
|
1313
1313
|
}, null, 8, ["text"]),
|
|
@@ -1321,7 +1321,7 @@ const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) =
|
|
|
1321
1321
|
]));
|
|
1322
1322
|
}
|
|
1323
1323
|
});
|
|
1324
|
-
const
|
|
1324
|
+
const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, $a = /* @__PURE__ */ m({
|
|
1325
1325
|
__name: "text-card",
|
|
1326
1326
|
props: {
|
|
1327
1327
|
label: {
|
|
@@ -1338,8 +1338,8 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { cla
|
|
|
1338
1338
|
}
|
|
1339
1339
|
},
|
|
1340
1340
|
setup(e) {
|
|
1341
|
-
return (a, r) => (l(), s("div",
|
|
1342
|
-
|
|
1341
|
+
return (a, r) => (l(), s("div", ya, [
|
|
1342
|
+
p(R, {
|
|
1343
1343
|
"label-dark": !1,
|
|
1344
1344
|
text: e.label ? e.label : ""
|
|
1345
1345
|
}, null, 8, ["text"]),
|
|
@@ -1350,7 +1350,7 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { cla
|
|
|
1350
1350
|
]));
|
|
1351
1351
|
}
|
|
1352
1352
|
});
|
|
1353
|
-
const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { class: "facts__wrapper" },
|
|
1353
|
+
const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, xa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact" }, Ma = { class: "fact__value" }, Ba = { class: "fact__metric" }, La = {
|
|
1354
1354
|
key: 0,
|
|
1355
1355
|
class: "facts__link"
|
|
1356
1356
|
}, Da = /* @__PURE__ */ m({
|
|
@@ -1372,8 +1372,8 @@ const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { cla
|
|
|
1372
1372
|
},
|
|
1373
1373
|
setup(e) {
|
|
1374
1374
|
return (a, r) => (l(), s("div", wa, [
|
|
1375
|
-
t("div",
|
|
1376
|
-
t("h2",
|
|
1375
|
+
t("div", Sa, [
|
|
1376
|
+
t("h2", xa, o(e.headline), 1),
|
|
1377
1377
|
t("div", Ia, [
|
|
1378
1378
|
(l(!0), s(I, null, q(e.facts, (i) => (l(), s("div", qa, [
|
|
1379
1379
|
t("div", Ma, [
|
|
@@ -1385,7 +1385,7 @@ const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { cla
|
|
|
1385
1385
|
]))), 256))
|
|
1386
1386
|
]),
|
|
1387
1387
|
e.link ? (l(), s("div", La, [
|
|
1388
|
-
|
|
1388
|
+
p(D, {
|
|
1389
1389
|
linkType: "regular-light",
|
|
1390
1390
|
arrow: ""
|
|
1391
1391
|
}, {
|
|
@@ -1435,9 +1435,9 @@ const Aa = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-7fd89b0c"]]), Ta = { cla
|
|
|
1435
1435
|
class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
|
|
1436
1436
|
}, [
|
|
1437
1437
|
(l(!0), s(I, null, q(e.elements, (i) => (l(), s("div", za, [
|
|
1438
|
-
|
|
1438
|
+
p(M, { class: "element__icon" }, {
|
|
1439
1439
|
default: $(() => [
|
|
1440
|
-
u(a.$slots, "features-icon",
|
|
1440
|
+
u(a.$slots, "features-icon", A(T({
|
|
1441
1441
|
src: i.icon.src,
|
|
1442
1442
|
height: 30,
|
|
1443
1443
|
width: 30,
|
|
@@ -1474,9 +1474,9 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-0990b89f"]]), Za = { cla
|
|
|
1474
1474
|
return (a, r) => (l(), s("div", Za, [
|
|
1475
1475
|
t("div", Ea, [
|
|
1476
1476
|
t("div", Ra, [
|
|
1477
|
-
|
|
1477
|
+
p(M, null, {
|
|
1478
1478
|
default: $(() => [
|
|
1479
|
-
u(a.$slots, "image",
|
|
1479
|
+
u(a.$slots, "image", A(T({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1480
1480
|
]),
|
|
1481
1481
|
_: 3
|
|
1482
1482
|
})
|
|
@@ -1548,9 +1548,9 @@ const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { cla
|
|
|
1548
1548
|
}, [
|
|
1549
1549
|
t("div", Ga, [
|
|
1550
1550
|
e.mediaLarge && e.mediaType === "image" ? (l(), s("div", Ja, [
|
|
1551
|
-
|
|
1551
|
+
p(M, null, {
|
|
1552
1552
|
default: $(() => [
|
|
1553
|
-
u(a.$slots, "image-large",
|
|
1553
|
+
u(a.$slots, "image-large", A(T({
|
|
1554
1554
|
width: 617,
|
|
1555
1555
|
height: 530,
|
|
1556
1556
|
src: e.mediaLarge.src,
|
|
@@ -1561,7 +1561,7 @@ const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { cla
|
|
|
1561
1561
|
})
|
|
1562
1562
|
])) : v("", !0),
|
|
1563
1563
|
e.mediaLarge && e.mediaType === "video" ? (l(), s("div", Ya, [
|
|
1564
|
-
|
|
1564
|
+
p(Z, {
|
|
1565
1565
|
src: e.mediaLarge.src,
|
|
1566
1566
|
localVideo: "",
|
|
1567
1567
|
ariaLabel: e.mediaLarge.alt,
|
|
@@ -1583,9 +1583,9 @@ const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { cla
|
|
|
1583
1583
|
])
|
|
1584
1584
|
}, [
|
|
1585
1585
|
(l(!0), s(I, null, q(e.mediaSmall, (i) => (l(), s("div", Ka, [
|
|
1586
|
-
|
|
1586
|
+
p(M, null, {
|
|
1587
1587
|
default: $(() => [
|
|
1588
|
-
u(a.$slots, "image-small",
|
|
1588
|
+
u(a.$slots, "image-small", A(T({
|
|
1589
1589
|
width: 328,
|
|
1590
1590
|
height: 246,
|
|
1591
1591
|
src: i.src,
|
|
@@ -1653,7 +1653,7 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) =
|
|
|
1653
1653
|
t("h2", null, o(e.headline), 1)
|
|
1654
1654
|
]),
|
|
1655
1655
|
t("div", ul, [
|
|
1656
|
-
|
|
1656
|
+
p(D, {
|
|
1657
1657
|
linkType: "regular-light",
|
|
1658
1658
|
arrow: ""
|
|
1659
1659
|
}, {
|
|
@@ -1667,7 +1667,7 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) =
|
|
|
1667
1667
|
]),
|
|
1668
1668
|
t("div", _l, [
|
|
1669
1669
|
ml,
|
|
1670
|
-
|
|
1670
|
+
p(Z, {
|
|
1671
1671
|
src: e.video.src,
|
|
1672
1672
|
localVideo: "",
|
|
1673
1673
|
ariaLabel: e.video.alt,
|
|
@@ -1683,7 +1683,7 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) =
|
|
|
1683
1683
|
]));
|
|
1684
1684
|
}
|
|
1685
1685
|
});
|
|
1686
|
-
const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { class: "logo-wall__wrapper" },
|
|
1686
|
+
const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { class: "logo-wall__wrapper" }, fl = { class: "logo-wall__content" }, yl = { class: "logo-wall__logos" }, bl = { class: "logo-wall__logo" }, pl = { class: "logo-wall__link" }, $l = /* @__PURE__ */ m({
|
|
1687
1687
|
__name: "logo-wall",
|
|
1688
1688
|
props: {
|
|
1689
1689
|
logos: {
|
|
@@ -1694,12 +1694,12 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
|
|
|
1694
1694
|
},
|
|
1695
1695
|
setup(e) {
|
|
1696
1696
|
return (a, r) => (l(), s("div", gl, [
|
|
1697
|
-
t("div",
|
|
1698
|
-
t("div",
|
|
1697
|
+
t("div", fl, [
|
|
1698
|
+
t("div", yl, [
|
|
1699
1699
|
(l(!0), s(I, null, q(e.logos, (i) => (l(), s("div", bl, [
|
|
1700
|
-
|
|
1700
|
+
p(M, null, {
|
|
1701
1701
|
default: $(() => [
|
|
1702
|
-
u(a.$slots, "logo-wall-logo",
|
|
1702
|
+
u(a.$slots, "logo-wall-logo", A(T({
|
|
1703
1703
|
height: 123,
|
|
1704
1704
|
src: i.src,
|
|
1705
1705
|
alt: i.alt
|
|
@@ -1710,7 +1710,7 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
|
|
|
1710
1710
|
]))), 256))
|
|
1711
1711
|
]),
|
|
1712
1712
|
t("div", pl, [
|
|
1713
|
-
|
|
1713
|
+
p(D, {
|
|
1714
1714
|
linkType: "regular-light",
|
|
1715
1715
|
arrow: !0
|
|
1716
1716
|
}, {
|
|
@@ -1724,7 +1724,7 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
|
|
|
1724
1724
|
]));
|
|
1725
1725
|
}
|
|
1726
1726
|
});
|
|
1727
|
-
const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { class: "micro-stories__splide" },
|
|
1727
|
+
const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { class: "micro-stories__splide" }, Sl = /* @__PURE__ */ m({
|
|
1728
1728
|
__name: "micro-stories",
|
|
1729
1729
|
props: {
|
|
1730
1730
|
stories: {
|
|
@@ -1762,7 +1762,7 @@ const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { cla
|
|
|
1762
1762
|
], 2));
|
|
1763
1763
|
}
|
|
1764
1764
|
});
|
|
1765
|
-
const
|
|
1765
|
+
const xl = {}, Il = { class: "policy__wrapper" }, ql = { class: "policy__content" };
|
|
1766
1766
|
function Ml(e, a) {
|
|
1767
1767
|
return l(), s("div", Il, [
|
|
1768
1768
|
t("div", ql, [
|
|
@@ -1770,7 +1770,7 @@ function Ml(e, a) {
|
|
|
1770
1770
|
])
|
|
1771
1771
|
]);
|
|
1772
1772
|
}
|
|
1773
|
-
const Bl = /* @__PURE__ */ h(
|
|
1773
|
+
const Bl = /* @__PURE__ */ h(xl, [["render", Ml], ["__scopeId", "data-v-e16581b7"]]), Ll = { class: "product-hero__wrapper" }, Dl = { class: "product-hero__content" }, Al = { class: "product-hero__headline" }, Tl = { class: "product-hero__video" }, Cl = /* @__PURE__ */ m({
|
|
1774
1774
|
__name: "product-hero",
|
|
1775
1775
|
props: {
|
|
1776
1776
|
headline: {
|
|
@@ -1801,7 +1801,7 @@ const Bl = /* @__PURE__ */ h(Sl, [["render", Ml], ["__scopeId", "data-v-e16581b7
|
|
|
1801
1801
|
t("h1", null, o(e.headline), 1)
|
|
1802
1802
|
]),
|
|
1803
1803
|
t("div", Tl, [
|
|
1804
|
-
|
|
1804
|
+
p(Z, {
|
|
1805
1805
|
play: !0,
|
|
1806
1806
|
localVideo: !0,
|
|
1807
1807
|
src: e.videoSrc,
|
|
@@ -1880,9 +1880,9 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
|
|
|
1880
1880
|
e.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1881
1881
|
])
|
|
1882
1882
|
}, [
|
|
1883
|
-
|
|
1883
|
+
p(M, null, {
|
|
1884
1884
|
default: $(() => [
|
|
1885
|
-
u(a.$slots, "promo-image",
|
|
1885
|
+
u(a.$slots, "promo-image", A(T({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
|
|
1886
1886
|
]),
|
|
1887
1887
|
_: 3
|
|
1888
1888
|
})
|
|
@@ -1894,7 +1894,7 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
|
|
|
1894
1894
|
e.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
1895
1895
|
])
|
|
1896
1896
|
}, [
|
|
1897
|
-
|
|
1897
|
+
p(Z, {
|
|
1898
1898
|
src: e.src,
|
|
1899
1899
|
localVideo: "",
|
|
1900
1900
|
ariaLabel: e.alt,
|
|
@@ -1923,7 +1923,7 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
|
|
|
1923
1923
|
e.variant === "dark" ? "promo__title--dark" : ""
|
|
1924
1924
|
])
|
|
1925
1925
|
}, o(e.headline), 3),
|
|
1926
|
-
e.linkType === "link" ? (l(), z(
|
|
1926
|
+
e.linkType === "link" ? (l(), z(D, {
|
|
1927
1927
|
key: 1,
|
|
1928
1928
|
linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
|
|
1929
1929
|
arrow: ""
|
|
@@ -1933,7 +1933,7 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
|
|
|
1933
1933
|
]),
|
|
1934
1934
|
_: 3
|
|
1935
1935
|
}, 8, ["linkType"])) : v("", !0),
|
|
1936
|
-
e.linkType === "button" ? (l(), z(
|
|
1936
|
+
e.linkType === "button" ? (l(), z(D, {
|
|
1937
1937
|
key: 2,
|
|
1938
1938
|
linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
|
|
1939
1939
|
}, {
|
|
@@ -1978,9 +1978,9 @@ const Vl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4392a3a6"]]), Ol = (e) =
|
|
|
1978
1978
|
t("p", Rl, o(e.quote), 1),
|
|
1979
1979
|
t("div", Ul, [
|
|
1980
1980
|
e.authorImage ? (l(), s("div", Wl, [
|
|
1981
|
-
|
|
1981
|
+
p(M, null, {
|
|
1982
1982
|
default: $(() => [
|
|
1983
|
-
u(a.$slots, "author-image",
|
|
1983
|
+
u(a.$slots, "author-image", A(T({
|
|
1984
1984
|
src: e.authorImage + "/m/100x100",
|
|
1985
1985
|
width: 60,
|
|
1986
1986
|
height: 60
|
|
@@ -2086,9 +2086,9 @@ const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-3cc55dbf"]]), Ql = { cla
|
|
|
2086
2086
|
e.imageClip ? "rich-text__image--clip" : ""
|
|
2087
2087
|
])
|
|
2088
2088
|
}, [
|
|
2089
|
-
|
|
2089
|
+
p(M, null, {
|
|
2090
2090
|
default: $(() => [
|
|
2091
|
-
u(a.$slots, "rich-text-image",
|
|
2091
|
+
u(a.$slots, "rich-text-image", A(T({ width: 865, height: 307 })))
|
|
2092
2092
|
]),
|
|
2093
2093
|
_: 3
|
|
2094
2094
|
})
|
|
@@ -2131,9 +2131,9 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) =
|
|
|
2131
2131
|
t("div", ni, o(i.year), 1),
|
|
2132
2132
|
di,
|
|
2133
2133
|
t("div", ci, [
|
|
2134
|
-
|
|
2134
|
+
p(M, null, {
|
|
2135
2135
|
default: $(() => [
|
|
2136
|
-
i.media.type === "image" ? u(a.$slots, "timeline-image",
|
|
2136
|
+
i.media.type === "image" ? u(a.$slots, "timeline-image", A(J({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : v("", !0)
|
|
2137
2137
|
]),
|
|
2138
2138
|
_: 2
|
|
2139
2139
|
}, 1024),
|
|
@@ -2152,7 +2152,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) =
|
|
|
2152
2152
|
const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { class: "triple-card-display__wrapper" }, vi = {
|
|
2153
2153
|
key: 0,
|
|
2154
2154
|
class: "triple-card__content"
|
|
2155
|
-
}, gi = { key: 0 },
|
|
2155
|
+
}, gi = { key: 0 }, fi = { key: 1 }, yi = { class: "triple-card__cards" }, bi = /* @__PURE__ */ m({
|
|
2156
2156
|
__name: "triple-card-display",
|
|
2157
2157
|
props: {
|
|
2158
2158
|
headline: {
|
|
@@ -2178,9 +2178,9 @@ const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { cla
|
|
|
2178
2178
|
t("div", hi, [
|
|
2179
2179
|
e.headline || e.paragraph ? (l(), s("div", vi, [
|
|
2180
2180
|
e.headline ? (l(), s("h2", gi, o(e.headline), 1)) : v("", !0),
|
|
2181
|
-
e.paragraph ? (l(), s("p",
|
|
2181
|
+
e.paragraph ? (l(), s("p", fi, o(e.paragraph), 1)) : v("", !0)
|
|
2182
2182
|
])) : v("", !0),
|
|
2183
|
-
t("div",
|
|
2183
|
+
t("div", yi, [
|
|
2184
2184
|
u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
|
|
2185
2185
|
])
|
|
2186
2186
|
])
|
|
@@ -2193,7 +2193,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-7938e57a"]]), $i = { cla
|
|
|
2193
2193
|
}, wi = {
|
|
2194
2194
|
key: 1,
|
|
2195
2195
|
class: "vimeo__description"
|
|
2196
|
-
},
|
|
2196
|
+
}, Si = /* @__PURE__ */ m({
|
|
2197
2197
|
__name: "vimeo",
|
|
2198
2198
|
props: {
|
|
2199
2199
|
headline: {
|
|
@@ -2215,7 +2215,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-7938e57a"]]), $i = { cla
|
|
|
2215
2215
|
]));
|
|
2216
2216
|
}
|
|
2217
2217
|
});
|
|
2218
|
-
const
|
|
2218
|
+
const xi = /* @__PURE__ */ h(Si, [["__scopeId", "data-v-a6c209f4"]]), Ii = { class: "not-found__wrapper" }, qi = { class: "not-found__content" }, Mi = { class: "not-found__headline" }, Bi = { class: "not-found__body" }, Li = /* @__PURE__ */ m({
|
|
2219
2219
|
__name: "404",
|
|
2220
2220
|
props: {
|
|
2221
2221
|
headline: {
|
|
@@ -2315,7 +2315,7 @@ const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
|
|
|
2315
2315
|
Wi,
|
|
2316
2316
|
Fi,
|
|
2317
2317
|
Gi,
|
|
2318
|
-
|
|
2318
|
+
p(D, {
|
|
2319
2319
|
class: "footer__contact",
|
|
2320
2320
|
linkType: "regular-light",
|
|
2321
2321
|
underline: "false"
|
|
@@ -2325,7 +2325,7 @@ const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
|
|
|
2325
2325
|
]),
|
|
2326
2326
|
_: 1
|
|
2327
2327
|
}),
|
|
2328
|
-
|
|
2328
|
+
p(D, {
|
|
2329
2329
|
class: "footer__contact",
|
|
2330
2330
|
linkType: "regular-light",
|
|
2331
2331
|
underline: "false"
|
|
@@ -2349,7 +2349,7 @@ const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
|
|
|
2349
2349
|
u(a.$slots, "footer-cookie-link")
|
|
2350
2350
|
]),
|
|
2351
2351
|
t("div", ar, [
|
|
2352
|
-
(l(!0), s(I, null, q(e.socialMedia, (i) => (l(), z(
|
|
2352
|
+
(l(!0), s(I, null, q(e.socialMedia, (i) => (l(), z(D, {
|
|
2353
2353
|
underline: "false",
|
|
2354
2354
|
linkType: "regular"
|
|
2355
2355
|
}, {
|
|
@@ -2387,7 +2387,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2387
2387
|
src: ce,
|
|
2388
2388
|
alt: "dropdownarrow",
|
|
2389
2389
|
style: { transform: "rotate(180deg)" }
|
|
2390
|
-
}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" },
|
|
2390
|
+
}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, fr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = ["src"], wr = { class: "mobile-menu-content-wrapper" }, Sr = { class: "mobile-dropdown-content" }, xr = /* @__PURE__ */ m({
|
|
2391
2391
|
__name: "header",
|
|
2392
2392
|
props: {
|
|
2393
2393
|
burgerState: {
|
|
@@ -2399,22 +2399,26 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2399
2399
|
default: !1
|
|
2400
2400
|
}
|
|
2401
2401
|
},
|
|
2402
|
-
emits: [
|
|
2402
|
+
emits: [
|
|
2403
|
+
"update:burgerState",
|
|
2404
|
+
"update:showDropDown",
|
|
2405
|
+
"clickSearch"
|
|
2406
|
+
],
|
|
2403
2407
|
setup(e, { emit: a }) {
|
|
2404
2408
|
const r = e;
|
|
2405
|
-
|
|
2406
|
-
let i = null, n =
|
|
2409
|
+
x("");
|
|
2410
|
+
let i = null, n = x(r.burgerState), _ = x(r.showDropDown);
|
|
2407
2411
|
te(
|
|
2408
2412
|
() => r.burgerState,
|
|
2409
|
-
(
|
|
2413
|
+
(f) => n.value = f
|
|
2410
2414
|
), te(
|
|
2411
2415
|
() => r.showDropDown,
|
|
2412
|
-
(
|
|
2416
|
+
(f) => _.value = f
|
|
2413
2417
|
), ne(() => {
|
|
2414
|
-
i = (
|
|
2415
|
-
|
|
2418
|
+
i = (f) => {
|
|
2419
|
+
f.target.closest("#menu-dropdown") || (_.value = !1);
|
|
2416
2420
|
}, window.addEventListener("click", i);
|
|
2417
|
-
}),
|
|
2421
|
+
}), Se(() => {
|
|
2418
2422
|
i !== null && window.removeEventListener("click", i);
|
|
2419
2423
|
});
|
|
2420
2424
|
function w() {
|
|
@@ -2423,25 +2427,25 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2423
2427
|
function B() {
|
|
2424
2428
|
n.value = !n.value, a("update:burgerState", n.value);
|
|
2425
2429
|
}
|
|
2426
|
-
return (
|
|
2430
|
+
return (f, b) => (l(), s("div", sr, [
|
|
2427
2431
|
t("nav", null, [
|
|
2428
2432
|
t("div", or, [
|
|
2429
2433
|
t("div", nr, [
|
|
2430
|
-
u(
|
|
2434
|
+
u(f.$slots, "link-logo", {}, void 0, !0)
|
|
2431
2435
|
]),
|
|
2432
2436
|
t("ul", dr, [
|
|
2433
|
-
u(
|
|
2437
|
+
u(f.$slots, "main-nav-items", {}, void 0, !0)
|
|
2434
2438
|
]),
|
|
2435
2439
|
t("div", cr, [
|
|
2436
2440
|
t("button", {
|
|
2437
2441
|
onClick: w,
|
|
2438
2442
|
class: "nav-dropdown-btn"
|
|
2439
2443
|
}, [
|
|
2440
|
-
u(
|
|
2444
|
+
u(f.$slots, "dropdown-title", {}, void 0, !0),
|
|
2441
2445
|
k(_) == !1 ? (l(), s("img", ur)) : (l(), s("img", _r))
|
|
2442
2446
|
]),
|
|
2443
2447
|
W(t("div", mr, [
|
|
2444
|
-
u(
|
|
2448
|
+
u(f.$slots, "dropdown-links", {}, void 0, !0)
|
|
2445
2449
|
], 512), [
|
|
2446
2450
|
[G, k(_)]
|
|
2447
2451
|
])
|
|
@@ -2459,11 +2463,13 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2459
2463
|
class: c(["mobile-nav-wrapper", k(n) == !0 ? "mirsaic-mobile-bg" : ""])
|
|
2460
2464
|
}, [
|
|
2461
2465
|
t("div", gr, [
|
|
2462
|
-
t("div", yr, [
|
|
2463
|
-
u(y.$slots, "link-logo", {}, void 0, !0)
|
|
2464
|
-
]),
|
|
2465
2466
|
t("div", fr, [
|
|
2466
|
-
|
|
2467
|
+
u(f.$slots, "link-logo", {}, void 0, !0)
|
|
2468
|
+
]),
|
|
2469
|
+
t("div", yr, [
|
|
2470
|
+
t("button", {
|
|
2471
|
+
onClick: b[0] || (b[0] = (L) => f.$emit("clickSearch"))
|
|
2472
|
+
}, [
|
|
2467
2473
|
t("img", {
|
|
2468
2474
|
src: k(n) == !0 ? k(re) : k(ie),
|
|
2469
2475
|
alt: "search icon"
|
|
@@ -2486,11 +2492,11 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2486
2492
|
]),
|
|
2487
2493
|
W(t("div", wr, [
|
|
2488
2494
|
t("ul", null, [
|
|
2489
|
-
u(
|
|
2495
|
+
u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2490
2496
|
]),
|
|
2491
|
-
t("ul",
|
|
2492
|
-
u(
|
|
2493
|
-
u(
|
|
2497
|
+
t("ul", Sr, [
|
|
2498
|
+
u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2499
|
+
u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2494
2500
|
])
|
|
2495
2501
|
], 512), [
|
|
2496
2502
|
[G, k(n)]
|
|
@@ -2500,7 +2506,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
|
|
|
2500
2506
|
]));
|
|
2501
2507
|
}
|
|
2502
2508
|
});
|
|
2503
|
-
const Ir = /* @__PURE__ */ h(
|
|
2509
|
+
const Ir = /* @__PURE__ */ h(xr, [["__scopeId", "data-v-f908d775"]]), qr = { class: "language__wrapper" }, Mr = { class: "language__content" }, Br = { class: "language__headline" }, Lr = { class: "language__paragraph" }, Dr = /* @__PURE__ */ m({
|
|
2504
2510
|
__name: "language-switcher",
|
|
2505
2511
|
props: {
|
|
2506
2512
|
headline: {
|
|
@@ -2536,14 +2542,14 @@ const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { cla
|
|
|
2536
2542
|
setup(e) {
|
|
2537
2543
|
return (a, r) => (l(), s("div", Tr, [
|
|
2538
2544
|
t("div", Cr, [
|
|
2539
|
-
|
|
2545
|
+
p(F, {
|
|
2540
2546
|
onClick: r[0] || (r[0] = (i) => a.$emit("previous")),
|
|
2541
2547
|
disabled: e.isPreviousDisabled,
|
|
2542
2548
|
variant: "previous",
|
|
2543
2549
|
ariaLabel: "previous"
|
|
2544
2550
|
}, null, 8, ["disabled"]),
|
|
2545
2551
|
u(a.$slots, "pagination-numbers"),
|
|
2546
|
-
|
|
2552
|
+
p(F, {
|
|
2547
2553
|
onClick: r[1] || (r[1] = (i) => a.$emit("next")),
|
|
2548
2554
|
disabled: e.isNextDisabled,
|
|
2549
2555
|
variant: "next",
|
|
@@ -2555,7 +2561,7 @@ const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { cla
|
|
|
2555
2561
|
});
|
|
2556
2562
|
const Nr = /* @__PURE__ */ h(jr, [["__scopeId", "data-v-aef0eda7"]]), Vr = {
|
|
2557
2563
|
install: (e) => {
|
|
2558
|
-
e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink",
|
|
2564
|
+
e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink", D), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", Z), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockHero", vl), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockLogoWall", kl), e.component("BlockMicroStories", Sl), e.component("BlockPolicy", Bl), e.component("BlockProductHero", jl), e.component("BlockPromo", Vl), e.component("BlockQuote", Kl), e.component("BlockRichText", ai), e.component("BlockTimeline", mi), e.component("BlockTripleCardDisplay", pi), e.component("BlockVimeo", xi), e.component("Organism404", Di), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Ir), e.component("OrganismLanguageSwitcher", Ar), e.component("OrganismPagination", Nr);
|
|
2559
2565
|
}
|
|
2560
2566
|
};
|
|
2561
2567
|
export {
|
|
@@ -2565,7 +2571,7 @@ export {
|
|
|
2565
2571
|
We as AtomDropdown,
|
|
2566
2572
|
M as AtomImage,
|
|
2567
2573
|
R as AtomLabel,
|
|
2568
|
-
|
|
2574
|
+
D as AtomLink,
|
|
2569
2575
|
it as AtomRadioButton,
|
|
2570
2576
|
ct as AtomSelect,
|
|
2571
2577
|
pt as AtomSlider,
|
|
@@ -2579,7 +2585,7 @@ export {
|
|
|
2579
2585
|
Fa as BlockImage,
|
|
2580
2586
|
el as BlockImageGallery,
|
|
2581
2587
|
kl as BlockLogoWall,
|
|
2582
|
-
|
|
2588
|
+
Sl as BlockMicroStories,
|
|
2583
2589
|
Bl as BlockPolicy,
|
|
2584
2590
|
jl as BlockProductHero,
|
|
2585
2591
|
Vl as BlockPromo,
|
|
@@ -2587,11 +2593,11 @@ export {
|
|
|
2587
2593
|
ai as BlockRichText,
|
|
2588
2594
|
mi as BlockTimeline,
|
|
2589
2595
|
pi as BlockTripleCardDisplay,
|
|
2590
|
-
|
|
2596
|
+
xi as BlockVimeo,
|
|
2591
2597
|
ea as MoleculeAddress,
|
|
2592
2598
|
ra as MoleculeBulletList,
|
|
2593
2599
|
da as MoleculeCard,
|
|
2594
|
-
|
|
2600
|
+
fa as MoleculeEventCard,
|
|
2595
2601
|
de as MoleculeModal,
|
|
2596
2602
|
ka as MoleculeTextCard,
|
|
2597
2603
|
Di as Organism404,
|