@mirweb/mir-web-components 1.12.1 → 1.13.0
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/features/features.vue.d.ts +1 -1
- package/dist/components/organisms/header/header.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 +149 -138
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as he, withDirectives as K, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Se, mergeProps as F, createVNode as I, Transition as Ie, withCtx as
|
|
1
|
+
import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as he, withDirectives as K, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Se, mergeProps as F, createVNode as I, Transition as Ie, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as Te, normalizeStyle as x, isRef as X, unref as y, onMounted as me, watch as Z, onUnmounted as qe } from "vue";
|
|
2
2
|
const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
@@ -117,12 +117,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
117
117
|
ae("update:modelValue", m);
|
|
118
118
|
}
|
|
119
119
|
function de(m) {
|
|
120
|
-
var
|
|
120
|
+
var L;
|
|
121
121
|
const S = m.target;
|
|
122
|
-
S.getAttribute("role") === "option" && (J(S), se(), (
|
|
122
|
+
S.getAttribute("role") === "option" && (J(S), se(), (L = u.value) == null || L.focus());
|
|
123
123
|
}
|
|
124
124
|
function U(m) {
|
|
125
|
-
var
|
|
125
|
+
var L;
|
|
126
126
|
const S = m.key;
|
|
127
127
|
switch (S) {
|
|
128
128
|
case "ArrowUp":
|
|
@@ -145,7 +145,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
145
145
|
break;
|
|
146
146
|
case "Enter":
|
|
147
147
|
case "Escape":
|
|
148
|
-
m.preventDefault(), se(), (
|
|
148
|
+
m.preventDefault(), se(), (L = u.value) == null || L.focus();
|
|
149
149
|
break;
|
|
150
150
|
default: {
|
|
151
151
|
const D = j(S);
|
|
@@ -176,23 +176,23 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
176
176
|
(f.value === "" || S !== m) && (B.value = l.options.findIndex(
|
|
177
177
|
(D) => D.value === l.modelValue
|
|
178
178
|
)), f.value = S === m ? m : f.value + m, S = m, w();
|
|
179
|
-
let
|
|
179
|
+
let L = O(
|
|
180
180
|
B.value + 1,
|
|
181
181
|
l.options.length
|
|
182
182
|
);
|
|
183
|
-
return !
|
|
183
|
+
return !L && f.value.length === 1 && (L = O(0, B.value)), B.value = (B.value + 1) % l.options.length, L;
|
|
184
184
|
}
|
|
185
185
|
function O(m, S) {
|
|
186
|
-
for (let
|
|
187
|
-
if (l.options[
|
|
188
|
-
return n.value[
|
|
186
|
+
for (let L = m; L < S; L++)
|
|
187
|
+
if (l.options[L].label && l.options[L].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
|
|
188
|
+
return n.value[L];
|
|
189
189
|
return null;
|
|
190
190
|
}
|
|
191
191
|
function z() {
|
|
192
192
|
J(n.value[0]);
|
|
193
193
|
}
|
|
194
194
|
function J(m) {
|
|
195
|
-
var
|
|
195
|
+
var L, D;
|
|
196
196
|
const S = m.getAttribute("data-value");
|
|
197
197
|
if (l.modelValue) {
|
|
198
198
|
const G = l.options.findIndex(
|
|
@@ -200,7 +200,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
200
200
|
), Q = n.value[G];
|
|
201
201
|
ce(Q);
|
|
202
202
|
}
|
|
203
|
-
if (m.setAttribute("aria-selected", "true"), (
|
|
203
|
+
if (m.setAttribute("aria-selected", "true"), (L = p.value) == null || L.setAttribute(
|
|
204
204
|
"aria-activedescendant",
|
|
205
205
|
S || ""
|
|
206
206
|
), ne(S || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
|
|
@@ -225,7 +225,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
225
225
|
l.disabled || ($.value ? _e() : se());
|
|
226
226
|
}
|
|
227
227
|
return (m, S) => {
|
|
228
|
-
const
|
|
228
|
+
const L = he("click-outside");
|
|
229
229
|
return s(), i("div", {
|
|
230
230
|
ref: "listbox",
|
|
231
231
|
class: "listbox__wrapper",
|
|
@@ -277,7 +277,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
277
277
|
[W, !$.value]
|
|
278
278
|
])
|
|
279
279
|
])), [
|
|
280
|
-
[
|
|
280
|
+
[L, se]
|
|
281
281
|
])
|
|
282
282
|
], 8, Ee);
|
|
283
283
|
};
|
|
@@ -314,7 +314,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
314
314
|
}, c(l.text), 11, xe)
|
|
315
315
|
]));
|
|
316
316
|
}
|
|
317
|
-
}), ee = /* @__PURE__ */ g(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" },
|
|
317
|
+
}), ee = /* @__PURE__ */ g(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, A = /* @__PURE__ */ b({
|
|
318
318
|
__name: "link",
|
|
319
319
|
props: {
|
|
320
320
|
linkType: { default: "regular" },
|
|
@@ -443,7 +443,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
443
443
|
duration: 300,
|
|
444
444
|
name: "nested"
|
|
445
445
|
}, {
|
|
446
|
-
default:
|
|
446
|
+
default: k(() => [
|
|
447
447
|
K(t("dialog", {
|
|
448
448
|
class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
449
449
|
ariaLabel: "modal",
|
|
@@ -474,7 +474,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
474
474
|
})
|
|
475
475
|
]));
|
|
476
476
|
}
|
|
477
|
-
}), ve = /* @__PURE__ */ g(mt, [["__scopeId", "data-v-0c868c23"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"],
|
|
477
|
+
}), ve = /* @__PURE__ */ g(mt, [["__scopeId", "data-v-0c868c23"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], kt = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ b({
|
|
478
478
|
__name: "slider",
|
|
479
479
|
props: {
|
|
480
480
|
label: {},
|
|
@@ -519,7 +519,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
519
519
|
onKeyup: $[1] || ($[1] = Ce((B) => p.value = !p.value, ["enter"]))
|
|
520
520
|
}, null, 42, bt)) : _("", !0)
|
|
521
521
|
]),
|
|
522
|
-
t("div",
|
|
522
|
+
t("div", kt, [
|
|
523
523
|
t("span", {
|
|
524
524
|
class: h([f.variant, "slider__minmax"])
|
|
525
525
|
}, c(f.min), 3),
|
|
@@ -535,7 +535,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
535
535
|
max: f.max,
|
|
536
536
|
class: h(f.variant),
|
|
537
537
|
onInput: $[2] || ($[2] = ({ target: B }) => o.value = parseFloat(B.value))
|
|
538
|
-
}, null, 42,
|
|
538
|
+
}, null, 42, yt),
|
|
539
539
|
t("span", {
|
|
540
540
|
class: h([f.variant, "slider__minmax"])
|
|
541
541
|
}, c(f.max), 3)
|
|
@@ -549,7 +549,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
549
549
|
show: p.value,
|
|
550
550
|
"onUpdate:show": $[3] || ($[3] = (B) => p.value = B)
|
|
551
551
|
}, {
|
|
552
|
-
default:
|
|
552
|
+
default: k(() => [
|
|
553
553
|
t("p", $t, c(f.information), 1)
|
|
554
554
|
]),
|
|
555
555
|
_: 1
|
|
@@ -779,12 +779,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
779
779
|
a.addressLine3 ? (s(), i("p", Xt, c(a.addressLine3), 1)) : _("", !0)
|
|
780
780
|
]),
|
|
781
781
|
t("div", xt, [
|
|
782
|
-
a.website ? (s(), T(
|
|
782
|
+
a.website ? (s(), T(A, {
|
|
783
783
|
key: 0,
|
|
784
784
|
underline: "false",
|
|
785
785
|
"link-type": "regular"
|
|
786
786
|
}, {
|
|
787
|
-
default:
|
|
787
|
+
default: k(() => [
|
|
788
788
|
t("a", {
|
|
789
789
|
href: "https://" + a.website,
|
|
790
790
|
class: "address__website"
|
|
@@ -792,12 +792,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
792
792
|
]),
|
|
793
793
|
_: 1
|
|
794
794
|
})) : _("", !0),
|
|
795
|
-
(s(!0), i(V, null, P(a.phoneNumbers, (l) => (s(), T(
|
|
795
|
+
(s(!0), i(V, null, P(a.phoneNumbers, (l) => (s(), T(A, {
|
|
796
796
|
key: l,
|
|
797
797
|
underline: "false",
|
|
798
798
|
"link-type": "regular"
|
|
799
799
|
}, {
|
|
800
|
-
default:
|
|
800
|
+
default: k(() => [
|
|
801
801
|
t("a", {
|
|
802
802
|
href: "tel:" + l,
|
|
803
803
|
class: "address__phone"
|
|
@@ -908,7 +908,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
908
908
|
onBlur: v[3] || (v[3] = (f) => X(r) ? r.value = !1 : r = !1)
|
|
909
909
|
}, [
|
|
910
910
|
n.mediaType === "image" ? (s(), T(M, { key: 0 }, {
|
|
911
|
-
default:
|
|
911
|
+
default: k(() => [
|
|
912
912
|
d(n.$slots, "card-image", F({
|
|
913
913
|
src: n.imgSrc,
|
|
914
914
|
width: "596",
|
|
@@ -921,10 +921,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
921
921
|
_: 3
|
|
922
922
|
})) : (s(), i("div", {
|
|
923
923
|
key: 1,
|
|
924
|
-
class: h(["video-card__wrapper",
|
|
924
|
+
class: h(["video-card__wrapper", y(r) === !0 ? "vimeoPlaying" : ""])
|
|
925
925
|
}, [
|
|
926
926
|
I(te, {
|
|
927
|
-
play:
|
|
927
|
+
play: y(r),
|
|
928
928
|
"local-video": !0,
|
|
929
929
|
src: n.videoSrc,
|
|
930
930
|
"aria-label": n.arialabel,
|
|
@@ -937,7 +937,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
937
937
|
muted: !0
|
|
938
938
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
939
939
|
], 2)),
|
|
940
|
-
|
|
940
|
+
y(a)["card-label"] ? (s(), i("div", ua, [
|
|
941
941
|
d(n.$slots, "card-label")
|
|
942
942
|
])) : _("", !0),
|
|
943
943
|
n.variant === "product" ? (s(), i("div", {
|
|
@@ -994,12 +994,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
994
994
|
t("div", va, [
|
|
995
995
|
d(o.$slots, "column-card-body", {}, void 0, !0)
|
|
996
996
|
]),
|
|
997
|
-
o.linkType === "link" ? (s(), T(
|
|
997
|
+
o.linkType === "link" ? (s(), T(A, {
|
|
998
998
|
key: 1,
|
|
999
999
|
"link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
|
|
1000
1000
|
arrow: ""
|
|
1001
1001
|
}, {
|
|
1002
|
-
default:
|
|
1002
|
+
default: k(() => [
|
|
1003
1003
|
d(o.$slots, "column-link", {}, void 0, !0)
|
|
1004
1004
|
]),
|
|
1005
1005
|
_: 3
|
|
@@ -1007,7 +1007,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1007
1007
|
])
|
|
1008
1008
|
], 2));
|
|
1009
1009
|
}
|
|
1010
|
-
}), ge = /* @__PURE__ */ g(ga, [["__scopeId", "data-v-a505d05e"]]), ba = (e) => (N("data-v-e4a362a9"), e = e(), E(), e),
|
|
1010
|
+
}), ge = /* @__PURE__ */ g(ga, [["__scopeId", "data-v-a505d05e"]]), ba = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ka = { class: "event__wrapper" }, ya = { class: "event__headline" }, $a = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ t("br", null, null, -1)), Ba = {
|
|
1011
1011
|
key: 0,
|
|
1012
1012
|
class: "event__info"
|
|
1013
1013
|
}, Sa = { class: "event__exhibitor" }, Ia = /* @__PURE__ */ b({
|
|
@@ -1040,12 +1040,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1040
1040
|
}
|
|
1041
1041
|
},
|
|
1042
1042
|
setup(e) {
|
|
1043
|
-
return (a, r) => (s(), i("div",
|
|
1043
|
+
return (a, r) => (s(), i("div", ka, [
|
|
1044
1044
|
I(ee, {
|
|
1045
1045
|
"label-dark": !1,
|
|
1046
1046
|
text: e.eventType ? e.eventType : ""
|
|
1047
1047
|
}, null, 8, ["text"]),
|
|
1048
|
-
t("div",
|
|
1048
|
+
t("div", ya, c(e.headline), 1),
|
|
1049
1049
|
t("div", $a, [
|
|
1050
1050
|
Y(c(e.dateTime) + " ", 1),
|
|
1051
1051
|
wa,
|
|
@@ -1225,7 +1225,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1225
1225
|
d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
|
|
1226
1226
|
]),
|
|
1227
1227
|
I(M, null, {
|
|
1228
|
-
default:
|
|
1228
|
+
default: k(() => [
|
|
1229
1229
|
p.image ? d(o.$slots, "accordion-image", F({
|
|
1230
1230
|
key: 0,
|
|
1231
1231
|
ref_for: !0
|
|
@@ -1316,12 +1316,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1316
1316
|
a.headline ? (s(), i("h2", co, c(a.headline), 1)) : _("", !0),
|
|
1317
1317
|
a.bodytext ? (s(), i("div", uo, [
|
|
1318
1318
|
d(a.$slots, "column-grid-body", {}, void 0, !0),
|
|
1319
|
-
a.linkType === "link" ? (s(), T(
|
|
1319
|
+
a.linkType === "link" ? (s(), T(A, {
|
|
1320
1320
|
key: 0,
|
|
1321
1321
|
"link-type": a.bgColor === "dark" ? "regular_dark" : (a.bgColor === "light", "regular_light"),
|
|
1322
1322
|
arrow: ""
|
|
1323
1323
|
}, {
|
|
1324
|
-
default:
|
|
1324
|
+
default: k(() => [
|
|
1325
1325
|
d(a.$slots, "column-grid-body-link", {}, void 0, !0)
|
|
1326
1326
|
]),
|
|
1327
1327
|
_: 3
|
|
@@ -1338,16 +1338,16 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1338
1338
|
image: l.image,
|
|
1339
1339
|
"image-fit": l.imageFit
|
|
1340
1340
|
}, {
|
|
1341
|
-
"column-card-body":
|
|
1341
|
+
"column-card-body": k(() => [
|
|
1342
1342
|
d(a.$slots, "column-card-body", F({ ref_for: !0 }, { body: l.bodytext }), void 0, !0)
|
|
1343
1343
|
]),
|
|
1344
|
-
"column-link":
|
|
1344
|
+
"column-link": k(() => [
|
|
1345
1345
|
d(a.$slots, "column-link", F({ ref_for: !0 }, {
|
|
1346
1346
|
link: l.link,
|
|
1347
1347
|
linkText: l.linkText
|
|
1348
1348
|
}), void 0, !0)
|
|
1349
1349
|
]),
|
|
1350
|
-
"column-card-image":
|
|
1350
|
+
"column-card-image": k(() => [
|
|
1351
1351
|
l.image ? d(a.$slots, "column-card-image", F({
|
|
1352
1352
|
key: 0,
|
|
1353
1353
|
ref_for: !0
|
|
@@ -1362,7 +1362,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1362
1362
|
])
|
|
1363
1363
|
], 2));
|
|
1364
1364
|
}
|
|
1365
|
-
}), po = /* @__PURE__ */ g(ho, [["__scopeId", "data-v-1a54852d"]]), mo = { class: "facts__wrapper" }, fo = { class: "facts__content" }, vo = { class: "facts__headline" }, go = { class: "facts" }, bo = { class: "fact__value" },
|
|
1365
|
+
}), po = /* @__PURE__ */ g(ho, [["__scopeId", "data-v-1a54852d"]]), mo = { class: "facts__wrapper" }, fo = { class: "facts__content" }, vo = { class: "facts__headline" }, go = { class: "facts" }, bo = { class: "fact__value" }, ko = { class: "fact__metric" }, yo = {
|
|
1366
1366
|
key: 0,
|
|
1367
1367
|
class: "facts__link"
|
|
1368
1368
|
}, $o = /* @__PURE__ */ b({
|
|
@@ -1400,17 +1400,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1400
1400
|
t("div", bo, [
|
|
1401
1401
|
t("span", null, c(l.value), 1)
|
|
1402
1402
|
]),
|
|
1403
|
-
t("div",
|
|
1403
|
+
t("div", ko, [
|
|
1404
1404
|
t("span", null, c(l.metric), 1)
|
|
1405
1405
|
])
|
|
1406
1406
|
]))), 128))
|
|
1407
1407
|
]),
|
|
1408
|
-
a.link ? (s(), i("div",
|
|
1409
|
-
I(
|
|
1408
|
+
a.link ? (s(), i("div", yo, [
|
|
1409
|
+
I(A, {
|
|
1410
1410
|
"link-type": "regular_light",
|
|
1411
1411
|
arrow: ""
|
|
1412
1412
|
}, {
|
|
1413
|
-
default:
|
|
1413
|
+
default: k(() => [
|
|
1414
1414
|
d(a.$slots, "facts-link", {}, void 0, !0)
|
|
1415
1415
|
]),
|
|
1416
1416
|
_: 3
|
|
@@ -1429,7 +1429,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1429
1429
|
__name: "features",
|
|
1430
1430
|
props: {
|
|
1431
1431
|
headline: { default: "" },
|
|
1432
|
-
|
|
1432
|
+
hasBody: { type: Boolean },
|
|
1433
1433
|
elements: { default: () => [] }
|
|
1434
1434
|
},
|
|
1435
1435
|
setup(e) {
|
|
@@ -1438,7 +1438,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1438
1438
|
a.headline ? (s(), i("div", Io, [
|
|
1439
1439
|
t("h2", null, c(a.headline), 1)
|
|
1440
1440
|
])) : _("", !0),
|
|
1441
|
-
a.
|
|
1441
|
+
a.hasBody ? (s(), i("div", Co, [
|
|
1442
1442
|
d(a.$slots, "features-body", {}, void 0, !0)
|
|
1443
1443
|
])) : _("", !0),
|
|
1444
1444
|
t("div", {
|
|
@@ -1449,7 +1449,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1449
1449
|
class: "features__element"
|
|
1450
1450
|
}, [
|
|
1451
1451
|
I(M, { class: "element__icon" }, {
|
|
1452
|
-
default:
|
|
1452
|
+
default: k(() => [
|
|
1453
1453
|
d(a.$slots, "features-icon", F({ ref_for: !0 }, {
|
|
1454
1454
|
src: l.icon.src,
|
|
1455
1455
|
height: 30,
|
|
@@ -1460,13 +1460,23 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1460
1460
|
_: 2
|
|
1461
1461
|
}, 1024),
|
|
1462
1462
|
t("p", To, c(l.headline), 1),
|
|
1463
|
-
t("p", qo, c(l.body), 1)
|
|
1463
|
+
t("p", qo, c(l.body), 1),
|
|
1464
|
+
l.link && l.linkText ? (s(), T(A, {
|
|
1465
|
+
key: 0,
|
|
1466
|
+
"link-type": "regular_light",
|
|
1467
|
+
arrow: ""
|
|
1468
|
+
}, {
|
|
1469
|
+
default: k(() => [
|
|
1470
|
+
d(a.$slots, "feature-link", F({ ref_for: !0 }, { link: l.link, linkText: l.linkText }), void 0, !0)
|
|
1471
|
+
]),
|
|
1472
|
+
_: 2
|
|
1473
|
+
}, 1024)) : _("", !0)
|
|
1464
1474
|
]))), 128))
|
|
1465
1475
|
], 2)
|
|
1466
1476
|
])
|
|
1467
1477
|
]));
|
|
1468
1478
|
}
|
|
1469
|
-
}), Lo = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-
|
|
1479
|
+
}), Lo = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-72cf514b"]]), Do = { class: "flashcard-wrapper" }, Vo = {
|
|
1470
1480
|
key: 0,
|
|
1471
1481
|
class: "flashcard-wrapper__headline"
|
|
1472
1482
|
}, Po = {
|
|
@@ -1508,7 +1518,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1508
1518
|
lg: l.value === "lg"
|
|
1509
1519
|
}])
|
|
1510
1520
|
}, [
|
|
1511
|
-
(s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(
|
|
1521
|
+
(s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(be), {
|
|
1512
1522
|
key: p._uid,
|
|
1513
1523
|
name: p.name,
|
|
1514
1524
|
bodytext: p.bodytext,
|
|
@@ -1520,16 +1530,16 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1520
1530
|
"image-fit": p.imageFit,
|
|
1521
1531
|
"image-fit-back": p.imageFitBack
|
|
1522
1532
|
}, {
|
|
1523
|
-
"flashcard-front-body":
|
|
1533
|
+
"flashcard-front-body": k(({ bodytext: n }) => [
|
|
1524
1534
|
d(o.$slots, "flashcard-front-body", F({ ref_for: !0 }, { bodytext: n }), void 0, !0)
|
|
1525
1535
|
]),
|
|
1526
|
-
"flashcard-front-image":
|
|
1536
|
+
"flashcard-front-image": k(({ src: n, alt: v }) => [
|
|
1527
1537
|
d(o.$slots, "flashcard-front-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
|
|
1528
1538
|
]),
|
|
1529
|
-
"flashcard-back-body":
|
|
1539
|
+
"flashcard-back-body": k(({ bodytextbackside: n }) => [
|
|
1530
1540
|
d(o.$slots, "flashcard-back-body", F({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
|
|
1531
1541
|
]),
|
|
1532
|
-
"flashcard-back-image":
|
|
1542
|
+
"flashcard-back-image": k(({ src: n, alt: v }) => [
|
|
1533
1543
|
d(o.$slots, "flashcard-back-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
|
|
1534
1544
|
]),
|
|
1535
1545
|
_: 2
|
|
@@ -1561,12 +1571,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1561
1571
|
t("div", Ro, [
|
|
1562
1572
|
d(o.$slots, "form-body", {}, void 0, !0)
|
|
1563
1573
|
]),
|
|
1564
|
-
o.linkType === "link" ? (s(), T(
|
|
1574
|
+
o.linkType === "link" ? (s(), T(A, {
|
|
1565
1575
|
key: 0,
|
|
1566
1576
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
1567
1577
|
arrow: ""
|
|
1568
1578
|
}, {
|
|
1569
|
-
default:
|
|
1579
|
+
default: k(() => [
|
|
1570
1580
|
d(o.$slots, "form-link", {}, void 0, !0)
|
|
1571
1581
|
]),
|
|
1572
1582
|
_: 3
|
|
@@ -1625,11 +1635,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1625
1635
|
t("h1", null, c(e.headline), 1)
|
|
1626
1636
|
]),
|
|
1627
1637
|
t("div", el, [
|
|
1628
|
-
I(
|
|
1638
|
+
I(A, {
|
|
1629
1639
|
"link-type": "regular_light",
|
|
1630
1640
|
arrow: ""
|
|
1631
1641
|
}, {
|
|
1632
|
-
default:
|
|
1642
|
+
default: k(() => [
|
|
1633
1643
|
d(a.$slots, "hero-link", {}, void 0, !0)
|
|
1634
1644
|
]),
|
|
1635
1645
|
_: 3
|
|
@@ -1677,7 +1687,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1677
1687
|
t("div", nl, [
|
|
1678
1688
|
t("div", dl, [
|
|
1679
1689
|
I(M, null, {
|
|
1680
|
-
default:
|
|
1690
|
+
default: k(() => [
|
|
1681
1691
|
d(a.$slots, "image", H(R({
|
|
1682
1692
|
width: 984,
|
|
1683
1693
|
height: e.fullHeight ? "100%" : 554,
|
|
@@ -1730,7 +1740,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1730
1740
|
t("div", hl, [
|
|
1731
1741
|
o.mediaLarge && o.mediaType === "image" ? (s(), i("div", pl, [
|
|
1732
1742
|
I(M, null, {
|
|
1733
|
-
default:
|
|
1743
|
+
default: k(() => [
|
|
1734
1744
|
d(o.$slots, "image-large", H(R({
|
|
1735
1745
|
width: 617,
|
|
1736
1746
|
height: 530,
|
|
@@ -1768,7 +1778,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1768
1778
|
class: "image image--small"
|
|
1769
1779
|
}, [
|
|
1770
1780
|
I(M, null, {
|
|
1771
|
-
default:
|
|
1781
|
+
default: k(() => [
|
|
1772
1782
|
d(o.$slots, "image-small", F({ ref_for: !0 }, {
|
|
1773
1783
|
width: 328,
|
|
1774
1784
|
height: 246,
|
|
@@ -1784,12 +1794,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1784
1794
|
class: h(["body", o.bgColor === "dark" ? "body--dark" : ""])
|
|
1785
1795
|
}, [
|
|
1786
1796
|
t("p", null, c(o.body), 1),
|
|
1787
|
-
o.linkType === "link" ? (s(), T(
|
|
1797
|
+
o.linkType === "link" ? (s(), T(A, {
|
|
1788
1798
|
key: 0,
|
|
1789
1799
|
"link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
|
|
1790
1800
|
arrow: ""
|
|
1791
1801
|
}, {
|
|
1792
|
-
default:
|
|
1802
|
+
default: k(() => [
|
|
1793
1803
|
d(o.$slots, "gallery-link")
|
|
1794
1804
|
]),
|
|
1795
1805
|
_: 3
|
|
@@ -1799,10 +1809,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1799
1809
|
], 2)
|
|
1800
1810
|
], 2));
|
|
1801
1811
|
}
|
|
1802
|
-
}), vl = /* @__PURE__ */ g(fl, [["__scopeId", "data-v-ae1f41d4"]]), gl = { class: "logo-wall__wrapper" }, bl = { class: "logo-wall__content" },
|
|
1812
|
+
}), vl = /* @__PURE__ */ g(fl, [["__scopeId", "data-v-ae1f41d4"]]), gl = { class: "logo-wall__wrapper" }, bl = { class: "logo-wall__content" }, kl = {
|
|
1803
1813
|
key: 0,
|
|
1804
1814
|
class: "logo-wall__text"
|
|
1805
|
-
},
|
|
1815
|
+
}, yl = { key: 0 }, $l = { key: 1 }, wl = { class: "logo-wall__logos" }, Bl = { class: "logo-wall__link" }, Sl = /* @__PURE__ */ b({
|
|
1806
1816
|
__name: "logo-wall",
|
|
1807
1817
|
props: {
|
|
1808
1818
|
headline: {
|
|
@@ -1822,8 +1832,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1822
1832
|
setup(e) {
|
|
1823
1833
|
return (a, r) => (s(), i("div", gl, [
|
|
1824
1834
|
t("div", bl, [
|
|
1825
|
-
e.headline || e.body ? (s(), i("div",
|
|
1826
|
-
e.headline ? (s(), i("h2",
|
|
1835
|
+
e.headline || e.body ? (s(), i("div", kl, [
|
|
1836
|
+
e.headline ? (s(), i("h2", yl, c(e.headline), 1)) : _("", !0),
|
|
1827
1837
|
e.body ? (s(), i("p", $l, c(e.body), 1)) : _("", !0)
|
|
1828
1838
|
])) : _("", !0),
|
|
1829
1839
|
t("div", wl, [
|
|
@@ -1832,7 +1842,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1832
1842
|
class: "logo-wall__logo"
|
|
1833
1843
|
}, [
|
|
1834
1844
|
I(M, null, {
|
|
1835
|
-
default:
|
|
1845
|
+
default: k(() => [
|
|
1836
1846
|
d(a.$slots, "logo-wall-logo", F({ ref_for: !0 }, {
|
|
1837
1847
|
width: 130,
|
|
1838
1848
|
height: 130,
|
|
@@ -1845,11 +1855,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
|
|
|
1845
1855
|
]))), 128))
|
|
1846
1856
|
]),
|
|
1847
1857
|
t("div", Bl, [
|
|
1848
|
-
I(
|
|
1858
|
+
I(A, {
|
|
1849
1859
|
"link-type": "regular_light",
|
|
1850
1860
|
arrow: !0
|
|
1851
1861
|
}, {
|
|
1852
|
-
default:
|
|
1862
|
+
default: k(() => [
|
|
1853
1863
|
d(a.$slots, "logo-wall-link", {}, void 0, !0)
|
|
1854
1864
|
]),
|
|
1855
1865
|
_: 3
|
|
@@ -1958,24 +1968,24 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
|
|
|
1958
1968
|
autoplay: "",
|
|
1959
1969
|
loop: "",
|
|
1960
1970
|
muted: ""
|
|
1961
|
-
}, null, 8, ["src", "aria-label", "poster"])) : (s(), T(
|
|
1962
|
-
default:
|
|
1971
|
+
}, null, 8, ["src", "aria-label", "poster"])) : (s(), T(y(M), { key: 1 }, {
|
|
1972
|
+
default: k(() => [
|
|
1963
1973
|
d(a.$slots, "product-hero-image", {}, void 0, !0)
|
|
1964
1974
|
]),
|
|
1965
1975
|
_: 3
|
|
1966
1976
|
})),
|
|
1967
1977
|
t("div", Nl, [
|
|
1968
1978
|
e.logoSrc ? (s(), i("div", El, [
|
|
1969
|
-
I(
|
|
1970
|
-
default:
|
|
1979
|
+
I(y(M), null, {
|
|
1980
|
+
default: k(() => [
|
|
1971
1981
|
d(a.$slots, "product-hero-logo", {}, void 0, !0)
|
|
1972
1982
|
]),
|
|
1973
1983
|
_: 3
|
|
1974
1984
|
})
|
|
1975
1985
|
])) : _("", !0),
|
|
1976
1986
|
e.isCertified ? (s(), i("div", jl, [
|
|
1977
|
-
I(
|
|
1978
|
-
default:
|
|
1987
|
+
I(y(M), null, {
|
|
1988
|
+
default: k(() => [
|
|
1979
1989
|
d(a.$slots, "product-hero-certification", {}, void 0, !0)
|
|
1980
1990
|
]),
|
|
1981
1991
|
_: 3
|
|
@@ -2024,7 +2034,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
|
|
|
2024
2034
|
])
|
|
2025
2035
|
}, [
|
|
2026
2036
|
I(M, null, {
|
|
2027
|
-
default:
|
|
2037
|
+
default: k(() => [
|
|
2028
2038
|
d(o.$slots, "promo-image", H(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
|
|
2029
2039
|
]),
|
|
2030
2040
|
_: 3
|
|
@@ -2068,21 +2078,21 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
|
|
|
2068
2078
|
}, [
|
|
2069
2079
|
d(o.$slots, "promo-headline")
|
|
2070
2080
|
], 2),
|
|
2071
|
-
o.linkType === "link" ? (s(), T(
|
|
2081
|
+
o.linkType === "link" ? (s(), T(A, {
|
|
2072
2082
|
key: 1,
|
|
2073
2083
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
2074
2084
|
arrow: ""
|
|
2075
2085
|
}, {
|
|
2076
|
-
default:
|
|
2086
|
+
default: k(() => [
|
|
2077
2087
|
d(o.$slots, "promo-link")
|
|
2078
2088
|
]),
|
|
2079
2089
|
_: 3
|
|
2080
2090
|
}, 8, ["link-type"])) : _("", !0),
|
|
2081
|
-
o.linkType === "button" ? (s(), T(
|
|
2091
|
+
o.linkType === "button" ? (s(), T(A, {
|
|
2082
2092
|
key: 2,
|
|
2083
2093
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
2084
2094
|
}, {
|
|
2085
|
-
default:
|
|
2095
|
+
default: k(() => [
|
|
2086
2096
|
d(o.$slots, "promo-link")
|
|
2087
2097
|
]),
|
|
2088
2098
|
_: 3
|
|
@@ -2124,7 +2134,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
|
|
|
2124
2134
|
t("div", ts, [
|
|
2125
2135
|
e.authorImage ? (s(), i("div", as, [
|
|
2126
2136
|
I(M, null, {
|
|
2127
|
-
default:
|
|
2137
|
+
default: k(() => [
|
|
2128
2138
|
d(a.$slots, "author-image", H(R({
|
|
2129
2139
|
src: e.authorImage + "/m/100x100",
|
|
2130
2140
|
width: 60,
|
|
@@ -2209,7 +2219,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
|
|
|
2209
2219
|
])
|
|
2210
2220
|
}, [
|
|
2211
2221
|
I(M, null, {
|
|
2212
|
-
default:
|
|
2222
|
+
default: k(() => [
|
|
2213
2223
|
d(a.$slots, "rich-text-image", H(R({ width: 865, height: 307 })))
|
|
2214
2224
|
]),
|
|
2215
2225
|
_: 3
|
|
@@ -2236,7 +2246,7 @@ function gs(e, a) {
|
|
|
2236
2246
|
])
|
|
2237
2247
|
]);
|
|
2238
2248
|
}
|
|
2239
|
-
const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2"]]),
|
|
2249
|
+
const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2"]]), ks = (e) => (N("data-v-798e7a06"), e = e(), E(), e), ys = { class: "timeline__wrapper" }, $s = { class: "timeline__content" }, ws = { class: "timeline__items" }, Bs = { class: "item__left" }, Ss = /* @__PURE__ */ ks(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
2240
2250
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
2241
2251
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
2242
2252
|
], -1)), Is = { class: "item__right" }, Cs = ["innerHTML"], Ts = /* @__PURE__ */ b({
|
|
@@ -2262,7 +2272,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2262
2272
|
a.forEach((l) => {
|
|
2263
2273
|
r.observe(l);
|
|
2264
2274
|
});
|
|
2265
|
-
}), (a, r) => (s(), i("div",
|
|
2275
|
+
}), (a, r) => (s(), i("div", ys, [
|
|
2266
2276
|
t("div", $s, [
|
|
2267
2277
|
t("div", ws, [
|
|
2268
2278
|
(s(!0), i(V, null, P(e.timelineItems, (l) => (s(), i("div", {
|
|
@@ -2273,7 +2283,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2273
2283
|
Ss,
|
|
2274
2284
|
t("div", Is, [
|
|
2275
2285
|
I(M, null, {
|
|
2276
|
-
default:
|
|
2286
|
+
default: k(() => [
|
|
2277
2287
|
l.media.src ? d(a.$slots, "timeline-image", F({
|
|
2278
2288
|
key: 0,
|
|
2279
2289
|
ref_for: !0
|
|
@@ -2411,7 +2421,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2411
2421
|
])
|
|
2412
2422
|
]));
|
|
2413
2423
|
}
|
|
2414
|
-
}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]),
|
|
2424
|
+
}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ke = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
|
|
2415
2425
|
key: 0,
|
|
2416
2426
|
src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
|
|
2417
2427
|
style: { margin: "0 auto" },
|
|
@@ -2423,7 +2433,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2423
2433
|
}, gi = {
|
|
2424
2434
|
key: 1,
|
|
2425
2435
|
class: "section__title"
|
|
2426
|
-
}, bi = { key: 0 },
|
|
2436
|
+
}, bi = { key: 0 }, ki = { key: 1 }, yi = { key: 2 }, $i = { key: 3 }, wi = { key: 4 }, Bi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("br", null, null, -1)), Si = {
|
|
2427
2437
|
key: 0,
|
|
2428
2438
|
href: "mailto:china@mir-robots.com"
|
|
2429
2439
|
}, Ii = {
|
|
@@ -2435,7 +2445,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2435
2445
|
}, Ti = {
|
|
2436
2446
|
key: 1,
|
|
2437
2447
|
href: "tel:+4520377577"
|
|
2438
|
-
}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */
|
|
2448
|
+
}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
|
|
2439
2449
|
key: 0,
|
|
2440
2450
|
class: "footer__social"
|
|
2441
2451
|
}, Pi = ["href", "aria-label"], Fi = {
|
|
@@ -2474,26 +2484,26 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2474
2484
|
t("div", fi, [
|
|
2475
2485
|
a.language === "zh" ? (s(), i("span", vi, "名傲移动机器人(上海)有限公司")) : (s(), i("span", gi, "Mobile Industrial Robots A/S")),
|
|
2476
2486
|
t("address", null, [
|
|
2477
|
-
a.language === "zh" ? (s(), i("span", bi, "上海浦东新区金桥出口加工区")) : (s(), i("span",
|
|
2478
|
-
a.language === "zh" ? (s(), i("span",
|
|
2487
|
+
a.language === "zh" ? (s(), i("span", bi, "上海浦东新区金桥出口加工区")) : (s(), i("span", ki, "Energivej 51")),
|
|
2488
|
+
a.language === "zh" ? (s(), i("span", yi, "桂桥路1201号10栋2楼")) : (s(), i("span", $i, "5260 Odense S")),
|
|
2479
2489
|
a.language !== "zh" ? (s(), i("span", wi, "CVR: 35251235")) : _("", !0),
|
|
2480
2490
|
Bi,
|
|
2481
|
-
I(
|
|
2491
|
+
I(A, {
|
|
2482
2492
|
class: "footer__contact",
|
|
2483
2493
|
"link-type": "regular_light",
|
|
2484
2494
|
underline: "false"
|
|
2485
2495
|
}, {
|
|
2486
|
-
default:
|
|
2496
|
+
default: k(() => [
|
|
2487
2497
|
a.language === "zh" ? (s(), i("a", Si, "china@mir-robots.com")) : (s(), i("a", Ii, "mail@mir-robots.com"))
|
|
2488
2498
|
]),
|
|
2489
2499
|
_: 1
|
|
2490
2500
|
}),
|
|
2491
|
-
I(
|
|
2501
|
+
I(A, {
|
|
2492
2502
|
class: "footer__contact",
|
|
2493
2503
|
"link-type": "regular_light",
|
|
2494
2504
|
underline: "false"
|
|
2495
2505
|
}, {
|
|
2496
|
-
default:
|
|
2506
|
+
default: k(() => [
|
|
2497
2507
|
a.language === "zh" ? (s(), i("a", Ci, "+86 13661856951(微信同号)")) : (s(), i("a", Ti, "+45 20 377 577"))
|
|
2498
2508
|
]),
|
|
2499
2509
|
_: 1
|
|
@@ -2517,12 +2527,12 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2517
2527
|
d(a.$slots, "footer-cookie-link")
|
|
2518
2528
|
]),
|
|
2519
2529
|
a.language !== "zh" ? (s(), i("div", Vi, [
|
|
2520
|
-
(s(!0), i(V, null, P(a.socialMedia, (l) => (s(), T(
|
|
2530
|
+
(s(!0), i(V, null, P(a.socialMedia, (l) => (s(), T(A, {
|
|
2521
2531
|
key: l.title,
|
|
2522
2532
|
underline: "false",
|
|
2523
2533
|
"link-type": "regular"
|
|
2524
2534
|
}, {
|
|
2525
|
-
default:
|
|
2535
|
+
default: k(() => [
|
|
2526
2536
|
t("a", {
|
|
2527
2537
|
href: l.url,
|
|
2528
2538
|
target: "_blank",
|
|
@@ -2538,12 +2548,12 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2538
2548
|
_: 2
|
|
2539
2549
|
}, 1024))), 128))
|
|
2540
2550
|
])) : (s(), i("div", Fi, [
|
|
2541
|
-
(s(!0), i(V, null, P(a.socialMediaChina, (l) => (s(), T(
|
|
2551
|
+
(s(!0), i(V, null, P(a.socialMediaChina, (l) => (s(), T(A, {
|
|
2542
2552
|
key: l.title,
|
|
2543
2553
|
underline: "false",
|
|
2544
2554
|
"link-type": "regular"
|
|
2545
2555
|
}, {
|
|
2546
|
-
default:
|
|
2556
|
+
default: k(() => [
|
|
2547
2557
|
t("a", {
|
|
2548
2558
|
href: l.url,
|
|
2549
2559
|
target: "_blank",
|
|
@@ -2563,7 +2573,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2563
2573
|
])
|
|
2564
2574
|
]));
|
|
2565
2575
|
}
|
|
2566
|
-
}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]),
|
|
2576
|
+
}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), ye = (e) => (N("data-v-fc6c9400"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Gi = {
|
|
2567
2577
|
key: 0,
|
|
2568
2578
|
id: "menu-dropdown",
|
|
2569
2579
|
ref: "dropdownDiv"
|
|
@@ -2583,7 +2593,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2583
2593
|
key: 2,
|
|
2584
2594
|
id: "menu-portal-switcher",
|
|
2585
2595
|
class: "portal-switcher-wrapper"
|
|
2586
|
-
}, Zi = /* @__PURE__ */
|
|
2596
|
+
}, Zi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
|
|
2587
2597
|
src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
|
|
2588
2598
|
alt: "portal switcher icon",
|
|
2589
2599
|
width: "20",
|
|
@@ -2597,7 +2607,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2597
2607
|
}, lr = {
|
|
2598
2608
|
key: 0,
|
|
2599
2609
|
class: "profile-dropdown-sign-in"
|
|
2600
|
-
}, sr = /* @__PURE__ */
|
|
2610
|
+
}, sr = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
|
|
2601
2611
|
src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
|
|
2602
2612
|
alt: "profile dropdown icon",
|
|
2603
2613
|
width: "20",
|
|
@@ -2608,9 +2618,10 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2608
2618
|
key: 0,
|
|
2609
2619
|
class: "mobile-search-wrapper"
|
|
2610
2620
|
}, ur = ["src"], _r = {
|
|
2621
|
+
key: 1,
|
|
2611
2622
|
id: "menu-portal-switcher",
|
|
2612
2623
|
class: "menu-portal-switcher-wrapper"
|
|
2613
|
-
}, hr = ["src"], pr = { class: "portal-switcher-content" }, mr = { class: "portal-switcher-links" }, fr = ["href"], vr = ["src"], gr = ["src"], br = { class: "mobile-menu-content-wrapper" },
|
|
2624
|
+
}, hr = ["src"], pr = { class: "portal-switcher-content" }, mr = { class: "portal-switcher-links" }, fr = ["href"], vr = ["src"], gr = ["src"], br = { class: "mobile-menu-content-wrapper" }, kr = { class: "mobile-dropdown-content" }, yr = /* @__PURE__ */ b({
|
|
2614
2625
|
__name: "header",
|
|
2615
2626
|
props: {
|
|
2616
2627
|
burgerState: {
|
|
@@ -2726,15 +2737,15 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2726
2737
|
onClick: ae
|
|
2727
2738
|
}, [
|
|
2728
2739
|
d(w.$slots, "dropdown-title", {}, void 0, !0),
|
|
2729
|
-
|
|
2740
|
+
y(n) === !1 ? (s(), i("img", Ki)) : (s(), i("img", Ui))
|
|
2730
2741
|
]),
|
|
2731
2742
|
K(t("div", Ji, [
|
|
2732
2743
|
d(w.$slots, "dropdown-links", {}, void 0, !0)
|
|
2733
2744
|
], 512), [
|
|
2734
|
-
[W,
|
|
2745
|
+
[W, y(n)]
|
|
2735
2746
|
])
|
|
2736
2747
|
], 512)) : _("", !0),
|
|
2737
|
-
|
|
2748
|
+
y(p) ? (s(), i("div", Wi, [
|
|
2738
2749
|
t("button", {
|
|
2739
2750
|
ref_key: "navSearchButton",
|
|
2740
2751
|
ref: U,
|
|
@@ -2742,11 +2753,11 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2742
2753
|
"aria-label": "Toggle search",
|
|
2743
2754
|
onClick: j[0] || (j[0] = (O) => {
|
|
2744
2755
|
var z;
|
|
2745
|
-
return w.$emit("clickSearch"), (z =
|
|
2756
|
+
return w.$emit("clickSearch"), (z = y(U)) == null ? void 0 : z.blur();
|
|
2746
2757
|
})
|
|
2747
2758
|
}, [
|
|
2748
2759
|
t("img", {
|
|
2749
|
-
src:
|
|
2760
|
+
src: y(u) === !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",
|
|
2750
2761
|
alt: "search icon",
|
|
2751
2762
|
width: "20",
|
|
2752
2763
|
height: "20"
|
|
@@ -2765,8 +2776,8 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2765
2776
|
key: z,
|
|
2766
2777
|
class: "portal-switcher-link"
|
|
2767
2778
|
}, [
|
|
2768
|
-
I(
|
|
2769
|
-
default:
|
|
2779
|
+
I(y(A), { "link-type": "regular" }, {
|
|
2780
|
+
default: k(() => [
|
|
2770
2781
|
t("a", {
|
|
2771
2782
|
href: O.link,
|
|
2772
2783
|
onClick: j[1] || (j[1] = (J) => X(n) ? n.value = !1 : n = !1)
|
|
@@ -2782,14 +2793,14 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2782
2793
|
]))), 128))
|
|
2783
2794
|
])
|
|
2784
2795
|
], 512), [
|
|
2785
|
-
[W,
|
|
2796
|
+
[W, y(v)]
|
|
2786
2797
|
])
|
|
2787
2798
|
])) : _("", !0),
|
|
2788
2799
|
e.useProfileDropdown ? (s(), i("div", or, [
|
|
2789
|
-
|
|
2800
|
+
y($) ? _("", !0) : (s(), i("div", lr, [
|
|
2790
2801
|
d(w.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
|
|
2791
2802
|
])),
|
|
2792
|
-
|
|
2803
|
+
y($) ? (s(), i("button", {
|
|
2793
2804
|
key: 1,
|
|
2794
2805
|
"aria-label": "Toggle Profile",
|
|
2795
2806
|
class: "nav-profile-dropdown-btn",
|
|
@@ -2798,19 +2809,19 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2798
2809
|
K(t("div", rr, [
|
|
2799
2810
|
d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
|
|
2800
2811
|
], 512), [
|
|
2801
|
-
[W,
|
|
2812
|
+
[W, y(f)]
|
|
2802
2813
|
])
|
|
2803
2814
|
])) : _("", !0)
|
|
2804
2815
|
])
|
|
2805
2816
|
]),
|
|
2806
2817
|
t("div", {
|
|
2807
|
-
class: h(["mobile-nav-wrapper",
|
|
2818
|
+
class: h(["mobile-nav-wrapper", y(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2808
2819
|
}, [
|
|
2809
2820
|
t("div", nr, [
|
|
2810
2821
|
t("div", dr, [
|
|
2811
2822
|
d(w.$slots, "link-logo", {}, void 0, !0)
|
|
2812
2823
|
]),
|
|
2813
|
-
|
|
2824
|
+
y(p) ? (s(), i("div", cr, [
|
|
2814
2825
|
t("button", {
|
|
2815
2826
|
ref_key: "mobileSearchButton",
|
|
2816
2827
|
ref: le,
|
|
@@ -2818,30 +2829,30 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2818
2829
|
"aria-label": "Toggle search",
|
|
2819
2830
|
onClick: j[2] || (j[2] = (O) => {
|
|
2820
2831
|
var z;
|
|
2821
|
-
return w.$emit("clickSearch"), (z =
|
|
2832
|
+
return w.$emit("clickSearch"), (z = y(le)) == null ? void 0 : z.blur();
|
|
2822
2833
|
})
|
|
2823
2834
|
}, [
|
|
2824
2835
|
t("img", {
|
|
2825
|
-
src:
|
|
2836
|
+
src: y(u) === !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",
|
|
2826
2837
|
alt: "search icon",
|
|
2827
2838
|
width: "20",
|
|
2828
2839
|
height: "20"
|
|
2829
2840
|
}, null, 8, ur)
|
|
2830
2841
|
], 512)
|
|
2831
2842
|
])) : _("", !0),
|
|
2832
|
-
|
|
2843
|
+
e.usePortalSwitcher ? (s(), i("div", _r, [
|
|
2833
2844
|
t("button", {
|
|
2834
2845
|
class: h({
|
|
2835
2846
|
"menu-portal-switcher-btn": !0,
|
|
2836
|
-
"is-active":
|
|
2847
|
+
"is-active": y(v)
|
|
2837
2848
|
}),
|
|
2838
2849
|
style: x({
|
|
2839
|
-
backgroundColor:
|
|
2850
|
+
backgroundColor: y(v) && y(u) === !0 ? "#1a76bc" : y(v) ? "#cbeefa" : "transparent"
|
|
2840
2851
|
}),
|
|
2841
2852
|
onClick: ue(oe, ["prevent"])
|
|
2842
2853
|
}, [
|
|
2843
2854
|
t("img", {
|
|
2844
|
-
src:
|
|
2855
|
+
src: y(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
|
|
2845
2856
|
alt: "portalswitchericon",
|
|
2846
2857
|
width: "20",
|
|
2847
2858
|
height: "20"
|
|
@@ -2853,8 +2864,8 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2853
2864
|
key: z,
|
|
2854
2865
|
class: "portal-switcher-link"
|
|
2855
2866
|
}, [
|
|
2856
|
-
I(
|
|
2857
|
-
default:
|
|
2867
|
+
I(y(A), { "link-type": "regular" }, {
|
|
2868
|
+
default: k(() => [
|
|
2858
2869
|
t("a", {
|
|
2859
2870
|
href: O.link,
|
|
2860
2871
|
onClick: j[3] || (j[3] = (J) => X(n) ? n.value = !1 : n = !1)
|
|
@@ -2870,9 +2881,9 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2870
2881
|
]))), 128))
|
|
2871
2882
|
])
|
|
2872
2883
|
], 512), [
|
|
2873
|
-
[W,
|
|
2884
|
+
[W, y(v)]
|
|
2874
2885
|
])
|
|
2875
|
-
]),
|
|
2886
|
+
])) : _("", !0),
|
|
2876
2887
|
t("button", {
|
|
2877
2888
|
class: "mobile-burger-wrapper",
|
|
2878
2889
|
"aria-label": "Toggle menu",
|
|
@@ -2881,7 +2892,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2881
2892
|
t("img", {
|
|
2882
2893
|
width: "20",
|
|
2883
2894
|
height: "20",
|
|
2884
|
-
src:
|
|
2895
|
+
src: y(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg",
|
|
2885
2896
|
alt: "burger menu icon"
|
|
2886
2897
|
}, null, 8, gr)
|
|
2887
2898
|
])
|
|
@@ -2890,18 +2901,18 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
|
|
|
2890
2901
|
t("ul", null, [
|
|
2891
2902
|
d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2892
2903
|
]),
|
|
2893
|
-
t("ul",
|
|
2904
|
+
t("ul", kr, [
|
|
2894
2905
|
d(w.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2895
2906
|
d(w.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2896
2907
|
])
|
|
2897
2908
|
], 512), [
|
|
2898
|
-
[W,
|
|
2909
|
+
[W, y(u)]
|
|
2899
2910
|
])
|
|
2900
2911
|
], 2)
|
|
2901
2912
|
])
|
|
2902
2913
|
]));
|
|
2903
2914
|
}
|
|
2904
|
-
}), $r = /* @__PURE__ */ g(
|
|
2915
|
+
}), $r = /* @__PURE__ */ g(yr, [["__scopeId", "data-v-fc6c9400"]]), wr = { class: "language__wrapper" }, Br = { class: "language__content" }, Sr = { class: "language__headline" }, Ir = { class: "language__paragraph" }, Cr = { class: "language__links" }, Tr = /* @__PURE__ */ b({
|
|
2905
2916
|
__name: "language-switcher",
|
|
2906
2917
|
props: {
|
|
2907
2918
|
headline: {
|
|
@@ -2995,7 +3006,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
2995
3006
|
t("div", {
|
|
2996
3007
|
class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
|
|
2997
3008
|
}, [
|
|
2998
|
-
(s(!0), i(V, null, P(v.options, (B) => (s(), T(
|
|
3009
|
+
(s(!0), i(V, null, P(v.options, (B) => (s(), T(y(fe), {
|
|
2999
3010
|
id: B.value,
|
|
3000
3011
|
key: B.value,
|
|
3001
3012
|
name: B.text,
|
|
@@ -3005,7 +3016,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3005
3016
|
checked: v.selectedOptions.includes(B.value) || v.selectedOptions.includes(B.text),
|
|
3006
3017
|
onInput: (ae) => u(B.value, B.text)
|
|
3007
3018
|
}, {
|
|
3008
|
-
default:
|
|
3019
|
+
default: k(() => [
|
|
3009
3020
|
Y(c(B.text), 1)
|
|
3010
3021
|
]),
|
|
3011
3022
|
_: 2
|
|
@@ -3081,21 +3092,21 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3081
3092
|
}, [
|
|
3082
3093
|
d(o.$slots, "promo-text")
|
|
3083
3094
|
], 2),
|
|
3084
|
-
o.linkType === "link" ? (s(), T(
|
|
3095
|
+
o.linkType === "link" ? (s(), T(A, {
|
|
3085
3096
|
key: 1,
|
|
3086
3097
|
"link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
|
|
3087
3098
|
arrow: ""
|
|
3088
3099
|
}, {
|
|
3089
|
-
default:
|
|
3100
|
+
default: k(() => [
|
|
3090
3101
|
d(o.$slots, "promo-link")
|
|
3091
3102
|
]),
|
|
3092
3103
|
_: 3
|
|
3093
3104
|
}, 8, ["link-type"])) : _("", !0),
|
|
3094
|
-
o.linkType === "button" ? (s(), T(
|
|
3105
|
+
o.linkType === "button" ? (s(), T(A, {
|
|
3095
3106
|
key: 2,
|
|
3096
3107
|
"link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
|
|
3097
3108
|
}, {
|
|
3098
|
-
default:
|
|
3109
|
+
default: k(() => [
|
|
3099
3110
|
d(o.$slots, "promo-link")
|
|
3100
3111
|
]),
|
|
3101
3112
|
_: 3
|
|
@@ -3106,7 +3117,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
|
|
|
3106
3117
|
}
|
|
3107
3118
|
}), Yr = /* @__PURE__ */ g(Wr, [["__scopeId", "data-v-00c0bad3"]]), Zr = {
|
|
3108
3119
|
install: (e) => {
|
|
3109
|
-
e.component("AtomButton", ie), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink",
|
|
3120
|
+
e.component("AtomButton", ie), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", A), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Nr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Et), e.component("AtomVideo", te), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", da), e.component("MoleculeCard", pa), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Ca), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", to), e.component("BlockFacts", wo), e.component("BlockFeatures", Lo), e.component("BlockFlashcards", Mo), e.component("BlockFormScript", jo), e.component("BlockHeadline", Jo), e.component("BlockHero", il), e.component("BlockImage", _l), e.component("BlockImageGallery", vl), e.component("BlockLogoWall", Il), e.component("BlockMicroStories", Ll), e.component("BlockPolicy", Ml), e.component("BlockProductHero", Kl), e.component("BlockPromo", Wl), e.component("BlockQuote", rs), e.component("BlockRichText", _s), e.component("BlockRichTextColumns", bs), e.component("BlockTimeline", qs), e.component("BlockCardDisplay", ro), e.component("BlockColumnGrid", po), e.component("BlockVimeo", Fs), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
|
|
3110
3121
|
}
|
|
3111
3122
|
};
|
|
3112
3123
|
export {
|
|
@@ -3116,7 +3127,7 @@ export {
|
|
|
3116
3127
|
Ye as AtomDropdown,
|
|
3117
3128
|
M as AtomImage,
|
|
3118
3129
|
ee as AtomLabel,
|
|
3119
|
-
|
|
3130
|
+
A as AtomLink,
|
|
3120
3131
|
rt as AtomRadioButton,
|
|
3121
3132
|
ht as AtomSelect,
|
|
3122
3133
|
Nr as AtomSelectMultiple,
|