@mirweb/mir-web-components 0.17.89 → 0.17.91
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 g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as y, withModifiers as ne, createBlock as C, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Be } from "vue";
|
|
2
|
+
const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -17,7 +17,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
17
17
|
return (l, _) => (s(), i("button", {
|
|
18
18
|
class: h(["button", "button--" + o.value]),
|
|
19
19
|
"aria-label": l.ariaLabel
|
|
20
|
-
}, n(o.value === "close" ? "" : l.buttonText), 11,
|
|
20
|
+
}, n(o.value === "close" ? "" : l.buttonText), 11, Se));
|
|
21
21
|
}
|
|
22
22
|
}), v = (e, a) => {
|
|
23
23
|
const r = e.__vccOpts || e;
|
|
@@ -104,15 +104,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
104
104
|
const r = {
|
|
105
105
|
primary: "dropdown-dark-bg-primary",
|
|
106
106
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
107
|
-
}, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]),
|
|
107
|
+
}, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]), B = I(0), f = I(""), $ = I(!0), q = I(0), x = a, S = L(() => {
|
|
108
108
|
const d = o.options.find(
|
|
109
109
|
(b) => b.value === o.modelValue
|
|
110
110
|
);
|
|
111
111
|
return d && d.label;
|
|
112
112
|
}), j = {
|
|
113
113
|
beforeMount(d, b) {
|
|
114
|
-
d.clickOutsideEvent = function(
|
|
115
|
-
d ===
|
|
114
|
+
d.clickOutsideEvent = function(k) {
|
|
115
|
+
d === k.target || d.contains(k.target) || b.value(k);
|
|
116
116
|
}, document.body.addEventListener("click", d.clickOutsideEvent);
|
|
117
117
|
},
|
|
118
118
|
unmounted(d) {
|
|
@@ -123,12 +123,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
123
123
|
x("update:modelValue", d);
|
|
124
124
|
}
|
|
125
125
|
function z(d) {
|
|
126
|
-
var
|
|
126
|
+
var k;
|
|
127
127
|
const b = d.target;
|
|
128
|
-
b.getAttribute("role") === "option" && (G(b), Q(), (
|
|
128
|
+
b.getAttribute("role") === "option" && (G(b), Q(), (k = _.value) == null || k.focus());
|
|
129
129
|
}
|
|
130
130
|
function le(d) {
|
|
131
|
-
var
|
|
131
|
+
var k;
|
|
132
132
|
const b = d.key;
|
|
133
133
|
switch (b) {
|
|
134
134
|
case "ArrowUp":
|
|
@@ -151,7 +151,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
151
151
|
break;
|
|
152
152
|
case "Enter":
|
|
153
153
|
case "Escape":
|
|
154
|
-
d.preventDefault(), Q(), (
|
|
154
|
+
d.preventDefault(), Q(), (k = _.value) == null || k.focus();
|
|
155
155
|
break;
|
|
156
156
|
default: {
|
|
157
157
|
const T = me(b);
|
|
@@ -173,8 +173,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
173
173
|
d && d.removeAttribute("aria-selected");
|
|
174
174
|
}
|
|
175
175
|
function he() {
|
|
176
|
-
|
|
177
|
-
f.value = "",
|
|
176
|
+
B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
|
|
177
|
+
f.value = "", B.value = 0;
|
|
178
178
|
}, 500);
|
|
179
179
|
}
|
|
180
180
|
function me(d) {
|
|
@@ -182,23 +182,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
182
182
|
(f.value === "" || b !== d) && (q.value = o.options.findIndex(
|
|
183
183
|
(T) => T.value === o.modelValue
|
|
184
184
|
)), f.value = b === d ? d : f.value + d, b = d, he();
|
|
185
|
-
let
|
|
185
|
+
let k = oe(
|
|
186
186
|
q.value + 1,
|
|
187
187
|
o.options.length
|
|
188
188
|
);
|
|
189
|
-
return
|
|
189
|
+
return !k && f.value.length === 1 && (k = oe(0, q.value)), q.value = (q.value + 1) % o.options.length, k;
|
|
190
190
|
}
|
|
191
191
|
function oe(d, b) {
|
|
192
|
-
for (let
|
|
193
|
-
if (o.options[
|
|
194
|
-
return p.value[
|
|
192
|
+
for (let k = d; k < b; k++)
|
|
193
|
+
if (o.options[k].label && o.options[k].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
|
|
194
|
+
return p.value[k];
|
|
195
195
|
return null;
|
|
196
196
|
}
|
|
197
197
|
function ve() {
|
|
198
198
|
G(p.value[0]);
|
|
199
199
|
}
|
|
200
200
|
function G(d) {
|
|
201
|
-
var
|
|
201
|
+
var k, T;
|
|
202
202
|
const b = d.getAttribute("data-value");
|
|
203
203
|
if (o.modelValue) {
|
|
204
204
|
const N = o.options.findIndex(
|
|
@@ -206,7 +206,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
206
206
|
), U = p.value[N];
|
|
207
207
|
pe(U);
|
|
208
208
|
}
|
|
209
|
-
if (d.setAttribute("aria-selected", "true"), (
|
|
209
|
+
if (d.setAttribute("aria-selected", "true"), (k = c.value) == null || k.setAttribute(
|
|
210
210
|
"aria-activedescendant",
|
|
211
211
|
b || ""
|
|
212
212
|
), ee(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
|
|
@@ -221,14 +221,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
221
221
|
}
|
|
222
222
|
function Q() {
|
|
223
223
|
var d;
|
|
224
|
-
|
|
224
|
+
$.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
|
|
225
225
|
}
|
|
226
226
|
function se() {
|
|
227
227
|
var d, b;
|
|
228
|
-
|
|
228
|
+
$.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
|
|
229
229
|
}
|
|
230
230
|
function ge() {
|
|
231
|
-
o.disabled || (
|
|
231
|
+
o.disabled || ($.value ? se() : Q());
|
|
232
232
|
}
|
|
233
233
|
return (d, b) => (s(), i("div", {
|
|
234
234
|
ref: "listbox",
|
|
@@ -255,7 +255,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
255
255
|
class: h(["listbox__button", l.value]),
|
|
256
256
|
onClick: ge,
|
|
257
257
|
onKeydown: _e
|
|
258
|
-
}, n(d.modelValue ?
|
|
258
|
+
}, n(d.modelValue ? S.value : d.placeholder), 43, He),
|
|
259
259
|
Y(t("ul", {
|
|
260
260
|
ref_key: "listboxNode",
|
|
261
261
|
ref: c,
|
|
@@ -267,18 +267,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
267
267
|
onKeydown: le,
|
|
268
268
|
onClick: z
|
|
269
269
|
}, [
|
|
270
|
-
(s(!0), i(M, null, O(d.options, (
|
|
270
|
+
(s(!0), i(M, null, O(d.options, (k, T) => (s(), i("li", {
|
|
271
271
|
key: `${d.name}-option-${T}`,
|
|
272
272
|
ref_for: !0,
|
|
273
273
|
ref_key: "listboxOptions",
|
|
274
274
|
ref: p,
|
|
275
|
-
"aria-selected":
|
|
276
|
-
"data-value":
|
|
275
|
+
"aria-selected": k.value === d.modelValue,
|
|
276
|
+
"data-value": k.value,
|
|
277
277
|
class: "listbox__option",
|
|
278
278
|
role: "option"
|
|
279
|
-
}, n(
|
|
279
|
+
}, n(k.label), 9, je))), 128))
|
|
280
280
|
], 40, ze), [
|
|
281
|
-
[Z,
|
|
281
|
+
[Z, !$.value]
|
|
282
282
|
])
|
|
283
283
|
])), [
|
|
284
284
|
[j, Q]
|
|
@@ -301,7 +301,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
301
301
|
u(a.$slots, "default", P(F(a.$attrs)))
|
|
302
302
|
]));
|
|
303
303
|
}
|
|
304
|
-
}),
|
|
304
|
+
}), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
|
|
305
305
|
__name: "label",
|
|
306
306
|
props: {
|
|
307
307
|
text: {},
|
|
@@ -317,7 +317,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
317
317
|
}, n(o.text), 11, Je)
|
|
318
318
|
]));
|
|
319
319
|
}
|
|
320
|
-
}), K = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" },
|
|
320
|
+
}), K = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, D = /* @__PURE__ */ g({
|
|
321
321
|
__name: "link",
|
|
322
322
|
props: {
|
|
323
323
|
linkType: { default: "regular" },
|
|
@@ -342,7 +342,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
342
342
|
const { ...p } = ye(o);
|
|
343
343
|
return p;
|
|
344
344
|
});
|
|
345
|
-
return (p,
|
|
345
|
+
return (p, B) => (s(), i("div", Ze, [
|
|
346
346
|
t("div", te(c.value, {
|
|
347
347
|
class: ["mir-link", [
|
|
348
348
|
l.value,
|
|
@@ -445,7 +445,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
445
445
|
duration: 300,
|
|
446
446
|
name: "nested"
|
|
447
447
|
}, {
|
|
448
|
-
default:
|
|
448
|
+
default: y(() => [
|
|
449
449
|
Y(t("div", {
|
|
450
450
|
class: h(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
|
|
451
451
|
ariaLabel: "modal",
|
|
@@ -459,7 +459,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
459
459
|
}, ["stop"]))
|
|
460
460
|
}, [
|
|
461
461
|
t("div", null, [
|
|
462
|
-
_.searchBar ? m("", !0) : (s(),
|
|
462
|
+
_.searchBar ? m("", !0) : (s(), C(X, {
|
|
463
463
|
key: 0,
|
|
464
464
|
"aria-label": "close",
|
|
465
465
|
variant: "close",
|
|
@@ -492,18 +492,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
492
492
|
},
|
|
493
493
|
emits: ["update:modelValue"],
|
|
494
494
|
setup(e, { emit: a }) {
|
|
495
|
-
const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f,
|
|
496
|
-
var
|
|
497
|
-
(
|
|
495
|
+
const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f, $, q) => (f - $) / (q - $) * 100, B = (f) => {
|
|
496
|
+
var $;
|
|
497
|
+
($ = _.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
|
|
498
498
|
};
|
|
499
499
|
return de(() => {
|
|
500
500
|
if (_.value) {
|
|
501
501
|
o("update:modelValue", l.value);
|
|
502
502
|
const f = p(l.value, r.min, r.max);
|
|
503
|
-
let
|
|
504
|
-
|
|
503
|
+
let $ = (50 - f) / 100;
|
|
504
|
+
B(f + $);
|
|
505
505
|
}
|
|
506
|
-
}), (f,
|
|
506
|
+
}), (f, $) => (s(), i("div", null, [
|
|
507
507
|
t("div", _t, [
|
|
508
508
|
t("div", pt, [
|
|
509
509
|
t("label", {
|
|
@@ -517,8 +517,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
517
517
|
"aria-label": f.informationLabel,
|
|
518
518
|
tabindex: "0",
|
|
519
519
|
"aria-haspopup": "dialog",
|
|
520
|
-
onClick:
|
|
521
|
-
onKeyup:
|
|
520
|
+
onClick: $[0] || ($[0] = (q) => c.value = !c.value),
|
|
521
|
+
onKeyup: $[1] || ($[1] = ke((q) => c.value = !c.value, ["enter"]))
|
|
522
522
|
}, null, 42, mt)) : m("", !0)
|
|
523
523
|
]),
|
|
524
524
|
t("div", vt, [
|
|
@@ -536,7 +536,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
536
536
|
step: f.step,
|
|
537
537
|
max: f.max,
|
|
538
538
|
class: h(f.variant),
|
|
539
|
-
onInput:
|
|
539
|
+
onInput: $[2] || ($[2] = ({ target: q }) => l.value = parseFloat(q.value))
|
|
540
540
|
}, null, 42, ft),
|
|
541
541
|
t("span", {
|
|
542
542
|
class: h([f.variant, "slider__minmax"])
|
|
@@ -546,19 +546,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
546
546
|
class: h([f.variant, "slider__value"])
|
|
547
547
|
}, n(f.modelValue), 3)
|
|
548
548
|
]),
|
|
549
|
-
f.information ? (s(),
|
|
549
|
+
f.information ? (s(), C(ue, {
|
|
550
550
|
key: 0,
|
|
551
551
|
show: c.value,
|
|
552
|
-
"onUpdate:show":
|
|
552
|
+
"onUpdate:show": $[3] || ($[3] = (q) => c.value = q)
|
|
553
553
|
}, {
|
|
554
|
-
default:
|
|
554
|
+
default: y(() => [
|
|
555
555
|
t("p", gt, n(f.information), 1)
|
|
556
556
|
]),
|
|
557
557
|
_: 1
|
|
558
558
|
}, 8, ["show"])) : m("", !0)
|
|
559
559
|
]));
|
|
560
560
|
}
|
|
561
|
-
}), yt = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"],
|
|
561
|
+
}), yt = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
|
|
562
562
|
__name: "textarea",
|
|
563
563
|
props: {
|
|
564
564
|
id: { default: "" },
|
|
@@ -594,9 +594,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
594
594
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
|
|
595
595
|
),
|
|
596
596
|
onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
|
|
597
|
-
}, null, 42,
|
|
597
|
+
}, null, 42, Bt)
|
|
598
598
|
], 8, wt),
|
|
599
|
-
t("div",
|
|
599
|
+
t("div", St, [
|
|
600
600
|
t("div", null, [
|
|
601
601
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", It, " Too many characters. Please make it shorter ")) : m("", !0)
|
|
602
602
|
]),
|
|
@@ -649,7 +649,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
649
649
|
), c = L(
|
|
650
650
|
() => l.value ? "password" : "text"
|
|
651
651
|
);
|
|
652
|
-
return (p,
|
|
652
|
+
return (p, B) => (s(), i("div", Lt, [
|
|
653
653
|
t("label", {
|
|
654
654
|
for: p.id,
|
|
655
655
|
class: h([
|
|
@@ -668,14 +668,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
668
668
|
required: p.required,
|
|
669
669
|
disabled: p.disabled,
|
|
670
670
|
name: p.fieldName,
|
|
671
|
-
onInput:
|
|
671
|
+
onInput: B[0] || (B[0] = (f) => p.$emit("update:modelValue", f.target.value))
|
|
672
672
|
}, null, 40, At),
|
|
673
673
|
t("i", {
|
|
674
674
|
role: "button",
|
|
675
675
|
class: h([_.value]),
|
|
676
676
|
"aria-controls": "password",
|
|
677
677
|
"aria-expanded": !l.value,
|
|
678
|
-
onClick:
|
|
678
|
+
onClick: B[1] || (B[1] = (f) => l.value = !l.value)
|
|
679
679
|
}, null, 10, Dt)
|
|
680
680
|
])) : (s(), i("input", {
|
|
681
681
|
key: 1,
|
|
@@ -692,7 +692,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
692
692
|
]),
|
|
693
693
|
disabled: p.disabled,
|
|
694
694
|
name: p.fieldName,
|
|
695
|
-
onInput:
|
|
695
|
+
onInput: B[2] || (B[2] = (f) => p.$emit("update:modelValue", f.target.value))
|
|
696
696
|
}, null, 42, Mt)),
|
|
697
697
|
p.search ? (s(), i("i", Ot)) : m("", !0),
|
|
698
698
|
p.errorMessage ? (s(), i("strong", Pt, n(p.errorMessage), 1)) : m("", !0),
|
|
@@ -779,12 +779,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
779
779
|
a.addressLine3 ? (s(), i("p", Jt, n(a.addressLine3), 1)) : m("", !0)
|
|
780
780
|
]),
|
|
781
781
|
t("div", Qt, [
|
|
782
|
-
a.website ? (s(),
|
|
782
|
+
a.website ? (s(), C(D, {
|
|
783
783
|
key: 0,
|
|
784
784
|
underline: "false",
|
|
785
785
|
"link-type": "regular"
|
|
786
786
|
}, {
|
|
787
|
-
default:
|
|
787
|
+
default: y(() => [
|
|
788
788
|
t("a", {
|
|
789
789
|
href: "https://" + a.website,
|
|
790
790
|
class: "address__website"
|
|
@@ -792,12 +792,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
792
792
|
]),
|
|
793
793
|
_: 1
|
|
794
794
|
})) : m("", !0),
|
|
795
|
-
(s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(),
|
|
795
|
+
(s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), C(D, {
|
|
796
796
|
key: o,
|
|
797
797
|
underline: "false",
|
|
798
798
|
"link-type": "regular"
|
|
799
799
|
}, {
|
|
800
|
-
default:
|
|
800
|
+
default: y(() => [
|
|
801
801
|
t("a", {
|
|
802
802
|
href: "tel:" + o,
|
|
803
803
|
class: "address__phone"
|
|
@@ -897,11 +897,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
897
897
|
c.variant === "product" ? "card--product" : "card--article"
|
|
898
898
|
]]),
|
|
899
899
|
style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
900
|
-
onMouseover: p[0] || (p[0] = (
|
|
901
|
-
onMouseout: p[1] || (p[1] = (
|
|
900
|
+
onMouseover: p[0] || (p[0] = (B) => ie(r) ? r.value = !0 : r = !0),
|
|
901
|
+
onMouseout: p[1] || (p[1] = (B) => ie(r) ? r.value = !1 : r = !1)
|
|
902
902
|
}, [
|
|
903
|
-
c.mediaType === "image" ? (s(),
|
|
904
|
-
default:
|
|
903
|
+
c.mediaType === "image" ? (s(), C(A, { key: 0 }, {
|
|
904
|
+
default: y(() => [
|
|
905
905
|
u(c.$slots, "card-image", te({
|
|
906
906
|
src: c.imgSrc,
|
|
907
907
|
width: "596",
|
|
@@ -914,10 +914,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
914
914
|
_: 3
|
|
915
915
|
})) : (s(), i("div", {
|
|
916
916
|
key: 1,
|
|
917
|
-
class: h(["video-card__wrapper",
|
|
917
|
+
class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
|
|
918
918
|
}, [
|
|
919
919
|
w(J, {
|
|
920
|
-
play:
|
|
920
|
+
play: V(r),
|
|
921
921
|
"local-video": !0,
|
|
922
922
|
src: c.videoSrc,
|
|
923
923
|
"aria-label": c.arialabel,
|
|
@@ -930,7 +930,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
930
930
|
muted: !0
|
|
931
931
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
932
932
|
], 2)),
|
|
933
|
-
|
|
933
|
+
V(a)["card-label"] ? (s(), i("div", na, [
|
|
934
934
|
u(c.$slots, "card-label")
|
|
935
935
|
])) : m("", !0),
|
|
936
936
|
c.variant === "product" ? (s(), i("div", {
|
|
@@ -1018,7 +1018,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1018
1018
|
])
|
|
1019
1019
|
]));
|
|
1020
1020
|
}
|
|
1021
|
-
}),
|
|
1021
|
+
}), Ba = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-ebdea819"]]), Sa = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, La = { class: "fact__value" }, Va = { class: "fact__metric" }, Ca = {
|
|
1022
1022
|
key: 0,
|
|
1023
1023
|
class: "facts__link"
|
|
1024
1024
|
}, Aa = /* @__PURE__ */ g({
|
|
@@ -1045,7 +1045,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1045
1045
|
}) }
|
|
1046
1046
|
},
|
|
1047
1047
|
setup(e) {
|
|
1048
|
-
return (a, r) => (s(), i("div",
|
|
1048
|
+
return (a, r) => (s(), i("div", Sa, [
|
|
1049
1049
|
t("div", Ia, [
|
|
1050
1050
|
t("h2", qa, n(a.headline), 1),
|
|
1051
1051
|
t("div", Ta, [
|
|
@@ -1062,11 +1062,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1062
1062
|
]))), 128))
|
|
1063
1063
|
]),
|
|
1064
1064
|
a.link ? (s(), i("div", Ca, [
|
|
1065
|
-
w(
|
|
1065
|
+
w(D, {
|
|
1066
1066
|
"link-type": "regular_light",
|
|
1067
1067
|
arrow: ""
|
|
1068
1068
|
}, {
|
|
1069
|
-
default:
|
|
1069
|
+
default: y(() => [
|
|
1070
1070
|
u(a.$slots, "facts-link", {}, void 0, !0)
|
|
1071
1071
|
]),
|
|
1072
1072
|
_: 3
|
|
@@ -1104,8 +1104,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1104
1104
|
key: o.headline,
|
|
1105
1105
|
class: "features__element"
|
|
1106
1106
|
}, [
|
|
1107
|
-
w(
|
|
1108
|
-
default:
|
|
1107
|
+
w(A, { class: "element__icon" }, {
|
|
1108
|
+
default: y(() => [
|
|
1109
1109
|
u(a.$slots, "features-icon", P(F({
|
|
1110
1110
|
src: o.icon.src,
|
|
1111
1111
|
height: 30,
|
|
@@ -1167,8 +1167,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1167
1167
|
return (a, r) => (s(), i("div", Qa, [
|
|
1168
1168
|
t("div", Za, [
|
|
1169
1169
|
t("div", Xa, [
|
|
1170
|
-
w(
|
|
1171
|
-
default:
|
|
1170
|
+
w(A, null, {
|
|
1171
|
+
default: y(() => [
|
|
1172
1172
|
u(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1173
1173
|
]),
|
|
1174
1174
|
_: 3
|
|
@@ -1215,8 +1215,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1215
1215
|
}, [
|
|
1216
1216
|
t("div", al, [
|
|
1217
1217
|
l.mediaLarge && l.mediaType === "image" ? (s(), i("div", ll, [
|
|
1218
|
-
w(
|
|
1219
|
-
default:
|
|
1218
|
+
w(A, null, {
|
|
1219
|
+
default: y(() => [
|
|
1220
1220
|
u(l.$slots, "image-large", P(F({
|
|
1221
1221
|
width: 617,
|
|
1222
1222
|
height: 530,
|
|
@@ -1253,8 +1253,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1253
1253
|
key: c.src + c.alt,
|
|
1254
1254
|
class: "image image--small"
|
|
1255
1255
|
}, [
|
|
1256
|
-
w(
|
|
1257
|
-
default:
|
|
1256
|
+
w(A, null, {
|
|
1257
|
+
default: y(() => [
|
|
1258
1258
|
u(l.$slots, "image-small", P(F({
|
|
1259
1259
|
width: 328,
|
|
1260
1260
|
height: 246,
|
|
@@ -1319,11 +1319,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1319
1319
|
t("h1", null, n(e.headline), 1)
|
|
1320
1320
|
]),
|
|
1321
1321
|
t("div", gl, [
|
|
1322
|
-
w(
|
|
1322
|
+
w(D, {
|
|
1323
1323
|
"link-type": "regular_light",
|
|
1324
1324
|
arrow: ""
|
|
1325
1325
|
}, {
|
|
1326
|
-
default:
|
|
1326
|
+
default: y(() => [
|
|
1327
1327
|
u(a.$slots, "hero-link", {}, void 0, !0)
|
|
1328
1328
|
]),
|
|
1329
1329
|
_: 3
|
|
@@ -1343,7 +1343,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1343
1343
|
])
|
|
1344
1344
|
]));
|
|
1345
1345
|
}
|
|
1346
|
-
}),
|
|
1346
|
+
}), Bl = /* @__PURE__ */ v(wl, [["__scopeId", "data-v-22f9be13"]]), Sl = { class: "logo-wall__wrapper" }, Il = { class: "logo-wall__content" }, ql = {
|
|
1347
1347
|
key: 0,
|
|
1348
1348
|
class: "logo-wall__text"
|
|
1349
1349
|
}, Tl = { key: 0 }, Ll = { key: 1 }, Vl = { class: "logo-wall__logos" }, Cl = { class: "logo-wall__link" }, Al = /* @__PURE__ */ g({
|
|
@@ -1364,7 +1364,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1364
1364
|
}
|
|
1365
1365
|
},
|
|
1366
1366
|
setup(e) {
|
|
1367
|
-
return (a, r) => (s(), i("div",
|
|
1367
|
+
return (a, r) => (s(), i("div", Sl, [
|
|
1368
1368
|
t("div", Il, [
|
|
1369
1369
|
e.headline || e.body ? (s(), i("div", ql, [
|
|
1370
1370
|
e.headline ? (s(), i("h2", Tl, n(e.headline), 1)) : m("", !0),
|
|
@@ -1375,8 +1375,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1375
1375
|
key: o.src + o.alt,
|
|
1376
1376
|
class: "logo-wall__logo"
|
|
1377
1377
|
}, [
|
|
1378
|
-
w(
|
|
1379
|
-
default:
|
|
1378
|
+
w(A, null, {
|
|
1379
|
+
default: y(() => [
|
|
1380
1380
|
u(a.$slots, "logo-wall-logo", P(F({
|
|
1381
1381
|
width: 130,
|
|
1382
1382
|
height: 130,
|
|
@@ -1389,11 +1389,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
|
|
|
1389
1389
|
]))), 128))
|
|
1390
1390
|
]),
|
|
1391
1391
|
t("div", Cl, [
|
|
1392
|
-
w(
|
|
1392
|
+
w(D, {
|
|
1393
1393
|
"link-type": "regular_light",
|
|
1394
1394
|
arrow: !0
|
|
1395
1395
|
}, {
|
|
1396
|
-
default:
|
|
1396
|
+
default: y(() => [
|
|
1397
1397
|
u(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1398
1398
|
]),
|
|
1399
1399
|
_: 3
|
|
@@ -1520,8 +1520,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1520
1520
|
l.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1521
1521
|
])
|
|
1522
1522
|
}, [
|
|
1523
|
-
w(
|
|
1524
|
-
default:
|
|
1523
|
+
w(A, null, {
|
|
1524
|
+
default: y(() => [
|
|
1525
1525
|
u(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
|
|
1526
1526
|
]),
|
|
1527
1527
|
_: 3
|
|
@@ -1552,7 +1552,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1552
1552
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1553
1553
|
])
|
|
1554
1554
|
}, [
|
|
1555
|
-
l.label ? (s(),
|
|
1555
|
+
l.label ? (s(), C(K, {
|
|
1556
1556
|
key: 0,
|
|
1557
1557
|
text: l.label,
|
|
1558
1558
|
"label-dark": l.variant === "dark"
|
|
@@ -1565,21 +1565,21 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1565
1565
|
}, [
|
|
1566
1566
|
u(l.$slots, "promo-headline")
|
|
1567
1567
|
], 2),
|
|
1568
|
-
l.linkType === "link" ? (s(),
|
|
1568
|
+
l.linkType === "link" ? (s(), C(D, {
|
|
1569
1569
|
key: 1,
|
|
1570
1570
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
1571
1571
|
arrow: ""
|
|
1572
1572
|
}, {
|
|
1573
|
-
default:
|
|
1573
|
+
default: y(() => [
|
|
1574
1574
|
u(l.$slots, "promo-link")
|
|
1575
1575
|
]),
|
|
1576
1576
|
_: 3
|
|
1577
1577
|
}, 8, ["link-type"])) : m("", !0),
|
|
1578
|
-
l.linkType === "button" ? (s(),
|
|
1578
|
+
l.linkType === "button" ? (s(), C(D, {
|
|
1579
1579
|
key: 2,
|
|
1580
1580
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
1581
1581
|
}, {
|
|
1582
|
-
default:
|
|
1582
|
+
default: y(() => [
|
|
1583
1583
|
u(l.$slots, "promo-link")
|
|
1584
1584
|
]),
|
|
1585
1585
|
_: 3
|
|
@@ -1620,8 +1620,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1620
1620
|
t("p", so, n(e.quote), 1),
|
|
1621
1621
|
t("div", io, [
|
|
1622
1622
|
e.authorImage ? (s(), i("div", ro, [
|
|
1623
|
-
w(
|
|
1624
|
-
default:
|
|
1623
|
+
w(A, null, {
|
|
1624
|
+
default: y(() => [
|
|
1625
1625
|
u(a.$slots, "author-image", P(F({
|
|
1626
1626
|
src: e.authorImage + "/m/100x100",
|
|
1627
1627
|
width: 60,
|
|
@@ -1666,7 +1666,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1666
1666
|
])
|
|
1667
1667
|
}, [
|
|
1668
1668
|
t("div", ho, [
|
|
1669
|
-
a.label ? (s(),
|
|
1669
|
+
a.label ? (s(), C(K, {
|
|
1670
1670
|
key: 0,
|
|
1671
1671
|
text: a.label,
|
|
1672
1672
|
"label-dark": !1
|
|
@@ -1705,8 +1705,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1705
1705
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
1706
1706
|
])
|
|
1707
1707
|
}, [
|
|
1708
|
-
w(
|
|
1709
|
-
default:
|
|
1708
|
+
w(A, null, {
|
|
1709
|
+
default: y(() => [
|
|
1710
1710
|
u(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
|
|
1711
1711
|
]),
|
|
1712
1712
|
_: 3
|
|
@@ -1717,7 +1717,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1717
1717
|
], 2));
|
|
1718
1718
|
}
|
|
1719
1719
|
}), go = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-8bb69ea4"]]), bo = {}, yo = { class: "rich-text" }, $o = { class: "rich-text__wrapper" }, ko = { class: "rich-text__content rich-text__content--left-aligned" }, wo = { class: "rich-text__body" };
|
|
1720
|
-
function
|
|
1720
|
+
function Bo(e, a) {
|
|
1721
1721
|
return s(), i("div", yo, [
|
|
1722
1722
|
t("div", $o, [
|
|
1723
1723
|
t("div", ko, [
|
|
@@ -1733,7 +1733,7 @@ function So(e, a) {
|
|
|
1733
1733
|
])
|
|
1734
1734
|
]);
|
|
1735
1735
|
}
|
|
1736
|
-
const
|
|
1736
|
+
const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194"]]), Io = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), qo = { class: "timeline__wrapper" }, To = { class: "timeline__content" }, Lo = { class: "timeline__items" }, Vo = { class: "item__left" }, Co = /* @__PURE__ */ Io(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1737
1737
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1738
1738
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1739
1739
|
], -1)), Ao = { class: "item__right" }, Do = ["innerHTML"], Mo = /* @__PURE__ */ g({
|
|
@@ -1769,8 +1769,8 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1769
1769
|
t("div", Vo, n(o.year), 1),
|
|
1770
1770
|
Co,
|
|
1771
1771
|
t("div", Ao, [
|
|
1772
|
-
w(
|
|
1773
|
-
default:
|
|
1772
|
+
w(A, null, {
|
|
1773
|
+
default: y(() => [
|
|
1774
1774
|
o.media.src ? u(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
|
|
1775
1775
|
]),
|
|
1776
1776
|
_: 2
|
|
@@ -1895,22 +1895,22 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1895
1895
|
ns,
|
|
1896
1896
|
ds,
|
|
1897
1897
|
cs,
|
|
1898
|
-
w(
|
|
1898
|
+
w(D, {
|
|
1899
1899
|
class: "footer__contact",
|
|
1900
1900
|
"link-type": "regular_light",
|
|
1901
1901
|
underline: "false"
|
|
1902
1902
|
}, {
|
|
1903
|
-
default:
|
|
1903
|
+
default: y(() => [
|
|
1904
1904
|
us
|
|
1905
1905
|
]),
|
|
1906
1906
|
_: 1
|
|
1907
1907
|
}),
|
|
1908
|
-
w(
|
|
1908
|
+
w(D, {
|
|
1909
1909
|
class: "footer__contact",
|
|
1910
1910
|
"link-type": "regular_light",
|
|
1911
1911
|
underline: "false"
|
|
1912
1912
|
}, {
|
|
1913
|
-
default:
|
|
1913
|
+
default: y(() => [
|
|
1914
1914
|
_s
|
|
1915
1915
|
]),
|
|
1916
1916
|
_: 1
|
|
@@ -1934,12 +1934,12 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1934
1934
|
u(a.$slots, "footer-cookie-link")
|
|
1935
1935
|
]),
|
|
1936
1936
|
t("div", fs, [
|
|
1937
|
-
(s(!0), i(M, null, O(a.socialMedia, (o) => (s(),
|
|
1937
|
+
(s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(D, {
|
|
1938
1938
|
key: o.title,
|
|
1939
1939
|
underline: "false",
|
|
1940
1940
|
"link-type": "regular"
|
|
1941
1941
|
}, {
|
|
1942
|
-
default:
|
|
1942
|
+
default: y(() => [
|
|
1943
1943
|
t("a", {
|
|
1944
1944
|
href: o.url,
|
|
1945
1945
|
"aria-label": o.title
|
|
@@ -1958,7 +1958,7 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1958
1958
|
])
|
|
1959
1959
|
]));
|
|
1960
1960
|
}
|
|
1961
|
-
}), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-7c03f608"]]), $s = { class: "header__wrapper" }, ks = { class: "nav-wrapper" }, ws = { class: "mir-link-logo" },
|
|
1961
|
+
}), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-7c03f608"]]), $s = { class: "header__wrapper" }, ks = { class: "nav-wrapper" }, ws = { class: "mir-link-logo" }, Bs = { class: "main-nav-items" }, Ss = {
|
|
1962
1962
|
id: "menu-dropdown",
|
|
1963
1963
|
ref: "dropdownDiv"
|
|
1964
1964
|
}, Is = {
|
|
@@ -1993,65 +1993,65 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1993
1993
|
let _ = I(l.burgerState), c = I(l.showDropDown);
|
|
1994
1994
|
re(
|
|
1995
1995
|
() => l.burgerState,
|
|
1996
|
-
(
|
|
1996
|
+
(S) => _.value = S
|
|
1997
1997
|
), re(
|
|
1998
1998
|
() => l.showDropDown,
|
|
1999
|
-
(
|
|
1999
|
+
(S) => c.value = S
|
|
2000
2000
|
), ce(() => {
|
|
2001
|
-
o = (
|
|
2002
|
-
|
|
2001
|
+
o = (S) => {
|
|
2002
|
+
S.target.closest("#menu-dropdown") || (c.value = !1);
|
|
2003
2003
|
}, window.addEventListener("click", o);
|
|
2004
|
-
}),
|
|
2004
|
+
}), Be(() => {
|
|
2005
2005
|
o !== null && window.removeEventListener("click", o);
|
|
2006
2006
|
});
|
|
2007
2007
|
const p = r;
|
|
2008
|
-
function
|
|
2008
|
+
function B() {
|
|
2009
2009
|
c.value = !c.value, p("update:showDropDown", c.value);
|
|
2010
2010
|
}
|
|
2011
2011
|
function f() {
|
|
2012
2012
|
_.value = !_.value, p("update:burgerState", _.value);
|
|
2013
2013
|
}
|
|
2014
|
-
let
|
|
2014
|
+
let $ = I(null), q = I(null);
|
|
2015
2015
|
function x() {
|
|
2016
|
-
|
|
2016
|
+
$.value && $.value.blur();
|
|
2017
2017
|
}
|
|
2018
2018
|
return a({
|
|
2019
2019
|
defocusSearchButton: x
|
|
2020
|
-
}), (
|
|
2020
|
+
}), (S, j) => (s(), i("div", $s, [
|
|
2021
2021
|
t("nav", null, [
|
|
2022
2022
|
t("div", ks, [
|
|
2023
2023
|
t("div", ws, [
|
|
2024
|
-
u(
|
|
2024
|
+
u(S.$slots, "link-logo", {}, void 0, !0)
|
|
2025
2025
|
]),
|
|
2026
|
-
t("ul",
|
|
2027
|
-
u(
|
|
2026
|
+
t("ul", Bs, [
|
|
2027
|
+
u(S.$slots, "main-nav-items", {}, void 0, !0)
|
|
2028
2028
|
]),
|
|
2029
|
-
t("div",
|
|
2029
|
+
t("div", Ss, [
|
|
2030
2030
|
t("button", {
|
|
2031
2031
|
class: "nav-dropdown-btn",
|
|
2032
|
-
onClick:
|
|
2032
|
+
onClick: B
|
|
2033
2033
|
}, [
|
|
2034
|
-
u(
|
|
2035
|
-
|
|
2034
|
+
u(S.$slots, "dropdown-title", {}, void 0, !0),
|
|
2035
|
+
V(c) === !1 ? (s(), i("img", Is)) : (s(), i("img", qs))
|
|
2036
2036
|
]),
|
|
2037
2037
|
Y(t("div", Ts, [
|
|
2038
|
-
u(
|
|
2038
|
+
u(S.$slots, "dropdown-links", {}, void 0, !0)
|
|
2039
2039
|
], 512), [
|
|
2040
|
-
[Z,
|
|
2040
|
+
[Z, V(c)]
|
|
2041
2041
|
])
|
|
2042
2042
|
], 512),
|
|
2043
2043
|
t("div", Ls, [
|
|
2044
2044
|
t("button", {
|
|
2045
2045
|
ref_key: "navSearchButton",
|
|
2046
|
-
ref:
|
|
2046
|
+
ref: $,
|
|
2047
2047
|
class: "search-icon",
|
|
2048
2048
|
onClick: j[0] || (j[0] = (ee) => {
|
|
2049
2049
|
var z;
|
|
2050
|
-
return
|
|
2050
|
+
return S.$emit("clickSearch"), (z = V($)) == null ? void 0 : z.blur();
|
|
2051
2051
|
})
|
|
2052
2052
|
}, [
|
|
2053
2053
|
t("img", {
|
|
2054
|
-
src:
|
|
2054
|
+
src: V(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2055
2055
|
alt: "search icon",
|
|
2056
2056
|
width: "20",
|
|
2057
2057
|
height: "20"
|
|
@@ -2060,11 +2060,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2060
2060
|
])
|
|
2061
2061
|
]),
|
|
2062
2062
|
t("div", {
|
|
2063
|
-
class: h(["mobile-nav-wrapper",
|
|
2063
|
+
class: h(["mobile-nav-wrapper", V(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2064
2064
|
}, [
|
|
2065
2065
|
t("div", Cs, [
|
|
2066
2066
|
t("div", As, [
|
|
2067
|
-
u(
|
|
2067
|
+
u(S.$slots, "link-logo", {}, void 0, !0)
|
|
2068
2068
|
]),
|
|
2069
2069
|
t("div", Ds, [
|
|
2070
2070
|
t("button", {
|
|
@@ -2074,11 +2074,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2074
2074
|
"aria-label": "Toggle search",
|
|
2075
2075
|
onClick: j[1] || (j[1] = (ee) => {
|
|
2076
2076
|
var z;
|
|
2077
|
-
return
|
|
2077
|
+
return S.$emit("clickSearch"), (z = V(q)) == null ? void 0 : z.blur();
|
|
2078
2078
|
})
|
|
2079
2079
|
}, [
|
|
2080
2080
|
t("img", {
|
|
2081
|
-
src:
|
|
2081
|
+
src: V(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
|
|
2082
2082
|
alt: "search icon",
|
|
2083
2083
|
width: "20",
|
|
2084
2084
|
height: "20"
|
|
@@ -2094,20 +2094,20 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2094
2094
|
width: "20",
|
|
2095
2095
|
height: "20",
|
|
2096
2096
|
alt: "burger menu line icon",
|
|
2097
|
-
src:
|
|
2097
|
+
src: V(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
|
|
2098
2098
|
}, null, 8, Os)
|
|
2099
2099
|
])
|
|
2100
2100
|
]),
|
|
2101
2101
|
Y(t("div", Ps, [
|
|
2102
2102
|
t("ul", null, [
|
|
2103
|
-
u(
|
|
2103
|
+
u(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2104
2104
|
]),
|
|
2105
2105
|
t("ul", Fs, [
|
|
2106
|
-
u(
|
|
2107
|
-
u(
|
|
2106
|
+
u(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2107
|
+
u(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2108
2108
|
])
|
|
2109
2109
|
], 512), [
|
|
2110
|
-
[Z,
|
|
2110
|
+
[Z, V(_)]
|
|
2111
2111
|
])
|
|
2112
2112
|
], 2)
|
|
2113
2113
|
])
|
|
@@ -2174,10 +2174,13 @@ function xs(e, a) {
|
|
|
2174
2174
|
u(e.$slots, "default", { class: "search__content" })
|
|
2175
2175
|
]);
|
|
2176
2176
|
}
|
|
2177
|
-
const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82"]]), ti = { class: "product-hero__wrapper" }, ai = { class: "product-hero__content" }, li = { class: "product-hero__headline" }, oi = { class: "product-hero__video" }, si = {
|
|
2178
|
-
key:
|
|
2177
|
+
const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82"]]), ti = { class: "product-hero__wrapper" }, ai = { class: "product-hero__content" }, li = { class: "product-hero__headline" }, oi = { class: "product-hero__video" }, si = { class: "product-hero__insignia" }, ii = {
|
|
2178
|
+
key: 0,
|
|
2179
2179
|
class: "product-hero__logo"
|
|
2180
|
-
},
|
|
2180
|
+
}, ri = {
|
|
2181
|
+
key: 1,
|
|
2182
|
+
class: "product-hero__certification"
|
|
2183
|
+
}, ni = /* @__PURE__ */ g({
|
|
2181
2184
|
__name: "product-hero",
|
|
2182
2185
|
props: {
|
|
2183
2186
|
headline: {
|
|
@@ -2204,6 +2207,11 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2204
2207
|
type: String,
|
|
2205
2208
|
default: "",
|
|
2206
2209
|
required: !1
|
|
2210
|
+
},
|
|
2211
|
+
isCertified: {
|
|
2212
|
+
type: Boolean,
|
|
2213
|
+
default: !1,
|
|
2214
|
+
required: !1
|
|
2207
2215
|
}
|
|
2208
2216
|
},
|
|
2209
2217
|
setup(e) {
|
|
@@ -2211,7 +2219,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2211
2219
|
t("div", ai, [
|
|
2212
2220
|
t("div", li, n(e.headline), 1),
|
|
2213
2221
|
t("div", oi, [
|
|
2214
|
-
e.videoSrc !== "" ? (s(),
|
|
2222
|
+
e.videoSrc !== "" ? (s(), C(J, {
|
|
2215
2223
|
key: 0,
|
|
2216
2224
|
play: "",
|
|
2217
2225
|
"local-video": !0,
|
|
@@ -2222,25 +2230,35 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2222
2230
|
autoplay: "",
|
|
2223
2231
|
loop: "",
|
|
2224
2232
|
muted: ""
|
|
2225
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (s(), V(
|
|
2226
|
-
default:
|
|
2233
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(A), { key: 1 }, {
|
|
2234
|
+
default: y(() => [
|
|
2227
2235
|
u(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
2228
2236
|
]),
|
|
2229
2237
|
_: 3
|
|
2230
2238
|
})),
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
+
t("div", si, [
|
|
2240
|
+
e.logoSrc ? (s(), i("div", ii, [
|
|
2241
|
+
w(V(A), null, {
|
|
2242
|
+
default: y(() => [
|
|
2243
|
+
u(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
2244
|
+
]),
|
|
2245
|
+
_: 3
|
|
2246
|
+
})
|
|
2247
|
+
])) : m("", !0),
|
|
2248
|
+
e.isCertified ? (s(), i("div", ri, [
|
|
2249
|
+
w(V(A), null, {
|
|
2250
|
+
default: y(() => [
|
|
2251
|
+
u(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
2252
|
+
]),
|
|
2253
|
+
_: 3
|
|
2254
|
+
})
|
|
2255
|
+
])) : m("", !0)
|
|
2256
|
+
])
|
|
2239
2257
|
])
|
|
2240
2258
|
])
|
|
2241
2259
|
]));
|
|
2242
2260
|
}
|
|
2243
|
-
}),
|
|
2261
|
+
}), di = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-ed8cb5fb"]]), ci = { class: "promo__content" }, ui = { class: "pallet-jack__media-wrap" }, _i = { class: "pallet-jack-link" }, pi = { class: "pallet-jack__media-wrap__inner-wrap" }, hi = { class: "pallet-jack__media-wrap__content-wrap" }, mi = { class: "regular-blue" }, vi = /* @__PURE__ */ g({
|
|
2244
2262
|
__name: "pallet-jack",
|
|
2245
2263
|
props: {
|
|
2246
2264
|
label: { default: "" },
|
|
@@ -2266,22 +2284,22 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2266
2284
|
l.teaser ? "promo__wrapper--teaser" : ""
|
|
2267
2285
|
])
|
|
2268
2286
|
}, [
|
|
2269
|
-
t("div",
|
|
2287
|
+
t("div", ci, [
|
|
2270
2288
|
t("div", {
|
|
2271
2289
|
class: h([
|
|
2272
2290
|
"promo__video",
|
|
2273
2291
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2274
2292
|
])
|
|
2275
2293
|
}, [
|
|
2276
|
-
t("div",
|
|
2277
|
-
t("div",
|
|
2294
|
+
t("div", ui, [
|
|
2295
|
+
t("div", _i, [
|
|
2278
2296
|
u(l.$slots, "pallet-jack-link")
|
|
2279
2297
|
]),
|
|
2280
|
-
t("div",
|
|
2298
|
+
t("div", pi, [
|
|
2281
2299
|
u(l.$slots, "pallet-jack-video")
|
|
2282
2300
|
]),
|
|
2283
|
-
t("div",
|
|
2284
|
-
t("h3",
|
|
2301
|
+
t("div", hi, [
|
|
2302
|
+
t("h3", mi, n(l.headline), 1),
|
|
2285
2303
|
t("p", null, n(l.shortDescription), 1)
|
|
2286
2304
|
])
|
|
2287
2305
|
])
|
|
@@ -2292,7 +2310,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2292
2310
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
2293
2311
|
])
|
|
2294
2312
|
}, [
|
|
2295
|
-
l.label ? (s(),
|
|
2313
|
+
l.label ? (s(), C(K, {
|
|
2296
2314
|
key: 0,
|
|
2297
2315
|
text: l.label,
|
|
2298
2316
|
"label-dark": l.variant === "dark"
|
|
@@ -2305,21 +2323,21 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2305
2323
|
}, [
|
|
2306
2324
|
u(l.$slots, "promo-text")
|
|
2307
2325
|
], 2),
|
|
2308
|
-
l.linkType === "link" ? (s(),
|
|
2326
|
+
l.linkType === "link" ? (s(), C(D, {
|
|
2309
2327
|
key: 1,
|
|
2310
2328
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
2311
2329
|
arrow: ""
|
|
2312
2330
|
}, {
|
|
2313
|
-
default:
|
|
2331
|
+
default: y(() => [
|
|
2314
2332
|
u(l.$slots, "promo-link")
|
|
2315
2333
|
]),
|
|
2316
2334
|
_: 3
|
|
2317
2335
|
}, 8, ["link-type"])) : m("", !0),
|
|
2318
|
-
l.linkType === "button" ? (s(),
|
|
2336
|
+
l.linkType === "button" ? (s(), C(D, {
|
|
2319
2337
|
key: 2,
|
|
2320
2338
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
2321
2339
|
}, {
|
|
2322
|
-
default:
|
|
2340
|
+
default: y(() => [
|
|
2323
2341
|
u(l.$slots, "promo-link")
|
|
2324
2342
|
]),
|
|
2325
2343
|
_: 3
|
|
@@ -2328,9 +2346,9 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2328
2346
|
])
|
|
2329
2347
|
], 2));
|
|
2330
2348
|
}
|
|
2331
|
-
}),
|
|
2349
|
+
}), fi = /* @__PURE__ */ v(vi, [["__scopeId", "data-v-d2cc25b4"]]), bi = {
|
|
2332
2350
|
install: (e) => {
|
|
2333
|
-
e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage",
|
|
2351
|
+
e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", K), e.component("AtomLink", D), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", J), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Da), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", ul), e.component("BlockHero", Bl), e.component("BlockImage", tl), e.component("BlockImageGallery", rl), e.component("BlockLogoWall", Dl), e.component("BlockMicroStories", El), e.component("BlockPolicy", jl), e.component("BlockProductHero", di), e.component("BlockPromo", xl), e.component("BlockQuote", po), e.component("BlockRichText", go), e.component("BlockRichTextColumns", So), e.component("BlockTimeline", Oo), e.component("BlockCardDisplay", Ql), e.component("BlockVimeo", Ho), e.component("BlockPalletJack", fi), e.component("Organism404", Wo), e.component("OrganismFilter", xo), e.component("OrganismFooter", ys), e.component("OrganismHeader", Rs), e.component("OrganismLanguageSwitcher", Gs), e.component("OrganismPagination", Qs), e.component("OrganismSearch", ei);
|
|
2334
2352
|
}
|
|
2335
2353
|
};
|
|
2336
2354
|
export {
|
|
@@ -2338,9 +2356,9 @@ export {
|
|
|
2338
2356
|
Ae as AtomCheckbox,
|
|
2339
2357
|
Fe as AtomChip,
|
|
2340
2358
|
Ke as AtomDropdown,
|
|
2341
|
-
|
|
2359
|
+
A as AtomImage,
|
|
2342
2360
|
K as AtomLabel,
|
|
2343
|
-
|
|
2361
|
+
D as AtomLink,
|
|
2344
2362
|
lt as AtomRadioButton,
|
|
2345
2363
|
dt as AtomSelect,
|
|
2346
2364
|
yt as AtomSlider,
|
|
@@ -2352,18 +2370,18 @@ export {
|
|
|
2352
2370
|
Ha as BlockFeatures,
|
|
2353
2371
|
Ja as BlockFormScript,
|
|
2354
2372
|
ul as BlockHeadline,
|
|
2355
|
-
|
|
2373
|
+
Bl as BlockHero,
|
|
2356
2374
|
tl as BlockImage,
|
|
2357
2375
|
rl as BlockImageGallery,
|
|
2358
2376
|
Dl as BlockLogoWall,
|
|
2359
2377
|
El as BlockMicroStories,
|
|
2360
|
-
|
|
2378
|
+
fi as BlockPalletJack,
|
|
2361
2379
|
jl as BlockPolicy,
|
|
2362
|
-
|
|
2380
|
+
di as BlockProductHero,
|
|
2363
2381
|
xl as BlockPromo,
|
|
2364
2382
|
po as BlockQuote,
|
|
2365
2383
|
go as BlockRichText,
|
|
2366
|
-
|
|
2384
|
+
So as BlockRichTextColumns,
|
|
2367
2385
|
Oo as BlockTimeline,
|
|
2368
2386
|
Ho as BlockVimeo,
|
|
2369
2387
|
ta as MoleculeAddress,
|
|
@@ -2371,7 +2389,7 @@ export {
|
|
|
2371
2389
|
ua as MoleculeCard,
|
|
2372
2390
|
ba as MoleculeEventCard,
|
|
2373
2391
|
ue as MoleculeModal,
|
|
2374
|
-
|
|
2392
|
+
Ba as MoleculeTextCard,
|
|
2375
2393
|
Wo as Organism404,
|
|
2376
2394
|
xo as OrganismFilter,
|
|
2377
2395
|
ys as OrganismFooter,
|
|
@@ -2379,5 +2397,5 @@ export {
|
|
|
2379
2397
|
Gs as OrganismLanguageSwitcher,
|
|
2380
2398
|
Qs as OrganismPagination,
|
|
2381
2399
|
ei as OrganismSearch,
|
|
2382
|
-
|
|
2400
|
+
bi as default
|
|
2383
2401
|
};
|