@mirweb/mir-web-components 0.17.19 → 0.17.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
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";
1
+ import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, 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
2
  const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
3
3
  __name: "button",
4
4
  props: {
@@ -17,7 +17,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
17
17
  return (s, u) => (o(), i("button", {
18
18
  class: h(["button", "button--" + l.value]),
19
19
  "aria-label": s.ariaLabel
20
- }, d(l.value === "close" ? "" : s.buttonText), 11, Be));
20
+ }, n(l.value === "close" ? "" : s.buttonText), 11, Be));
21
21
  }
22
22
  }), v = (e, a) => {
23
23
  const r = e.__vccOpts || e;
@@ -81,7 +81,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
81
81
  class: "chip",
82
82
  "aria-label": r.value
83
83
  }, [
84
- j(d(l.text) + " ", 1),
84
+ j(n(l.text) + " ", 1),
85
85
  Oe
86
86
  ], 8, Me)
87
87
  ]));
@@ -105,35 +105,35 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
105
105
  primary: "dropdown-dark-bg-primary",
106
106
  dark: "dropdown-dark dropdown-dark-bg-dark"
107
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(
108
+ const d = l.options.find(
109
109
  (b) => b.value === l.modelValue
110
110
  );
111
- return n && n.label;
111
+ return d && d.label;
112
112
  }), U = {
113
- beforeMount(n, b) {
114
- n.clickOutsideEvent = function($) {
115
- n === $.target || n.contains($.target) || b.value($);
116
- }, document.body.addEventListener("click", n.clickOutsideEvent);
113
+ beforeMount(d, b) {
114
+ d.clickOutsideEvent = function($) {
115
+ d === $.target || d.contains($.target) || b.value($);
116
+ }, document.body.addEventListener("click", d.clickOutsideEvent);
117
117
  },
118
- unmounted(n) {
119
- document.body.removeEventListener("click", n.clickOutsideEvent);
118
+ unmounted(d) {
119
+ document.body.removeEventListener("click", d.clickOutsideEvent);
120
120
  }
121
121
  };
122
- function x(n) {
123
- X("update:modelValue", n);
122
+ function x(d) {
123
+ X("update:modelValue", d);
124
124
  }
125
- function H(n) {
125
+ function H(d) {
126
126
  var $;
127
- const b = n.target;
127
+ const b = d.target;
128
128
  b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
129
129
  }
130
- function le(n) {
130
+ function le(d) {
131
131
  var $;
132
- const b = n.key;
132
+ const b = d.key;
133
133
  switch (b) {
134
134
  case "ArrowUp":
135
135
  case "ArrowDown": {
136
- n.preventDefault();
136
+ d.preventDefault();
137
137
  const L = l.options.findIndex(
138
138
  (K) => K.value === l.modelValue
139
139
  );
@@ -143,15 +143,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
143
143
  }
144
144
  case "Home":
145
145
  case "PageUp":
146
- n.preventDefault(), ve();
146
+ d.preventDefault(), ve();
147
147
  break;
148
148
  case "End":
149
149
  case "PageDown":
150
- n.preventDefault(), fe();
150
+ d.preventDefault(), fe();
151
151
  break;
152
152
  case "Enter":
153
153
  case "Escape":
154
- n.preventDefault(), Q(), ($ = u.value) == null || $.focus();
154
+ d.preventDefault(), Q(), ($ = u.value) == null || $.focus();
155
155
  break;
156
156
  default: {
157
157
  const L = me(b);
@@ -160,36 +160,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
160
160
  }
161
161
  }
162
162
  }
163
- function _e(n) {
163
+ function _e(d) {
164
164
  if (!l.disabled)
165
- switch (n.key) {
165
+ switch (d.key) {
166
166
  case "ArrowUp":
167
167
  case "ArrowDown":
168
- n.preventDefault(), se(), le(n);
168
+ d.preventDefault(), se(), le(d);
169
169
  break;
170
170
  }
171
171
  }
172
- function pe(n) {
173
- n && n.removeAttribute("aria-selected");
172
+ function pe(d) {
173
+ d && d.removeAttribute("aria-selected");
174
174
  }
175
175
  function he() {
176
176
  S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
177
177
  m.value = "", S.value = 0;
178
178
  }, 500);
179
179
  }
180
- function me(n) {
180
+ function me(d) {
181
181
  let b = "";
182
- (m.value === "" || b !== n) && (q.value = l.options.findIndex(
182
+ (m.value === "" || b !== d) && (q.value = l.options.findIndex(
183
183
  (L) => L.value === l.modelValue
184
- )), m.value = b === n ? n : m.value + n, b = n, he();
184
+ )), m.value = b === d ? d : m.value + d, b = d, he();
185
185
  let $ = oe(
186
186
  q.value + 1,
187
187
  l.options.length
188
188
  );
189
189
  return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
190
190
  }
191
- function oe(n, b) {
192
- for (let $ = n; $ < b; $++)
191
+ function oe(d, b) {
192
+ for (let $ = d; $ < b; $++)
193
193
  if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
194
194
  return _.value[$];
195
195
  return null;
@@ -197,86 +197,86 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
197
197
  function ve() {
198
198
  W(_.value[0]);
199
199
  }
200
- function W(n) {
200
+ function W(d) {
201
201
  var $, L;
202
- const b = n.getAttribute("data-value");
202
+ const b = d.getAttribute("data-value");
203
203
  if (l.modelValue) {
204
204
  const R = l.options.findIndex(
205
205
  (be) => be.value === l.modelValue
206
206
  ), K = _.value[R];
207
207
  pe(K);
208
208
  }
209
- if (n.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
209
+ if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
210
210
  "aria-activedescendant",
211
211
  b || ""
212
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);
213
+ const R = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
214
+ K > R ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
215
215
  }
216
216
  }
217
217
  function fe() {
218
218
  var b;
219
- const n = (b = _.value) == null ? void 0 : b[l.options.length - 1];
220
- W(n);
219
+ const d = (b = _.value) == null ? void 0 : b[l.options.length - 1];
220
+ W(d);
221
221
  }
222
222
  function Q() {
223
- var n;
224
- y.value = !0, (n = u.value) == null || n.removeAttribute("aria-expanded");
223
+ var d;
224
+ y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
225
225
  }
226
226
  function se() {
227
- var n, b;
228
- y.value = !1, (n = u.value) == null || n.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
227
+ var d, b;
228
+ y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
229
229
  }
230
230
  function ge() {
231
231
  l.disabled || (y.value ? se() : Q());
232
232
  }
233
- return (n, b) => (o(), i("div", {
233
+ return (d, b) => (o(), i("div", {
234
234
  ref: "listbox",
235
235
  class: "listbox__wrapper",
236
- value: n.modelValue
236
+ value: d.modelValue
237
237
  }, [
238
238
  t("label", {
239
- id: `${n.name}-label`,
239
+ id: `${d.name}-label`,
240
240
  class: h([{
241
- "listbox__label--visually-hidden": !n.showLabel,
242
- "is-disabled": n.disabled,
243
- "is-required": n.required
241
+ "listbox__label--visually-hidden": !d.showLabel,
242
+ "is-disabled": d.disabled,
243
+ "is-required": d.required
244
244
  }, "listbox__label"])
245
- }, d(n.label), 11, Ne),
245
+ }, n(d.label), 11, Ne),
246
246
  Z((o(), i("div", Re, [
247
247
  t("button", {
248
- id: `${n.name}-button-label`,
248
+ id: `${d.name}-button-label`,
249
249
  ref_key: "listboxButton",
250
250
  ref: u,
251
- "aria-labelledby": `${n.name}-label ${n.name}-button-label`,
251
+ "aria-labelledby": `${d.name}-label ${d.name}-button-label`,
252
252
  type: "button",
253
253
  "aria-haspopup": "listbox",
254
- "aria-disabled": n.disabled,
254
+ "aria-disabled": d.disabled,
255
255
  class: h(["listbox__button", s.value]),
256
256
  onClick: ge,
257
257
  onKeydown: _e
258
- }, d(n.modelValue ? B.value : n.placeholder), 43, He),
258
+ }, n(d.modelValue ? B.value : d.placeholder), 43, He),
259
259
  Z(t("ul", {
260
260
  ref_key: "listboxNode",
261
261
  ref: c,
262
- "aria-labelledby": `${n.name}-label`,
263
- "aria-activedescendant": n.modelValue,
262
+ "aria-labelledby": `${d.name}-label`,
263
+ "aria-activedescendant": d.modelValue,
264
264
  tabindex: "0",
265
265
  role: "listbox",
266
266
  class: "listbox__list",
267
267
  onKeydown: le,
268
268
  onClick: H
269
269
  }, [
270
- (o(!0), i(V, null, A(n.options, ($, L) => (o(), i("li", {
271
- key: `${n.name}-option-${L}`,
270
+ (o(!0), i(D, null, M(d.options, ($, L) => (o(), i("li", {
271
+ key: `${d.name}-option-${L}`,
272
272
  ref_for: !0,
273
273
  ref_key: "listboxOptions",
274
274
  ref: _,
275
- "aria-selected": $.value === n.modelValue,
275
+ "aria-selected": $.value === d.modelValue,
276
276
  "data-value": $.value,
277
277
  class: "listbox__option",
278
278
  role: "option"
279
- }, d($.label), 9, Ue))), 128))
279
+ }, n($.label), 9, Ue))), 128))
280
280
  ], 40, ze), [
281
281
  [ee, !y.value]
282
282
  ])
@@ -298,10 +298,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
298
298
  },
299
299
  setup(e) {
300
300
  return (a, r) => (o(), i("div", Ge, [
301
- p(a.$slots, "default", O(F(a.$attrs)))
301
+ p(a.$slots, "default", P(F(a.$attrs)))
302
302
  ]));
303
303
  }
304
- }), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
304
+ }), V = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
305
305
  __name: "label",
306
306
  props: {
307
307
  text: {},
@@ -314,10 +314,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
314
314
  "aria-label": r.value,
315
315
  "label-dark": l.labelDark,
316
316
  class: h(l.labelDark ? "label--dark" : "label--light")
317
- }, d(l.text), 11, Qe)
317
+ }, n(l.text), 11, Qe)
318
318
  ]));
319
319
  }
320
- }), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-44767be9"]]), Je = { class: "link__wrapper" }, M = /* @__PURE__ */ f({
320
+ }), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ f({
321
321
  __name: "link",
322
322
  props: {
323
323
  linkType: { default: "regular" },
@@ -411,7 +411,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
411
411
  t("label", {
412
412
  for: a.id,
413
413
  class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
414
- }, d(a.label), 11, st),
414
+ }, n(a.label), 11, st),
415
415
  t("select", {
416
416
  id: a.id,
417
417
  class: h(a.disabled ? "disabled" : ""),
@@ -422,10 +422,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
422
422
  a.$emit("update:modelValue", l.target.value), l.target.blur();
423
423
  })
424
424
  }, [
425
- (o(!0), i(V, null, A(a.options, (l) => (o(), i("option", {
425
+ (o(!0), i(D, null, M(a.options, (l) => (o(), i("option", {
426
426
  key: l.value,
427
427
  value: l.value
428
- }, d(l.text), 9, rt))), 128))
428
+ }, n(l.text), 9, rt))), 128))
429
429
  ], 42, it)
430
430
  ]));
431
431
  }
@@ -460,7 +460,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
460
460
  }, ["stop"]))
461
461
  }, [
462
462
  t("div", null, [
463
- u.searchBar ? g("", !0) : (o(), P(J, {
463
+ u.searchBar ? g("", !0) : (o(), A(J, {
464
464
  key: 0,
465
465
  "aria-label": "close",
466
466
  variant: "close",
@@ -508,7 +508,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
508
508
  t("label", {
509
509
  for: m.id,
510
510
  class: h([m.variant, ""])
511
- }, d(m.label), 11, ht),
511
+ }, n(m.label), 11, ht),
512
512
  m.information ? (o(), i("i", {
513
513
  key: 0,
514
514
  role: "button",
@@ -523,7 +523,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
523
523
  t("div", vt, [
524
524
  t("span", {
525
525
  class: h([m.variant, "slider__minmax"])
526
- }, d(m.min), 3),
526
+ }, n(m.min), 3),
527
527
  t("input", {
528
528
  id: m.id,
529
529
  ref_key: "slider",
@@ -539,19 +539,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
539
539
  }, null, 42, ft),
540
540
  t("span", {
541
541
  class: h([m.variant, "slider__minmax"])
542
- }, d(m.max), 3)
542
+ }, n(m.max), 3)
543
543
  ]),
544
544
  t("span", {
545
545
  class: h([m.variant, "slider__value"])
546
- }, d(m.modelValue), 3)
546
+ }, n(m.modelValue), 3)
547
547
  ]),
548
- m.information ? (o(), P(ue, {
548
+ m.information ? (o(), A(ue, {
549
549
  key: 0,
550
550
  show: c.value,
551
551
  "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
552
552
  }, {
553
553
  default: w(() => [
554
- j(d(m.information), 1)
554
+ j(n(m.information), 1)
555
555
  ]),
556
556
  _: 1
557
557
  }, 8, ["show"])) : g("", !0)
@@ -575,7 +575,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
575
575
  t("label", {
576
576
  for: a.id,
577
577
  class: h({ required: a.required })
578
- }, d(a.labelText) + d(a.required ? " *" : ""), 11, $t),
578
+ }, n(a.labelText) + n(a.required ? " *" : ""), 11, $t),
579
579
  t("div", {
580
580
  id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
581
581
  }, [
@@ -603,7 +603,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
603
603
  class: h(
604
604
  a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
605
605
  )
606
- }, d(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + d(a.maxLength), 3)
606
+ }, n(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + n(a.maxLength), 3)
607
607
  ])
608
608
  ]));
609
609
  }
@@ -656,7 +656,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
656
656
  _.disabled ? "disabled" : "",
657
657
  _.search ? "search" : ""
658
658
  ])
659
- }, d(_.label), 11, Tt),
659
+ }, n(_.label), 11, Tt),
660
660
  l.value === "password" ? (o(), i("div", Ct, [
661
661
  t("input", {
662
662
  id: _.id,
@@ -694,8 +694,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
694
694
  onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
695
695
  }, null, 42, Dt)),
696
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)
697
+ _.errorMessage ? (o(), i("strong", Ot, n(_.errorMessage), 1)) : g("", !0),
698
+ _.helperText ? (o(), i("span", Pt, n(_.helperText), 1)) : g("", !0)
699
699
  ]));
700
700
  }
701
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({
@@ -770,14 +770,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
770
770
  p(a.$slots, "address-flag", {}, void 0, !0)
771
771
  ]),
772
772
  t("div", Gt, [
773
- t("p", Wt, d(a.name), 1),
774
- t("p", null, d(a.company), 1),
775
- t("p", null, d(a.addressLine1), 1),
776
- t("p", null, d(a.addressLine2), 1),
777
- a.addressLine3 ? (o(), i("p", Yt, d(a.addressLine3), 1)) : g("", !0)
773
+ t("p", Wt, n(a.name), 1),
774
+ t("p", null, n(a.company), 1),
775
+ t("p", null, n(a.addressLine1), 1),
776
+ t("p", null, n(a.addressLine2), 1),
777
+ a.addressLine3 ? (o(), i("p", Yt, n(a.addressLine3), 1)) : g("", !0)
778
778
  ]),
779
779
  t("div", Qt, [
780
- (o(!0), i(V, null, A(a.phoneNumbers, (l) => (o(), P(M, {
780
+ (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), A(O, {
781
781
  key: l,
782
782
  underline: "false",
783
783
  "link-type": "regular"
@@ -786,14 +786,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
786
786
  t("a", {
787
787
  href: "tel:" + l,
788
788
  class: "address__phone"
789
- }, d(l), 9, Zt)
789
+ }, n(l), 9, Zt)
790
790
  ]),
791
791
  _: 2
792
792
  }, 1024))), 128)),
793
793
  t("a", {
794
794
  href: "mailto:" + a.email,
795
795
  class: "address__email"
796
- }, d(a.email), 9, Jt)
796
+ }, n(a.email), 9, Jt)
797
797
  ])
798
798
  ])
799
799
  ]));
@@ -823,9 +823,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
823
823
  class: h(["bullet-list", e.variant])
824
824
  }, [
825
825
  t("ul", null, [
826
- (o(!0), i(V, null, A(e.list, (l) => (o(), i("li", { key: l }, [
826
+ (o(!0), i(D, null, M(e.list, (l) => (o(), i("li", { key: l }, [
827
827
  aa,
828
- j(" " + d(l), 1)
828
+ j(" " + n(l), 1)
829
829
  ]))), 128))
830
830
  ])
831
831
  ], 2)
@@ -888,7 +888,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
888
888
  onMouseover: _[0] || (_[0] = (S) => ie(r) ? r.value = !0 : r = !0),
889
889
  onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
890
890
  }, [
891
- c.mediaType === "image" ? (o(), P(D, { key: 0 }, {
891
+ c.mediaType === "image" ? (o(), A(V, { key: 0 }, {
892
892
  default: w(() => [
893
893
  p(c.$slots, "card-image", te({
894
894
  src: c.imgSrc,
@@ -925,11 +925,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
925
925
  key: 3,
926
926
  class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
927
927
  style: { "font-weight": "700" }
928
- }, d(c.headline), 3)) : (o(), i("h3", {
928
+ }, n(c.headline), 3)) : (o(), i("h3", {
929
929
  key: 4,
930
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)
931
+ }, n(c.headline), 3)),
932
+ c.variant === "product" ? (o(), i("p", ra, n(c.paragraph), 1)) : g("", !0)
933
933
  ], 38)
934
934
  ]));
935
935
  }
@@ -963,13 +963,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
963
963
  "label-dark": !1,
964
964
  text: e.eventType ? e.eventType : ""
965
965
  }, null, 8, ["text"]),
966
- t("div", _a, d(e.headline), 1),
966
+ t("div", _a, n(e.headline), 1),
967
967
  t("div", pa, [
968
- j(d(e.dateTime), 1),
968
+ j(n(e.dateTime), 1),
969
969
  ha,
970
- j(d(e.location), 1)
970
+ j(n(e.location), 1)
971
971
  ]),
972
- t("div", ma, "Exhibitor: " + d(e.exhibitor), 1)
972
+ t("div", ma, "Exhibitor: " + n(e.exhibitor), 1)
973
973
  ]));
974
974
  }
975
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,9 +994,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
994
994
  "label-dark": !1,
995
995
  text: e.label ? e.label : ""
996
996
  }, null, 8, ["text"]),
997
- t("div", ba, d(e.headline), 1),
997
+ t("div", ba, n(e.headline), 1),
998
998
  t("div", ya, [
999
- t("p", null, d(e.paragraph), 1)
999
+ t("p", null, n(e.paragraph), 1)
1000
1000
  ])
1001
1001
  ]));
1002
1002
  }
@@ -1029,22 +1029,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1029
1029
  setup(e) {
1030
1030
  return (a, r) => (o(), i("div", wa, [
1031
1031
  t("div", Sa, [
1032
- t("h2", Ba, d(a.headline), 1),
1032
+ t("h2", Ba, n(a.headline), 1),
1033
1033
  t("div", Ia, [
1034
- (o(!0), i(V, null, A(a.facts, (l) => (o(), i("div", {
1034
+ (o(!0), i(D, null, M(a.facts, (l) => (o(), i("div", {
1035
1035
  key: l.value + l.metric,
1036
1036
  class: "fact"
1037
1037
  }, [
1038
1038
  t("div", qa, [
1039
- t("span", null, d(l.value), 1)
1039
+ t("span", null, n(l.value), 1)
1040
1040
  ]),
1041
1041
  t("div", La, [
1042
- t("span", null, d(l.metric), 1)
1042
+ t("span", null, n(l.metric), 1)
1043
1043
  ])
1044
1044
  ]))), 128))
1045
1045
  ]),
1046
1046
  a.link ? (o(), i("div", Ta, [
1047
- k(M, {
1047
+ k(O, {
1048
1048
  "link-type": "regular_light",
1049
1049
  arrow: ""
1050
1050
  }, {
@@ -1074,21 +1074,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1074
1074
  return (a, r) => (o(), i("div", Aa, [
1075
1075
  t("div", Da, [
1076
1076
  a.headline ? (o(), i("div", Ma, [
1077
- t("h2", null, d(a.headline), 1)
1077
+ t("h2", null, n(a.headline), 1)
1078
1078
  ])) : g("", !0),
1079
1079
  a.body ? (o(), i("div", Oa, [
1080
- t("p", null, d(a.body), 1)
1080
+ t("p", null, n(a.body), 1)
1081
1081
  ])) : g("", !0),
1082
1082
  t("div", {
1083
1083
  class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
1084
1084
  }, [
1085
- (o(!0), i(V, null, A(a.elements, (l) => (o(), i("div", {
1085
+ (o(!0), i(D, null, M(a.elements, (l) => (o(), i("div", {
1086
1086
  key: l.headline,
1087
1087
  class: "features__element"
1088
1088
  }, [
1089
- k(D, { class: "element__icon" }, {
1089
+ k(V, { class: "element__icon" }, {
1090
1090
  default: w(() => [
1091
- p(a.$slots, "features-icon", O(F({
1091
+ p(a.$slots, "features-icon", P(F({
1092
1092
  src: l.icon.src,
1093
1093
  height: 30,
1094
1094
  width: 30,
@@ -1097,8 +1097,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1097
1097
  ]),
1098
1098
  _: 2
1099
1099
  }, 1024),
1100
- t("p", Pa, d(l.headline), 1),
1101
- t("p", Fa, d(l.body), 1)
1100
+ t("p", Pa, n(l.headline), 1),
1101
+ t("p", Fa, n(l.body), 1)
1102
1102
  ]))), 128))
1103
1103
  ], 2)
1104
1104
  ])
@@ -1116,7 +1116,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1116
1116
  return (a, r) => (o(), i("div", Ra, [
1117
1117
  t("div", Ha, [
1118
1118
  t("div", za, [
1119
- t("h2", Ua, d(e.headline), 1),
1119
+ t("h2", Ua, n(e.headline), 1),
1120
1120
  t("div", Ka, [
1121
1121
  p(a.$slots, "form-body", {}, void 0, !0)
1122
1122
  ])
@@ -1149,14 +1149,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1149
1149
  return (a, r) => (o(), i("div", Ya, [
1150
1150
  t("div", Qa, [
1151
1151
  t("div", Za, [
1152
- k(D, null, {
1152
+ k(V, null, {
1153
1153
  default: w(() => [
1154
- p(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
1154
+ p(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
1155
1155
  ]),
1156
1156
  _: 3
1157
1157
  })
1158
1158
  ]),
1159
- t("p", Ja, d(e.caption), 1)
1159
+ t("p", Ja, n(e.caption), 1)
1160
1160
  ])
1161
1161
  ]));
1162
1162
  }
@@ -1197,9 +1197,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1197
1197
  }, [
1198
1198
  t("div", el, [
1199
1199
  s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
1200
- k(D, null, {
1200
+ k(V, null, {
1201
1201
  default: w(() => [
1202
- p(s.$slots, "image-large", O(F({
1202
+ p(s.$slots, "image-large", P(F({
1203
1203
  width: 617,
1204
1204
  height: 530,
1205
1205
  src: s.mediaLarge.src,
@@ -1231,13 +1231,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1231
1231
  s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
1232
1232
  ])
1233
1233
  }, [
1234
- (o(!0), i(V, null, A(s.mediaSmall, (c) => (o(), i("div", {
1234
+ (o(!0), i(D, null, M(s.mediaSmall, (c) => (o(), i("div", {
1235
1235
  key: c.src + c.alt,
1236
1236
  class: "image image--small"
1237
1237
  }, [
1238
- k(D, null, {
1238
+ k(V, null, {
1239
1239
  default: w(() => [
1240
- p(s.$slots, "image-small", O(F({
1240
+ p(s.$slots, "image-small", P(F({
1241
1241
  width: 328,
1242
1242
  height: 246,
1243
1243
  src: c.src,
@@ -1248,7 +1248,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1248
1248
  }, 1024)
1249
1249
  ]))), 128)),
1250
1250
  s.mediaSmall.length < 2 ? (o(), i("div", ll, [
1251
- t("p", null, d(s.body), 1)
1251
+ t("p", null, n(s.body), 1)
1252
1252
  ])) : g("", !0)
1253
1253
  ], 6)
1254
1254
  ], 2)
@@ -1280,7 +1280,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1280
1280
  "headline__content--default": !e.article && !e.subMenu
1281
1281
  })
1282
1282
  }, [
1283
- t("h1", rl, d(e.headline), 1)
1283
+ t("h1", rl, n(e.headline), 1)
1284
1284
  ], 2)
1285
1285
  ]));
1286
1286
  }
@@ -1302,10 +1302,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1302
1302
  t("div", pl, [
1303
1303
  t("div", hl, [
1304
1304
  t("div", ml, [
1305
- t("h1", null, d(e.headline), 1)
1305
+ t("h1", null, n(e.headline), 1)
1306
1306
  ]),
1307
1307
  t("div", vl, [
1308
- k(M, {
1308
+ k(O, {
1309
1309
  "link-type": "regular_light",
1310
1310
  arrow: ""
1311
1311
  }, {
@@ -1358,17 +1358,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1358
1358
  return (a, r) => (o(), i("div", $l, [
1359
1359
  t("div", kl, [
1360
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)
1361
+ e.headline ? (o(), i("h2", Sl, n(e.headline), 1)) : g("", !0),
1362
+ e.body ? (o(), i("p", Bl, n(e.body), 1)) : g("", !0)
1363
1363
  ])) : g("", !0),
1364
1364
  t("div", Il, [
1365
- (o(!0), i(V, null, A(e.logos, (l) => (o(), i("div", {
1365
+ (o(!0), i(D, null, M(e.logos, (l) => (o(), i("div", {
1366
1366
  key: l.src + l.alt,
1367
1367
  class: "logo-wall__logo"
1368
1368
  }, [
1369
- k(D, null, {
1369
+ k(V, null, {
1370
1370
  default: w(() => [
1371
- p(a.$slots, "logo-wall-logo", O(F({
1371
+ p(a.$slots, "logo-wall-logo", P(F({
1372
1372
  width: 130,
1373
1373
  height: 130,
1374
1374
  src: l.src,
@@ -1380,7 +1380,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1380
1380
  ]))), 128))
1381
1381
  ]),
1382
1382
  t("div", ql, [
1383
- k(M, {
1383
+ k(O, {
1384
1384
  "link-type": "regular_light",
1385
1385
  arrow: !0
1386
1386
  }, {
@@ -1393,10 +1393,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1393
1393
  ])
1394
1394
  ]));
1395
1395
  }
1396
- }), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__splide" }, Vl = /* @__PURE__ */ f({
1396
+ }), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__top" }, Vl = {
1397
+ key: 0,
1398
+ class: "headline"
1399
+ }, Al = {
1400
+ key: 1,
1401
+ class: "body"
1402
+ }, Dl = { class: "micro-stories__splide" }, Ml = /* @__PURE__ */ f({
1397
1403
  __name: "micro-stories",
1398
1404
  props: {
1399
- bgColor: { default: "blue" }
1405
+ bgColor: { default: "blue" },
1406
+ headline: { default: "" },
1407
+ body: { default: "" }
1400
1408
  },
1401
1409
  setup(e) {
1402
1410
  const a = {
@@ -1408,66 +1416,65 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
1408
1416
  class: h(["micro-stories__wrapper", r.value])
1409
1417
  }, [
1410
1418
  t("div", Cl, [
1419
+ s.headline ? (o(), i("div", Vl, [
1420
+ t("h2", null, n(s.headline), 1)
1421
+ ])) : g("", !0),
1422
+ s.body ? (o(), i("div", Al, [
1423
+ t("p", null, n(s.body), 1)
1424
+ ])) : g("", !0)
1425
+ ]),
1426
+ t("div", Dl, [
1411
1427
  p(s.$slots, "micro-stories-slides")
1412
1428
  ]),
1413
1429
  p(s.$slots, "micro-stories-controls")
1414
1430
  ], 2));
1415
1431
  }
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, [
1432
+ }), Ol = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
1433
+ function El(e, a) {
1434
+ return o(), i("div", Pl, [
1435
+ t("div", Fl, [
1420
1436
  p(e.$slots, "default", {}, void 0, !0)
1421
1437
  ])
1422
1438
  ]);
1423
1439
  }
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({
1425
- __name: "product-hero",
1440
+ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Rl = { class: "card-display__wrapper" }, Hl = {
1441
+ key: 0,
1442
+ class: "card__content"
1443
+ }, zl = { key: 0 }, Ul = { key: 1 }, Kl = { class: "card__cards" }, jl = /* @__PURE__ */ f({
1444
+ __name: "card-display",
1426
1445
  props: {
1427
1446
  headline: {
1428
1447
  type: String,
1429
- default: "",
1430
- required: !0
1431
- },
1432
- videoSrc: {
1433
- type: String,
1434
- default: "",
1435
- required: !0
1448
+ default: ""
1436
1449
  },
1437
- ariaLabel: {
1450
+ paragraph: {
1438
1451
  type: String,
1439
- default: "",
1440
- required: !0
1452
+ default: ""
1441
1453
  },
1442
- imgSrc: {
1454
+ bgColor: {
1443
1455
  type: String,
1444
- default: "",
1445
- required: !0
1456
+ default: "white"
1446
1457
  }
1447
1458
  },
1448
1459
  setup(e) {
1449
- return (a, r) => (o(), i("div", Fl, [
1450
- t("div", El, [
1451
- t("div", Nl, [
1452
- t("h1", null, d(e.headline), 1)
1453
- ]),
1454
- t("div", Rl, [
1455
- k(G, {
1456
- play: "",
1457
- "local-video": !0,
1458
- src: e.videoSrc,
1459
- "aria-label": e.ariaLabel,
1460
- controls: !1,
1461
- poster: e.imgSrc,
1462
- autoplay: "",
1463
- loop: "",
1464
- muted: ""
1465
- }, null, 8, ["src", "aria-label", "poster"])
1460
+ return (a, r) => (o(), i("div", {
1461
+ class: h([
1462
+ "card-display",
1463
+ e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
1464
+ ])
1465
+ }, [
1466
+ t("div", Rl, [
1467
+ e.headline || e.paragraph ? (o(), i("div", Hl, [
1468
+ e.headline ? (o(), i("h2", zl, n(e.headline), 1)) : g("", !0),
1469
+ e.paragraph ? (o(), i("p", Ul, n(e.paragraph), 1)) : g("", !0)
1470
+ ])) : g("", !0),
1471
+ t("div", Kl, [
1472
+ p(a.$slots, "card-display-cards", {}, void 0, !0)
1466
1473
  ])
1467
1474
  ])
1468
- ]));
1475
+ ], 2));
1469
1476
  }
1470
- }), zl = /* @__PURE__ */ v(Hl, [["__scopeId", "data-v-a4551025"]]), Ul = { class: "promo__content" }, Kl = /* @__PURE__ */ f({
1477
+ }), Gl = /* @__PURE__ */ v(jl, [["__scopeId", "data-v-183dcee5"]]), Wl = { class: "promo__content" }, Yl = /* @__PURE__ */ f({
1471
1478
  __name: "promo",
1472
1479
  props: {
1473
1480
  label: { default: "" },
@@ -1495,7 +1502,7 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1495
1502
  s.teaser ? "promo__wrapper--teaser" : ""
1496
1503
  ])
1497
1504
  }, [
1498
- t("div", Ul, [
1505
+ t("div", Wl, [
1499
1506
  s.mediaType === "image" ? (o(), i("div", {
1500
1507
  key: 0,
1501
1508
  class: h([
@@ -1503,9 +1510,9 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1503
1510
  s.reverse ? "promo__image--reverse" : "promo__image--default"
1504
1511
  ])
1505
1512
  }, [
1506
- k(D, null, {
1513
+ k(V, null, {
1507
1514
  default: w(() => [
1508
- p(s.$slots, "promo-image", O(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
1515
+ p(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
1509
1516
  ]),
1510
1517
  _: 3
1511
1518
  })
@@ -1535,7 +1542,7 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1535
1542
  s.reverse ? "promo__text--reverse" : "promo__text--default"
1536
1543
  ])
1537
1544
  }, [
1538
- s.label ? (o(), P(Y, {
1545
+ s.label ? (o(), A(Y, {
1539
1546
  key: 0,
1540
1547
  text: s.label,
1541
1548
  "label-dark": s.variant === "dark"
@@ -1545,8 +1552,8 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1545
1552
  "promo__title",
1546
1553
  s.variant === "dark" ? "promo__title--dark" : ""
1547
1554
  ])
1548
- }, d(s.headline), 3),
1549
- s.linkType === "link" ? (o(), P(M, {
1555
+ }, n(s.headline), 3),
1556
+ s.linkType === "link" ? (o(), A(O, {
1550
1557
  key: 1,
1551
1558
  "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
1552
1559
  arrow: ""
@@ -1556,7 +1563,7 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1556
1563
  ]),
1557
1564
  _: 3
1558
1565
  }, 8, ["link-type"])) : g("", !0),
1559
- s.linkType === "button" ? (o(), P(M, {
1566
+ s.linkType === "button" ? (o(), A(O, {
1560
1567
  key: 2,
1561
1568
  "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
1562
1569
  }, {
@@ -1569,10 +1576,10 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1569
1576
  ])
1570
1577
  ], 2));
1571
1578
  }
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 = {
1579
+ }), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Jl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Zl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), eo = { class: "quote__quote" }, to = { class: "quote__quote-text" }, ao = { class: "quote__author" }, lo = {
1573
1580
  key: 0,
1574
1581
  class: "quote__image"
1575
- }, eo = { class: "quote__text" }, to = { class: "quote__author-name" }, ao = { class: "quote__author-title" }, lo = /* @__PURE__ */ f({
1582
+ }, oo = { class: "quote__text" }, so = { class: "quote__author-name" }, io = { class: "quote__author-title" }, ro = /* @__PURE__ */ f({
1576
1583
  __name: "quote",
1577
1584
  props: {
1578
1585
  quote: {
@@ -1594,16 +1601,16 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1594
1601
  }
1595
1602
  },
1596
1603
  setup(e) {
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, {
1604
+ return (a, r) => (o(), i("div", Jl, [
1605
+ t("div", Xl, [
1606
+ xl,
1607
+ t("div", eo, [
1608
+ t("p", to, n(e.quote), 1),
1609
+ t("div", ao, [
1610
+ e.authorImage ? (o(), i("div", lo, [
1611
+ k(V, null, {
1605
1612
  default: w(() => [
1606
- p(a.$slots, "author-image", O(F({
1613
+ p(a.$slots, "author-image", P(F({
1607
1614
  src: e.authorImage + "/m/100x100",
1608
1615
  width: 60,
1609
1616
  height: 60
@@ -1612,22 +1619,22 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1612
1619
  _: 3
1613
1620
  })
1614
1621
  ])) : g("", !0),
1615
- t("div", eo, [
1616
- t("p", to, d(e.author), 1),
1617
- t("p", ao, d(e.authorTitle), 1)
1622
+ t("div", oo, [
1623
+ t("p", so, n(e.author), 1),
1624
+ t("p", io, n(e.authorTitle), 1)
1618
1625
  ])
1619
1626
  ])
1620
1627
  ])
1621
1628
  ])
1622
1629
  ]));
1623
1630
  }
1624
- }), oo = /* @__PURE__ */ v(lo, [["__scopeId", "data-v-e3cc8e27"]]), so = { class: "rich-text__wrapper" }, io = {
1631
+ }), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-e3cc8e27"]]), co = { class: "rich-text__wrapper" }, uo = {
1625
1632
  key: 0,
1626
1633
  class: "rich-text__links"
1627
- }, ro = {
1634
+ }, _o = {
1628
1635
  key: 0,
1629
1636
  class: "rich-text__bullet-list"
1630
- }, no = /* @__PURE__ */ f({
1637
+ }, po = /* @__PURE__ */ f({
1631
1638
  __name: "rich-text",
1632
1639
  props: {
1633
1640
  headline: { default: "" },
@@ -1646,8 +1653,8 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1646
1653
  a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
1647
1654
  ])
1648
1655
  }, [
1649
- t("div", so, [
1650
- a.label ? (o(), P(Y, {
1656
+ t("div", co, [
1657
+ a.label ? (o(), A(Y, {
1651
1658
  key: 0,
1652
1659
  text: a.label,
1653
1660
  "label-dark": !1
@@ -1658,7 +1665,7 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1658
1665
  "rich-text__headline",
1659
1666
  a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
1660
1667
  ])
1661
- }, d(a.headline), 3)) : g("", !0),
1668
+ }, n(a.headline), 3)) : g("", !0),
1662
1669
  t("div", {
1663
1670
  class: h([
1664
1671
  "rich-text__content",
@@ -1672,11 +1679,11 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1672
1679
  ])
1673
1680
  }, [
1674
1681
  p(a.$slots, "rich-text-content"),
1675
- a.links ? (o(), i("div", io, [
1682
+ a.links ? (o(), i("div", uo, [
1676
1683
  p(a.$slots, "rich-text-links")
1677
1684
  ])) : g("", !0)
1678
1685
  ], 2),
1679
- a.bulletList ? (o(), i("div", ro, [
1686
+ a.bulletList ? (o(), i("div", _o, [
1680
1687
  p(a.$slots, "rich-text-bullet-list")
1681
1688
  ])) : g("", !0),
1682
1689
  a.image ? (o(), i("div", {
@@ -1686,9 +1693,9 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1686
1693
  a.imageClip ? "rich-text__image--clip" : ""
1687
1694
  ])
1688
1695
  }, [
1689
- k(D, null, {
1696
+ k(V, null, {
1690
1697
  default: w(() => [
1691
- p(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
1698
+ p(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
1692
1699
  ]),
1693
1700
  _: 3
1694
1701
  })
@@ -1697,12 +1704,12 @@ const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b
1697
1704
  ])
1698
1705
  ], 2));
1699
1706
  }
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, [
1707
+ }), ho = /* @__PURE__ */ v(po, [["__scopeId", "data-v-7bcde564"]]), mo = {}, vo = { class: "rich-text" }, fo = { class: "rich-text__wrapper" }, go = { class: "rich-text__content rich-text__content--left-aligned" }, bo = { class: "rich-text__body" };
1708
+ function yo(e, a) {
1709
+ return o(), i("div", vo, [
1710
+ t("div", fo, [
1711
+ t("div", go, [
1712
+ t("div", bo, [
1706
1713
  t("div", null, [
1707
1714
  p(e.$slots, "rich-text-content-left", {}, void 0, !0)
1708
1715
  ]),
@@ -1714,10 +1721,10 @@ function vo(e, a) {
1714
1721
  ])
1715
1722
  ]);
1716
1723
  }
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" }, [
1724
+ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), N(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
1718
1725
  /* @__PURE__ */ t("div", { class: "circle" }),
1719
1726
  /* @__PURE__ */ t("div", { class: "line" })
1720
- ], -1)), So = { class: "item__right" }, Bo = ["innerHTML"], Io = /* @__PURE__ */ f({
1727
+ ], -1)), Lo = { class: "item__right" }, To = ["innerHTML"], Co = /* @__PURE__ */ f({
1721
1728
  __name: "timeline",
1722
1729
  props: {
1723
1730
  timelineItems: {
@@ -1740,19 +1747,19 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1740
1747
  a.forEach((l) => {
1741
1748
  r.observe(l);
1742
1749
  });
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", {
1750
+ }), (a, r) => (o(), i("div", wo, [
1751
+ t("div", So, [
1752
+ t("div", Bo, [
1753
+ (o(!0), i(D, null, M(e.timelineItems, (l) => (o(), i("div", {
1747
1754
  key: l.year,
1748
1755
  class: "timeline__item faded"
1749
1756
  }, [
1750
- t("div", ko, d(l.year), 1),
1751
- wo,
1752
- t("div", So, [
1753
- k(D, null, {
1757
+ t("div", Io, n(l.year), 1),
1758
+ qo,
1759
+ t("div", Lo, [
1760
+ k(V, null, {
1754
1761
  default: w(() => [
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)
1762
+ l.media.type === "image" ? p(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
1756
1763
  ]),
1757
1764
  _: 2
1758
1765
  }, 1024),
@@ -1760,57 +1767,20 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1760
1767
  style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
1761
1768
  class: "rich-text",
1762
1769
  innerHTML: l.text
1763
- }, null, 12, Bo)
1770
+ }, null, 12, To)
1764
1771
  ])
1765
1772
  ]))), 128))
1766
1773
  ])
1767
1774
  ])
1768
1775
  ]));
1769
1776
  }
1770
- }), qo = /* @__PURE__ */ v(Io, [["__scopeId", "data-v-78d319df"]]), Lo = { class: "card-display__wrapper" }, To = {
1771
- key: 0,
1772
- class: "card__content"
1773
- }, Co = { key: 0 }, Vo = { key: 1 }, Ao = { class: "card__cards" }, Do = /* @__PURE__ */ f({
1774
- __name: "card-display",
1775
- props: {
1776
- headline: {
1777
- type: String,
1778
- default: ""
1779
- },
1780
- paragraph: {
1781
- type: String,
1782
- default: ""
1783
- },
1784
- bgColor: {
1785
- type: String,
1786
- default: "white"
1787
- }
1788
- },
1789
- setup(e) {
1790
- return (a, r) => (o(), i("div", {
1791
- class: h([
1792
- "card-display",
1793
- e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
1794
- ])
1795
- }, [
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)
1800
- ])) : g("", !0),
1801
- t("div", Ao, [
1802
- p(a.$slots, "card-display-cards", {}, void 0, !0)
1803
- ])
1804
- ])
1805
- ], 2));
1806
- }
1807
- }), Mo = /* @__PURE__ */ v(Do, [["__scopeId", "data-v-183dcee5"]]), Oo = { class: "vimeo" }, Po = { class: "vimeo__wrapper" }, Fo = {
1777
+ }), Vo = /* @__PURE__ */ v(Co, [["__scopeId", "data-v-78d319df"]]), Ao = { class: "vimeo" }, Do = { class: "vimeo__wrapper" }, Mo = {
1808
1778
  key: 0,
1809
1779
  class: "vimeo__headline"
1810
- }, Eo = {
1780
+ }, Oo = {
1811
1781
  key: 1,
1812
1782
  class: "vimeo__description"
1813
- }, No = /* @__PURE__ */ f({
1783
+ }, Po = /* @__PURE__ */ f({
1814
1784
  __name: "vimeo",
1815
1785
  props: {
1816
1786
  headline: {
@@ -1823,15 +1793,15 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1823
1793
  }
1824
1794
  },
1825
1795
  setup(e) {
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),
1796
+ return (a, r) => (o(), i("div", Ao, [
1797
+ t("div", Do, [
1798
+ e.headline ? (o(), i("h2", Mo, n(e.headline), 1)) : g("", !0),
1829
1799
  p(a.$slots, "vimeo-content", {}, void 0, !0),
1830
- e.description ? (o(), i("p", Eo, d(e.description), 1)) : g("", !0)
1800
+ e.description ? (o(), i("p", Oo, n(e.description), 1)) : g("", !0)
1831
1801
  ])
1832
1802
  ]));
1833
1803
  }
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({
1804
+ }), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, No = { class: "not-found__content" }, Ro = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
1835
1805
  __name: "404",
1836
1806
  props: {
1837
1807
  headline: {
@@ -1840,16 +1810,16 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1840
1810
  }
1841
1811
  },
1842
1812
  setup(e) {
1843
- return (a, r) => (o(), i("div", Ho, [
1844
- t("div", zo, [
1845
- t("h1", Uo, d(e.headline), 1),
1846
- t("div", Ko, [
1813
+ return (a, r) => (o(), i("div", Eo, [
1814
+ t("div", No, [
1815
+ t("h1", Ro, n(e.headline), 1),
1816
+ t("div", Ho, [
1847
1817
  p(a.$slots, "not-found-body", {}, void 0, !0)
1848
1818
  ])
1849
1819
  ])
1850
1820
  ]));
1851
1821
  }
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({
1822
+ }), Uo = /* @__PURE__ */ v(zo, [["__scopeId", "data-v-b829ca6c"]]), Ko = { class: "filter__wrapper" }, jo = { class: "filter__content" }, Go = { class: "filter__dropdowns" }, Wo = { class: "filter__chips" }, Yo = /* @__PURE__ */ f({
1853
1823
  __name: "filter",
1854
1824
  props: {
1855
1825
  hasChips: {
@@ -1859,12 +1829,12 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1859
1829
  },
1860
1830
  emits: ["clearFilters"],
1861
1831
  setup(e) {
1862
- return (a, r) => (o(), i("div", Wo, [
1863
- t("div", Yo, [
1864
- t("div", Qo, [
1832
+ return (a, r) => (o(), i("div", Ko, [
1833
+ t("div", jo, [
1834
+ t("div", Go, [
1865
1835
  p(a.$slots, "filter-dropdowns")
1866
1836
  ]),
1867
- t("div", Zo, [
1837
+ t("div", Wo, [
1868
1838
  p(a.$slots, "filter-chips"),
1869
1839
  e.hasChips ? (o(), i("button", {
1870
1840
  key: 0,
@@ -1875,12 +1845,12 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1875
1845
  ])
1876
1846
  ]));
1877
1847
  }
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, [
1848
+ }), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (E("data-v-cf5ea14f"), e = e(), N(), e), Zo = { class: "footer__wrapper" }, Jo = { class: "footer__content" }, Xo = { class: "footer__sections" }, xo = { class: "section__title" }, es = { class: "section__list" }, ts = { class: "section" }, as = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, ds = { class: "copyright" }, cs = { class: "footer__policy" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
1879
1849
  /* @__PURE__ */ t("i", { class: "change-region" }),
1880
1850
  /* @__PURE__ */ j("Change region")
1881
- ], -1)), ms = [
1882
- hs
1883
- ], vs = { class: "footer__social" }, fs = ["href", "aria-label"], gs = /* @__PURE__ */ f({
1851
+ ], -1)), _s = [
1852
+ us
1853
+ ], ps = { class: "footer__social" }, hs = ["href", "aria-label"], ms = /* @__PURE__ */ f({
1884
1854
  __name: "footer",
1885
1855
  props: {
1886
1856
  footerSections: { default: () => [] },
@@ -1890,63 +1860,63 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1890
1860
  },
1891
1861
  emits: ["changeRegionClicked"],
1892
1862
  setup(e) {
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", {
1863
+ return (a, r) => (o(), i("div", Zo, [
1864
+ t("footer", Jo, [
1865
+ t("div", Xo, [
1866
+ (o(!0), i(D, null, M(a.footerSections, (l) => (o(), i("div", {
1897
1867
  key: l.title,
1898
1868
  class: "section"
1899
1869
  }, [
1900
- t("span", as, d(l.title), 1),
1870
+ t("span", xo, n(l.title), 1),
1901
1871
  t("nav", null, [
1902
- t("ul", ls, [
1872
+ t("ul", es, [
1903
1873
  p(a.$slots, "section-links", {
1904
1874
  links: l.links
1905
1875
  })
1906
1876
  ])
1907
1877
  ])
1908
1878
  ]))), 128)),
1909
- t("div", os, [
1910
- ss,
1879
+ t("div", ts, [
1880
+ as,
1911
1881
  t("address", null, [
1912
- is,
1913
- rs,
1914
- ns,
1915
- k(M, {
1882
+ ls,
1883
+ os,
1884
+ ss,
1885
+ k(O, {
1916
1886
  class: "footer__contact",
1917
1887
  "link-type": "regular_light",
1918
1888
  underline: "false"
1919
1889
  }, {
1920
1890
  default: w(() => [
1921
- ds
1891
+ is
1922
1892
  ]),
1923
1893
  _: 1
1924
1894
  }),
1925
- k(M, {
1895
+ k(O, {
1926
1896
  class: "footer__contact",
1927
1897
  "link-type": "regular_light",
1928
1898
  underline: "false"
1929
1899
  }, {
1930
1900
  default: w(() => [
1931
- cs
1901
+ rs
1932
1902
  ]),
1933
1903
  _: 1
1934
1904
  })
1935
1905
  ])
1936
1906
  ])
1937
1907
  ]),
1938
- t("div", us, [
1939
- t("p", _s, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
1940
- t("div", ps, [
1908
+ t("div", ns, [
1909
+ t("p", ds, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
1910
+ t("div", cs, [
1941
1911
  t("button", {
1942
1912
  class: "footer__language-switcher",
1943
1913
  onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
1944
- }, ms),
1914
+ }, _s),
1945
1915
  p(a.$slots, "footer-privacy-link"),
1946
1916
  p(a.$slots, "footer-cookie-link")
1947
1917
  ]),
1948
- t("div", vs, [
1949
- (o(!0), i(V, null, A(a.socialMedia, (l) => (o(), P(M, {
1918
+ t("div", ps, [
1919
+ (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
1950
1920
  key: l.title,
1951
1921
  underline: "false",
1952
1922
  "link-type": "regular"
@@ -1961,7 +1931,7 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1961
1931
  height: "14",
1962
1932
  class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
1963
1933
  }, null, 2)
1964
- ], 8, fs)
1934
+ ], 8, hs)
1965
1935
  ]),
1966
1936
  _: 2
1967
1937
  }, 1024))), 128))
@@ -1970,19 +1940,19 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
1970
1940
  ])
1971
1941
  ]));
1972
1942
  }
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 = {
1943
+ }), vs = /* @__PURE__ */ v(ms, [["__scopeId", "data-v-cf5ea14f"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, bs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, $s = {
1974
1944
  id: "menu-dropdown",
1975
1945
  ref: "dropdownDiv"
1976
- }, Bs = {
1946
+ }, ks = {
1977
1947
  key: 0,
1978
1948
  src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
1979
1949
  alt: "dropdownarrow"
1980
- }, Is = {
1950
+ }, ws = {
1981
1951
  key: 1,
1982
1952
  src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
1983
1953
  alt: "dropdownarrow",
1984
1954
  style: { transform: "rotate(180deg)" }
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({
1955
+ }, Ss = { class: "dropdown-content" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" }, Cs = ["src"], Vs = ["onClick"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ f({
1986
1956
  __name: "header",
1987
1957
  props: {
1988
1958
  burgerState: {
@@ -2029,30 +1999,30 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2029
1999
  }
2030
2000
  return a({
2031
2001
  defocusSearchButton: X
2032
- }), (B, U) => (o(), i("div", ys, [
2002
+ }), (B, U) => (o(), i("div", fs, [
2033
2003
  t("nav", null, [
2034
- t("div", $s, [
2035
- t("div", ks, [
2004
+ t("div", gs, [
2005
+ t("div", bs, [
2036
2006
  p(B.$slots, "link-logo", {}, void 0, !0)
2037
2007
  ]),
2038
- t("ul", ws, [
2008
+ t("ul", ys, [
2039
2009
  p(B.$slots, "main-nav-items", {}, void 0, !0)
2040
2010
  ]),
2041
- t("div", Ss, [
2011
+ t("div", $s, [
2042
2012
  t("button", {
2043
2013
  class: "nav-dropdown-btn",
2044
2014
  onClick: S
2045
2015
  }, [
2046
2016
  p(B.$slots, "dropdown-title", {}, void 0, !0),
2047
- C(c) === !1 ? (o(), i("img", Bs)) : (o(), i("img", Is))
2017
+ C(c) === !1 ? (o(), i("img", ks)) : (o(), i("img", ws))
2048
2018
  ]),
2049
- Z(t("div", qs, [
2019
+ Z(t("div", Ss, [
2050
2020
  p(B.$slots, "dropdown-links", {}, void 0, !0)
2051
2021
  ], 512), [
2052
2022
  [ee, C(c)]
2053
2023
  ])
2054
2024
  ], 512),
2055
- t("div", Ls, [
2025
+ t("div", Bs, [
2056
2026
  t("button", {
2057
2027
  ref_key: "navSearchButton",
2058
2028
  ref: y,
@@ -2067,18 +2037,18 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2067
2037
  alt: "search icon",
2068
2038
  width: "20",
2069
2039
  height: "20"
2070
- }, null, 8, Ts)
2040
+ }, null, 8, Is)
2071
2041
  ], 512)
2072
2042
  ])
2073
2043
  ]),
2074
2044
  t("div", {
2075
2045
  class: h(["mobile-nav-wrapper", C(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2076
2046
  }, [
2077
- t("div", Cs, [
2078
- t("div", Vs, [
2047
+ t("div", qs, [
2048
+ t("div", Ls, [
2079
2049
  p(B.$slots, "link-logo", {}, void 0, !0)
2080
2050
  ]),
2081
- t("div", As, [
2051
+ t("div", Ts, [
2082
2052
  t("button", {
2083
2053
  ref_key: "mobileSearchButton",
2084
2054
  ref: q,
@@ -2094,7 +2064,7 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2094
2064
  alt: "search icon",
2095
2065
  width: "20",
2096
2066
  height: "20"
2097
- }, null, 8, Ds)
2067
+ }, null, 8, Cs)
2098
2068
  ], 512)
2099
2069
  ]),
2100
2070
  t("button", {
@@ -2107,14 +2077,14 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2107
2077
  height: "20",
2108
2078
  alt: "burger menu line icon",
2109
2079
  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)
2080
+ }, null, 8, As)
2081
+ ], 8, Vs)
2112
2082
  ]),
2113
- Z(t("div", Ps, [
2083
+ Z(t("div", Ds, [
2114
2084
  t("ul", null, [
2115
2085
  p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
2116
2086
  ]),
2117
- t("ul", Fs, [
2087
+ t("ul", Ms, [
2118
2088
  p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
2119
2089
  p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
2120
2090
  ])
@@ -2125,7 +2095,7 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2125
2095
  ])
2126
2096
  ]));
2127
2097
  }
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 = { class: "language__links" }, js = /* @__PURE__ */ f({
2098
+ }), Ps = /* @__PURE__ */ v(Os, [["__scopeId", "data-v-e129834d"]]), Fs = { class: "language__wrapper" }, Es = { class: "language__content" }, Ns = { class: "language__headline" }, Rs = { class: "language__paragraph" }, Hs = { class: "language__links" }, zs = /* @__PURE__ */ f({
2129
2099
  __name: "language-switcher",
2130
2100
  props: {
2131
2101
  headline: {
@@ -2138,17 +2108,17 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2138
2108
  }
2139
2109
  },
2140
2110
  setup(e) {
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),
2145
- t("div", Ks, [
2111
+ return (a, r) => (o(), i("div", Fs, [
2112
+ t("div", Es, [
2113
+ t("h2", Ns, n(e.headline), 1),
2114
+ t("p", Rs, n(e.paragraph), 1),
2115
+ t("div", Hs, [
2146
2116
  p(a.$slots, "language-links", {}, void 0, !0)
2147
2117
  ])
2148
2118
  ])
2149
2119
  ]));
2150
2120
  }
2151
- }), Gs = /* @__PURE__ */ v(js, [["__scopeId", "data-v-200f183c"]]), Ws = { class: "pagination__wrapper" }, Ys = { class: "pagination__content" }, Qs = /* @__PURE__ */ f({
2121
+ }), Us = /* @__PURE__ */ v(zs, [["__scopeId", "data-v-200f183c"]]), Ks = { class: "pagination__wrapper" }, js = { class: "pagination__content" }, Gs = /* @__PURE__ */ f({
2152
2122
  __name: "pagination",
2153
2123
  props: {
2154
2124
  isPreviousDisabled: {
@@ -2162,8 +2132,8 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2162
2132
  },
2163
2133
  emits: ["previous", "next"],
2164
2134
  setup(e) {
2165
- return (a, r) => (o(), i("div", Ws, [
2166
- t("div", Ys, [
2135
+ return (a, r) => (o(), i("div", Ks, [
2136
+ t("div", js, [
2167
2137
  k(J, {
2168
2138
  disabled: e.isPreviousDisabled,
2169
2139
  variant: "previous",
@@ -2180,15 +2150,67 @@ const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4
2180
2150
  ])
2181
2151
  ]));
2182
2152
  }
2183
- }), Zs = /* @__PURE__ */ v(Qs, [["__scopeId", "data-v-f760f1c6"]]), Js = {}, Xs = { class: "search__wrapper" };
2184
- function xs(e, a) {
2185
- return o(), i("div", Xs, [
2153
+ }), Ws = /* @__PURE__ */ v(Gs, [["__scopeId", "data-v-f760f1c6"]]), Ys = {}, Qs = { class: "search__wrapper" };
2154
+ function Zs(e, a) {
2155
+ return o(), i("div", Qs, [
2186
2156
  p(e.$slots, "default", { class: "search__content" })
2187
2157
  ]);
2188
2158
  }
2189
- const ei = /* @__PURE__ */ v(Js, [["render", xs], ["__scopeId", "data-v-623adb82"]]), ai = {
2159
+ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = /* @__PURE__ */ f({
2160
+ __name: "product-hero",
2161
+ props: {
2162
+ headline: {
2163
+ type: String,
2164
+ default: "",
2165
+ required: !0
2166
+ },
2167
+ videoSrc: {
2168
+ type: String,
2169
+ default: "",
2170
+ required: !0
2171
+ },
2172
+ ariaLabel: {
2173
+ type: String,
2174
+ default: "",
2175
+ required: !0
2176
+ },
2177
+ imgSrc: {
2178
+ type: String,
2179
+ default: "",
2180
+ required: !0
2181
+ }
2182
+ },
2183
+ setup(e) {
2184
+ return (a, r) => (o(), i("div", Xs, [
2185
+ t("div", xs, [
2186
+ t("div", ei, [
2187
+ t("h1", null, n(e.headline), 1)
2188
+ ]),
2189
+ t("div", ti, [
2190
+ e.videoSrc !== "" ? (o(), A(G, {
2191
+ key: 0,
2192
+ play: "",
2193
+ "local-video": !0,
2194
+ src: e.videoSrc,
2195
+ "aria-label": e.ariaLabel,
2196
+ controls: !1,
2197
+ poster: e.imgSrc,
2198
+ autoplay: "",
2199
+ loop: "",
2200
+ muted: ""
2201
+ }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(C(V), { key: 1 }, {
2202
+ default: w(() => [
2203
+ p(a.$slots, "product-hero-image", {}, void 0, !0)
2204
+ ]),
2205
+ _: 3
2206
+ }))
2207
+ ])
2208
+ ])
2209
+ ]));
2210
+ }
2211
+ }), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-e394473d"]]), si = {
2190
2212
  install: (e) => {
2191
- 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("BlockCardDisplay", Mo), e.component("BlockVimeo", Ro), e.component("Organism404", Go), e.component("OrganismFilter", Xo), e.component("OrganismFooter", bs), e.component("OrganismHeader", Ns), e.component("OrganismLanguageSwitcher", Gs), e.component("OrganismPagination", Zs), e.component("OrganismSearch", ei);
2213
+ e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", V), e.component("AtomLabel", Y), e.component("AtomLink", O), 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", Ml), e.component("BlockPolicy", Nl), e.component("BlockProductHero", li), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Vo), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", vs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Js);
2192
2214
  }
2193
2215
  };
2194
2216
  export {
@@ -2196,16 +2218,16 @@ export {
2196
2218
  Ae as AtomCheckbox,
2197
2219
  Fe as AtomChip,
2198
2220
  je as AtomDropdown,
2199
- D as AtomImage,
2221
+ V as AtomImage,
2200
2222
  Y as AtomLabel,
2201
- M as AtomLink,
2223
+ O as AtomLink,
2202
2224
  lt as AtomRadioButton,
2203
2225
  dt as AtomSelect,
2204
2226
  bt as AtomSlider,
2205
2227
  Et as AtomTextField,
2206
2228
  qt as AtomTextarea,
2207
2229
  G as AtomVideo,
2208
- Mo as BlockCardDisplay,
2230
+ Gl as BlockCardDisplay,
2209
2231
  Va as BlockFacts,
2210
2232
  Na as BlockFeatures,
2211
2233
  Wa as BlockFormScript,
@@ -2214,27 +2236,27 @@ export {
2214
2236
  xa as BlockImage,
2215
2237
  sl as BlockImageGallery,
2216
2238
  Tl as BlockLogoWall,
2217
- Vl as BlockMicroStories,
2218
- Pl as BlockPolicy,
2219
- zl as BlockProductHero,
2220
- jl as BlockPromo,
2221
- oo as BlockQuote,
2222
- co as BlockRichText,
2223
- fo as BlockRichTextColumns,
2224
- qo as BlockTimeline,
2225
- Ro as BlockVimeo,
2239
+ Ml as BlockMicroStories,
2240
+ Nl as BlockPolicy,
2241
+ li as BlockProductHero,
2242
+ Ql as BlockPromo,
2243
+ no as BlockQuote,
2244
+ ho as BlockRichText,
2245
+ $o as BlockRichTextColumns,
2246
+ Vo as BlockTimeline,
2247
+ Fo as BlockVimeo,
2226
2248
  xt as MoleculeAddress,
2227
2249
  oa as MoleculeBulletList,
2228
2250
  da as MoleculeCard,
2229
2251
  fa as MoleculeEventCard,
2230
2252
  ue as MoleculeModal,
2231
2253
  ka as MoleculeTextCard,
2232
- Go as Organism404,
2233
- Xo as OrganismFilter,
2234
- bs as OrganismFooter,
2235
- Ns as OrganismHeader,
2236
- Gs as OrganismLanguageSwitcher,
2237
- Zs as OrganismPagination,
2238
- ei as OrganismSearch,
2239
- ai as default
2254
+ Uo as Organism404,
2255
+ Qo as OrganismFilter,
2256
+ vs as OrganismFooter,
2257
+ Ps as OrganismHeader,
2258
+ Us as OrganismLanguageSwitcher,
2259
+ Ws as OrganismPagination,
2260
+ Js as OrganismSearch,
2261
+ si as default
2240
2262
  };