@mirweb/mir-web-components 0.17.88 → 0.17.90
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/blocks/product-hero/product-hero.vue.d.ts +1 -1
- package/dist/components/blocks/promo/promo.vue.d.ts +1 -1
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +195 -175
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +1 -1
|
@@ -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
|
|
@@ -1495,7 +1495,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1495
1495
|
reverse: { type: Boolean, default: !1 },
|
|
1496
1496
|
variant: { default: "default" },
|
|
1497
1497
|
linkType: { default: "link" },
|
|
1498
|
-
teaser: { type: Boolean, default: !1 }
|
|
1498
|
+
teaser: { type: Boolean, default: !1 },
|
|
1499
|
+
multiply: { type: Boolean, default: !1 }
|
|
1499
1500
|
},
|
|
1500
1501
|
setup(e) {
|
|
1501
1502
|
const a = {
|
|
@@ -1507,7 +1508,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1507
1508
|
class: h([
|
|
1508
1509
|
"promo__wrapper",
|
|
1509
1510
|
o.value,
|
|
1510
|
-
l.teaser ? "promo__wrapper--teaser" : ""
|
|
1511
|
+
l.teaser ? "promo__wrapper--teaser" : "",
|
|
1512
|
+
l.multiply ? "promo__wrapper--multiply" : ""
|
|
1511
1513
|
])
|
|
1512
1514
|
}, [
|
|
1513
1515
|
t("div", Zl, [
|
|
@@ -1518,8 +1520,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1518
1520
|
l.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1519
1521
|
])
|
|
1520
1522
|
}, [
|
|
1521
|
-
w(
|
|
1522
|
-
default:
|
|
1523
|
+
w(A, null, {
|
|
1524
|
+
default: y(() => [
|
|
1523
1525
|
u(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
|
|
1524
1526
|
]),
|
|
1525
1527
|
_: 3
|
|
@@ -1550,7 +1552,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1550
1552
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1551
1553
|
])
|
|
1552
1554
|
}, [
|
|
1553
|
-
l.label ? (s(),
|
|
1555
|
+
l.label ? (s(), C(K, {
|
|
1554
1556
|
key: 0,
|
|
1555
1557
|
text: l.label,
|
|
1556
1558
|
"label-dark": l.variant === "dark"
|
|
@@ -1563,21 +1565,21 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1563
1565
|
}, [
|
|
1564
1566
|
u(l.$slots, "promo-headline")
|
|
1565
1567
|
], 2),
|
|
1566
|
-
l.linkType === "link" ? (s(),
|
|
1568
|
+
l.linkType === "link" ? (s(), C(D, {
|
|
1567
1569
|
key: 1,
|
|
1568
1570
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
1569
1571
|
arrow: ""
|
|
1570
1572
|
}, {
|
|
1571
|
-
default:
|
|
1573
|
+
default: y(() => [
|
|
1572
1574
|
u(l.$slots, "promo-link")
|
|
1573
1575
|
]),
|
|
1574
1576
|
_: 3
|
|
1575
1577
|
}, 8, ["link-type"])) : m("", !0),
|
|
1576
|
-
l.linkType === "button" ? (s(),
|
|
1578
|
+
l.linkType === "button" ? (s(), C(D, {
|
|
1577
1579
|
key: 2,
|
|
1578
1580
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
1579
1581
|
}, {
|
|
1580
|
-
default:
|
|
1582
|
+
default: y(() => [
|
|
1581
1583
|
u(l.$slots, "promo-link")
|
|
1582
1584
|
]),
|
|
1583
1585
|
_: 3
|
|
@@ -1586,7 +1588,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1586
1588
|
])
|
|
1587
1589
|
], 2));
|
|
1588
1590
|
}
|
|
1589
|
-
}), xl = /* @__PURE__ */ v(Xl, [["__scopeId", "data-v-
|
|
1591
|
+
}), xl = /* @__PURE__ */ v(Xl, [["__scopeId", "data-v-df54d965"]]), eo = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), to = { class: "quote__wrapper" }, ao = { class: "quote__content" }, lo = /* @__PURE__ */ eo(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), oo = { class: "quote__quote" }, so = { class: "quote__quote-text" }, io = { class: "quote__author" }, ro = {
|
|
1590
1592
|
key: 0,
|
|
1591
1593
|
class: "quote__image"
|
|
1592
1594
|
}, no = { class: "quote__text" }, co = { class: "quote__author-name" }, uo = { class: "quote__author-title" }, _o = /* @__PURE__ */ g({
|
|
@@ -1618,8 +1620,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1618
1620
|
t("p", so, n(e.quote), 1),
|
|
1619
1621
|
t("div", io, [
|
|
1620
1622
|
e.authorImage ? (s(), i("div", ro, [
|
|
1621
|
-
w(
|
|
1622
|
-
default:
|
|
1623
|
+
w(A, null, {
|
|
1624
|
+
default: y(() => [
|
|
1623
1625
|
u(a.$slots, "author-image", P(F({
|
|
1624
1626
|
src: e.authorImage + "/m/100x100",
|
|
1625
1627
|
width: 60,
|
|
@@ -1664,7 +1666,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1664
1666
|
])
|
|
1665
1667
|
}, [
|
|
1666
1668
|
t("div", ho, [
|
|
1667
|
-
a.label ? (s(),
|
|
1669
|
+
a.label ? (s(), C(K, {
|
|
1668
1670
|
key: 0,
|
|
1669
1671
|
text: a.label,
|
|
1670
1672
|
"label-dark": !1
|
|
@@ -1703,8 +1705,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1703
1705
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
1704
1706
|
])
|
|
1705
1707
|
}, [
|
|
1706
|
-
w(
|
|
1707
|
-
default:
|
|
1708
|
+
w(A, null, {
|
|
1709
|
+
default: y(() => [
|
|
1708
1710
|
u(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
|
|
1709
1711
|
]),
|
|
1710
1712
|
_: 3
|
|
@@ -1715,7 +1717,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
|
|
|
1715
1717
|
], 2));
|
|
1716
1718
|
}
|
|
1717
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" };
|
|
1718
|
-
function
|
|
1720
|
+
function Bo(e, a) {
|
|
1719
1721
|
return s(), i("div", yo, [
|
|
1720
1722
|
t("div", $o, [
|
|
1721
1723
|
t("div", ko, [
|
|
@@ -1731,7 +1733,7 @@ function So(e, a) {
|
|
|
1731
1733
|
])
|
|
1732
1734
|
]);
|
|
1733
1735
|
}
|
|
1734
|
-
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" }, [
|
|
1735
1737
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1736
1738
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1737
1739
|
], -1)), Ao = { class: "item__right" }, Do = ["innerHTML"], Mo = /* @__PURE__ */ g({
|
|
@@ -1767,8 +1769,8 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1767
1769
|
t("div", Vo, n(o.year), 1),
|
|
1768
1770
|
Co,
|
|
1769
1771
|
t("div", Ao, [
|
|
1770
|
-
w(
|
|
1771
|
-
default:
|
|
1772
|
+
w(A, null, {
|
|
1773
|
+
default: y(() => [
|
|
1772
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)
|
|
1773
1775
|
]),
|
|
1774
1776
|
_: 2
|
|
@@ -1893,22 +1895,22 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1893
1895
|
ns,
|
|
1894
1896
|
ds,
|
|
1895
1897
|
cs,
|
|
1896
|
-
w(
|
|
1898
|
+
w(D, {
|
|
1897
1899
|
class: "footer__contact",
|
|
1898
1900
|
"link-type": "regular_light",
|
|
1899
1901
|
underline: "false"
|
|
1900
1902
|
}, {
|
|
1901
|
-
default:
|
|
1903
|
+
default: y(() => [
|
|
1902
1904
|
us
|
|
1903
1905
|
]),
|
|
1904
1906
|
_: 1
|
|
1905
1907
|
}),
|
|
1906
|
-
w(
|
|
1908
|
+
w(D, {
|
|
1907
1909
|
class: "footer__contact",
|
|
1908
1910
|
"link-type": "regular_light",
|
|
1909
1911
|
underline: "false"
|
|
1910
1912
|
}, {
|
|
1911
|
-
default:
|
|
1913
|
+
default: y(() => [
|
|
1912
1914
|
_s
|
|
1913
1915
|
]),
|
|
1914
1916
|
_: 1
|
|
@@ -1932,12 +1934,12 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1932
1934
|
u(a.$slots, "footer-cookie-link")
|
|
1933
1935
|
]),
|
|
1934
1936
|
t("div", fs, [
|
|
1935
|
-
(s(!0), i(M, null, O(a.socialMedia, (o) => (s(),
|
|
1937
|
+
(s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(D, {
|
|
1936
1938
|
key: o.title,
|
|
1937
1939
|
underline: "false",
|
|
1938
1940
|
"link-type": "regular"
|
|
1939
1941
|
}, {
|
|
1940
|
-
default:
|
|
1942
|
+
default: y(() => [
|
|
1941
1943
|
t("a", {
|
|
1942
1944
|
href: o.url,
|
|
1943
1945
|
"aria-label": o.title
|
|
@@ -1956,7 +1958,7 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1956
1958
|
])
|
|
1957
1959
|
]));
|
|
1958
1960
|
}
|
|
1959
|
-
}), 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 = {
|
|
1960
1962
|
id: "menu-dropdown",
|
|
1961
1963
|
ref: "dropdownDiv"
|
|
1962
1964
|
}, Is = {
|
|
@@ -1991,65 +1993,65 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
1991
1993
|
let _ = I(l.burgerState), c = I(l.showDropDown);
|
|
1992
1994
|
re(
|
|
1993
1995
|
() => l.burgerState,
|
|
1994
|
-
(
|
|
1996
|
+
(S) => _.value = S
|
|
1995
1997
|
), re(
|
|
1996
1998
|
() => l.showDropDown,
|
|
1997
|
-
(
|
|
1999
|
+
(S) => c.value = S
|
|
1998
2000
|
), ce(() => {
|
|
1999
|
-
o = (
|
|
2000
|
-
|
|
2001
|
+
o = (S) => {
|
|
2002
|
+
S.target.closest("#menu-dropdown") || (c.value = !1);
|
|
2001
2003
|
}, window.addEventListener("click", o);
|
|
2002
|
-
}),
|
|
2004
|
+
}), Be(() => {
|
|
2003
2005
|
o !== null && window.removeEventListener("click", o);
|
|
2004
2006
|
});
|
|
2005
2007
|
const p = r;
|
|
2006
|
-
function
|
|
2008
|
+
function B() {
|
|
2007
2009
|
c.value = !c.value, p("update:showDropDown", c.value);
|
|
2008
2010
|
}
|
|
2009
2011
|
function f() {
|
|
2010
2012
|
_.value = !_.value, p("update:burgerState", _.value);
|
|
2011
2013
|
}
|
|
2012
|
-
let
|
|
2014
|
+
let $ = I(null), q = I(null);
|
|
2013
2015
|
function x() {
|
|
2014
|
-
|
|
2016
|
+
$.value && $.value.blur();
|
|
2015
2017
|
}
|
|
2016
2018
|
return a({
|
|
2017
2019
|
defocusSearchButton: x
|
|
2018
|
-
}), (
|
|
2020
|
+
}), (S, j) => (s(), i("div", $s, [
|
|
2019
2021
|
t("nav", null, [
|
|
2020
2022
|
t("div", ks, [
|
|
2021
2023
|
t("div", ws, [
|
|
2022
|
-
u(
|
|
2024
|
+
u(S.$slots, "link-logo", {}, void 0, !0)
|
|
2023
2025
|
]),
|
|
2024
|
-
t("ul",
|
|
2025
|
-
u(
|
|
2026
|
+
t("ul", Bs, [
|
|
2027
|
+
u(S.$slots, "main-nav-items", {}, void 0, !0)
|
|
2026
2028
|
]),
|
|
2027
|
-
t("div",
|
|
2029
|
+
t("div", Ss, [
|
|
2028
2030
|
t("button", {
|
|
2029
2031
|
class: "nav-dropdown-btn",
|
|
2030
|
-
onClick:
|
|
2032
|
+
onClick: B
|
|
2031
2033
|
}, [
|
|
2032
|
-
u(
|
|
2033
|
-
|
|
2034
|
+
u(S.$slots, "dropdown-title", {}, void 0, !0),
|
|
2035
|
+
V(c) === !1 ? (s(), i("img", Is)) : (s(), i("img", qs))
|
|
2034
2036
|
]),
|
|
2035
2037
|
Y(t("div", Ts, [
|
|
2036
|
-
u(
|
|
2038
|
+
u(S.$slots, "dropdown-links", {}, void 0, !0)
|
|
2037
2039
|
], 512), [
|
|
2038
|
-
[Z,
|
|
2040
|
+
[Z, V(c)]
|
|
2039
2041
|
])
|
|
2040
2042
|
], 512),
|
|
2041
2043
|
t("div", Ls, [
|
|
2042
2044
|
t("button", {
|
|
2043
2045
|
ref_key: "navSearchButton",
|
|
2044
|
-
ref:
|
|
2046
|
+
ref: $,
|
|
2045
2047
|
class: "search-icon",
|
|
2046
2048
|
onClick: j[0] || (j[0] = (ee) => {
|
|
2047
2049
|
var z;
|
|
2048
|
-
return
|
|
2050
|
+
return S.$emit("clickSearch"), (z = V($)) == null ? void 0 : z.blur();
|
|
2049
2051
|
})
|
|
2050
2052
|
}, [
|
|
2051
2053
|
t("img", {
|
|
2052
|
-
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",
|
|
2053
2055
|
alt: "search icon",
|
|
2054
2056
|
width: "20",
|
|
2055
2057
|
height: "20"
|
|
@@ -2058,11 +2060,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2058
2060
|
])
|
|
2059
2061
|
]),
|
|
2060
2062
|
t("div", {
|
|
2061
|
-
class: h(["mobile-nav-wrapper",
|
|
2063
|
+
class: h(["mobile-nav-wrapper", V(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2062
2064
|
}, [
|
|
2063
2065
|
t("div", Cs, [
|
|
2064
2066
|
t("div", As, [
|
|
2065
|
-
u(
|
|
2067
|
+
u(S.$slots, "link-logo", {}, void 0, !0)
|
|
2066
2068
|
]),
|
|
2067
2069
|
t("div", Ds, [
|
|
2068
2070
|
t("button", {
|
|
@@ -2072,11 +2074,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2072
2074
|
"aria-label": "Toggle search",
|
|
2073
2075
|
onClick: j[1] || (j[1] = (ee) => {
|
|
2074
2076
|
var z;
|
|
2075
|
-
return
|
|
2077
|
+
return S.$emit("clickSearch"), (z = V(q)) == null ? void 0 : z.blur();
|
|
2076
2078
|
})
|
|
2077
2079
|
}, [
|
|
2078
2080
|
t("img", {
|
|
2079
|
-
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",
|
|
2080
2082
|
alt: "search icon",
|
|
2081
2083
|
width: "20",
|
|
2082
2084
|
height: "20"
|
|
@@ -2092,20 +2094,20 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
|
|
|
2092
2094
|
width: "20",
|
|
2093
2095
|
height: "20",
|
|
2094
2096
|
alt: "burger menu line icon",
|
|
2095
|
-
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"
|
|
2096
2098
|
}, null, 8, Os)
|
|
2097
2099
|
])
|
|
2098
2100
|
]),
|
|
2099
2101
|
Y(t("div", Ps, [
|
|
2100
2102
|
t("ul", null, [
|
|
2101
|
-
u(
|
|
2103
|
+
u(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2102
2104
|
]),
|
|
2103
2105
|
t("ul", Fs, [
|
|
2104
|
-
u(
|
|
2105
|
-
u(
|
|
2106
|
+
u(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2107
|
+
u(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2106
2108
|
])
|
|
2107
2109
|
], 512), [
|
|
2108
|
-
[Z,
|
|
2110
|
+
[Z, V(_)]
|
|
2109
2111
|
])
|
|
2110
2112
|
], 2)
|
|
2111
2113
|
])
|
|
@@ -2172,10 +2174,13 @@ function xs(e, a) {
|
|
|
2172
2174
|
u(e.$slots, "default", { class: "search__content" })
|
|
2173
2175
|
]);
|
|
2174
2176
|
}
|
|
2175
|
-
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 = {
|
|
2176
|
-
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,
|
|
2177
2179
|
class: "product-hero__logo"
|
|
2178
|
-
},
|
|
2180
|
+
}, ri = {
|
|
2181
|
+
key: 1,
|
|
2182
|
+
class: "product-hero__certification"
|
|
2183
|
+
}, ni = /* @__PURE__ */ g({
|
|
2179
2184
|
__name: "product-hero",
|
|
2180
2185
|
props: {
|
|
2181
2186
|
headline: {
|
|
@@ -2202,6 +2207,11 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2202
2207
|
type: String,
|
|
2203
2208
|
default: "",
|
|
2204
2209
|
required: !1
|
|
2210
|
+
},
|
|
2211
|
+
isCertified: {
|
|
2212
|
+
type: Boolean,
|
|
2213
|
+
default: !1,
|
|
2214
|
+
required: !1
|
|
2205
2215
|
}
|
|
2206
2216
|
},
|
|
2207
2217
|
setup(e) {
|
|
@@ -2209,7 +2219,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2209
2219
|
t("div", ai, [
|
|
2210
2220
|
t("div", li, n(e.headline), 1),
|
|
2211
2221
|
t("div", oi, [
|
|
2212
|
-
e.videoSrc !== "" ? (s(),
|
|
2222
|
+
e.videoSrc !== "" ? (s(), C(J, {
|
|
2213
2223
|
key: 0,
|
|
2214
2224
|
play: "",
|
|
2215
2225
|
"local-video": !0,
|
|
@@ -2220,25 +2230,35 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2220
2230
|
autoplay: "",
|
|
2221
2231
|
loop: "",
|
|
2222
2232
|
muted: ""
|
|
2223
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (s(), V(
|
|
2224
|
-
default:
|
|
2233
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(A), { key: 1 }, {
|
|
2234
|
+
default: y(() => [
|
|
2225
2235
|
u(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
2226
2236
|
]),
|
|
2227
2237
|
_: 3
|
|
2228
2238
|
})),
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
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
|
+
])
|
|
2237
2257
|
])
|
|
2238
2258
|
])
|
|
2239
2259
|
]));
|
|
2240
2260
|
}
|
|
2241
|
-
}),
|
|
2261
|
+
}), di = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-97409576"]]), 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({
|
|
2242
2262
|
__name: "pallet-jack",
|
|
2243
2263
|
props: {
|
|
2244
2264
|
label: { default: "" },
|
|
@@ -2264,22 +2284,22 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2264
2284
|
l.teaser ? "promo__wrapper--teaser" : ""
|
|
2265
2285
|
])
|
|
2266
2286
|
}, [
|
|
2267
|
-
t("div",
|
|
2287
|
+
t("div", ci, [
|
|
2268
2288
|
t("div", {
|
|
2269
2289
|
class: h([
|
|
2270
2290
|
"promo__video",
|
|
2271
2291
|
l.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
2272
2292
|
])
|
|
2273
2293
|
}, [
|
|
2274
|
-
t("div",
|
|
2275
|
-
t("div",
|
|
2294
|
+
t("div", ui, [
|
|
2295
|
+
t("div", _i, [
|
|
2276
2296
|
u(l.$slots, "pallet-jack-link")
|
|
2277
2297
|
]),
|
|
2278
|
-
t("div",
|
|
2298
|
+
t("div", pi, [
|
|
2279
2299
|
u(l.$slots, "pallet-jack-video")
|
|
2280
2300
|
]),
|
|
2281
|
-
t("div",
|
|
2282
|
-
t("h3",
|
|
2301
|
+
t("div", hi, [
|
|
2302
|
+
t("h3", mi, n(l.headline), 1),
|
|
2283
2303
|
t("p", null, n(l.shortDescription), 1)
|
|
2284
2304
|
])
|
|
2285
2305
|
])
|
|
@@ -2290,7 +2310,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2290
2310
|
l.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
2291
2311
|
])
|
|
2292
2312
|
}, [
|
|
2293
|
-
l.label ? (s(),
|
|
2313
|
+
l.label ? (s(), C(K, {
|
|
2294
2314
|
key: 0,
|
|
2295
2315
|
text: l.label,
|
|
2296
2316
|
"label-dark": l.variant === "dark"
|
|
@@ -2303,21 +2323,21 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2303
2323
|
}, [
|
|
2304
2324
|
u(l.$slots, "promo-text")
|
|
2305
2325
|
], 2),
|
|
2306
|
-
l.linkType === "link" ? (s(),
|
|
2326
|
+
l.linkType === "link" ? (s(), C(D, {
|
|
2307
2327
|
key: 1,
|
|
2308
2328
|
"link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
|
|
2309
2329
|
arrow: ""
|
|
2310
2330
|
}, {
|
|
2311
|
-
default:
|
|
2331
|
+
default: y(() => [
|
|
2312
2332
|
u(l.$slots, "promo-link")
|
|
2313
2333
|
]),
|
|
2314
2334
|
_: 3
|
|
2315
2335
|
}, 8, ["link-type"])) : m("", !0),
|
|
2316
|
-
l.linkType === "button" ? (s(),
|
|
2336
|
+
l.linkType === "button" ? (s(), C(D, {
|
|
2317
2337
|
key: 2,
|
|
2318
2338
|
"link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
|
|
2319
2339
|
}, {
|
|
2320
|
-
default:
|
|
2340
|
+
default: y(() => [
|
|
2321
2341
|
u(l.$slots, "promo-link")
|
|
2322
2342
|
]),
|
|
2323
2343
|
_: 3
|
|
@@ -2326,9 +2346,9 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
|
|
|
2326
2346
|
])
|
|
2327
2347
|
], 2));
|
|
2328
2348
|
}
|
|
2329
|
-
}),
|
|
2349
|
+
}), fi = /* @__PURE__ */ v(vi, [["__scopeId", "data-v-d2cc25b4"]]), bi = {
|
|
2330
2350
|
install: (e) => {
|
|
2331
|
-
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);
|
|
2332
2352
|
}
|
|
2333
2353
|
};
|
|
2334
2354
|
export {
|
|
@@ -2336,9 +2356,9 @@ export {
|
|
|
2336
2356
|
Ae as AtomCheckbox,
|
|
2337
2357
|
Fe as AtomChip,
|
|
2338
2358
|
Ke as AtomDropdown,
|
|
2339
|
-
|
|
2359
|
+
A as AtomImage,
|
|
2340
2360
|
K as AtomLabel,
|
|
2341
|
-
|
|
2361
|
+
D as AtomLink,
|
|
2342
2362
|
lt as AtomRadioButton,
|
|
2343
2363
|
dt as AtomSelect,
|
|
2344
2364
|
yt as AtomSlider,
|
|
@@ -2350,18 +2370,18 @@ export {
|
|
|
2350
2370
|
Ha as BlockFeatures,
|
|
2351
2371
|
Ja as BlockFormScript,
|
|
2352
2372
|
ul as BlockHeadline,
|
|
2353
|
-
|
|
2373
|
+
Bl as BlockHero,
|
|
2354
2374
|
tl as BlockImage,
|
|
2355
2375
|
rl as BlockImageGallery,
|
|
2356
2376
|
Dl as BlockLogoWall,
|
|
2357
2377
|
El as BlockMicroStories,
|
|
2358
|
-
|
|
2378
|
+
fi as BlockPalletJack,
|
|
2359
2379
|
jl as BlockPolicy,
|
|
2360
|
-
|
|
2380
|
+
di as BlockProductHero,
|
|
2361
2381
|
xl as BlockPromo,
|
|
2362
2382
|
po as BlockQuote,
|
|
2363
2383
|
go as BlockRichText,
|
|
2364
|
-
|
|
2384
|
+
So as BlockRichTextColumns,
|
|
2365
2385
|
Oo as BlockTimeline,
|
|
2366
2386
|
Ho as BlockVimeo,
|
|
2367
2387
|
ta as MoleculeAddress,
|
|
@@ -2369,7 +2389,7 @@ export {
|
|
|
2369
2389
|
ua as MoleculeCard,
|
|
2370
2390
|
ba as MoleculeEventCard,
|
|
2371
2391
|
ue as MoleculeModal,
|
|
2372
|
-
|
|
2392
|
+
Ba as MoleculeTextCard,
|
|
2373
2393
|
Wo as Organism404,
|
|
2374
2394
|
xo as OrganismFilter,
|
|
2375
2395
|
ys as OrganismFooter,
|
|
@@ -2377,5 +2397,5 @@ export {
|
|
|
2377
2397
|
Gs as OrganismLanguageSwitcher,
|
|
2378
2398
|
Qs as OrganismPagination,
|
|
2379
2399
|
ei as OrganismSearch,
|
|
2380
|
-
|
|
2400
|
+
bi as default
|
|
2381
2401
|
};
|