@mirweb/mir-web-components 0.17.4 → 0.17.6
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/atoms/button/button.vue.d.ts +4 -4
- package/dist/components/atoms/checkbox/checkbox.vue.d.ts +5 -70
- package/dist/components/atoms/chip/chip.vue.d.ts +5 -24
- package/dist/components/atoms/dropdown/dropdown.vue.d.ts +4 -4
- package/dist/components/atoms/image/image.vue.d.ts +5 -91
- package/dist/components/atoms/label/label.vue.d.ts +5 -31
- package/dist/components/atoms/link/link.vue.d.ts +4 -4
- package/dist/components/atoms/radio-button/radio-button.vue.d.ts +5 -81
- package/dist/components/atoms/select/select.vue.d.ts +5 -79
- package/dist/components/atoms/slider/slider.vue.d.ts +4 -4
- package/dist/components/atoms/text-field/text-field.vue.d.ts +4 -4
- package/dist/components/atoms/textarea/textarea.vue.d.ts +5 -103
- package/dist/components/atoms/video/video.vue.d.ts +5 -152
- package/dist/components/blocks/facts/facts.vue.d.ts +5 -133
- package/dist/components/blocks/features/features.vue.d.ts +5 -134
- package/dist/components/blocks/form-script/form-script.vue.d.ts +5 -14
- package/dist/components/blocks/headline/headline.vue.d.ts +5 -31
- package/dist/components/blocks/hero/hero.vue.d.ts +5 -232
- package/dist/components/blocks/image/image.vue.d.ts +5 -114
- package/dist/components/blocks/image-gallery/image-gallery.vue.d.ts +4 -4
- package/dist/components/blocks/logo-wall/logo-wall.vue.d.ts +5 -188
- package/dist/components/blocks/micro-stories/micro-stories.vue.d.ts +4 -4
- package/dist/components/blocks/policy/policy.vue.d.ts +3 -1
- package/dist/components/blocks/product-hero/product-hero.vue.d.ts +5 -187
- package/dist/components/blocks/promo/promo.vue.d.ts +4 -4
- package/dist/components/blocks/quote/quote.vue.d.ts +5 -122
- package/dist/components/blocks/rich-text/rich-text-columns.vue.d.ts +3 -1
- package/dist/components/blocks/rich-text/rich-text.vue.d.ts +5 -211
- package/dist/components/blocks/timeline/timeline.vue.d.ts +5 -103
- package/dist/components/blocks/triple-card-display/triple-card-display.vue.d.ts +6 -32
- package/dist/components/blocks/vimeo/vimeo.vue.d.ts +5 -23
- package/dist/components/molecules/address/address.vue.d.ts +5 -143
- package/dist/components/molecules/bullet-list/bullet-list.vue.d.ts +5 -54
- package/dist/components/molecules/card/card.vue.d.ts +4 -4
- package/dist/components/molecules/event-card/event-card.vue.d.ts +5 -71
- package/dist/components/molecules/modal/modal.vue.d.ts +5 -77
- package/dist/components/molecules/text-card/text-card.vue.d.ts +5 -55
- package/dist/components/organisms/404/404.vue.d.ts +5 -12
- package/dist/components/organisms/filter/filter.vue.d.ts +5 -16
- package/dist/components/organisms/footer/footer.vue.d.ts +5 -141
- package/dist/components/organisms/header/header.vue.d.ts +6 -38
- package/dist/components/organisms/language-switcher/language-switcher.vue.d.ts +5 -23
- package/dist/components/organisms/pagination/pagination.vue.d.ts +5 -71
- package/dist/components/organisms/search/search.vue.d.ts +3 -1
- package/dist/main.d.ts +1 -3
- package/dist/mir-web-components.cjs.js +1 -1
- package/dist/mir-web-components.css +1 -1
- package/dist/mir-web-components.es.js +694 -735
- package/dist/mir-web-components.umd.js +2 -2
- package/package.json +16 -17
- package/dist/vite-env.d.ts +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as f, computed as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as d, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as V, renderList as A, vShow as ee, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as P, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as C, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
|
|
2
|
+
const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
|
|
3
3
|
__name: "button",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "primary" },
|
|
@@ -7,25 +7,24 @@ const Se = ["aria-label"], Be = /* @__PURE__ */ f({
|
|
|
7
7
|
buttonText: { default: "" }
|
|
8
8
|
},
|
|
9
9
|
setup(e) {
|
|
10
|
-
const a =
|
|
10
|
+
const a = {
|
|
11
11
|
primary: "primary",
|
|
12
12
|
secondary: "secondary",
|
|
13
13
|
close: "close",
|
|
14
14
|
next: "next",
|
|
15
15
|
previous: "previous"
|
|
16
|
-
}, l =
|
|
17
|
-
return (
|
|
16
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
17
|
+
return (s, u) => (o(), i("button", {
|
|
18
18
|
class: h(["button", "button--" + l.value]),
|
|
19
|
-
"aria-label":
|
|
20
|
-
}, d(l.value === "close" ? "" :
|
|
19
|
+
"aria-label": s.ariaLabel
|
|
20
|
+
}, d(l.value === "close" ? "" : s.buttonText), 11, Be));
|
|
21
21
|
}
|
|
22
|
-
})
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, J = /* @__PURE__ */ m(Be, [["__scopeId", "data-v-32eb91a1"]]), Ie = (e) => (F("data-v-42c44141"), e = e(), E(), e), qe = ["id", "name", "value", "disabled", "required"], Le = ["for"], Te = /* @__PURE__ */ Ie(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
|
|
22
|
+
}), v = (e, a) => {
|
|
23
|
+
const r = e.__vccOpts || e;
|
|
24
|
+
for (const [l, s] of a)
|
|
25
|
+
r[l] = s;
|
|
26
|
+
return r;
|
|
27
|
+
}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ce = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ f({
|
|
29
28
|
__name: "checkbox",
|
|
30
29
|
props: {
|
|
31
30
|
name: { default: "checkbox" },
|
|
@@ -36,60 +35,58 @@ const m = (e, a) => {
|
|
|
36
35
|
},
|
|
37
36
|
emits: ["input"],
|
|
38
37
|
setup(e, { emit: a }) {
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
|
|
38
|
+
const r = a, l = (s) => {
|
|
39
|
+
const u = s.target;
|
|
40
|
+
r("input", u.checked);
|
|
42
41
|
};
|
|
43
|
-
return (
|
|
44
|
-
class: h(["checkbox__wrapper",
|
|
42
|
+
return (s, u) => (o(), i("div", {
|
|
43
|
+
class: h(["checkbox__wrapper", s.disabled ? "disabled" : ""])
|
|
45
44
|
}, [
|
|
46
45
|
t("input", {
|
|
47
|
-
id:
|
|
46
|
+
id: s.id,
|
|
48
47
|
type: "checkbox",
|
|
49
|
-
name:
|
|
50
|
-
value:
|
|
51
|
-
disabled:
|
|
52
|
-
required:
|
|
48
|
+
name: s.name,
|
|
49
|
+
value: s.value,
|
|
50
|
+
disabled: s.disabled,
|
|
51
|
+
required: s.required,
|
|
53
52
|
class: "checkbox__checkbox",
|
|
54
|
-
onChange:
|
|
55
|
-
}, null, 40,
|
|
53
|
+
onChange: l
|
|
54
|
+
}, null, 40, Le),
|
|
56
55
|
t("label", {
|
|
57
|
-
for:
|
|
58
|
-
class: h(["checkbox__label",
|
|
56
|
+
for: s.id,
|
|
57
|
+
class: h(["checkbox__label", s.required ? "required" : ""])
|
|
59
58
|
}, [
|
|
60
|
-
|
|
61
|
-
p(
|
|
62
|
-
], 10,
|
|
59
|
+
Ce,
|
|
60
|
+
p(s.$slots, "default", {}, void 0, !0)
|
|
61
|
+
], 10, Te)
|
|
63
62
|
], 2));
|
|
64
63
|
}
|
|
65
|
-
})
|
|
66
|
-
const Ve = /* @__PURE__ */ m(Ce, [["__scopeId", "data-v-42c44141"]]), Ae = (e) => (F("data-v-08813346"), e = e(), E(), e), De = ["aria-label"], Me = /* @__PURE__ */ Ae(() => /* @__PURE__ */ t("img", {
|
|
64
|
+
}), Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), N(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
|
|
67
65
|
src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
|
|
68
66
|
alt: "close",
|
|
69
67
|
class: "close-icon"
|
|
70
|
-
}, null, -1)),
|
|
68
|
+
}, null, -1)), Pe = /* @__PURE__ */ f({
|
|
71
69
|
__name: "chip",
|
|
72
70
|
props: {
|
|
73
71
|
text: { default: "" }
|
|
74
72
|
},
|
|
75
73
|
emits: ["remove-chip"],
|
|
76
74
|
setup(e) {
|
|
77
|
-
const a = e,
|
|
78
|
-
return (l,
|
|
75
|
+
const a = e, r = T(() => `Chip: ${a.text}`);
|
|
76
|
+
return (l, s) => (o(), i("div", {
|
|
79
77
|
class: "chip__wrapper",
|
|
80
|
-
onClick:
|
|
78
|
+
onClick: s[0] || (s[0] = (u) => l.$emit("remove-chip"))
|
|
81
79
|
}, [
|
|
82
80
|
t("span", {
|
|
83
81
|
class: "chip",
|
|
84
|
-
"aria-label":
|
|
82
|
+
"aria-label": r.value
|
|
85
83
|
}, [
|
|
86
84
|
j(d(l.text) + " ", 1),
|
|
87
|
-
|
|
88
|
-
], 8,
|
|
85
|
+
Oe
|
|
86
|
+
], 8, Me)
|
|
89
87
|
]));
|
|
90
88
|
}
|
|
91
|
-
})
|
|
92
|
-
const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["value"], Ee = ["id"], He = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], Re = ["aria-labelledby", "aria-activedescendant"], ze = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ f({
|
|
89
|
+
}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Ne = ["id"], Re = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
|
|
93
90
|
__name: "dropdown",
|
|
94
91
|
props: {
|
|
95
92
|
modelValue: {},
|
|
@@ -104,44 +101,44 @@ const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["val
|
|
|
104
101
|
},
|
|
105
102
|
emits: ["update:modelValue"],
|
|
106
103
|
setup(e, { emit: a }) {
|
|
107
|
-
const
|
|
104
|
+
const r = {
|
|
108
105
|
primary: "dropdown-dark-bg-primary",
|
|
109
106
|
dark: "dropdown-dark dropdown-dark-bg-dark"
|
|
110
|
-
},
|
|
111
|
-
const n =
|
|
112
|
-
(
|
|
107
|
+
}, l = e, s = T(() => r[l.variant]), u = I(null), c = I(null), _ = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
|
|
108
|
+
const n = l.options.find(
|
|
109
|
+
(b) => b.value === l.modelValue
|
|
113
110
|
);
|
|
114
111
|
return n && n.label;
|
|
115
112
|
}), U = {
|
|
116
|
-
beforeMount(n,
|
|
113
|
+
beforeMount(n, b) {
|
|
117
114
|
n.clickOutsideEvent = function($) {
|
|
118
|
-
n === $.target || n.contains($.target) ||
|
|
115
|
+
n === $.target || n.contains($.target) || b.value($);
|
|
119
116
|
}, document.body.addEventListener("click", n.clickOutsideEvent);
|
|
120
117
|
},
|
|
121
118
|
unmounted(n) {
|
|
122
119
|
document.body.removeEventListener("click", n.clickOutsideEvent);
|
|
123
120
|
}
|
|
124
121
|
};
|
|
125
|
-
function
|
|
126
|
-
|
|
122
|
+
function x(n) {
|
|
123
|
+
X("update:modelValue", n);
|
|
127
124
|
}
|
|
128
|
-
function
|
|
125
|
+
function H(n) {
|
|
129
126
|
var $;
|
|
130
|
-
const
|
|
131
|
-
|
|
127
|
+
const b = n.target;
|
|
128
|
+
b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
|
|
132
129
|
}
|
|
133
|
-
function
|
|
130
|
+
function le(n) {
|
|
134
131
|
var $;
|
|
135
|
-
const
|
|
136
|
-
switch (
|
|
132
|
+
const b = n.key;
|
|
133
|
+
switch (b) {
|
|
137
134
|
case "ArrowUp":
|
|
138
135
|
case "ArrowDown": {
|
|
139
136
|
n.preventDefault();
|
|
140
|
-
const
|
|
141
|
-
(K) => K.value ===
|
|
137
|
+
const L = l.options.findIndex(
|
|
138
|
+
(K) => K.value === l.modelValue
|
|
142
139
|
);
|
|
143
|
-
let
|
|
144
|
-
|
|
140
|
+
let R = L ? _.value[L] : _.value[0];
|
|
141
|
+
b === "ArrowUp" ? L - 1 >= 0 && (R = _.value[L - 1]) : L + 1 <= l.options.length && (R = _.value[L + 1]), R && W(R);
|
|
145
142
|
break;
|
|
146
143
|
}
|
|
147
144
|
case "Home":
|
|
@@ -150,50 +147,50 @@ const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["val
|
|
|
150
147
|
break;
|
|
151
148
|
case "End":
|
|
152
149
|
case "PageDown":
|
|
153
|
-
n.preventDefault(),
|
|
150
|
+
n.preventDefault(), fe();
|
|
154
151
|
break;
|
|
155
152
|
case "Enter":
|
|
156
153
|
case "Escape":
|
|
157
|
-
n.preventDefault(), Q(), ($ =
|
|
154
|
+
n.preventDefault(), Q(), ($ = u.value) == null || $.focus();
|
|
158
155
|
break;
|
|
159
156
|
default: {
|
|
160
|
-
const
|
|
161
|
-
|
|
157
|
+
const L = me(b);
|
|
158
|
+
L && W(L);
|
|
162
159
|
break;
|
|
163
160
|
}
|
|
164
161
|
}
|
|
165
162
|
}
|
|
166
|
-
function
|
|
167
|
-
if (!
|
|
163
|
+
function _e(n) {
|
|
164
|
+
if (!l.disabled)
|
|
168
165
|
switch (n.key) {
|
|
169
166
|
case "ArrowUp":
|
|
170
167
|
case "ArrowDown":
|
|
171
|
-
n.preventDefault(), se(),
|
|
168
|
+
n.preventDefault(), se(), le(n);
|
|
172
169
|
break;
|
|
173
170
|
}
|
|
174
171
|
}
|
|
175
|
-
function
|
|
172
|
+
function pe(n) {
|
|
176
173
|
n && n.removeAttribute("aria-selected");
|
|
177
174
|
}
|
|
178
|
-
function
|
|
179
|
-
|
|
180
|
-
|
|
175
|
+
function he() {
|
|
176
|
+
S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
|
|
177
|
+
m.value = "", S.value = 0;
|
|
181
178
|
}, 500);
|
|
182
179
|
}
|
|
183
|
-
function
|
|
184
|
-
let
|
|
185
|
-
(
|
|
186
|
-
(
|
|
187
|
-
)),
|
|
188
|
-
let $ =
|
|
189
|
-
|
|
190
|
-
|
|
180
|
+
function me(n) {
|
|
181
|
+
let b = "";
|
|
182
|
+
(m.value === "" || b !== n) && (q.value = l.options.findIndex(
|
|
183
|
+
(L) => L.value === l.modelValue
|
|
184
|
+
)), m.value = b === n ? n : m.value + n, b = n, he();
|
|
185
|
+
let $ = oe(
|
|
186
|
+
q.value + 1,
|
|
187
|
+
l.options.length
|
|
191
188
|
);
|
|
192
|
-
return !$ &&
|
|
189
|
+
return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
|
|
193
190
|
}
|
|
194
|
-
function
|
|
195
|
-
for (let $ = n; $ <
|
|
196
|
-
if (
|
|
191
|
+
function oe(n, b) {
|
|
192
|
+
for (let $ = n; $ < b; $++)
|
|
193
|
+
if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
|
|
197
194
|
return _.value[$];
|
|
198
195
|
return null;
|
|
199
196
|
}
|
|
@@ -201,39 +198,39 @@ const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["val
|
|
|
201
198
|
W(_.value[0]);
|
|
202
199
|
}
|
|
203
200
|
function W(n) {
|
|
204
|
-
var $,
|
|
205
|
-
const
|
|
206
|
-
if (
|
|
207
|
-
const
|
|
208
|
-
(
|
|
209
|
-
), K = _.value[
|
|
210
|
-
|
|
201
|
+
var $, L;
|
|
202
|
+
const b = n.getAttribute("data-value");
|
|
203
|
+
if (l.modelValue) {
|
|
204
|
+
const R = l.options.findIndex(
|
|
205
|
+
(be) => be.value === l.modelValue
|
|
206
|
+
), K = _.value[R];
|
|
207
|
+
pe(K);
|
|
211
208
|
}
|
|
212
|
-
if (n.setAttribute("aria-selected", "true"), ($ =
|
|
209
|
+
if (n.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
|
|
213
210
|
"aria-activedescendant",
|
|
214
|
-
|
|
215
|
-
),
|
|
216
|
-
const
|
|
217
|
-
K >
|
|
211
|
+
b || ""
|
|
212
|
+
), x(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
|
|
213
|
+
const R = c.value.clientHeight + c.value.scrollTop, K = n.offsetTop + n.offsetHeight;
|
|
214
|
+
K > R ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : n.offsetTop < c.value.scrollTop && (c.value.scrollTop = n.offsetTop);
|
|
218
215
|
}
|
|
219
216
|
}
|
|
220
|
-
function
|
|
221
|
-
var
|
|
222
|
-
const n = (
|
|
217
|
+
function fe() {
|
|
218
|
+
var b;
|
|
219
|
+
const n = (b = _.value) == null ? void 0 : b[l.options.length - 1];
|
|
223
220
|
W(n);
|
|
224
221
|
}
|
|
225
222
|
function Q() {
|
|
226
223
|
var n;
|
|
227
|
-
|
|
224
|
+
y.value = !0, (n = u.value) == null || n.removeAttribute("aria-expanded");
|
|
228
225
|
}
|
|
229
226
|
function se() {
|
|
230
|
-
var n,
|
|
231
|
-
|
|
227
|
+
var n, b;
|
|
228
|
+
y.value = !1, (n = u.value) == null || n.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
|
|
232
229
|
}
|
|
233
|
-
function
|
|
234
|
-
|
|
230
|
+
function ge() {
|
|
231
|
+
l.disabled || (y.value ? se() : Q());
|
|
235
232
|
}
|
|
236
|
-
return (n,
|
|
233
|
+
return (n, b) => (o(), i("div", {
|
|
237
234
|
ref: "listbox",
|
|
238
235
|
class: "listbox__wrapper",
|
|
239
236
|
value: n.modelValue
|
|
@@ -245,33 +242,33 @@ const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["val
|
|
|
245
242
|
"is-disabled": n.disabled,
|
|
246
243
|
"is-required": n.required
|
|
247
244
|
}, "listbox__label"])
|
|
248
|
-
}, d(n.label), 11,
|
|
249
|
-
Z((
|
|
245
|
+
}, d(n.label), 11, Ne),
|
|
246
|
+
Z((o(), i("div", Re, [
|
|
250
247
|
t("button", {
|
|
251
248
|
id: `${n.name}-button-label`,
|
|
252
249
|
ref_key: "listboxButton",
|
|
253
|
-
ref:
|
|
250
|
+
ref: u,
|
|
254
251
|
"aria-labelledby": `${n.name}-label ${n.name}-button-label`,
|
|
255
252
|
type: "button",
|
|
256
253
|
"aria-haspopup": "listbox",
|
|
257
254
|
"aria-disabled": n.disabled,
|
|
258
|
-
class: h(["listbox__button",
|
|
259
|
-
onClick:
|
|
260
|
-
onKeydown:
|
|
261
|
-
}, d(n.modelValue ?
|
|
255
|
+
class: h(["listbox__button", s.value]),
|
|
256
|
+
onClick: ge,
|
|
257
|
+
onKeydown: _e
|
|
258
|
+
}, d(n.modelValue ? B.value : n.placeholder), 43, He),
|
|
262
259
|
Z(t("ul", {
|
|
263
260
|
ref_key: "listboxNode",
|
|
264
|
-
ref:
|
|
261
|
+
ref: c,
|
|
265
262
|
"aria-labelledby": `${n.name}-label`,
|
|
266
263
|
"aria-activedescendant": n.modelValue,
|
|
267
264
|
tabindex: "0",
|
|
268
265
|
role: "listbox",
|
|
269
266
|
class: "listbox__list",
|
|
270
|
-
onKeydown:
|
|
271
|
-
onClick:
|
|
267
|
+
onKeydown: le,
|
|
268
|
+
onClick: H
|
|
272
269
|
}, [
|
|
273
|
-
(
|
|
274
|
-
key: `${n.name}-option-${
|
|
270
|
+
(o(!0), i(V, null, A(n.options, ($, L) => (o(), i("li", {
|
|
271
|
+
key: `${n.name}-option-${L}`,
|
|
275
272
|
ref_for: !0,
|
|
276
273
|
ref_key: "listboxOptions",
|
|
277
274
|
ref: _,
|
|
@@ -279,17 +276,16 @@ const Pe = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-08813346"]]), Fe = ["val
|
|
|
279
276
|
"data-value": $.value,
|
|
280
277
|
class: "listbox__option",
|
|
281
278
|
role: "option"
|
|
282
|
-
}, d($.label), 9,
|
|
283
|
-
], 40,
|
|
284
|
-
[
|
|
279
|
+
}, d($.label), 9, Ue))), 128))
|
|
280
|
+
], 40, ze), [
|
|
281
|
+
[ee, !y.value]
|
|
285
282
|
])
|
|
286
283
|
])), [
|
|
287
284
|
[U, Q]
|
|
288
285
|
])
|
|
289
|
-
], 8,
|
|
286
|
+
], 8, Ee));
|
|
290
287
|
}
|
|
291
|
-
})
|
|
292
|
-
const Ke = /* @__PURE__ */ m(Ue, [["__scopeId", "data-v-02b3f1c1"]]), je = { class: "image__wrapper" }, Ge = /* @__PURE__ */ f({
|
|
288
|
+
}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ f({
|
|
293
289
|
__name: "image",
|
|
294
290
|
props: {
|
|
295
291
|
src: { default: void 0 },
|
|
@@ -301,29 +297,27 @@ const Ke = /* @__PURE__ */ m(Ue, [["__scopeId", "data-v-02b3f1c1"]]), je = { cla
|
|
|
301
297
|
loading: { default: "auto" }
|
|
302
298
|
},
|
|
303
299
|
setup(e) {
|
|
304
|
-
return (a,
|
|
305
|
-
p(a.$slots, "default",
|
|
300
|
+
return (a, r) => (o(), i("div", Ge, [
|
|
301
|
+
p(a.$slots, "default", O(F(a.$attrs)))
|
|
306
302
|
]));
|
|
307
303
|
}
|
|
308
|
-
})
|
|
309
|
-
const A = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-f71a3c87"]]), We = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ f({
|
|
304
|
+
}), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
|
|
310
305
|
__name: "label",
|
|
311
306
|
props: {
|
|
312
307
|
text: {},
|
|
313
308
|
labelDark: { type: Boolean, default: !1 }
|
|
314
309
|
},
|
|
315
310
|
setup(e) {
|
|
316
|
-
const a = e,
|
|
317
|
-
return (l,
|
|
311
|
+
const a = e, r = T(() => `Label: ${a.text}`);
|
|
312
|
+
return (l, s) => (o(), i("div", Ye, [
|
|
318
313
|
t("span", {
|
|
319
|
-
"aria-label":
|
|
314
|
+
"aria-label": r.value,
|
|
320
315
|
"label-dark": l.labelDark,
|
|
321
316
|
class: h(l.labelDark ? "label--dark" : "label--light")
|
|
322
|
-
}, d(l.text), 11,
|
|
317
|
+
}, d(l.text), 11, Qe)
|
|
323
318
|
]));
|
|
324
319
|
}
|
|
325
|
-
})
|
|
326
|
-
const Y = /* @__PURE__ */ m(Qe, [["__scopeId", "data-v-44767be9"]]), Ze = { class: "link__wrapper" }, D = /* @__PURE__ */ f({
|
|
320
|
+
}), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-44767be9"]]), Je = { class: "link__wrapper" }, M = /* @__PURE__ */ f({
|
|
327
321
|
__name: "link",
|
|
328
322
|
props: {
|
|
329
323
|
linkType: { default: "regular" },
|
|
@@ -332,7 +326,7 @@ const Y = /* @__PURE__ */ m(Qe, [["__scopeId", "data-v-44767be9"]]), Ze = { clas
|
|
|
332
326
|
disabled: { type: Boolean, default: !1 }
|
|
333
327
|
},
|
|
334
328
|
setup(e) {
|
|
335
|
-
const a =
|
|
329
|
+
const a = {
|
|
336
330
|
primary: "mir-link--btn button button--primary",
|
|
337
331
|
secondary: "mir-link--btn button button--secondary",
|
|
338
332
|
secondary_dark: "mir-link--btn button button--secondary-dark",
|
|
@@ -340,20 +334,20 @@ const Y = /* @__PURE__ */ m(Qe, [["__scopeId", "data-v-44767be9"]]), Ze = { clas
|
|
|
340
334
|
regular_dark: "regular-link-dark",
|
|
341
335
|
regular_light: "regular-link-light",
|
|
342
336
|
regular_blue: "regular-link-blue"
|
|
343
|
-
},
|
|
337
|
+
}, r = {
|
|
344
338
|
hover: "underline-hover",
|
|
345
339
|
true: "add-underline",
|
|
346
340
|
false: "remove-underline"
|
|
347
|
-
},
|
|
348
|
-
const { ..._ } =
|
|
341
|
+
}, l = e, s = T(() => a[l.linkType]), u = T(() => r[l.underline]), c = T(() => {
|
|
342
|
+
const { ..._ } = ye(l);
|
|
349
343
|
return _;
|
|
350
344
|
});
|
|
351
|
-
return (_,
|
|
352
|
-
t("div",
|
|
345
|
+
return (_, S) => (o(), i("div", Je, [
|
|
346
|
+
t("div", te(c.value, {
|
|
353
347
|
class: ["mir-link", [
|
|
354
|
-
|
|
348
|
+
s.value,
|
|
355
349
|
_.disabled ? "disabled" : "",
|
|
356
|
-
|
|
350
|
+
u.value,
|
|
357
351
|
_.arrow ? "link-arrow" : ""
|
|
358
352
|
]]
|
|
359
353
|
}), [
|
|
@@ -361,8 +355,7 @@ const Y = /* @__PURE__ */ m(Qe, [["__scopeId", "data-v-44767be9"]]), Ze = { clas
|
|
|
361
355
|
], 16)
|
|
362
356
|
]));
|
|
363
357
|
}
|
|
364
|
-
})
|
|
365
|
-
const Je = (e) => (F("data-v-fa1bda9b"), e = e(), E(), e), Xe = ["id", "name", "value", "checked", "disabled", "required"], xe = ["for"], et = /* @__PURE__ */ Je(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), tt = /* @__PURE__ */ f({
|
|
358
|
+
}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), N(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
|
|
366
359
|
__name: "radio-button",
|
|
367
360
|
props: {
|
|
368
361
|
name: { default: "radio" },
|
|
@@ -374,35 +367,34 @@ const Je = (e) => (F("data-v-fa1bda9b"), e = e(), E(), e), Xe = ["id", "name", "
|
|
|
374
367
|
},
|
|
375
368
|
emits: ["input"],
|
|
376
369
|
setup(e, { emit: a }) {
|
|
377
|
-
const
|
|
378
|
-
const
|
|
379
|
-
|
|
370
|
+
const r = a, l = (s) => {
|
|
371
|
+
const u = s.target;
|
|
372
|
+
r("input", u.checked);
|
|
380
373
|
};
|
|
381
|
-
return (
|
|
382
|
-
class: h(["radio__wrapper",
|
|
374
|
+
return (s, u) => (o(), i("div", {
|
|
375
|
+
class: h(["radio__wrapper", s.disabled ? "disabled" : ""])
|
|
383
376
|
}, [
|
|
384
377
|
t("input", {
|
|
385
|
-
id:
|
|
378
|
+
id: s.id,
|
|
386
379
|
type: "radio",
|
|
387
|
-
name:
|
|
388
|
-
value:
|
|
389
|
-
checked:
|
|
390
|
-
disabled:
|
|
391
|
-
required:
|
|
380
|
+
name: s.name,
|
|
381
|
+
value: s.value,
|
|
382
|
+
checked: s.checked,
|
|
383
|
+
disabled: s.disabled,
|
|
384
|
+
required: s.required,
|
|
392
385
|
class: "radio__radio",
|
|
393
|
-
onChange:
|
|
394
|
-
}, null, 40,
|
|
386
|
+
onChange: l
|
|
387
|
+
}, null, 40, xe),
|
|
395
388
|
t("label", {
|
|
396
|
-
for:
|
|
397
|
-
class: h(["radio__label",
|
|
389
|
+
for: s.id,
|
|
390
|
+
class: h(["radio__label", s.required ? "required" : ""])
|
|
398
391
|
}, [
|
|
399
|
-
|
|
400
|
-
p(
|
|
401
|
-
], 10,
|
|
392
|
+
tt,
|
|
393
|
+
p(s.$slots, "default", {}, void 0, !0)
|
|
394
|
+
], 10, et)
|
|
402
395
|
], 2));
|
|
403
396
|
}
|
|
404
|
-
})
|
|
405
|
-
const at = /* @__PURE__ */ m(tt, [["__scopeId", "data-v-fa1bda9b"]]), lt = { class: "select__wrapper" }, st = ["for"], ot = ["id", "disabled", "name", "value"], it = ["value"], rt = /* @__PURE__ */ f({
|
|
397
|
+
}), lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ f({
|
|
406
398
|
__name: "select",
|
|
407
399
|
props: {
|
|
408
400
|
id: {},
|
|
@@ -415,7 +407,7 @@ const at = /* @__PURE__ */ m(tt, [["__scopeId", "data-v-fa1bda9b"]]), lt = { cla
|
|
|
415
407
|
},
|
|
416
408
|
emits: ["update:modelValue"],
|
|
417
409
|
setup(e) {
|
|
418
|
-
return (a,
|
|
410
|
+
return (a, r) => (o(), i("div", ot, [
|
|
419
411
|
t("label", {
|
|
420
412
|
for: a.id,
|
|
421
413
|
class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
|
|
@@ -426,19 +418,18 @@ const at = /* @__PURE__ */ m(tt, [["__scopeId", "data-v-fa1bda9b"]]), lt = { cla
|
|
|
426
418
|
disabled: a.disabled,
|
|
427
419
|
name: a.name,
|
|
428
420
|
value: a.modelValue,
|
|
429
|
-
onChange:
|
|
421
|
+
onChange: r[0] || (r[0] = (l) => {
|
|
430
422
|
a.$emit("update:modelValue", l.target.value), l.target.blur();
|
|
431
423
|
})
|
|
432
424
|
}, [
|
|
433
|
-
(
|
|
425
|
+
(o(!0), i(V, null, A(a.options, (l) => (o(), i("option", {
|
|
434
426
|
key: l.value,
|
|
435
427
|
value: l.value
|
|
436
|
-
}, d(l.text), 9,
|
|
437
|
-
], 42,
|
|
428
|
+
}, d(l.text), 9, rt))), 128))
|
|
429
|
+
], 42, it)
|
|
438
430
|
]));
|
|
439
431
|
}
|
|
440
|
-
})
|
|
441
|
-
const nt = /* @__PURE__ */ m(rt, [["__scopeId", "data-v-d5c46463"]]), dt = { class: "modal__wrapper" }, ct = /* @__PURE__ */ f({
|
|
432
|
+
}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ f({
|
|
442
433
|
__name: "modal",
|
|
443
434
|
props: {
|
|
444
435
|
show: { type: Boolean, default: !1 },
|
|
@@ -446,37 +437,37 @@ const nt = /* @__PURE__ */ m(rt, [["__scopeId", "data-v-d5c46463"]]), dt = { cla
|
|
|
446
437
|
},
|
|
447
438
|
emits: ["update:show"],
|
|
448
439
|
setup(e, { emit: a }) {
|
|
449
|
-
const
|
|
450
|
-
|
|
440
|
+
const r = e, l = a, s = () => {
|
|
441
|
+
l("update:show", !r.show);
|
|
451
442
|
};
|
|
452
|
-
return (
|
|
453
|
-
k(
|
|
443
|
+
return (u, c) => (o(), i("div", ct, [
|
|
444
|
+
k($e, {
|
|
454
445
|
duration: 300,
|
|
455
446
|
name: "nested"
|
|
456
447
|
}, {
|
|
457
448
|
default: w(() => [
|
|
458
|
-
|
|
449
|
+
u.show ? (o(), i("div", {
|
|
459
450
|
key: 0,
|
|
460
|
-
class: h(["overlay",
|
|
451
|
+
class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
|
|
461
452
|
ariaLabel: "modal",
|
|
462
453
|
role: "dialog",
|
|
463
|
-
onClick:
|
|
454
|
+
onClick: s
|
|
464
455
|
}, [
|
|
465
456
|
t("div", {
|
|
466
457
|
id: "modal",
|
|
467
|
-
class: h([
|
|
468
|
-
onClick: c[0] || (c[0] =
|
|
458
|
+
class: h([u.searchBar ? "search" : ""]),
|
|
459
|
+
onClick: c[0] || (c[0] = ne(() => {
|
|
469
460
|
}, ["stop"]))
|
|
470
461
|
}, [
|
|
471
462
|
t("div", null, [
|
|
472
|
-
|
|
463
|
+
u.searchBar ? g("", !0) : (o(), P(J, {
|
|
473
464
|
key: 0,
|
|
474
465
|
"aria-label": "close",
|
|
475
466
|
variant: "close",
|
|
476
|
-
onClick:
|
|
467
|
+
onClick: s
|
|
477
468
|
}))
|
|
478
469
|
]),
|
|
479
|
-
p(
|
|
470
|
+
p(u.$slots, "default", {}, void 0, !0)
|
|
480
471
|
], 2)
|
|
481
472
|
], 2)) : g("", !0)
|
|
482
473
|
]),
|
|
@@ -484,8 +475,7 @@ const nt = /* @__PURE__ */ m(rt, [["__scopeId", "data-v-d5c46463"]]), dt = { cla
|
|
|
484
475
|
})
|
|
485
476
|
]));
|
|
486
477
|
}
|
|
487
|
-
})
|
|
488
|
-
const ce = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-cc647ee6"]]), ut = { class: "slider__wrapper" }, _t = { class: "slider__label" }, pt = ["for"], ht = ["aria-label"], vt = { class: "slider__content" }, mt = ["id", "name", "value", "min", "step", "max"], ft = /* @__PURE__ */ f({
|
|
478
|
+
}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, pt = { class: "slider__label" }, ht = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
|
|
489
479
|
__name: "slider",
|
|
490
480
|
props: {
|
|
491
481
|
label: {},
|
|
@@ -501,74 +491,73 @@ const ce = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-cc647ee6"]]), ut = { cla
|
|
|
501
491
|
},
|
|
502
492
|
emits: ["update:modelValue"],
|
|
503
493
|
setup(e, { emit: a }) {
|
|
504
|
-
const
|
|
505
|
-
var
|
|
506
|
-
(
|
|
494
|
+
const r = e, l = a, s = I(r.modelValue), u = I(), c = I(!1), _ = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
|
|
495
|
+
var y;
|
|
496
|
+
(y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
|
|
507
497
|
};
|
|
508
|
-
return
|
|
509
|
-
if (
|
|
510
|
-
|
|
511
|
-
const
|
|
512
|
-
let
|
|
513
|
-
|
|
498
|
+
return de(() => {
|
|
499
|
+
if (u.value) {
|
|
500
|
+
l("update:modelValue", s.value);
|
|
501
|
+
const m = _(s.value, r.min, r.max);
|
|
502
|
+
let y = (50 - m) / 100;
|
|
503
|
+
S(m + y);
|
|
514
504
|
}
|
|
515
|
-
}), (
|
|
516
|
-
t("div",
|
|
517
|
-
t("div",
|
|
505
|
+
}), (m, y) => (o(), i("div", null, [
|
|
506
|
+
t("div", _t, [
|
|
507
|
+
t("div", pt, [
|
|
518
508
|
t("label", {
|
|
519
|
-
for:
|
|
520
|
-
class: h([
|
|
521
|
-
}, d(
|
|
522
|
-
|
|
509
|
+
for: m.id,
|
|
510
|
+
class: h([m.variant, ""])
|
|
511
|
+
}, d(m.label), 11, ht),
|
|
512
|
+
m.information ? (o(), i("i", {
|
|
523
513
|
key: 0,
|
|
524
514
|
role: "button",
|
|
525
|
-
class: h([
|
|
526
|
-
"aria-label":
|
|
515
|
+
class: h([m.variant, "slider__information"]),
|
|
516
|
+
"aria-label": m.informationLabel,
|
|
527
517
|
tabindex: "0",
|
|
528
518
|
"aria-haspopup": "dialog",
|
|
529
|
-
onClick:
|
|
530
|
-
onKeyup:
|
|
531
|
-
}, null, 42,
|
|
519
|
+
onClick: y[0] || (y[0] = (q) => c.value = !c.value),
|
|
520
|
+
onKeyup: y[1] || (y[1] = ke((q) => c.value = !c.value, ["enter"]))
|
|
521
|
+
}, null, 42, mt)) : g("", !0)
|
|
532
522
|
]),
|
|
533
523
|
t("div", vt, [
|
|
534
524
|
t("span", {
|
|
535
|
-
class: h([
|
|
536
|
-
}, d(
|
|
525
|
+
class: h([m.variant, "slider__minmax"])
|
|
526
|
+
}, d(m.min), 3),
|
|
537
527
|
t("input", {
|
|
538
|
-
id:
|
|
528
|
+
id: m.id,
|
|
539
529
|
ref_key: "slider",
|
|
540
|
-
ref:
|
|
530
|
+
ref: u,
|
|
541
531
|
type: "range",
|
|
542
|
-
name:
|
|
543
|
-
value:
|
|
544
|
-
min:
|
|
545
|
-
step:
|
|
546
|
-
max:
|
|
547
|
-
class: h(
|
|
548
|
-
onInput:
|
|
549
|
-
}, null, 42,
|
|
532
|
+
name: m.name,
|
|
533
|
+
value: m.modelValue,
|
|
534
|
+
min: m.min,
|
|
535
|
+
step: m.step,
|
|
536
|
+
max: m.max,
|
|
537
|
+
class: h(m.variant),
|
|
538
|
+
onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
|
|
539
|
+
}, null, 42, ft),
|
|
550
540
|
t("span", {
|
|
551
|
-
class: h([
|
|
552
|
-
}, d(
|
|
541
|
+
class: h([m.variant, "slider__minmax"])
|
|
542
|
+
}, d(m.max), 3)
|
|
553
543
|
]),
|
|
554
544
|
t("span", {
|
|
555
|
-
class: h([
|
|
556
|
-
}, d(
|
|
545
|
+
class: h([m.variant, "slider__value"])
|
|
546
|
+
}, d(m.modelValue), 3)
|
|
557
547
|
]),
|
|
558
|
-
|
|
548
|
+
m.information ? (o(), P(ue, {
|
|
559
549
|
key: 0,
|
|
560
550
|
show: c.value,
|
|
561
|
-
"onUpdate:show":
|
|
551
|
+
"onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
|
|
562
552
|
}, {
|
|
563
553
|
default: w(() => [
|
|
564
|
-
j(d(
|
|
554
|
+
j(d(m.information), 1)
|
|
565
555
|
]),
|
|
566
556
|
_: 1
|
|
567
557
|
}, 8, ["show"])) : g("", !0)
|
|
568
558
|
]));
|
|
569
559
|
}
|
|
570
|
-
})
|
|
571
|
-
const gt = /* @__PURE__ */ m(ft, [["__scopeId", "data-v-b8d6d141"]]), bt = { id: "textarea-wrapper" }, yt = ["for"], $t = ["id"], kt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], wt = { class: "textarea-info" }, St = { key: 0 }, Bt = /* @__PURE__ */ f({
|
|
560
|
+
}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ f({
|
|
572
561
|
__name: "textarea",
|
|
573
562
|
props: {
|
|
574
563
|
id: { default: "" },
|
|
@@ -582,11 +571,11 @@ const gt = /* @__PURE__ */ m(ft, [["__scopeId", "data-v-b8d6d141"]]), bt = { id:
|
|
|
582
571
|
},
|
|
583
572
|
emits: ["update:modelValue"],
|
|
584
573
|
setup(e) {
|
|
585
|
-
return (a,
|
|
574
|
+
return (a, r) => (o(), i("div", yt, [
|
|
586
575
|
t("label", {
|
|
587
576
|
for: a.id,
|
|
588
577
|
class: h({ required: a.required })
|
|
589
|
-
}, d(a.labelText) + d(a.required ? " *" : ""), 11,
|
|
578
|
+
}, d(a.labelText) + d(a.required ? " *" : ""), 11, $t),
|
|
590
579
|
t("div", {
|
|
591
580
|
id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
|
|
592
581
|
}, [
|
|
@@ -603,12 +592,12 @@ const gt = /* @__PURE__ */ m(ft, [["__scopeId", "data-v-b8d6d141"]]), bt = { id:
|
|
|
603
592
|
class: h(
|
|
604
593
|
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
|
|
605
594
|
),
|
|
606
|
-
onInput:
|
|
607
|
-
}, null, 42,
|
|
608
|
-
], 8,
|
|
609
|
-
t("div",
|
|
595
|
+
onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
|
|
596
|
+
}, null, 42, wt)
|
|
597
|
+
], 8, kt),
|
|
598
|
+
t("div", St, [
|
|
610
599
|
t("div", null, [
|
|
611
|
-
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (
|
|
600
|
+
a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : g("", !0)
|
|
612
601
|
]),
|
|
613
602
|
t("p", {
|
|
614
603
|
class: h(
|
|
@@ -618,17 +607,16 @@ const gt = /* @__PURE__ */ m(ft, [["__scopeId", "data-v-b8d6d141"]]), bt = { id:
|
|
|
618
607
|
])
|
|
619
608
|
]));
|
|
620
609
|
}
|
|
621
|
-
})
|
|
622
|
-
const It = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-220a973c"]]), qt = { class: "text-field__wrapper" }, Lt = ["for"], Tt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Vt = ["aria-expanded"], At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Dt = {
|
|
610
|
+
}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Ct = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
|
|
623
611
|
key: 2,
|
|
624
612
|
class: "search"
|
|
625
|
-
},
|
|
613
|
+
}, Ot = {
|
|
626
614
|
key: 3,
|
|
627
615
|
class: "errorMessage"
|
|
628
|
-
},
|
|
616
|
+
}, Pt = {
|
|
629
617
|
key: 4,
|
|
630
618
|
class: "helperText"
|
|
631
|
-
},
|
|
619
|
+
}, Ft = /* @__PURE__ */ f({
|
|
632
620
|
__name: "text-field",
|
|
633
621
|
props: {
|
|
634
622
|
type: { default: "text" },
|
|
@@ -647,7 +635,7 @@ const It = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-220a973c"]]), qt = { cla
|
|
|
647
635
|
},
|
|
648
636
|
emits: ["update:modelValue"],
|
|
649
637
|
setup(e) {
|
|
650
|
-
const a =
|
|
638
|
+
const a = {
|
|
651
639
|
text: "text",
|
|
652
640
|
email: "email",
|
|
653
641
|
password: "password",
|
|
@@ -655,12 +643,12 @@ const It = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-220a973c"]]), qt = { cla
|
|
|
655
643
|
tel: "tel",
|
|
656
644
|
url: "url",
|
|
657
645
|
search: "search"
|
|
658
|
-
}, l =
|
|
659
|
-
() =>
|
|
660
|
-
),
|
|
661
|
-
() =>
|
|
646
|
+
}, r = e, l = T(() => a[r.type]), s = I(!0), u = T(
|
|
647
|
+
() => s.value ? "showPassword" : "hidePassword"
|
|
648
|
+
), c = T(
|
|
649
|
+
() => s.value ? "password" : "text"
|
|
662
650
|
);
|
|
663
|
-
return (_,
|
|
651
|
+
return (_, S) => (o(), i("div", Lt, [
|
|
664
652
|
t("label", {
|
|
665
653
|
for: _.id,
|
|
666
654
|
class: h([
|
|
@@ -668,27 +656,27 @@ const It = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-220a973c"]]), qt = { cla
|
|
|
668
656
|
_.disabled ? "disabled" : "",
|
|
669
657
|
_.search ? "search" : ""
|
|
670
658
|
])
|
|
671
|
-
}, d(_.label), 11,
|
|
672
|
-
l.value === "password" ? (
|
|
659
|
+
}, d(_.label), 11, Tt),
|
|
660
|
+
l.value === "password" ? (o(), i("div", Ct, [
|
|
673
661
|
t("input", {
|
|
674
662
|
id: _.id,
|
|
675
663
|
ref: "passwordField",
|
|
676
|
-
type:
|
|
664
|
+
type: c.value,
|
|
677
665
|
value: _.modelValue,
|
|
678
666
|
placeholder: _.placeholder,
|
|
679
667
|
required: _.required,
|
|
680
668
|
disabled: _.disabled,
|
|
681
669
|
name: _.fieldName,
|
|
682
|
-
onInput:
|
|
683
|
-
}, null, 40,
|
|
670
|
+
onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
|
|
671
|
+
}, null, 40, Vt),
|
|
684
672
|
t("i", {
|
|
685
673
|
role: "button",
|
|
686
|
-
class: h([
|
|
674
|
+
class: h([u.value]),
|
|
687
675
|
"aria-controls": "password",
|
|
688
|
-
"aria-expanded": !
|
|
689
|
-
onClick:
|
|
690
|
-
}, null, 10,
|
|
691
|
-
])) : (
|
|
676
|
+
"aria-expanded": !s.value,
|
|
677
|
+
onClick: S[1] || (S[1] = (m) => s.value = !s.value)
|
|
678
|
+
}, null, 10, At)
|
|
679
|
+
])) : (o(), i("input", {
|
|
692
680
|
key: 1,
|
|
693
681
|
id: _.id,
|
|
694
682
|
ref: "textField",
|
|
@@ -703,15 +691,14 @@ const It = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-220a973c"]]), qt = { cla
|
|
|
703
691
|
]),
|
|
704
692
|
disabled: _.disabled,
|
|
705
693
|
name: _.fieldName,
|
|
706
|
-
onInput:
|
|
707
|
-
}, null, 42,
|
|
708
|
-
_.search ? (
|
|
709
|
-
_.errorMessage ? (
|
|
710
|
-
_.helperText ? (
|
|
694
|
+
onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
|
|
695
|
+
}, null, 42, Dt)),
|
|
696
|
+
_.search ? (o(), i("i", Mt)) : g("", !0),
|
|
697
|
+
_.errorMessage ? (o(), i("strong", Ot, d(_.errorMessage), 1)) : g("", !0),
|
|
698
|
+
_.helperText ? (o(), i("span", Pt, d(_.helperText), 1)) : g("", !0)
|
|
711
699
|
]));
|
|
712
700
|
}
|
|
713
|
-
})
|
|
714
|
-
const Ft = /* @__PURE__ */ m(Pt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, Ht = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Nt = ["src", "aria-label", "title", "width", "height"], Rt = /* @__PURE__ */ f({
|
|
701
|
+
}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Rt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
|
|
715
702
|
__name: "video",
|
|
716
703
|
props: {
|
|
717
704
|
play: { type: Boolean, default: !1 },
|
|
@@ -728,45 +715,44 @@ const Ft = /* @__PURE__ */ m(Pt, [["__scopeId", "data-v-414b9435"]]), Et = { cla
|
|
|
728
715
|
muted: { type: Boolean, default: !1 }
|
|
729
716
|
},
|
|
730
717
|
setup(e, { expose: a }) {
|
|
731
|
-
const
|
|
732
|
-
let l =
|
|
733
|
-
return
|
|
734
|
-
l.value && (
|
|
718
|
+
const r = e;
|
|
719
|
+
let l = I(null);
|
|
720
|
+
return de(() => {
|
|
721
|
+
l.value && (r.play ? l.value.play() : r.play || l.value.pause());
|
|
735
722
|
}), a({
|
|
736
723
|
resetVideo: () => {
|
|
737
724
|
l.value && (l.value.currentTime = 0, l.value.play());
|
|
738
725
|
}
|
|
739
|
-
}), (
|
|
740
|
-
|
|
726
|
+
}), (u, c) => (o(), i("div", Nt, [
|
|
727
|
+
u.localVideo ? (o(), i("video", {
|
|
741
728
|
key: 0,
|
|
742
729
|
ref_key: "videoRef",
|
|
743
730
|
ref: l,
|
|
744
|
-
"aria-label":
|
|
745
|
-
controls:
|
|
746
|
-
poster:
|
|
747
|
-
width:
|
|
748
|
-
height:
|
|
749
|
-
autoplay:
|
|
750
|
-
loop:
|
|
751
|
-
muted:
|
|
731
|
+
"aria-label": u.ariaLabel,
|
|
732
|
+
controls: u.controls,
|
|
733
|
+
poster: u.poster,
|
|
734
|
+
width: u.width,
|
|
735
|
+
height: u.height,
|
|
736
|
+
autoplay: u.autoplay,
|
|
737
|
+
loop: u.loop,
|
|
738
|
+
muted: u.muted,
|
|
752
739
|
type: "video/mp4",
|
|
753
740
|
playsinline: "",
|
|
754
|
-
src:
|
|
755
|
-
}, null, 8,
|
|
741
|
+
src: u.src
|
|
742
|
+
}, null, 8, Rt)) : (o(), i("iframe", {
|
|
756
743
|
key: 1,
|
|
757
|
-
src:
|
|
758
|
-
"aria-label":
|
|
759
|
-
title:
|
|
760
|
-
width:
|
|
761
|
-
height:
|
|
744
|
+
src: u.src,
|
|
745
|
+
"aria-label": u.ariaLabel,
|
|
746
|
+
title: u.title,
|
|
747
|
+
width: u.width,
|
|
748
|
+
height: u.height,
|
|
762
749
|
frameborder: "0",
|
|
763
750
|
allow: "autoplay; fullscreen",
|
|
764
751
|
allowfullscreen: ""
|
|
765
|
-
}, null, 8,
|
|
752
|
+
}, null, 8, Ht))
|
|
766
753
|
]));
|
|
767
754
|
}
|
|
768
|
-
})
|
|
769
|
-
const G = /* @__PURE__ */ m(Rt, [["__scopeId", "data-v-c6a0feb6"]]), zt = { class: "address__wrapper" }, Ut = { class: "address__content" }, Kt = { class: "address__flag" }, jt = { class: "address__address" }, Gt = { class: "address__name" }, Wt = { key: 0 }, Yt = { class: "address__contact" }, Qt = ["href"], Zt = ["href"], Jt = /* @__PURE__ */ f({
|
|
755
|
+
}), G = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
|
|
770
756
|
__name: "address",
|
|
771
757
|
props: {
|
|
772
758
|
name: {},
|
|
@@ -778,20 +764,20 @@ const G = /* @__PURE__ */ m(Rt, [["__scopeId", "data-v-c6a0feb6"]]), zt = { clas
|
|
|
778
764
|
email: {}
|
|
779
765
|
},
|
|
780
766
|
setup(e) {
|
|
781
|
-
return (a,
|
|
782
|
-
t("div",
|
|
783
|
-
t("div",
|
|
767
|
+
return (a, r) => (o(), i("div", Ut, [
|
|
768
|
+
t("div", Kt, [
|
|
769
|
+
t("div", jt, [
|
|
784
770
|
p(a.$slots, "address-flag", {}, void 0, !0)
|
|
785
771
|
]),
|
|
786
|
-
t("div",
|
|
787
|
-
t("p",
|
|
772
|
+
t("div", Gt, [
|
|
773
|
+
t("p", Wt, d(a.name), 1),
|
|
788
774
|
t("p", null, d(a.company), 1),
|
|
789
775
|
t("p", null, d(a.addressLine1), 1),
|
|
790
776
|
t("p", null, d(a.addressLine2), 1),
|
|
791
|
-
a.addressLine3 ? (
|
|
777
|
+
a.addressLine3 ? (o(), i("p", Yt, d(a.addressLine3), 1)) : g("", !0)
|
|
792
778
|
]),
|
|
793
|
-
t("div",
|
|
794
|
-
(
|
|
779
|
+
t("div", Qt, [
|
|
780
|
+
(o(!0), i(V, null, A(a.phoneNumbers, (l) => (o(), P(M, {
|
|
795
781
|
key: l,
|
|
796
782
|
underline: "false",
|
|
797
783
|
"link-type": "regular"
|
|
@@ -800,20 +786,19 @@ const G = /* @__PURE__ */ m(Rt, [["__scopeId", "data-v-c6a0feb6"]]), zt = { clas
|
|
|
800
786
|
t("a", {
|
|
801
787
|
href: "tel:" + l,
|
|
802
788
|
class: "address__phone"
|
|
803
|
-
}, d(l), 9,
|
|
789
|
+
}, d(l), 9, Zt)
|
|
804
790
|
]),
|
|
805
791
|
_: 2
|
|
806
792
|
}, 1024))), 128)),
|
|
807
793
|
t("a", {
|
|
808
794
|
href: "mailto:" + a.email,
|
|
809
795
|
class: "address__email"
|
|
810
|
-
}, d(a.email), 9,
|
|
796
|
+
}, d(a.email), 9, Jt)
|
|
811
797
|
])
|
|
812
798
|
])
|
|
813
799
|
]));
|
|
814
800
|
}
|
|
815
|
-
})
|
|
816
|
-
const Xt = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-88ee2983"]]), xt = (e) => (F("data-v-a44fd57d"), e = e(), E(), e), ea = { class: "bullet-list__wrapper" }, ta = /* @__PURE__ */ xt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), aa = /* @__PURE__ */ f({
|
|
801
|
+
}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
|
|
817
802
|
__name: "bullet-list",
|
|
818
803
|
props: {
|
|
819
804
|
list: {
|
|
@@ -833,24 +818,23 @@ const Xt = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-88ee2983"]]), xt = (e) =
|
|
|
833
818
|
}
|
|
834
819
|
},
|
|
835
820
|
setup(e) {
|
|
836
|
-
return (a,
|
|
821
|
+
return (a, r) => (o(), i("div", ta, [
|
|
837
822
|
t("div", {
|
|
838
823
|
class: h(["bullet-list", e.variant])
|
|
839
824
|
}, [
|
|
840
825
|
t("ul", null, [
|
|
841
|
-
(
|
|
842
|
-
|
|
826
|
+
(o(!0), i(V, null, A(e.list, (l) => (o(), i("li", { key: l }, [
|
|
827
|
+
aa,
|
|
843
828
|
j(" " + d(l), 1)
|
|
844
829
|
]))), 128))
|
|
845
830
|
])
|
|
846
831
|
], 2)
|
|
847
832
|
]));
|
|
848
833
|
}
|
|
849
|
-
})
|
|
850
|
-
const la = /* @__PURE__ */ m(aa, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, oa = {
|
|
834
|
+
}), oa = /* @__PURE__ */ v(la, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, ia = {
|
|
851
835
|
key: 2,
|
|
852
836
|
class: "card__label"
|
|
853
|
-
},
|
|
837
|
+
}, ra = { key: 5 }, na = /* @__PURE__ */ f({
|
|
854
838
|
__name: "card",
|
|
855
839
|
props: {
|
|
856
840
|
variant: { default: "product" },
|
|
@@ -872,9 +856,9 @@ const la = /* @__PURE__ */ m(aa, [["__scopeId", "data-v-a44fd57d"]]), sa = { cla
|
|
|
872
856
|
},
|
|
873
857
|
emits: ["clicked"],
|
|
874
858
|
setup(e) {
|
|
875
|
-
const a =
|
|
876
|
-
let
|
|
877
|
-
const
|
|
859
|
+
const a = we();
|
|
860
|
+
let r = I(!1);
|
|
861
|
+
const l = {
|
|
878
862
|
small: {
|
|
879
863
|
class: "card--small",
|
|
880
864
|
width: "298",
|
|
@@ -890,67 +874,66 @@ const la = /* @__PURE__ */ m(aa, [["__scopeId", "data-v-a44fd57d"]]), sa = { cla
|
|
|
890
874
|
width: "596",
|
|
891
875
|
height: "335"
|
|
892
876
|
}
|
|
893
|
-
},
|
|
894
|
-
return (
|
|
877
|
+
}, s = e, u = T(() => l[s.size]);
|
|
878
|
+
return (c, _) => (o(), i("div", sa, [
|
|
895
879
|
t("div", {
|
|
896
880
|
class: h(["card", [
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
881
|
+
c.theme === "dark" ? "card--dark" : "card--light",
|
|
882
|
+
c.orientation === "vertical" ? "vertical" : "horizontal",
|
|
883
|
+
u.value.class,
|
|
884
|
+
c.size === "large" && c.variant === "article" ? "card--large-article" : "",
|
|
885
|
+
c.variant === "product" ? "card--product" : "card--article"
|
|
902
886
|
]]),
|
|
903
|
-
style:
|
|
904
|
-
onMouseover: _[0] || (_[0] = (
|
|
905
|
-
onMouseout: _[1] || (_[1] = (
|
|
887
|
+
style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
|
|
888
|
+
onMouseover: _[0] || (_[0] = (S) => ie(r) ? r.value = !0 : r = !0),
|
|
889
|
+
onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
|
|
906
890
|
}, [
|
|
907
|
-
|
|
891
|
+
c.mediaType === "image" ? (o(), P(D, { key: 0 }, {
|
|
908
892
|
default: w(() => [
|
|
909
|
-
p(
|
|
910
|
-
src:
|
|
911
|
-
width:
|
|
912
|
-
height:
|
|
913
|
-
alt:
|
|
893
|
+
p(c.$slots, "card-image", te({
|
|
894
|
+
src: c.imgSrc,
|
|
895
|
+
width: u.value.width,
|
|
896
|
+
height: u.value.height,
|
|
897
|
+
alt: c.alt,
|
|
914
898
|
loading: "auto",
|
|
915
899
|
sizes: "(min-width: 581px) 582px, 100vw"
|
|
916
|
-
}, { srcset:
|
|
900
|
+
}, { srcset: c.srcSet }))
|
|
917
901
|
]),
|
|
918
902
|
_: 3
|
|
919
|
-
})) : (
|
|
903
|
+
})) : (o(), i("div", {
|
|
920
904
|
key: 1,
|
|
921
|
-
class: h(["video-card__wrapper",
|
|
905
|
+
class: h(["video-card__wrapper", C(r) === !0 ? "vimeoPlaying" : ""])
|
|
922
906
|
}, [
|
|
923
907
|
k(G, {
|
|
924
|
-
play:
|
|
908
|
+
play: C(r),
|
|
925
909
|
"local-video": !0,
|
|
926
|
-
src:
|
|
927
|
-
"aria-label":
|
|
910
|
+
src: c.videoSrc,
|
|
911
|
+
"aria-label": c.arialabel,
|
|
928
912
|
controls: !1,
|
|
929
|
-
poster:
|
|
930
|
-
width:
|
|
931
|
-
height:
|
|
913
|
+
poster: c.imgSrc,
|
|
914
|
+
width: u.value.width,
|
|
915
|
+
height: u.value.height,
|
|
932
916
|
autoplay: !0,
|
|
933
917
|
loop: !0,
|
|
934
918
|
muted: !0
|
|
935
919
|
}, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
|
|
936
920
|
], 2)),
|
|
937
|
-
|
|
938
|
-
p(
|
|
921
|
+
C(a)["card-label"] ? (o(), i("div", ia, [
|
|
922
|
+
p(c.$slots, "card-label")
|
|
939
923
|
])) : g("", !0),
|
|
940
|
-
|
|
924
|
+
c.variant === "product" ? (o(), i("h3", {
|
|
941
925
|
key: 3,
|
|
942
|
-
class: h(
|
|
926
|
+
class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
|
|
943
927
|
style: { "font-weight": "700" }
|
|
944
|
-
}, d(
|
|
928
|
+
}, d(c.headline), 3)) : (o(), i("h3", {
|
|
945
929
|
key: 4,
|
|
946
|
-
class: h(
|
|
947
|
-
}, d(
|
|
948
|
-
|
|
930
|
+
class: h(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
|
|
931
|
+
}, d(c.headline), 3)),
|
|
932
|
+
c.variant === "product" ? (o(), i("p", ra, d(c.paragraph), 1)) : g("", !0)
|
|
949
933
|
], 38)
|
|
950
934
|
]));
|
|
951
935
|
}
|
|
952
|
-
})
|
|
953
|
-
const na = /* @__PURE__ */ m(ra, [["__scopeId", "data-v-4928c68e"]]), da = (e) => (F("data-v-1a97c019"), e = e(), E(), e), ca = { class: "event__wrapper" }, ua = { class: "event__headline" }, _a = { class: "event__date-location" }, pa = /* @__PURE__ */ da(() => /* @__PURE__ */ t("br", null, null, -1)), ha = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
|
|
936
|
+
}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-4928c68e"]]), ca = (e) => (E("data-v-1a97c019"), e = e(), N(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
|
|
954
937
|
__name: "event-card",
|
|
955
938
|
props: {
|
|
956
939
|
eventType: {
|
|
@@ -975,22 +958,21 @@ const na = /* @__PURE__ */ m(ra, [["__scopeId", "data-v-4928c68e"]]), da = (e) =
|
|
|
975
958
|
}
|
|
976
959
|
},
|
|
977
960
|
setup(e) {
|
|
978
|
-
return (a,
|
|
961
|
+
return (a, r) => (o(), i("div", ua, [
|
|
979
962
|
k(Y, {
|
|
980
963
|
"label-dark": !1,
|
|
981
964
|
text: e.eventType ? e.eventType : ""
|
|
982
965
|
}, null, 8, ["text"]),
|
|
983
|
-
t("div",
|
|
984
|
-
t("div",
|
|
966
|
+
t("div", _a, d(e.headline), 1),
|
|
967
|
+
t("div", pa, [
|
|
985
968
|
j(d(e.dateTime), 1),
|
|
986
|
-
|
|
969
|
+
ha,
|
|
987
970
|
j(d(e.location), 1)
|
|
988
971
|
]),
|
|
989
|
-
t("div",
|
|
972
|
+
t("div", ma, "Exhibitor: " + d(e.exhibitor), 1)
|
|
990
973
|
]));
|
|
991
974
|
}
|
|
992
|
-
})
|
|
993
|
-
const ma = /* @__PURE__ */ m(va, [["__scopeId", "data-v-1a97c019"]]), fa = { class: "text__wrapper" }, ga = { class: "text__headline" }, ba = { class: "text__paragraph" }, ya = /* @__PURE__ */ f({
|
|
975
|
+
}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-1a97c019"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
|
|
994
976
|
__name: "text-card",
|
|
995
977
|
props: {
|
|
996
978
|
label: {
|
|
@@ -1007,22 +989,21 @@ const ma = /* @__PURE__ */ m(va, [["__scopeId", "data-v-1a97c019"]]), fa = { cla
|
|
|
1007
989
|
}
|
|
1008
990
|
},
|
|
1009
991
|
setup(e) {
|
|
1010
|
-
return (a,
|
|
992
|
+
return (a, r) => (o(), i("div", ga, [
|
|
1011
993
|
k(Y, {
|
|
1012
994
|
"label-dark": !1,
|
|
1013
995
|
text: e.label ? e.label : ""
|
|
1014
996
|
}, null, 8, ["text"]),
|
|
1015
|
-
t("div",
|
|
1016
|
-
t("div",
|
|
997
|
+
t("div", ba, d(e.headline), 1),
|
|
998
|
+
t("div", ya, [
|
|
1017
999
|
t("p", null, d(e.paragraph), 1)
|
|
1018
1000
|
])
|
|
1019
1001
|
]));
|
|
1020
1002
|
}
|
|
1021
|
-
})
|
|
1022
|
-
const $a = /* @__PURE__ */ m(ya, [["__scopeId", "data-v-ebdea819"]]), ka = { class: "facts__wrapper" }, wa = { class: "facts__content" }, Sa = { class: "facts__headline" }, Ba = { class: "facts" }, Ia = { class: "fact__value" }, qa = { class: "fact__metric" }, La = {
|
|
1003
|
+
}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, La = { class: "fact__metric" }, Ta = {
|
|
1023
1004
|
key: 0,
|
|
1024
1005
|
class: "facts__link"
|
|
1025
|
-
},
|
|
1006
|
+
}, Ca = /* @__PURE__ */ f({
|
|
1026
1007
|
__name: "facts",
|
|
1027
1008
|
props: {
|
|
1028
1009
|
headline: { default: "" },
|
|
@@ -1046,24 +1027,24 @@ const $a = /* @__PURE__ */ m(ya, [["__scopeId", "data-v-ebdea819"]]), ka = { cla
|
|
|
1046
1027
|
}) }
|
|
1047
1028
|
},
|
|
1048
1029
|
setup(e) {
|
|
1049
|
-
return (a,
|
|
1050
|
-
t("div",
|
|
1051
|
-
t("h2",
|
|
1052
|
-
t("div",
|
|
1053
|
-
(
|
|
1030
|
+
return (a, r) => (o(), i("div", wa, [
|
|
1031
|
+
t("div", Sa, [
|
|
1032
|
+
t("h2", Ba, d(a.headline), 1),
|
|
1033
|
+
t("div", Ia, [
|
|
1034
|
+
(o(!0), i(V, null, A(a.facts, (l) => (o(), i("div", {
|
|
1054
1035
|
key: l.value + l.metric,
|
|
1055
1036
|
class: "fact"
|
|
1056
1037
|
}, [
|
|
1057
|
-
t("div",
|
|
1038
|
+
t("div", qa, [
|
|
1058
1039
|
t("span", null, d(l.value), 1)
|
|
1059
1040
|
]),
|
|
1060
|
-
t("div",
|
|
1041
|
+
t("div", La, [
|
|
1061
1042
|
t("span", null, d(l.metric), 1)
|
|
1062
1043
|
])
|
|
1063
1044
|
]))), 128))
|
|
1064
1045
|
]),
|
|
1065
|
-
a.link ? (
|
|
1066
|
-
k(
|
|
1046
|
+
a.link ? (o(), i("div", Ta, [
|
|
1047
|
+
k(M, {
|
|
1067
1048
|
"link-type": "regular_light",
|
|
1068
1049
|
arrow: ""
|
|
1069
1050
|
}, {
|
|
@@ -1076,14 +1057,13 @@ const $a = /* @__PURE__ */ m(ya, [["__scopeId", "data-v-ebdea819"]]), ka = { cla
|
|
|
1076
1057
|
])
|
|
1077
1058
|
]));
|
|
1078
1059
|
}
|
|
1079
|
-
})
|
|
1080
|
-
const Ca = /* @__PURE__ */ m(Ta, [["__scopeId", "data-v-d2b231d4"]]), Va = { class: "features__wrapper" }, Aa = { class: "features__content" }, Da = {
|
|
1060
|
+
}), Va = /* @__PURE__ */ v(Ca, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
|
|
1081
1061
|
key: 0,
|
|
1082
1062
|
class: "features__headline"
|
|
1083
|
-
},
|
|
1063
|
+
}, Oa = {
|
|
1084
1064
|
key: 1,
|
|
1085
1065
|
class: "features__body"
|
|
1086
|
-
},
|
|
1066
|
+
}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ f({
|
|
1087
1067
|
__name: "features",
|
|
1088
1068
|
props: {
|
|
1089
1069
|
headline: { default: "" },
|
|
@@ -1091,24 +1071,24 @@ const Ca = /* @__PURE__ */ m(Ta, [["__scopeId", "data-v-d2b231d4"]]), Va = { cla
|
|
|
1091
1071
|
elements: { default: () => [] }
|
|
1092
1072
|
},
|
|
1093
1073
|
setup(e) {
|
|
1094
|
-
return (a,
|
|
1095
|
-
t("div",
|
|
1096
|
-
a.headline ? (
|
|
1074
|
+
return (a, r) => (o(), i("div", Aa, [
|
|
1075
|
+
t("div", Da, [
|
|
1076
|
+
a.headline ? (o(), i("div", Ma, [
|
|
1097
1077
|
t("h2", null, d(a.headline), 1)
|
|
1098
1078
|
])) : g("", !0),
|
|
1099
|
-
a.body ? (
|
|
1079
|
+
a.body ? (o(), i("div", Oa, [
|
|
1100
1080
|
t("p", null, d(a.body), 1)
|
|
1101
1081
|
])) : g("", !0),
|
|
1102
1082
|
t("div", {
|
|
1103
1083
|
class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
|
|
1104
1084
|
}, [
|
|
1105
|
-
(
|
|
1085
|
+
(o(!0), i(V, null, A(a.elements, (l) => (o(), i("div", {
|
|
1106
1086
|
key: l.headline,
|
|
1107
1087
|
class: "features__element"
|
|
1108
1088
|
}, [
|
|
1109
|
-
k(
|
|
1089
|
+
k(D, { class: "element__icon" }, {
|
|
1110
1090
|
default: w(() => [
|
|
1111
|
-
p(a.$slots, "features-icon",
|
|
1091
|
+
p(a.$slots, "features-icon", O(F({
|
|
1112
1092
|
src: l.icon.src,
|
|
1113
1093
|
height: 30,
|
|
1114
1094
|
width: 30,
|
|
@@ -1117,15 +1097,14 @@ const Ca = /* @__PURE__ */ m(Ta, [["__scopeId", "data-v-d2b231d4"]]), Va = { cla
|
|
|
1117
1097
|
]),
|
|
1118
1098
|
_: 2
|
|
1119
1099
|
}, 1024),
|
|
1120
|
-
t("p",
|
|
1121
|
-
t("p",
|
|
1100
|
+
t("p", Pa, d(l.headline), 1),
|
|
1101
|
+
t("p", Fa, d(l.body), 1)
|
|
1122
1102
|
]))), 128))
|
|
1123
1103
|
], 2)
|
|
1124
1104
|
])
|
|
1125
1105
|
]));
|
|
1126
1106
|
}
|
|
1127
|
-
})
|
|
1128
|
-
const Ea = /* @__PURE__ */ m(Fa, [["__scopeId", "data-v-1585e65f"]]), Ha = { class: "form__wrapper" }, Na = { class: "form__content" }, Ra = { class: "form__information" }, za = { class: "form__headline" }, Ua = { class: "form__body" }, Ka = { class: "form__script" }, ja = /* @__PURE__ */ f({
|
|
1107
|
+
}), Na = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Ra = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
|
|
1129
1108
|
__name: "form-script",
|
|
1130
1109
|
props: {
|
|
1131
1110
|
headline: {
|
|
@@ -1134,22 +1113,21 @@ const Ea = /* @__PURE__ */ m(Fa, [["__scopeId", "data-v-1585e65f"]]), Ha = { cla
|
|
|
1134
1113
|
}
|
|
1135
1114
|
},
|
|
1136
1115
|
setup(e) {
|
|
1137
|
-
return (a,
|
|
1138
|
-
t("div",
|
|
1139
|
-
t("div",
|
|
1140
|
-
t("h2",
|
|
1141
|
-
t("div",
|
|
1116
|
+
return (a, r) => (o(), i("div", Ra, [
|
|
1117
|
+
t("div", Ha, [
|
|
1118
|
+
t("div", za, [
|
|
1119
|
+
t("h2", Ua, d(e.headline), 1),
|
|
1120
|
+
t("div", Ka, [
|
|
1142
1121
|
p(a.$slots, "form-body", {}, void 0, !0)
|
|
1143
1122
|
])
|
|
1144
1123
|
]),
|
|
1145
|
-
t("div",
|
|
1124
|
+
t("div", ja, [
|
|
1146
1125
|
p(a.$slots, "form-script", {}, void 0, !0)
|
|
1147
1126
|
])
|
|
1148
1127
|
])
|
|
1149
1128
|
]));
|
|
1150
1129
|
}
|
|
1151
|
-
})
|
|
1152
|
-
const Ga = /* @__PURE__ */ m(ja, [["__scopeId", "data-v-55d9c2fd"]]), Wa = { class: "image__wrapper" }, Ya = { class: "image__content" }, Qa = { class: "image__image" }, Za = { class: "image__caption" }, Ja = /* @__PURE__ */ f({
|
|
1130
|
+
}), Wa = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-55d9c2fd"]]), Ya = { class: "image__wrapper" }, Qa = { class: "image__content" }, Za = { class: "image__image" }, Ja = { class: "image__caption" }, Xa = /* @__PURE__ */ f({
|
|
1153
1131
|
inheritAttrs: !1,
|
|
1154
1132
|
__name: "image",
|
|
1155
1133
|
props: {
|
|
@@ -1168,31 +1146,30 @@ const Ga = /* @__PURE__ */ m(ja, [["__scopeId", "data-v-55d9c2fd"]]), Wa = { cla
|
|
|
1168
1146
|
}
|
|
1169
1147
|
},
|
|
1170
1148
|
setup(e) {
|
|
1171
|
-
return (a,
|
|
1172
|
-
t("div",
|
|
1173
|
-
t("div",
|
|
1174
|
-
k(
|
|
1149
|
+
return (a, r) => (o(), i("div", Ya, [
|
|
1150
|
+
t("div", Qa, [
|
|
1151
|
+
t("div", Za, [
|
|
1152
|
+
k(D, null, {
|
|
1175
1153
|
default: w(() => [
|
|
1176
|
-
p(a.$slots, "image",
|
|
1154
|
+
p(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
|
|
1177
1155
|
]),
|
|
1178
1156
|
_: 3
|
|
1179
1157
|
})
|
|
1180
1158
|
]),
|
|
1181
|
-
t("p",
|
|
1159
|
+
t("p", Ja, d(e.caption), 1)
|
|
1182
1160
|
])
|
|
1183
1161
|
]));
|
|
1184
1162
|
}
|
|
1185
|
-
})
|
|
1186
|
-
const Xa = /* @__PURE__ */ m(Ja, [["__scopeId", "data-v-79ce0bb6"]]), xa = { class: "gallery__large" }, el = {
|
|
1163
|
+
}), xa = /* @__PURE__ */ v(Xa, [["__scopeId", "data-v-79ce0bb6"]]), el = { class: "gallery__large" }, tl = {
|
|
1187
1164
|
key: 0,
|
|
1188
1165
|
class: "image image--large"
|
|
1189
|
-
},
|
|
1166
|
+
}, al = {
|
|
1190
1167
|
key: 1,
|
|
1191
1168
|
class: "video"
|
|
1192
|
-
},
|
|
1169
|
+
}, ll = {
|
|
1193
1170
|
key: 0,
|
|
1194
1171
|
class: "body"
|
|
1195
|
-
},
|
|
1172
|
+
}, ol = /* @__PURE__ */ f({
|
|
1196
1173
|
__name: "image-gallery",
|
|
1197
1174
|
props: {
|
|
1198
1175
|
mediaLarge: {},
|
|
@@ -1204,39 +1181,39 @@ const Xa = /* @__PURE__ */ m(Ja, [["__scopeId", "data-v-79ce0bb6"]]), xa = { cla
|
|
|
1204
1181
|
bgColor: { default: "white" }
|
|
1205
1182
|
},
|
|
1206
1183
|
setup(e) {
|
|
1207
|
-
const a =
|
|
1184
|
+
const a = {
|
|
1208
1185
|
white: "",
|
|
1209
1186
|
light: "gallery__wrapper--light",
|
|
1210
1187
|
dark: "gallery__wrapper--dark mirsaic--dark"
|
|
1211
|
-
}, l =
|
|
1212
|
-
return (
|
|
1188
|
+
}, r = e, l = T(() => a[r.bgColor]);
|
|
1189
|
+
return (s, u) => (o(), i("div", {
|
|
1213
1190
|
class: h(["gallery__wrapper", l.value])
|
|
1214
1191
|
}, [
|
|
1215
1192
|
t("div", {
|
|
1216
1193
|
class: h([
|
|
1217
1194
|
"gallery__content",
|
|
1218
|
-
|
|
1195
|
+
s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
|
|
1219
1196
|
])
|
|
1220
1197
|
}, [
|
|
1221
|
-
t("div",
|
|
1222
|
-
|
|
1223
|
-
k(
|
|
1198
|
+
t("div", el, [
|
|
1199
|
+
s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
|
|
1200
|
+
k(D, null, {
|
|
1224
1201
|
default: w(() => [
|
|
1225
|
-
p(
|
|
1202
|
+
p(s.$slots, "image-large", O(F({
|
|
1226
1203
|
width: 617,
|
|
1227
1204
|
height: 530,
|
|
1228
|
-
src:
|
|
1229
|
-
alt:
|
|
1205
|
+
src: s.mediaLarge.src,
|
|
1206
|
+
alt: s.mediaLarge.alt
|
|
1230
1207
|
})))
|
|
1231
1208
|
]),
|
|
1232
1209
|
_: 3
|
|
1233
1210
|
})
|
|
1234
1211
|
])) : g("", !0),
|
|
1235
|
-
|
|
1212
|
+
s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
|
|
1236
1213
|
k(G, {
|
|
1237
|
-
src:
|
|
1214
|
+
src: s.mediaLarge.src,
|
|
1238
1215
|
"local-video": "",
|
|
1239
|
-
"aria-label":
|
|
1216
|
+
"aria-label": s.mediaLarge.alt,
|
|
1240
1217
|
controls: !1,
|
|
1241
1218
|
height: "530",
|
|
1242
1219
|
width: "617",
|
|
@@ -1248,37 +1225,36 @@ const Xa = /* @__PURE__ */ m(Ja, [["__scopeId", "data-v-79ce0bb6"]]), xa = { cla
|
|
|
1248
1225
|
])) : g("", !0)
|
|
1249
1226
|
]),
|
|
1250
1227
|
t("div", {
|
|
1251
|
-
style:
|
|
1228
|
+
style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
|
|
1252
1229
|
class: h([
|
|
1253
1230
|
"gallery__small",
|
|
1254
|
-
|
|
1231
|
+
s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
|
|
1255
1232
|
])
|
|
1256
1233
|
}, [
|
|
1257
|
-
(
|
|
1258
|
-
key:
|
|
1234
|
+
(o(!0), i(V, null, A(s.mediaSmall, (c) => (o(), i("div", {
|
|
1235
|
+
key: c.src + c.alt,
|
|
1259
1236
|
class: "image image--small"
|
|
1260
1237
|
}, [
|
|
1261
|
-
k(
|
|
1238
|
+
k(D, null, {
|
|
1262
1239
|
default: w(() => [
|
|
1263
|
-
p(
|
|
1240
|
+
p(s.$slots, "image-small", O(F({
|
|
1264
1241
|
width: 328,
|
|
1265
1242
|
height: 246,
|
|
1266
|
-
src:
|
|
1267
|
-
alt:
|
|
1243
|
+
src: c.src,
|
|
1244
|
+
alt: c.alt
|
|
1268
1245
|
})))
|
|
1269
1246
|
]),
|
|
1270
1247
|
_: 2
|
|
1271
1248
|
}, 1024)
|
|
1272
1249
|
]))), 128)),
|
|
1273
|
-
|
|
1274
|
-
t("p", null, d(
|
|
1250
|
+
s.mediaSmall.length < 2 ? (o(), i("div", ll, [
|
|
1251
|
+
t("p", null, d(s.body), 1)
|
|
1275
1252
|
])) : g("", !0)
|
|
1276
1253
|
], 6)
|
|
1277
1254
|
], 2)
|
|
1278
1255
|
], 2));
|
|
1279
1256
|
}
|
|
1280
|
-
})
|
|
1281
|
-
const sl = /* @__PURE__ */ m(ll, [["__scopeId", "data-v-029495a0"]]), ol = { class: "headline__wrapper" }, il = { class: "headline__h1" }, rl = /* @__PURE__ */ f({
|
|
1257
|
+
}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ f({
|
|
1282
1258
|
__name: "headline",
|
|
1283
1259
|
props: {
|
|
1284
1260
|
headline: {
|
|
@@ -1295,7 +1271,7 @@ const sl = /* @__PURE__ */ m(ll, [["__scopeId", "data-v-029495a0"]]), ol = { cla
|
|
|
1295
1271
|
}
|
|
1296
1272
|
},
|
|
1297
1273
|
setup(e) {
|
|
1298
|
-
return (a,
|
|
1274
|
+
return (a, r) => (o(), i("div", il, [
|
|
1299
1275
|
t("div", {
|
|
1300
1276
|
class: h({
|
|
1301
1277
|
"headline__content--article-and-submenu": e.article && e.subMenu,
|
|
@@ -1304,12 +1280,11 @@ const sl = /* @__PURE__ */ m(ll, [["__scopeId", "data-v-029495a0"]]), ol = { cla
|
|
|
1304
1280
|
"headline__content--default": !e.article && !e.subMenu
|
|
1305
1281
|
})
|
|
1306
1282
|
}, [
|
|
1307
|
-
t("h1",
|
|
1283
|
+
t("h1", rl, d(e.headline), 1)
|
|
1308
1284
|
], 2)
|
|
1309
1285
|
]));
|
|
1310
1286
|
}
|
|
1311
|
-
})
|
|
1312
|
-
const nl = /* @__PURE__ */ m(rl, [["__scopeId", "data-v-080238bd"]]), dl = (e) => (F("data-v-bfcd60d5"), e = e(), E(), e), cl = { class: "hero__wrapper" }, ul = { class: "hero__content" }, _l = { class: "hero__top" }, pl = { class: "hero__elements" }, hl = { class: "hero__headline" }, vl = { class: "hero__link" }, ml = { class: "hero__video" }, fl = /* @__PURE__ */ dl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), gl = /* @__PURE__ */ f({
|
|
1287
|
+
}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), N(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = /* @__PURE__ */ f({
|
|
1313
1288
|
__name: "hero",
|
|
1314
1289
|
props: {
|
|
1315
1290
|
headline: {
|
|
@@ -1322,15 +1297,15 @@ const nl = /* @__PURE__ */ m(rl, [["__scopeId", "data-v-080238bd"]]), dl = (e) =
|
|
|
1322
1297
|
}
|
|
1323
1298
|
},
|
|
1324
1299
|
setup(e) {
|
|
1325
|
-
return (a,
|
|
1326
|
-
t("div",
|
|
1327
|
-
t("div",
|
|
1328
|
-
t("div",
|
|
1329
|
-
t("div",
|
|
1300
|
+
return (a, r) => (o(), i("div", ul, [
|
|
1301
|
+
t("div", _l, [
|
|
1302
|
+
t("div", pl, [
|
|
1303
|
+
t("div", hl, [
|
|
1304
|
+
t("div", ml, [
|
|
1330
1305
|
t("h1", null, d(e.headline), 1)
|
|
1331
1306
|
]),
|
|
1332
1307
|
t("div", vl, [
|
|
1333
|
-
k(
|
|
1308
|
+
k(M, {
|
|
1334
1309
|
"link-type": "regular_light",
|
|
1335
1310
|
arrow: ""
|
|
1336
1311
|
}, {
|
|
@@ -1342,8 +1317,8 @@ const nl = /* @__PURE__ */ m(rl, [["__scopeId", "data-v-080238bd"]]), dl = (e) =
|
|
|
1342
1317
|
])
|
|
1343
1318
|
])
|
|
1344
1319
|
]),
|
|
1345
|
-
t("div",
|
|
1346
|
-
|
|
1320
|
+
t("div", fl, [
|
|
1321
|
+
gl,
|
|
1347
1322
|
k(G, {
|
|
1348
1323
|
src: e.video.src,
|
|
1349
1324
|
"local-video": "",
|
|
@@ -1359,11 +1334,10 @@ const nl = /* @__PURE__ */ m(rl, [["__scopeId", "data-v-080238bd"]]), dl = (e) =
|
|
|
1359
1334
|
])
|
|
1360
1335
|
]));
|
|
1361
1336
|
}
|
|
1362
|
-
})
|
|
1363
|
-
const bl = /* @__PURE__ */ m(gl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { class: "logo-wall__wrapper" }, $l = { class: "logo-wall__content" }, kl = {
|
|
1337
|
+
}), yl = /* @__PURE__ */ v(bl, [["__scopeId", "data-v-bfcd60d5"]]), $l = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, wl = {
|
|
1364
1338
|
key: 0,
|
|
1365
1339
|
class: "logo-wall__text"
|
|
1366
|
-
},
|
|
1340
|
+
}, Sl = { key: 0 }, Bl = { key: 1 }, Il = { class: "logo-wall__logos" }, ql = { class: "logo-wall__link" }, Ll = /* @__PURE__ */ f({
|
|
1367
1341
|
__name: "logo-wall",
|
|
1368
1342
|
props: {
|
|
1369
1343
|
headline: {
|
|
@@ -1381,20 +1355,20 @@ const bl = /* @__PURE__ */ m(gl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { cla
|
|
|
1381
1355
|
}
|
|
1382
1356
|
},
|
|
1383
1357
|
setup(e) {
|
|
1384
|
-
return (a,
|
|
1385
|
-
t("div",
|
|
1386
|
-
e.headline || e.body ? (
|
|
1387
|
-
e.headline ? (
|
|
1388
|
-
e.body ? (
|
|
1358
|
+
return (a, r) => (o(), i("div", $l, [
|
|
1359
|
+
t("div", kl, [
|
|
1360
|
+
e.headline || e.body ? (o(), i("div", wl, [
|
|
1361
|
+
e.headline ? (o(), i("h2", Sl, d(e.headline), 1)) : g("", !0),
|
|
1362
|
+
e.body ? (o(), i("p", Bl, d(e.body), 1)) : g("", !0)
|
|
1389
1363
|
])) : g("", !0),
|
|
1390
|
-
t("div",
|
|
1391
|
-
(
|
|
1364
|
+
t("div", Il, [
|
|
1365
|
+
(o(!0), i(V, null, A(e.logos, (l) => (o(), i("div", {
|
|
1392
1366
|
key: l.src + l.alt,
|
|
1393
1367
|
class: "logo-wall__logo"
|
|
1394
1368
|
}, [
|
|
1395
|
-
k(
|
|
1369
|
+
k(D, null, {
|
|
1396
1370
|
default: w(() => [
|
|
1397
|
-
p(a.$slots, "logo-wall-logo",
|
|
1371
|
+
p(a.$slots, "logo-wall-logo", O(F({
|
|
1398
1372
|
width: 130,
|
|
1399
1373
|
height: 130,
|
|
1400
1374
|
src: l.src,
|
|
@@ -1405,8 +1379,8 @@ const bl = /* @__PURE__ */ m(gl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { cla
|
|
|
1405
1379
|
}, 1024)
|
|
1406
1380
|
]))), 128))
|
|
1407
1381
|
]),
|
|
1408
|
-
t("div",
|
|
1409
|
-
k(
|
|
1382
|
+
t("div", ql, [
|
|
1383
|
+
k(M, {
|
|
1410
1384
|
"link-type": "regular_light",
|
|
1411
1385
|
arrow: !0
|
|
1412
1386
|
}, {
|
|
@@ -1419,37 +1393,35 @@ const bl = /* @__PURE__ */ m(gl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { cla
|
|
|
1419
1393
|
])
|
|
1420
1394
|
]));
|
|
1421
1395
|
}
|
|
1422
|
-
})
|
|
1423
|
-
const Ll = /* @__PURE__ */ m(ql, [["__scopeId", "data-v-a8afd396"]]), Tl = { class: "micro-stories__splide" }, Cl = /* @__PURE__ */ f({
|
|
1396
|
+
}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__splide" }, Vl = /* @__PURE__ */ f({
|
|
1424
1397
|
__name: "micro-stories",
|
|
1425
1398
|
props: {
|
|
1426
1399
|
bgColor: { default: "blue" }
|
|
1427
1400
|
},
|
|
1428
1401
|
setup(e) {
|
|
1429
|
-
const a =
|
|
1402
|
+
const a = {
|
|
1430
1403
|
white: "micro-stories__wrapper--white",
|
|
1431
1404
|
blue: "micro-stories__wrapper--blue",
|
|
1432
1405
|
dark: "micro-stories__wrapper--dark"
|
|
1433
|
-
},
|
|
1434
|
-
return (
|
|
1435
|
-
class: h(["micro-stories__wrapper",
|
|
1406
|
+
}, r = T(() => a[l.bgColor]), l = e;
|
|
1407
|
+
return (s, u) => (o(), i("div", {
|
|
1408
|
+
class: h(["micro-stories__wrapper", r.value])
|
|
1436
1409
|
}, [
|
|
1437
|
-
t("div",
|
|
1438
|
-
p(
|
|
1410
|
+
t("div", Cl, [
|
|
1411
|
+
p(s.$slots, "micro-stories-slides")
|
|
1439
1412
|
]),
|
|
1440
|
-
p(
|
|
1413
|
+
p(s.$slots, "micro-stories-controls")
|
|
1441
1414
|
], 2));
|
|
1442
1415
|
}
|
|
1443
|
-
});
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
t("div", Dl, [
|
|
1416
|
+
}), Al = {}, Dl = { class: "policy__wrapper" }, Ml = { class: "policy__content" };
|
|
1417
|
+
function Ol(e, a) {
|
|
1418
|
+
return o(), i("div", Dl, [
|
|
1419
|
+
t("div", Ml, [
|
|
1448
1420
|
p(e.$slots, "default", {}, void 0, !0)
|
|
1449
1421
|
])
|
|
1450
1422
|
]);
|
|
1451
1423
|
}
|
|
1452
|
-
const
|
|
1424
|
+
const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b"]]), Fl = { class: "product-hero__wrapper" }, El = { class: "product-hero__content" }, Nl = { class: "product-hero__headline" }, Rl = { class: "product-hero__video" }, Hl = /* @__PURE__ */ f({
|
|
1453
1425
|
__name: "product-hero",
|
|
1454
1426
|
props: {
|
|
1455
1427
|
headline: {
|
|
@@ -1474,12 +1446,12 @@ const Ol = /* @__PURE__ */ m(Vl, [["render", Ml], ["__scopeId", "data-v-8765ee0b
|
|
|
1474
1446
|
}
|
|
1475
1447
|
},
|
|
1476
1448
|
setup(e) {
|
|
1477
|
-
return (a,
|
|
1478
|
-
t("div",
|
|
1479
|
-
t("div",
|
|
1449
|
+
return (a, r) => (o(), i("div", Fl, [
|
|
1450
|
+
t("div", El, [
|
|
1451
|
+
t("div", Nl, [
|
|
1480
1452
|
t("h1", null, d(e.headline), 1)
|
|
1481
1453
|
]),
|
|
1482
|
-
t("div",
|
|
1454
|
+
t("div", Rl, [
|
|
1483
1455
|
k(G, {
|
|
1484
1456
|
play: "",
|
|
1485
1457
|
"local-video": !0,
|
|
@@ -1495,8 +1467,7 @@ const Ol = /* @__PURE__ */ m(Vl, [["render", Ml], ["__scopeId", "data-v-8765ee0b
|
|
|
1495
1467
|
])
|
|
1496
1468
|
]));
|
|
1497
1469
|
}
|
|
1498
|
-
})
|
|
1499
|
-
const Rl = /* @__PURE__ */ m(Nl, [["__scopeId", "data-v-a4551025"]]), zl = { class: "promo__content" }, Ul = /* @__PURE__ */ f({
|
|
1470
|
+
}), zl = /* @__PURE__ */ v(Hl, [["__scopeId", "data-v-a4551025"]]), Ul = { class: "promo__content" }, Kl = /* @__PURE__ */ f({
|
|
1500
1471
|
__name: "promo",
|
|
1501
1472
|
props: {
|
|
1502
1473
|
label: { default: "" },
|
|
@@ -1512,85 +1483,85 @@ const Rl = /* @__PURE__ */ m(Nl, [["__scopeId", "data-v-a4551025"]]), zl = { cla
|
|
|
1512
1483
|
teaser: { type: Boolean, default: !1 }
|
|
1513
1484
|
},
|
|
1514
1485
|
setup(e) {
|
|
1515
|
-
const a =
|
|
1486
|
+
const a = {
|
|
1516
1487
|
dark: "promo__wrapper--dark",
|
|
1517
1488
|
light: "promo__wrapper--light",
|
|
1518
1489
|
default: "promo__wrapper--default"
|
|
1519
|
-
}, l =
|
|
1520
|
-
return (
|
|
1490
|
+
}, r = e, l = T(() => a[r.variant]);
|
|
1491
|
+
return (s, u) => (o(), i("div", {
|
|
1521
1492
|
class: h([
|
|
1522
1493
|
"promo__wrapper",
|
|
1523
1494
|
l.value,
|
|
1524
|
-
|
|
1495
|
+
s.teaser ? "promo__wrapper--teaser" : ""
|
|
1525
1496
|
])
|
|
1526
1497
|
}, [
|
|
1527
|
-
t("div",
|
|
1528
|
-
|
|
1498
|
+
t("div", Ul, [
|
|
1499
|
+
s.mediaType === "image" ? (o(), i("div", {
|
|
1529
1500
|
key: 0,
|
|
1530
1501
|
class: h([
|
|
1531
1502
|
"promo__image",
|
|
1532
|
-
|
|
1503
|
+
s.reverse ? "promo__image--reverse" : "promo__image--default"
|
|
1533
1504
|
])
|
|
1534
1505
|
}, [
|
|
1535
|
-
k(
|
|
1506
|
+
k(D, null, {
|
|
1536
1507
|
default: w(() => [
|
|
1537
|
-
p(
|
|
1508
|
+
p(s.$slots, "promo-image", O(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
|
|
1538
1509
|
]),
|
|
1539
1510
|
_: 3
|
|
1540
1511
|
})
|
|
1541
1512
|
], 2)) : g("", !0),
|
|
1542
|
-
|
|
1513
|
+
s.mediaType === "video" ? (o(), i("div", {
|
|
1543
1514
|
key: 1,
|
|
1544
1515
|
class: h([
|
|
1545
1516
|
"promo__video",
|
|
1546
|
-
|
|
1517
|
+
s.reverse ? "promo__video--reverse" : "promo__video--default"
|
|
1547
1518
|
])
|
|
1548
1519
|
}, [
|
|
1549
1520
|
k(G, {
|
|
1550
|
-
src:
|
|
1521
|
+
src: s.src,
|
|
1551
1522
|
"local-video": "",
|
|
1552
|
-
"aria-label":
|
|
1523
|
+
"aria-label": s.alt,
|
|
1553
1524
|
controls: !1,
|
|
1554
1525
|
autoplay: "",
|
|
1555
1526
|
loop: "",
|
|
1556
1527
|
muted: "",
|
|
1557
1528
|
play: "",
|
|
1558
|
-
poster:
|
|
1529
|
+
poster: s.fallbackImage
|
|
1559
1530
|
}, null, 8, ["src", "aria-label", "poster"])
|
|
1560
1531
|
], 2)) : g("", !0),
|
|
1561
1532
|
t("div", {
|
|
1562
1533
|
class: h([
|
|
1563
1534
|
"promo__text",
|
|
1564
|
-
|
|
1535
|
+
s.reverse ? "promo__text--reverse" : "promo__text--default"
|
|
1565
1536
|
])
|
|
1566
1537
|
}, [
|
|
1567
|
-
|
|
1538
|
+
s.label ? (o(), P(Y, {
|
|
1568
1539
|
key: 0,
|
|
1569
|
-
text:
|
|
1570
|
-
"label-dark":
|
|
1540
|
+
text: s.label,
|
|
1541
|
+
"label-dark": s.variant === "dark"
|
|
1571
1542
|
}, null, 8, ["text", "label-dark"])) : g("", !0),
|
|
1572
1543
|
t("div", {
|
|
1573
1544
|
class: h([
|
|
1574
1545
|
"promo__title",
|
|
1575
|
-
|
|
1546
|
+
s.variant === "dark" ? "promo__title--dark" : ""
|
|
1576
1547
|
])
|
|
1577
|
-
}, d(
|
|
1578
|
-
|
|
1548
|
+
}, d(s.headline), 3),
|
|
1549
|
+
s.linkType === "link" ? (o(), P(M, {
|
|
1579
1550
|
key: 1,
|
|
1580
|
-
"link-type":
|
|
1551
|
+
"link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
|
|
1581
1552
|
arrow: ""
|
|
1582
1553
|
}, {
|
|
1583
1554
|
default: w(() => [
|
|
1584
|
-
p(
|
|
1555
|
+
p(s.$slots, "promo-link")
|
|
1585
1556
|
]),
|
|
1586
1557
|
_: 3
|
|
1587
1558
|
}, 8, ["link-type"])) : g("", !0),
|
|
1588
|
-
|
|
1559
|
+
s.linkType === "button" ? (o(), P(M, {
|
|
1589
1560
|
key: 2,
|
|
1590
|
-
"link-type":
|
|
1561
|
+
"link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
|
|
1591
1562
|
}, {
|
|
1592
1563
|
default: w(() => [
|
|
1593
|
-
p(
|
|
1564
|
+
p(s.$slots, "promo-link")
|
|
1594
1565
|
]),
|
|
1595
1566
|
_: 3
|
|
1596
1567
|
}, 8, ["link-type"])) : g("", !0)
|
|
@@ -1598,11 +1569,10 @@ const Rl = /* @__PURE__ */ m(Nl, [["__scopeId", "data-v-a4551025"]]), zl = { cla
|
|
|
1598
1569
|
])
|
|
1599
1570
|
], 2));
|
|
1600
1571
|
}
|
|
1601
|
-
})
|
|
1602
|
-
const Kl = /* @__PURE__ */ m(Ul, [["__scopeId", "data-v-7e80a0f0"]]), jl = (e) => (F("data-v-e3cc8e27"), e = e(), E(), e), Gl = { class: "quote__wrapper" }, Wl = { class: "quote__content" }, Yl = /* @__PURE__ */ jl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Ql = { class: "quote__quote" }, Zl = { class: "quote__quote-text" }, Jl = { class: "quote__author" }, Xl = {
|
|
1572
|
+
}), jl = /* @__PURE__ */ v(Kl, [["__scopeId", "data-v-7e80a0f0"]]), Gl = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Wl = { class: "quote__wrapper" }, Yl = { class: "quote__content" }, Ql = /* @__PURE__ */ Gl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Zl = { class: "quote__quote" }, Jl = { class: "quote__quote-text" }, Xl = { class: "quote__author" }, xl = {
|
|
1603
1573
|
key: 0,
|
|
1604
1574
|
class: "quote__image"
|
|
1605
|
-
},
|
|
1575
|
+
}, eo = { class: "quote__text" }, to = { class: "quote__author-name" }, ao = { class: "quote__author-title" }, lo = /* @__PURE__ */ f({
|
|
1606
1576
|
__name: "quote",
|
|
1607
1577
|
props: {
|
|
1608
1578
|
quote: {
|
|
@@ -1624,16 +1594,16 @@ const Kl = /* @__PURE__ */ m(Ul, [["__scopeId", "data-v-7e80a0f0"]]), jl = (e) =
|
|
|
1624
1594
|
}
|
|
1625
1595
|
},
|
|
1626
1596
|
setup(e) {
|
|
1627
|
-
return (a,
|
|
1628
|
-
t("div",
|
|
1629
|
-
|
|
1630
|
-
t("div",
|
|
1631
|
-
t("p",
|
|
1632
|
-
t("div",
|
|
1633
|
-
e.authorImage ? (
|
|
1634
|
-
k(
|
|
1597
|
+
return (a, r) => (o(), i("div", Wl, [
|
|
1598
|
+
t("div", Yl, [
|
|
1599
|
+
Ql,
|
|
1600
|
+
t("div", Zl, [
|
|
1601
|
+
t("p", Jl, d(e.quote), 1),
|
|
1602
|
+
t("div", Xl, [
|
|
1603
|
+
e.authorImage ? (o(), i("div", xl, [
|
|
1604
|
+
k(D, null, {
|
|
1635
1605
|
default: w(() => [
|
|
1636
|
-
p(a.$slots, "author-image",
|
|
1606
|
+
p(a.$slots, "author-image", O(F({
|
|
1637
1607
|
src: e.authorImage + "/m/100x100",
|
|
1638
1608
|
width: 60,
|
|
1639
1609
|
height: 60
|
|
@@ -1642,23 +1612,22 @@ const Kl = /* @__PURE__ */ m(Ul, [["__scopeId", "data-v-7e80a0f0"]]), jl = (e) =
|
|
|
1642
1612
|
_: 3
|
|
1643
1613
|
})
|
|
1644
1614
|
])) : g("", !0),
|
|
1645
|
-
t("div",
|
|
1646
|
-
t("p",
|
|
1647
|
-
t("p",
|
|
1615
|
+
t("div", eo, [
|
|
1616
|
+
t("p", to, d(e.author), 1),
|
|
1617
|
+
t("p", ao, d(e.authorTitle), 1)
|
|
1648
1618
|
])
|
|
1649
1619
|
])
|
|
1650
1620
|
])
|
|
1651
1621
|
])
|
|
1652
1622
|
]));
|
|
1653
1623
|
}
|
|
1654
|
-
})
|
|
1655
|
-
const ls = /* @__PURE__ */ m(as, [["__scopeId", "data-v-e3cc8e27"]]), ss = { class: "rich-text__wrapper" }, os = {
|
|
1624
|
+
}), oo = /* @__PURE__ */ v(lo, [["__scopeId", "data-v-e3cc8e27"]]), so = { class: "rich-text__wrapper" }, io = {
|
|
1656
1625
|
key: 0,
|
|
1657
1626
|
class: "rich-text__links"
|
|
1658
|
-
},
|
|
1627
|
+
}, ro = {
|
|
1659
1628
|
key: 0,
|
|
1660
1629
|
class: "rich-text__bullet-list"
|
|
1661
|
-
},
|
|
1630
|
+
}, no = /* @__PURE__ */ f({
|
|
1662
1631
|
__name: "rich-text",
|
|
1663
1632
|
props: {
|
|
1664
1633
|
headline: { default: "" },
|
|
@@ -1671,19 +1640,19 @@ const ls = /* @__PURE__ */ m(as, [["__scopeId", "data-v-e3cc8e27"]]), ss = { cla
|
|
|
1671
1640
|
label: { default: "" }
|
|
1672
1641
|
},
|
|
1673
1642
|
setup(e) {
|
|
1674
|
-
return (a,
|
|
1643
|
+
return (a, r) => (o(), i("div", {
|
|
1675
1644
|
class: h([
|
|
1676
1645
|
"rich-text",
|
|
1677
1646
|
a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
|
|
1678
1647
|
])
|
|
1679
1648
|
}, [
|
|
1680
|
-
t("div",
|
|
1681
|
-
a.label ? (
|
|
1649
|
+
t("div", so, [
|
|
1650
|
+
a.label ? (o(), P(Y, {
|
|
1682
1651
|
key: 0,
|
|
1683
1652
|
text: a.label,
|
|
1684
1653
|
"label-dark": !1
|
|
1685
1654
|
}, null, 8, ["text"])) : g("", !0),
|
|
1686
|
-
a.headline ? (
|
|
1655
|
+
a.headline ? (o(), i("h2", {
|
|
1687
1656
|
key: 1,
|
|
1688
1657
|
class: h([
|
|
1689
1658
|
"rich-text__headline",
|
|
@@ -1703,23 +1672,23 @@ const ls = /* @__PURE__ */ m(as, [["__scopeId", "data-v-e3cc8e27"]]), ss = { cla
|
|
|
1703
1672
|
])
|
|
1704
1673
|
}, [
|
|
1705
1674
|
p(a.$slots, "rich-text-content"),
|
|
1706
|
-
a.links ? (
|
|
1675
|
+
a.links ? (o(), i("div", io, [
|
|
1707
1676
|
p(a.$slots, "rich-text-links")
|
|
1708
1677
|
])) : g("", !0)
|
|
1709
1678
|
], 2),
|
|
1710
|
-
a.bulletList ? (
|
|
1679
|
+
a.bulletList ? (o(), i("div", ro, [
|
|
1711
1680
|
p(a.$slots, "rich-text-bullet-list")
|
|
1712
1681
|
])) : g("", !0),
|
|
1713
|
-
a.image ? (
|
|
1682
|
+
a.image ? (o(), i("div", {
|
|
1714
1683
|
key: 1,
|
|
1715
1684
|
class: h([
|
|
1716
1685
|
"rich-text__image",
|
|
1717
1686
|
a.imageClip ? "rich-text__image--clip" : ""
|
|
1718
1687
|
])
|
|
1719
1688
|
}, [
|
|
1720
|
-
k(
|
|
1689
|
+
k(D, null, {
|
|
1721
1690
|
default: w(() => [
|
|
1722
|
-
p(a.$slots, "rich-text-image",
|
|
1691
|
+
p(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
|
|
1723
1692
|
]),
|
|
1724
1693
|
_: 3
|
|
1725
1694
|
})
|
|
@@ -1728,14 +1697,12 @@ const ls = /* @__PURE__ */ m(as, [["__scopeId", "data-v-e3cc8e27"]]), ss = { cla
|
|
|
1728
1697
|
])
|
|
1729
1698
|
], 2));
|
|
1730
1699
|
}
|
|
1731
|
-
});
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
t("div", _s, [
|
|
1738
|
-
t("div", ps, [
|
|
1700
|
+
}), co = /* @__PURE__ */ v(no, [["__scopeId", "data-v-7bcde564"]]), uo = {}, _o = { class: "rich-text" }, po = { class: "rich-text__wrapper" }, ho = { class: "rich-text__content rich-text__content--left-aligned" }, mo = { class: "rich-text__body" };
|
|
1701
|
+
function vo(e, a) {
|
|
1702
|
+
return o(), i("div", _o, [
|
|
1703
|
+
t("div", po, [
|
|
1704
|
+
t("div", ho, [
|
|
1705
|
+
t("div", mo, [
|
|
1739
1706
|
t("div", null, [
|
|
1740
1707
|
p(e.$slots, "rich-text-content-left", {}, void 0, !0)
|
|
1741
1708
|
]),
|
|
@@ -1747,10 +1714,10 @@ function hs(e, a) {
|
|
|
1747
1714
|
])
|
|
1748
1715
|
]);
|
|
1749
1716
|
}
|
|
1750
|
-
const
|
|
1717
|
+
const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4"]]), go = (e) => (E("data-v-78d319df"), e = e(), N(), e), bo = { class: "timeline__wrapper" }, yo = { class: "timeline__content" }, $o = { class: "timeline__items" }, ko = { class: "item__left" }, wo = /* @__PURE__ */ go(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
|
|
1751
1718
|
/* @__PURE__ */ t("div", { class: "circle" }),
|
|
1752
1719
|
/* @__PURE__ */ t("div", { class: "line" })
|
|
1753
|
-
], -1)),
|
|
1720
|
+
], -1)), So = { class: "item__right" }, Bo = ["innerHTML"], Io = /* @__PURE__ */ f({
|
|
1754
1721
|
__name: "timeline",
|
|
1755
1722
|
props: {
|
|
1756
1723
|
timelineItems: {
|
|
@@ -1759,11 +1726,11 @@ const vs = /* @__PURE__ */ m(ds, [["render", hs], ["__scopeId", "data-v-3abe0bb4
|
|
|
1759
1726
|
}
|
|
1760
1727
|
},
|
|
1761
1728
|
setup(e) {
|
|
1762
|
-
return
|
|
1763
|
-
const a = document.querySelectorAll(".timeline__item"),
|
|
1729
|
+
return ce(() => {
|
|
1730
|
+
const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
|
|
1764
1731
|
(l) => {
|
|
1765
|
-
l.forEach((
|
|
1766
|
-
|
|
1732
|
+
l.forEach((s) => {
|
|
1733
|
+
s.isIntersecting && (s.target.classList.add("visible"), s.target.classList.remove("faded"), r.unobserve(s.target));
|
|
1767
1734
|
});
|
|
1768
1735
|
},
|
|
1769
1736
|
{
|
|
@@ -1771,40 +1738,39 @@ const vs = /* @__PURE__ */ m(ds, [["render", hs], ["__scopeId", "data-v-3abe0bb4
|
|
|
1771
1738
|
}
|
|
1772
1739
|
);
|
|
1773
1740
|
a.forEach((l) => {
|
|
1774
|
-
|
|
1741
|
+
r.observe(l);
|
|
1775
1742
|
});
|
|
1776
|
-
}), (a,
|
|
1777
|
-
t("div",
|
|
1778
|
-
t("div",
|
|
1779
|
-
(
|
|
1743
|
+
}), (a, r) => (o(), i("div", bo, [
|
|
1744
|
+
t("div", yo, [
|
|
1745
|
+
t("div", $o, [
|
|
1746
|
+
(o(!0), i(V, null, A(e.timelineItems, (l) => (o(), i("div", {
|
|
1780
1747
|
key: l.year,
|
|
1781
1748
|
class: "timeline__item faded"
|
|
1782
1749
|
}, [
|
|
1783
|
-
t("div",
|
|
1784
|
-
|
|
1785
|
-
t("div",
|
|
1786
|
-
k(
|
|
1750
|
+
t("div", ko, d(l.year), 1),
|
|
1751
|
+
wo,
|
|
1752
|
+
t("div", So, [
|
|
1753
|
+
k(D, null, {
|
|
1787
1754
|
default: w(() => [
|
|
1788
|
-
l.media.type === "image" ? p(a.$slots, "timeline-image",
|
|
1755
|
+
l.media.type === "image" ? p(a.$slots, "timeline-image", O(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
|
|
1789
1756
|
]),
|
|
1790
1757
|
_: 2
|
|
1791
1758
|
}, 1024),
|
|
1792
1759
|
t("div", {
|
|
1793
|
-
style:
|
|
1760
|
+
style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
|
|
1794
1761
|
class: "rich-text",
|
|
1795
1762
|
innerHTML: l.text
|
|
1796
|
-
}, null, 12,
|
|
1763
|
+
}, null, 12, Bo)
|
|
1797
1764
|
])
|
|
1798
1765
|
]))), 128))
|
|
1799
1766
|
])
|
|
1800
1767
|
])
|
|
1801
1768
|
]));
|
|
1802
1769
|
}
|
|
1803
|
-
})
|
|
1804
|
-
const Bs = /* @__PURE__ */ m(Ss, [["__scopeId", "data-v-78d319df"]]), Is = { class: "triple-card-display__wrapper" }, qs = {
|
|
1770
|
+
}), qo = /* @__PURE__ */ v(Io, [["__scopeId", "data-v-78d319df"]]), Lo = { class: "triple-card-display__wrapper" }, To = {
|
|
1805
1771
|
key: 0,
|
|
1806
1772
|
class: "triple-card__content"
|
|
1807
|
-
},
|
|
1773
|
+
}, Co = { key: 0 }, Vo = { key: 1 }, Ao = { class: "triple-card__cards" }, Do = /* @__PURE__ */ f({
|
|
1808
1774
|
__name: "triple-card-display",
|
|
1809
1775
|
props: {
|
|
1810
1776
|
headline: {
|
|
@@ -1821,31 +1787,30 @@ const Bs = /* @__PURE__ */ m(Ss, [["__scopeId", "data-v-78d319df"]]), Is = { cla
|
|
|
1821
1787
|
}
|
|
1822
1788
|
},
|
|
1823
1789
|
setup(e) {
|
|
1824
|
-
return (a,
|
|
1790
|
+
return (a, r) => (o(), i("div", {
|
|
1825
1791
|
class: h([
|
|
1826
1792
|
"triple-card-display",
|
|
1827
1793
|
e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
|
|
1828
1794
|
])
|
|
1829
1795
|
}, [
|
|
1830
|
-
t("div",
|
|
1831
|
-
e.headline || e.paragraph ? (
|
|
1832
|
-
e.headline ? (
|
|
1833
|
-
e.paragraph ? (
|
|
1796
|
+
t("div", Lo, [
|
|
1797
|
+
e.headline || e.paragraph ? (o(), i("div", To, [
|
|
1798
|
+
e.headline ? (o(), i("h2", Co, d(e.headline), 1)) : g("", !0),
|
|
1799
|
+
e.paragraph ? (o(), i("p", Vo, d(e.paragraph), 1)) : g("", !0)
|
|
1834
1800
|
])) : g("", !0),
|
|
1835
|
-
t("div",
|
|
1801
|
+
t("div", Ao, [
|
|
1836
1802
|
p(a.$slots, "triple-card-display-cards", {}, void 0, !0)
|
|
1837
1803
|
])
|
|
1838
1804
|
])
|
|
1839
1805
|
], 2));
|
|
1840
1806
|
}
|
|
1841
|
-
})
|
|
1842
|
-
const As = /* @__PURE__ */ m(Vs, [["__scopeId", "data-v-d77943df"]]), Ds = { class: "vimeo" }, Ms = { class: "vimeo__wrapper" }, Os = {
|
|
1807
|
+
}), Mo = /* @__PURE__ */ v(Do, [["__scopeId", "data-v-d77943df"]]), Oo = { class: "vimeo" }, Po = { class: "vimeo__wrapper" }, Fo = {
|
|
1843
1808
|
key: 0,
|
|
1844
1809
|
class: "vimeo__headline"
|
|
1845
|
-
},
|
|
1810
|
+
}, Eo = {
|
|
1846
1811
|
key: 1,
|
|
1847
1812
|
class: "vimeo__description"
|
|
1848
|
-
},
|
|
1813
|
+
}, No = /* @__PURE__ */ f({
|
|
1849
1814
|
__name: "vimeo",
|
|
1850
1815
|
props: {
|
|
1851
1816
|
headline: {
|
|
@@ -1858,16 +1823,15 @@ const As = /* @__PURE__ */ m(Vs, [["__scopeId", "data-v-d77943df"]]), Ds = { cla
|
|
|
1858
1823
|
}
|
|
1859
1824
|
},
|
|
1860
1825
|
setup(e) {
|
|
1861
|
-
return (a,
|
|
1862
|
-
t("div",
|
|
1863
|
-
e.headline ? (
|
|
1826
|
+
return (a, r) => (o(), i("div", Oo, [
|
|
1827
|
+
t("div", Po, [
|
|
1828
|
+
e.headline ? (o(), i("h2", Fo, d(e.headline), 1)) : g("", !0),
|
|
1864
1829
|
p(a.$slots, "vimeo-content", {}, void 0, !0),
|
|
1865
|
-
e.description ? (
|
|
1830
|
+
e.description ? (o(), i("p", Eo, d(e.description), 1)) : g("", !0)
|
|
1866
1831
|
])
|
|
1867
1832
|
]));
|
|
1868
1833
|
}
|
|
1869
|
-
})
|
|
1870
|
-
const Es = /* @__PURE__ */ m(Fs, [["__scopeId", "data-v-599c68c7"]]), Hs = { class: "not-found__wrapper" }, Ns = { class: "not-found__content" }, Rs = { class: "not-found__headline" }, zs = { class: "not-found__body" }, Us = /* @__PURE__ */ f({
|
|
1834
|
+
}), Ro = /* @__PURE__ */ v(No, [["__scopeId", "data-v-599c68c7"]]), Ho = { class: "not-found__wrapper" }, zo = { class: "not-found__content" }, Uo = { class: "not-found__headline" }, Ko = { class: "not-found__body" }, jo = /* @__PURE__ */ f({
|
|
1871
1835
|
__name: "404",
|
|
1872
1836
|
props: {
|
|
1873
1837
|
headline: {
|
|
@@ -1876,17 +1840,16 @@ const Es = /* @__PURE__ */ m(Fs, [["__scopeId", "data-v-599c68c7"]]), Hs = { cla
|
|
|
1876
1840
|
}
|
|
1877
1841
|
},
|
|
1878
1842
|
setup(e) {
|
|
1879
|
-
return (a,
|
|
1880
|
-
t("div",
|
|
1881
|
-
t("h1",
|
|
1882
|
-
t("div",
|
|
1843
|
+
return (a, r) => (o(), i("div", Ho, [
|
|
1844
|
+
t("div", zo, [
|
|
1845
|
+
t("h1", Uo, d(e.headline), 1),
|
|
1846
|
+
t("div", Ko, [
|
|
1883
1847
|
p(a.$slots, "not-found-body", {}, void 0, !0)
|
|
1884
1848
|
])
|
|
1885
1849
|
])
|
|
1886
1850
|
]));
|
|
1887
1851
|
}
|
|
1888
|
-
})
|
|
1889
|
-
const Ks = /* @__PURE__ */ m(Us, [["__scopeId", "data-v-b829ca6c"]]), js = { class: "filter__wrapper" }, Gs = { class: "filter__content" }, Ws = { class: "filter__dropdowns" }, Ys = { class: "filter__chips" }, Qs = /* @__PURE__ */ f({
|
|
1852
|
+
}), Go = /* @__PURE__ */ v(jo, [["__scopeId", "data-v-b829ca6c"]]), Wo = { class: "filter__wrapper" }, Yo = { class: "filter__content" }, Qo = { class: "filter__dropdowns" }, Zo = { class: "filter__chips" }, Jo = /* @__PURE__ */ f({
|
|
1890
1853
|
__name: "filter",
|
|
1891
1854
|
props: {
|
|
1892
1855
|
hasChips: {
|
|
@@ -1896,29 +1859,28 @@ const Ks = /* @__PURE__ */ m(Us, [["__scopeId", "data-v-b829ca6c"]]), js = { cla
|
|
|
1896
1859
|
},
|
|
1897
1860
|
emits: ["clearFilters"],
|
|
1898
1861
|
setup(e) {
|
|
1899
|
-
return (a,
|
|
1900
|
-
t("div",
|
|
1901
|
-
t("div",
|
|
1862
|
+
return (a, r) => (o(), i("div", Wo, [
|
|
1863
|
+
t("div", Yo, [
|
|
1864
|
+
t("div", Qo, [
|
|
1902
1865
|
p(a.$slots, "filter-dropdowns")
|
|
1903
1866
|
]),
|
|
1904
|
-
t("div",
|
|
1867
|
+
t("div", Zo, [
|
|
1905
1868
|
p(a.$slots, "filter-chips"),
|
|
1906
|
-
e.hasChips ? (
|
|
1869
|
+
e.hasChips ? (o(), i("button", {
|
|
1907
1870
|
key: 0,
|
|
1908
1871
|
class: "filter__clear",
|
|
1909
|
-
onClick:
|
|
1872
|
+
onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
|
|
1910
1873
|
}, " Remove all filters ")) : g("", !0)
|
|
1911
1874
|
])
|
|
1912
1875
|
])
|
|
1913
1876
|
]));
|
|
1914
1877
|
}
|
|
1915
|
-
})
|
|
1916
|
-
const Zs = /* @__PURE__ */ m(Qs, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (F("data-v-cf5ea14f"), e = e(), E(), e), Js = { class: "footer__wrapper" }, Xs = { class: "footer__content" }, xs = { class: "footer__sections" }, eo = { class: "section__title" }, to = { class: "section__list" }, ao = { class: "section" }, lo = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), so = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), oo = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), io = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ro = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), no = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), co = { class: "footer__bottom" }, uo = { class: "copyright" }, _o = { class: "footer__policy" }, po = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
|
|
1878
|
+
}), Xo = /* @__PURE__ */ v(Jo, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (E("data-v-cf5ea14f"), e = e(), N(), e), xo = { class: "footer__wrapper" }, es = { class: "footer__content" }, ts = { class: "footer__sections" }, as = { class: "section__title" }, ls = { class: "section__list" }, os = { class: "section" }, ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ds = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), cs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), us = { class: "footer__bottom" }, _s = { class: "copyright" }, ps = { class: "footer__policy" }, hs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
|
|
1917
1879
|
/* @__PURE__ */ t("i", { class: "change-region" }),
|
|
1918
1880
|
/* @__PURE__ */ j("Change region")
|
|
1919
|
-
], -1)),
|
|
1920
|
-
|
|
1921
|
-
],
|
|
1881
|
+
], -1)), ms = [
|
|
1882
|
+
hs
|
|
1883
|
+
], vs = { class: "footer__social" }, fs = ["href", "aria-label"], gs = /* @__PURE__ */ f({
|
|
1922
1884
|
__name: "footer",
|
|
1923
1885
|
props: {
|
|
1924
1886
|
footerSections: { default: () => [] },
|
|
@@ -1928,63 +1890,63 @@ const Zs = /* @__PURE__ */ m(Qs, [["__scopeId", "data-v-c11a3620"]]), z = (e) =>
|
|
|
1928
1890
|
},
|
|
1929
1891
|
emits: ["changeRegionClicked"],
|
|
1930
1892
|
setup(e) {
|
|
1931
|
-
return (a,
|
|
1932
|
-
t("footer",
|
|
1933
|
-
t("div",
|
|
1934
|
-
(
|
|
1893
|
+
return (a, r) => (o(), i("div", xo, [
|
|
1894
|
+
t("footer", es, [
|
|
1895
|
+
t("div", ts, [
|
|
1896
|
+
(o(!0), i(V, null, A(a.footerSections, (l) => (o(), i("div", {
|
|
1935
1897
|
key: l.title,
|
|
1936
1898
|
class: "section"
|
|
1937
1899
|
}, [
|
|
1938
|
-
t("span",
|
|
1900
|
+
t("span", as, d(l.title), 1),
|
|
1939
1901
|
t("nav", null, [
|
|
1940
|
-
t("ul",
|
|
1902
|
+
t("ul", ls, [
|
|
1941
1903
|
p(a.$slots, "section-links", {
|
|
1942
1904
|
links: l.links
|
|
1943
1905
|
})
|
|
1944
1906
|
])
|
|
1945
1907
|
])
|
|
1946
1908
|
]))), 128)),
|
|
1947
|
-
t("div",
|
|
1948
|
-
|
|
1909
|
+
t("div", os, [
|
|
1910
|
+
ss,
|
|
1949
1911
|
t("address", null, [
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
k(
|
|
1912
|
+
is,
|
|
1913
|
+
rs,
|
|
1914
|
+
ns,
|
|
1915
|
+
k(M, {
|
|
1954
1916
|
class: "footer__contact",
|
|
1955
1917
|
"link-type": "regular_light",
|
|
1956
1918
|
underline: "false"
|
|
1957
1919
|
}, {
|
|
1958
1920
|
default: w(() => [
|
|
1959
|
-
|
|
1921
|
+
ds
|
|
1960
1922
|
]),
|
|
1961
1923
|
_: 1
|
|
1962
1924
|
}),
|
|
1963
|
-
k(
|
|
1925
|
+
k(M, {
|
|
1964
1926
|
class: "footer__contact",
|
|
1965
1927
|
"link-type": "regular_light",
|
|
1966
1928
|
underline: "false"
|
|
1967
1929
|
}, {
|
|
1968
1930
|
default: w(() => [
|
|
1969
|
-
|
|
1931
|
+
cs
|
|
1970
1932
|
]),
|
|
1971
1933
|
_: 1
|
|
1972
1934
|
})
|
|
1973
1935
|
])
|
|
1974
1936
|
])
|
|
1975
1937
|
]),
|
|
1976
|
-
t("div",
|
|
1977
|
-
t("p",
|
|
1978
|
-
t("div",
|
|
1938
|
+
t("div", us, [
|
|
1939
|
+
t("p", _s, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
|
|
1940
|
+
t("div", ps, [
|
|
1979
1941
|
t("button", {
|
|
1980
1942
|
class: "footer__language-switcher",
|
|
1981
|
-
onClick:
|
|
1982
|
-
},
|
|
1943
|
+
onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
|
|
1944
|
+
}, ms),
|
|
1983
1945
|
p(a.$slots, "footer-privacy-link"),
|
|
1984
1946
|
p(a.$slots, "footer-cookie-link")
|
|
1985
1947
|
]),
|
|
1986
|
-
t("div",
|
|
1987
|
-
(
|
|
1948
|
+
t("div", vs, [
|
|
1949
|
+
(o(!0), i(V, null, A(a.socialMedia, (l) => (o(), P(M, {
|
|
1988
1950
|
key: l.title,
|
|
1989
1951
|
underline: "false",
|
|
1990
1952
|
"link-type": "regular"
|
|
@@ -1999,7 +1961,7 @@ const Zs = /* @__PURE__ */ m(Qs, [["__scopeId", "data-v-c11a3620"]]), z = (e) =>
|
|
|
1999
1961
|
height: "14",
|
|
2000
1962
|
class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
|
|
2001
1963
|
}, null, 2)
|
|
2002
|
-
], 8,
|
|
1964
|
+
], 8, fs)
|
|
2003
1965
|
]),
|
|
2004
1966
|
_: 2
|
|
2005
1967
|
}, 1024))), 128))
|
|
@@ -2008,20 +1970,19 @@ const Zs = /* @__PURE__ */ m(Qs, [["__scopeId", "data-v-c11a3620"]]), z = (e) =>
|
|
|
2008
1970
|
])
|
|
2009
1971
|
]));
|
|
2010
1972
|
}
|
|
2011
|
-
})
|
|
2012
|
-
const go = /* @__PURE__ */ m(fo, [["__scopeId", "data-v-cf5ea14f"]]), bo = { class: "header__wrapper" }, yo = { class: "nav-wrapper" }, $o = { class: "mir-link-logo" }, ko = { class: "main-nav-items" }, wo = {
|
|
1973
|
+
}), bs = /* @__PURE__ */ v(gs, [["__scopeId", "data-v-cf5ea14f"]]), ys = { class: "header__wrapper" }, $s = { class: "nav-wrapper" }, ks = { class: "mir-link-logo" }, ws = { class: "main-nav-items" }, Ss = {
|
|
2013
1974
|
id: "menu-dropdown",
|
|
2014
1975
|
ref: "dropdownDiv"
|
|
2015
|
-
},
|
|
1976
|
+
}, Bs = {
|
|
2016
1977
|
key: 0,
|
|
2017
1978
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2018
1979
|
alt: "dropdownarrow"
|
|
2019
|
-
},
|
|
1980
|
+
}, Is = {
|
|
2020
1981
|
key: 1,
|
|
2021
1982
|
src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
|
|
2022
1983
|
alt: "dropdownarrow",
|
|
2023
1984
|
style: { transform: "rotate(180deg)" }
|
|
2024
|
-
},
|
|
1985
|
+
}, qs = { class: "dropdown-content" }, Ls = { class: "nav-search-wrapper" }, Ts = ["src"], Cs = { class: "mobile-logo-search-burger-wrapper" }, Vs = { class: "mobile-mir-link-logo" }, As = { class: "mobile-search-wrapper" }, Ds = ["src"], Ms = ["onClick"], Os = ["src"], Ps = { class: "mobile-menu-content-wrapper" }, Fs = { class: "mobile-dropdown-content" }, Es = /* @__PURE__ */ f({
|
|
2025
1986
|
__name: "header",
|
|
2026
1987
|
props: {
|
|
2027
1988
|
burgerState: {
|
|
@@ -2038,132 +1999,133 @@ const go = /* @__PURE__ */ m(fo, [["__scopeId", "data-v-cf5ea14f"]]), bo = { cla
|
|
|
2038
1999
|
"update:showDropDown",
|
|
2039
2000
|
"clickSearch"
|
|
2040
2001
|
],
|
|
2041
|
-
setup(e, { expose: a, emit:
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
(
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
(
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2002
|
+
setup(e, { expose: a, emit: r }) {
|
|
2003
|
+
let l = null;
|
|
2004
|
+
const s = e;
|
|
2005
|
+
let u = I(s.burgerState), c = I(s.showDropDown);
|
|
2006
|
+
re(
|
|
2007
|
+
() => s.burgerState,
|
|
2008
|
+
(B) => u.value = B
|
|
2009
|
+
), re(
|
|
2010
|
+
() => s.showDropDown,
|
|
2011
|
+
(B) => c.value = B
|
|
2012
|
+
), ce(() => {
|
|
2013
|
+
l = (B) => {
|
|
2014
|
+
B.target.closest("#menu-dropdown") || (c.value = !1);
|
|
2015
|
+
}, window.addEventListener("click", l);
|
|
2016
|
+
}), Se(() => {
|
|
2017
|
+
l !== null && window.removeEventListener("click", l);
|
|
2056
2018
|
});
|
|
2057
|
-
|
|
2058
|
-
|
|
2019
|
+
const _ = r;
|
|
2020
|
+
function S() {
|
|
2021
|
+
c.value = !c.value, _("update:showDropDown", c.value);
|
|
2059
2022
|
}
|
|
2060
|
-
function
|
|
2061
|
-
|
|
2023
|
+
function m() {
|
|
2024
|
+
u.value = !u.value, _("update:burgerState", u.value);
|
|
2062
2025
|
}
|
|
2063
|
-
let
|
|
2064
|
-
function
|
|
2065
|
-
|
|
2026
|
+
let y = I(null), q = I(null);
|
|
2027
|
+
function X() {
|
|
2028
|
+
y.value && y.value.blur();
|
|
2066
2029
|
}
|
|
2067
2030
|
return a({
|
|
2068
|
-
defocusSearchButton:
|
|
2069
|
-
}), (
|
|
2031
|
+
defocusSearchButton: X
|
|
2032
|
+
}), (B, U) => (o(), i("div", ys, [
|
|
2070
2033
|
t("nav", null, [
|
|
2071
|
-
t("div",
|
|
2072
|
-
t("div",
|
|
2073
|
-
p(
|
|
2034
|
+
t("div", $s, [
|
|
2035
|
+
t("div", ks, [
|
|
2036
|
+
p(B.$slots, "link-logo", {}, void 0, !0)
|
|
2074
2037
|
]),
|
|
2075
|
-
t("ul",
|
|
2076
|
-
p(
|
|
2038
|
+
t("ul", ws, [
|
|
2039
|
+
p(B.$slots, "main-nav-items", {}, void 0, !0)
|
|
2077
2040
|
]),
|
|
2078
|
-
t("div",
|
|
2041
|
+
t("div", Ss, [
|
|
2079
2042
|
t("button", {
|
|
2080
2043
|
class: "nav-dropdown-btn",
|
|
2081
|
-
onClick:
|
|
2044
|
+
onClick: S
|
|
2082
2045
|
}, [
|
|
2083
|
-
p(
|
|
2084
|
-
|
|
2046
|
+
p(B.$slots, "dropdown-title", {}, void 0, !0),
|
|
2047
|
+
C(c) === !1 ? (o(), i("img", Bs)) : (o(), i("img", Is))
|
|
2085
2048
|
]),
|
|
2086
|
-
Z(t("div",
|
|
2087
|
-
p(
|
|
2049
|
+
Z(t("div", qs, [
|
|
2050
|
+
p(B.$slots, "dropdown-links", {}, void 0, !0)
|
|
2088
2051
|
], 512), [
|
|
2089
|
-
[
|
|
2052
|
+
[ee, C(c)]
|
|
2090
2053
|
])
|
|
2091
2054
|
], 512),
|
|
2092
|
-
t("div",
|
|
2055
|
+
t("div", Ls, [
|
|
2093
2056
|
t("button", {
|
|
2094
2057
|
ref_key: "navSearchButton",
|
|
2095
|
-
ref:
|
|
2058
|
+
ref: y,
|
|
2096
2059
|
class: "search-icon",
|
|
2097
|
-
onClick: U[0] || (U[0] = (
|
|
2098
|
-
var
|
|
2099
|
-
return
|
|
2060
|
+
onClick: U[0] || (U[0] = (x) => {
|
|
2061
|
+
var H;
|
|
2062
|
+
return B.$emit("clickSearch"), (H = C(y)) == null ? void 0 : H.blur();
|
|
2100
2063
|
})
|
|
2101
2064
|
}, [
|
|
2102
2065
|
t("img", {
|
|
2103
|
-
src:
|
|
2066
|
+
src: C(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",
|
|
2104
2067
|
alt: "search icon",
|
|
2105
2068
|
width: "20",
|
|
2106
2069
|
height: "20"
|
|
2107
|
-
}, null, 8,
|
|
2070
|
+
}, null, 8, Ts)
|
|
2108
2071
|
], 512)
|
|
2109
2072
|
])
|
|
2110
2073
|
]),
|
|
2111
2074
|
t("div", {
|
|
2112
|
-
class: h(["mobile-nav-wrapper",
|
|
2075
|
+
class: h(["mobile-nav-wrapper", C(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
|
|
2113
2076
|
}, [
|
|
2114
|
-
t("div",
|
|
2115
|
-
t("div",
|
|
2116
|
-
p(
|
|
2077
|
+
t("div", Cs, [
|
|
2078
|
+
t("div", Vs, [
|
|
2079
|
+
p(B.$slots, "link-logo", {}, void 0, !0)
|
|
2117
2080
|
]),
|
|
2118
|
-
t("div",
|
|
2081
|
+
t("div", As, [
|
|
2119
2082
|
t("button", {
|
|
2120
2083
|
ref_key: "mobileSearchButton",
|
|
2121
2084
|
ref: q,
|
|
2122
2085
|
class: "search-icon",
|
|
2123
2086
|
"aria-label": "Toggle search",
|
|
2124
|
-
onClick: U[1] || (U[1] = (
|
|
2125
|
-
var
|
|
2126
|
-
return
|
|
2087
|
+
onClick: U[1] || (U[1] = (x) => {
|
|
2088
|
+
var H;
|
|
2089
|
+
return B.$emit("clickSearch"), (H = C(q)) == null ? void 0 : H.blur();
|
|
2127
2090
|
})
|
|
2128
2091
|
}, [
|
|
2129
2092
|
t("img", {
|
|
2130
|
-
src:
|
|
2093
|
+
src: C(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",
|
|
2131
2094
|
alt: "search icon",
|
|
2132
2095
|
width: "20",
|
|
2133
2096
|
height: "20"
|
|
2134
|
-
}, null, 8,
|
|
2097
|
+
}, null, 8, Ds)
|
|
2135
2098
|
], 512)
|
|
2136
2099
|
]),
|
|
2137
2100
|
t("button", {
|
|
2138
2101
|
class: "mobile-burger-wrapper",
|
|
2139
2102
|
"aria-label": "Toggle menu",
|
|
2140
|
-
onClick:
|
|
2103
|
+
onClick: ne(m, ["prevent"])
|
|
2141
2104
|
}, [
|
|
2142
2105
|
t("img", {
|
|
2143
2106
|
width: "20",
|
|
2144
2107
|
height: "20",
|
|
2145
2108
|
alt: "burger menu line icon",
|
|
2146
|
-
src:
|
|
2147
|
-
}, null, 8,
|
|
2148
|
-
], 8,
|
|
2109
|
+
src: C(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"
|
|
2110
|
+
}, null, 8, Os)
|
|
2111
|
+
], 8, Ms)
|
|
2149
2112
|
]),
|
|
2150
|
-
Z(t("div",
|
|
2113
|
+
Z(t("div", Ps, [
|
|
2151
2114
|
t("ul", null, [
|
|
2152
|
-
p(
|
|
2115
|
+
p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
|
|
2153
2116
|
]),
|
|
2154
|
-
t("ul",
|
|
2155
|
-
p(
|
|
2156
|
-
p(
|
|
2117
|
+
t("ul", Fs, [
|
|
2118
|
+
p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
|
|
2119
|
+
p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
|
|
2157
2120
|
])
|
|
2158
2121
|
], 512), [
|
|
2159
|
-
[
|
|
2122
|
+
[ee, C(u)]
|
|
2160
2123
|
])
|
|
2161
2124
|
], 2)
|
|
2162
2125
|
])
|
|
2163
2126
|
]));
|
|
2164
2127
|
}
|
|
2165
|
-
})
|
|
2166
|
-
const Eo = /* @__PURE__ */ m(Fo, [["__scopeId", "data-v-e129834d"]]), Ho = { class: "language__wrapper" }, No = { class: "language__content" }, Ro = { class: "language__headline" }, zo = { class: "language__paragraph" }, Uo = /* @__PURE__ */ f({
|
|
2128
|
+
}), Ns = /* @__PURE__ */ v(Es, [["__scopeId", "data-v-e129834d"]]), Rs = { class: "language__wrapper" }, Hs = { class: "language__content" }, zs = { class: "language__headline" }, Us = { class: "language__paragraph" }, Ks = /* @__PURE__ */ f({
|
|
2167
2129
|
__name: "language-switcher",
|
|
2168
2130
|
props: {
|
|
2169
2131
|
headline: {
|
|
@@ -2176,16 +2138,15 @@ const Eo = /* @__PURE__ */ m(Fo, [["__scopeId", "data-v-e129834d"]]), Ho = { cla
|
|
|
2176
2138
|
}
|
|
2177
2139
|
},
|
|
2178
2140
|
setup(e) {
|
|
2179
|
-
return (a,
|
|
2180
|
-
t("div",
|
|
2181
|
-
t("h2",
|
|
2182
|
-
t("p",
|
|
2141
|
+
return (a, r) => (o(), i("div", Rs, [
|
|
2142
|
+
t("div", Hs, [
|
|
2143
|
+
t("h2", zs, d(e.headline), 1),
|
|
2144
|
+
t("p", Us, d(e.paragraph), 1),
|
|
2183
2145
|
p(a.$slots, "language-links", {}, void 0, !0)
|
|
2184
2146
|
])
|
|
2185
2147
|
]));
|
|
2186
2148
|
}
|
|
2187
|
-
})
|
|
2188
|
-
const Ko = /* @__PURE__ */ m(Uo, [["__scopeId", "data-v-f345ee1f"]]), jo = { class: "pagination__wrapper" }, Go = { class: "pagination__content" }, Wo = /* @__PURE__ */ f({
|
|
2149
|
+
}), js = /* @__PURE__ */ v(Ks, [["__scopeId", "data-v-f345ee1f"]]), Gs = { class: "pagination__wrapper" }, Ws = { class: "pagination__content" }, Ys = /* @__PURE__ */ f({
|
|
2189
2150
|
__name: "pagination",
|
|
2190
2151
|
props: {
|
|
2191
2152
|
isPreviousDisabled: {
|
|
@@ -2199,81 +2160,79 @@ const Ko = /* @__PURE__ */ m(Uo, [["__scopeId", "data-v-f345ee1f"]]), jo = { cla
|
|
|
2199
2160
|
},
|
|
2200
2161
|
emits: ["previous", "next"],
|
|
2201
2162
|
setup(e) {
|
|
2202
|
-
return (a,
|
|
2203
|
-
t("div",
|
|
2163
|
+
return (a, r) => (o(), i("div", Gs, [
|
|
2164
|
+
t("div", Ws, [
|
|
2204
2165
|
k(J, {
|
|
2205
2166
|
disabled: e.isPreviousDisabled,
|
|
2206
2167
|
variant: "previous",
|
|
2207
2168
|
"aria-label": "previous",
|
|
2208
|
-
onClick:
|
|
2169
|
+
onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
|
|
2209
2170
|
}, null, 8, ["disabled"]),
|
|
2210
2171
|
p(a.$slots, "pagination-numbers"),
|
|
2211
2172
|
k(J, {
|
|
2212
2173
|
disabled: e.isNextDisabled,
|
|
2213
2174
|
variant: "next",
|
|
2214
2175
|
"aria-label": "next",
|
|
2215
|
-
onClick:
|
|
2176
|
+
onClick: r[1] || (r[1] = (l) => a.$emit("next"))
|
|
2216
2177
|
}, null, 8, ["disabled"])
|
|
2217
2178
|
])
|
|
2218
2179
|
]));
|
|
2219
2180
|
}
|
|
2220
|
-
});
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
function Jo(e, a) {
|
|
2224
|
-
return s(), o("div", Zo, [
|
|
2181
|
+
}), Qs = /* @__PURE__ */ v(Ys, [["__scopeId", "data-v-9eec8df7"]]), Zs = {}, Js = { class: "search__wrapper" };
|
|
2182
|
+
function Xs(e, a) {
|
|
2183
|
+
return o(), i("div", Js, [
|
|
2225
2184
|
p(e.$slots, "default", { class: "search__content" })
|
|
2226
2185
|
]);
|
|
2227
2186
|
}
|
|
2228
|
-
const
|
|
2187
|
+
const xs = /* @__PURE__ */ v(Zs, [["render", Xs], ["__scopeId", "data-v-623adb82"]]), ti = {
|
|
2229
2188
|
install: (e) => {
|
|
2230
|
-
e.component("AtomButton", J), e.component("AtomCheckbox",
|
|
2189
|
+
e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", D), e.component("AtomLabel", Y), e.component("AtomLink", M), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Va), e.component("BlockFeatures", Na), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Vl), e.component("BlockPolicy", Pl), e.component("BlockProductHero", zl), e.component("BlockPromo", jl), e.component("BlockQuote", oo), e.component("BlockRichText", co), e.component("BlockRichTextColumns", fo), e.component("BlockTimeline", qo), e.component("BlockTripleCardDisplay", Mo), e.component("BlockVimeo", Ro), e.component("Organism404", Go), e.component("OrganismFilter", Xo), e.component("OrganismFooter", bs), e.component("OrganismHeader", Ns), e.component("OrganismLanguageSwitcher", js), e.component("OrganismPagination", Qs), e.component("OrganismSearch", xs);
|
|
2231
2190
|
}
|
|
2232
2191
|
};
|
|
2233
2192
|
export {
|
|
2234
2193
|
J as AtomButton,
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2194
|
+
Ae as AtomCheckbox,
|
|
2195
|
+
Fe as AtomChip,
|
|
2196
|
+
je as AtomDropdown,
|
|
2197
|
+
D as AtomImage,
|
|
2239
2198
|
Y as AtomLabel,
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2199
|
+
M as AtomLink,
|
|
2200
|
+
lt as AtomRadioButton,
|
|
2201
|
+
dt as AtomSelect,
|
|
2202
|
+
bt as AtomSlider,
|
|
2203
|
+
Et as AtomTextField,
|
|
2204
|
+
qt as AtomTextarea,
|
|
2246
2205
|
G as AtomVideo,
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2206
|
+
Va as BlockFacts,
|
|
2207
|
+
Na as BlockFeatures,
|
|
2208
|
+
Wa as BlockFormScript,
|
|
2209
|
+
dl as BlockHeadline,
|
|
2210
|
+
yl as BlockHero,
|
|
2211
|
+
xa as BlockImage,
|
|
2253
2212
|
sl as BlockImageGallery,
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2213
|
+
Tl as BlockLogoWall,
|
|
2214
|
+
Vl as BlockMicroStories,
|
|
2215
|
+
Pl as BlockPolicy,
|
|
2216
|
+
zl as BlockProductHero,
|
|
2217
|
+
jl as BlockPromo,
|
|
2218
|
+
oo as BlockQuote,
|
|
2219
|
+
co as BlockRichText,
|
|
2220
|
+
fo as BlockRichTextColumns,
|
|
2221
|
+
qo as BlockTimeline,
|
|
2222
|
+
Mo as BlockTripleCardDisplay,
|
|
2223
|
+
Ro as BlockVimeo,
|
|
2224
|
+
xt as MoleculeAddress,
|
|
2225
|
+
oa as MoleculeBulletList,
|
|
2226
|
+
da as MoleculeCard,
|
|
2227
|
+
fa as MoleculeEventCard,
|
|
2228
|
+
ue as MoleculeModal,
|
|
2229
|
+
ka as MoleculeTextCard,
|
|
2230
|
+
Go as Organism404,
|
|
2231
|
+
Xo as OrganismFilter,
|
|
2232
|
+
bs as OrganismFooter,
|
|
2233
|
+
Ns as OrganismHeader,
|
|
2234
|
+
js as OrganismLanguageSwitcher,
|
|
2235
|
+
Qs as OrganismPagination,
|
|
2236
|
+
xs as OrganismSearch,
|
|
2237
|
+
ti as default
|
|
2279
2238
|
};
|