@mirweb/mir-web-components 1.4.14 → 1.4.16

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 g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as d, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as A, renderList as P, vShow as Q, normalizeProps as F, guardReactiveProps as E, toRefs as ke, mergeProps as de, createVNode as B, Transition as we, withCtx as $, withModifiers as _e, createBlock as T, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Be, normalizeStyle as oe, isRef as ne, unref as I, onMounted as pe, watch as Y, onUnmounted as Ie } from "vue";
1
+ import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as F, popScopeId as H, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as A, renderList as P, vShow as Q, normalizeProps as z, guardReactiveProps as E, toRefs as ke, mergeProps as de, createVNode as B, Transition as we, withCtx as $, withModifiers as _e, createBlock as T, createCommentVNode as h, watchEffect as pe, withKeys as Se, useSlots as Be, normalizeStyle as oe, isRef as ne, unref as I, onMounted as he, watch as Y, onUnmounted as Ie } from "vue";
2
2
  const qe = ["aria-label"], Le = /* @__PURE__ */ g({
3
3
  __name: "button",
4
4
  props: {
@@ -15,7 +15,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
15
15
  next: "next",
16
16
  previous: "previous"
17
17
  }, r = e, i = C(() => a[r.variant]);
18
- return (l, c) => (o(), s("button", {
18
+ return (l, u) => (o(), s("button", {
19
19
  class: m(["button", "button--" + i.value]),
20
20
  "aria-label": l.ariaLabel
21
21
  }, n(i.value === "close" ? "" : l.buttonText), 11, qe));
@@ -25,7 +25,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
25
25
  for (const [i, l] of a)
26
26
  r[i] = l;
27
27
  return r;
28
- }, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ g({
28
+ }, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (F("data-v-0c4c6d8e"), e = e(), H(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ g({
29
29
  __name: "checkbox",
30
30
  props: {
31
31
  name: { default: "checkbox" },
@@ -38,10 +38,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
38
38
  emits: ["input"],
39
39
  setup(e, { emit: a }) {
40
40
  const r = a, i = (l) => {
41
- const c = l.target;
42
- r("input", c.checked);
41
+ const u = l.target;
42
+ r("input", u.checked);
43
43
  };
44
- return (l, c) => (o(), s("div", {
44
+ return (l, u) => (o(), s("div", {
45
45
  class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
46
46
  }, [
47
47
  t("input", {
@@ -60,15 +60,15 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
60
60
  class: m(["checkbox__label", l.required ? "required" : ""])
61
61
  }, [
62
62
  Ve,
63
- d(l.$slots, "default", {}, void 0, !0)
63
+ c(l.$slots, "default", {}, void 0, !0)
64
64
  ], 10, Te)
65
65
  ], 2));
66
66
  }
67
- }), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (H("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
67
+ }), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (F("data-v-08813346"), e = e(), H(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
68
68
  src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
69
69
  alt: "close",
70
70
  class: "close-icon"
71
- }, null, -1)), Fe = /* @__PURE__ */ g({
71
+ }, null, -1)), ze = /* @__PURE__ */ g({
72
72
  __name: "chip",
73
73
  props: {
74
74
  text: { default: "" }
@@ -78,7 +78,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
78
78
  const a = e, r = C(() => `Chip: ${a.text}`);
79
79
  return (i, l) => (o(), s("div", {
80
80
  class: "chip__wrapper",
81
- onClick: l[0] || (l[0] = (c) => i.$emit("remove-chip"))
81
+ onClick: l[0] || (l[0] = (u) => i.$emit("remove-chip"))
82
82
  }, [
83
83
  t("span", {
84
84
  class: "chip",
@@ -89,7 +89,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
89
89
  ], 8, Me)
90
90
  ]));
91
91
  }
92
- }), He = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), Re = ["value"], ze = ["id"], Ee = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ke = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
92
+ }), Fe = /* @__PURE__ */ f(ze, [["__scopeId", "data-v-08813346"]]), He = ["value"], Re = ["id"], Ee = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ke = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
93
93
  __name: "dropdown",
94
94
  props: {
95
95
  modelValue: {},
@@ -107,45 +107,45 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
107
107
  const r = {
108
108
  primary: "dropdown-dark-bg-primary",
109
109
  dark: "dropdown-dark dropdown-dark-bg-dark"
110
- }, i = e, l = C(() => r[i.variant]), c = q(null), _ = q(null), u = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), x = a, le = C(() => {
111
- const h = i.options.find(
110
+ }, i = e, l = C(() => r[i.variant]), u = q(null), d = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), x = a, le = C(() => {
111
+ const p = i.options.find(
112
112
  (S) => S.value === i.modelValue
113
113
  );
114
- return h && h.label;
114
+ return p && p.label;
115
115
  });
116
- function se(h) {
117
- x("update:modelValue", h);
116
+ function se(p) {
117
+ x("update:modelValue", p);
118
118
  }
119
- function ie(h) {
119
+ function ie(p) {
120
120
  var L;
121
- const S = h.target;
122
- S.getAttribute("role") === "option" && (J(S), te(), (L = c.value) == null || L.focus());
121
+ const S = p.target;
122
+ S.getAttribute("role") === "option" && (J(S), te(), (L = u.value) == null || L.focus());
123
123
  }
124
- function U(h) {
124
+ function U(p) {
125
125
  var L;
126
- const S = h.key;
126
+ const S = p.key;
127
127
  switch (S) {
128
128
  case "ArrowUp":
129
129
  case "ArrowDown": {
130
- h.preventDefault();
130
+ p.preventDefault();
131
131
  const D = i.options.findIndex(
132
132
  (W) => W.value === i.modelValue
133
133
  );
134
- let O = D ? u.value[D] : u.value[0];
135
- S === "ArrowUp" ? D - 1 >= 0 && (O = u.value[D - 1]) : D + 1 <= i.options.length && (O = u.value[D + 1]), O && J(O);
134
+ let O = D ? _.value[D] : _.value[0];
135
+ S === "ArrowUp" ? D - 1 >= 0 && (O = _.value[D - 1]) : D + 1 <= i.options.length && (O = _.value[D + 1]), O && J(O);
136
136
  break;
137
137
  }
138
138
  case "Home":
139
139
  case "PageUp":
140
- h.preventDefault(), z();
140
+ p.preventDefault(), R();
141
141
  break;
142
142
  case "End":
143
143
  case "PageDown":
144
- h.preventDefault(), be();
144
+ p.preventDefault(), be();
145
145
  break;
146
146
  case "Enter":
147
147
  case "Escape":
148
- h.preventDefault(), te(), (L = c.value) == null || L.focus();
148
+ p.preventDefault(), te(), (L = u.value) == null || L.focus();
149
149
  break;
150
150
  default: {
151
151
  const D = N(S);
@@ -154,121 +154,121 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
154
154
  }
155
155
  }
156
156
  }
157
- function ee(h) {
157
+ function ee(p) {
158
158
  if (!i.disabled)
159
- switch (h.key) {
159
+ switch (p.key) {
160
160
  case "ArrowUp":
161
161
  case "ArrowDown":
162
- h.preventDefault(), ce(), U(h);
162
+ p.preventDefault(), ce(), U(p);
163
163
  break;
164
164
  }
165
165
  }
166
- function re(h) {
167
- h && h.removeAttribute("aria-selected");
166
+ function re(p) {
167
+ p && p.removeAttribute("aria-selected");
168
168
  }
169
169
  function y() {
170
170
  b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
171
171
  v.value = "", b.value = 0;
172
172
  }, 500);
173
173
  }
174
- function N(h) {
174
+ function N(p) {
175
175
  let S = "";
176
- (v.value === "" || S !== h) && (w.value = i.options.findIndex(
176
+ (v.value === "" || S !== p) && (w.value = i.options.findIndex(
177
177
  (D) => D.value === i.modelValue
178
- )), v.value = S === h ? h : v.value + h, S = h, y();
178
+ )), v.value = S === p ? p : v.value + p, S = p, y();
179
179
  let L = j(
180
180
  w.value + 1,
181
181
  i.options.length
182
182
  );
183
183
  return !L && v.value.length === 1 && (L = j(0, w.value)), w.value = (w.value + 1) % i.options.length, L;
184
184
  }
185
- function j(h, S) {
186
- for (let L = h; L < S; L++)
185
+ function j(p, S) {
186
+ for (let L = p; L < S; L++)
187
187
  if (i.options[L].label && i.options[L].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
188
- return u.value[L];
188
+ return _.value[L];
189
189
  return null;
190
190
  }
191
- function z() {
192
- J(u.value[0]);
191
+ function R() {
192
+ J(_.value[0]);
193
193
  }
194
- function J(h) {
194
+ function J(p) {
195
195
  var L, D;
196
- const S = h.getAttribute("data-value");
196
+ const S = p.getAttribute("data-value");
197
197
  if (i.modelValue) {
198
198
  const O = i.options.findIndex(
199
199
  ($e) => $e.value === i.modelValue
200
- ), W = u.value[O];
200
+ ), W = _.value[O];
201
201
  re(W);
202
202
  }
203
- if (h.setAttribute("aria-selected", "true"), (L = _.value) == null || L.setAttribute(
203
+ if (p.setAttribute("aria-selected", "true"), (L = d.value) == null || L.setAttribute(
204
204
  "aria-activedescendant",
205
205
  S || ""
206
- ), se(S || ""), _.value && _.value.scrollHeight > _.value.clientHeight) {
207
- const O = _.value.clientHeight + _.value.scrollTop, W = h.offsetTop + h.offsetHeight;
208
- W > O ? _.value.scrollTop = W - ((D = _.value) == null ? void 0 : D.clientHeight) : h.offsetTop < _.value.scrollTop && (_.value.scrollTop = h.offsetTop);
206
+ ), se(S || ""), d.value && d.value.scrollHeight > d.value.clientHeight) {
207
+ const O = d.value.clientHeight + d.value.scrollTop, W = p.offsetTop + p.offsetHeight;
208
+ W > O ? d.value.scrollTop = W - ((D = d.value) == null ? void 0 : D.clientHeight) : p.offsetTop < d.value.scrollTop && (d.value.scrollTop = p.offsetTop);
209
209
  }
210
210
  }
211
211
  function be() {
212
212
  var S;
213
- const h = (S = u.value) == null ? void 0 : S[i.options.length - 1];
214
- J(h);
213
+ const p = (S = _.value) == null ? void 0 : S[i.options.length - 1];
214
+ J(p);
215
215
  }
216
216
  function te() {
217
- var h;
218
- k.value = !0, (h = c.value) == null || h.removeAttribute("aria-expanded");
217
+ var p;
218
+ k.value = !0, (p = u.value) == null || p.removeAttribute("aria-expanded");
219
219
  }
220
220
  function ce() {
221
- var h, S;
222
- k.value = !1, (h = c.value) == null || h.setAttribute("aria-expanded", "true"), (S = _.value) == null || S.focus();
221
+ var p, S;
222
+ k.value = !1, (p = u.value) == null || p.setAttribute("aria-expanded", "true"), (S = d.value) == null || S.focus();
223
223
  }
224
224
  function ye() {
225
225
  i.disabled || (k.value ? ce() : te());
226
226
  }
227
- return (h, S) => {
227
+ return (p, S) => {
228
228
  const L = ue("click-outside");
229
229
  return o(), s("div", {
230
230
  ref: "listbox",
231
231
  class: "listbox__wrapper",
232
- value: h.modelValue
232
+ value: p.modelValue
233
233
  }, [
234
234
  t("label", {
235
- id: `${h.name}-label`,
235
+ id: `${p.name}-label`,
236
236
  class: m([{
237
- "listbox__label--visually-hidden": !h.showLabel,
238
- "is-disabled": h.disabled,
239
- "is-required": h.required
237
+ "listbox__label--visually-hidden": !p.showLabel,
238
+ "is-disabled": p.disabled,
239
+ "is-required": p.required
240
240
  }, "listbox__label"])
241
- }, n(h.label), 11, ze),
241
+ }, n(p.label), 11, Re),
242
242
  K((o(), s("div", Ee, [
243
243
  t("button", {
244
- id: `${h.name}-button-label`,
244
+ id: `${p.name}-button-label`,
245
245
  ref_key: "listboxButton",
246
- ref: c,
247
- "aria-labelledby": `${h.name}-label ${h.name}-button-label`,
246
+ ref: u,
247
+ "aria-labelledby": `${p.name}-label ${p.name}-button-label`,
248
248
  type: "button",
249
249
  "aria-haspopup": "listbox",
250
- "aria-disabled": h.disabled,
250
+ "aria-disabled": p.disabled,
251
251
  class: m(["listbox__button", l.value]),
252
252
  onClick: ye,
253
253
  onKeydown: ee
254
- }, n(h.modelValue ? le.value : h.placeholder), 43, Ne),
254
+ }, n(p.modelValue ? le.value : p.placeholder), 43, Ne),
255
255
  K(t("ul", {
256
256
  ref_key: "listboxNode",
257
- ref: _,
258
- "aria-labelledby": `${h.name}-label`,
259
- "aria-activedescendant": h.modelValue,
257
+ ref: d,
258
+ "aria-labelledby": `${p.name}-label`,
259
+ "aria-activedescendant": p.modelValue,
260
260
  tabindex: "0",
261
261
  role: "listbox",
262
262
  class: "listbox__list",
263
263
  onKeydown: U,
264
264
  onClick: ie
265
265
  }, [
266
- (o(!0), s(A, null, P(h.options, (D, O) => (o(), s("li", {
267
- key: `${h.name}-option-${O}`,
266
+ (o(!0), s(A, null, P(p.options, (D, O) => (o(), s("li", {
267
+ key: `${p.name}-option-${O}`,
268
268
  ref_for: !0,
269
269
  ref_key: "listboxOptions",
270
- ref: u,
271
- "aria-selected": D.value === h.modelValue,
270
+ ref: _,
271
+ "aria-selected": D.value === p.modelValue,
272
272
  "data-value": D.value,
273
273
  class: "listbox__option",
274
274
  role: "option"
@@ -279,7 +279,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
279
279
  ])), [
280
280
  [L, te]
281
281
  ])
282
- ], 8, Re);
282
+ ], 8, He);
283
283
  };
284
284
  }
285
285
  }), Ge = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-a17afd8c"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
@@ -295,7 +295,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
295
295
  },
296
296
  setup(e) {
297
297
  return (a, r) => (o(), s("div", Je, [
298
- d(a.$slots, "default", F(E(a.$attrs)))
298
+ c(a.$slots, "default", z(E(a.$attrs)))
299
299
  ]));
300
300
  }
301
301
  }), M = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ g({
@@ -336,24 +336,24 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
336
336
  hover: "underline-hover",
337
337
  true: "add-underline",
338
338
  false: "remove-underline"
339
- }, i = e, l = C(() => a[i.linkType]), c = C(() => r[i.underline]), _ = C(() => {
340
- const { ...u } = ke(i);
341
- return u;
339
+ }, i = e, l = C(() => a[i.linkType]), u = C(() => r[i.underline]), d = C(() => {
340
+ const { ..._ } = ke(i);
341
+ return _;
342
342
  });
343
- return (u, b) => (o(), s("div", Xe, [
344
- t("div", de(_.value, {
343
+ return (_, b) => (o(), s("div", Xe, [
344
+ t("div", de(d.value, {
345
345
  class: ["mir-link", [
346
346
  l.value,
347
- u.disabled ? "disabled" : "",
348
- c.value,
349
- u.arrow ? "link-arrow" : ""
347
+ _.disabled ? "disabled" : "",
348
+ u.value,
349
+ _.arrow ? "link-arrow" : ""
350
350
  ]]
351
351
  }), [
352
- d(u.$slots, "default")
352
+ c(_.$slots, "default")
353
353
  ], 16)
354
354
  ]));
355
355
  }
356
- }), xe = (e) => (H("data-v-fa1bda9b"), e = e(), R(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
356
+ }), xe = (e) => (F("data-v-fa1bda9b"), e = e(), H(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
357
357
  __name: "radio-button",
358
358
  props: {
359
359
  name: { default: "radio" },
@@ -366,10 +366,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
366
366
  emits: ["input"],
367
367
  setup(e, { emit: a }) {
368
368
  const r = a, i = (l) => {
369
- const c = l.target;
370
- r("input", c.checked);
369
+ const u = l.target;
370
+ r("input", u.checked);
371
371
  };
372
- return (l, c) => (o(), s("div", {
372
+ return (l, u) => (o(), s("div", {
373
373
  class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
374
374
  }, [
375
375
  t("input", {
@@ -388,7 +388,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
388
388
  class: m(["radio__label", l.required ? "required" : ""])
389
389
  }, [
390
390
  at,
391
- d(l.$slots, "default", {}, void 0, !0)
391
+ c(l.$slots, "default", {}, void 0, !0)
392
392
  ], 10, tt)
393
393
  ], 2));
394
394
  }
@@ -438,43 +438,43 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
438
438
  const r = e, i = a, l = () => {
439
439
  i("update:show", !r.show);
440
440
  };
441
- return (c, _) => (o(), s("div", ut, [
441
+ return (u, d) => (o(), s("div", ut, [
442
442
  B(we, {
443
443
  duration: 300,
444
444
  name: "nested"
445
445
  }, {
446
446
  default: $(() => [
447
447
  K(t("div", {
448
- class: m(["overlay", c.searchBar ? "overlay-search" : "overlay-default"]),
448
+ class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
449
449
  ariaLabel: "modal",
450
450
  role: "dialog",
451
451
  onClick: l
452
452
  }, [
453
453
  t("div", {
454
454
  id: "modal",
455
- class: m([c.searchBar ? "search" : ""]),
456
- onClick: _[0] || (_[0] = _e(() => {
455
+ class: m([u.searchBar ? "search" : ""]),
456
+ onClick: d[0] || (d[0] = _e(() => {
457
457
  }, ["stop"]))
458
458
  }, [
459
459
  t("div", null, [
460
- c.searchBar ? p("", !0) : (o(), T(ae, {
460
+ u.searchBar ? h("", !0) : (o(), T(ae, {
461
461
  key: 0,
462
462
  "aria-label": "close",
463
463
  variant: "close",
464
464
  onClick: l
465
465
  }))
466
466
  ]),
467
- d(c.$slots, "default", {}, void 0, !0)
467
+ c(u.$slots, "default", {}, void 0, !0)
468
468
  ], 2)
469
469
  ], 2), [
470
- [Q, c.show]
470
+ [Q, u.show]
471
471
  ])
472
472
  ]),
473
473
  _: 3
474
474
  })
475
475
  ]));
476
476
  }
477
- }), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), ht = { class: "slider__wrapper" }, pt = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
477
+ }), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
478
478
  __name: "slider",
479
479
  props: {
480
480
  label: {},
@@ -490,20 +490,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
490
490
  },
491
491
  emits: ["update:modelValue"],
492
492
  setup(e, { emit: a }) {
493
- const r = e, i = a, l = q(r.modelValue), c = q(), _ = q(!1), u = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
493
+ const r = e, i = a, l = q(r.modelValue), u = q(), d = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
494
494
  var k;
495
- (k = c.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
495
+ (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
496
496
  };
497
- return he(() => {
498
- if (c.value) {
497
+ return pe(() => {
498
+ if (u.value) {
499
499
  i("update:modelValue", l.value);
500
- const v = u(l.value, r.min, r.max);
500
+ const v = _(l.value, r.min, r.max);
501
501
  let k = (50 - v) / 100;
502
502
  b(v + k);
503
503
  }
504
504
  }), (v, k) => (o(), s("div", null, [
505
- t("div", ht, [
506
- t("div", pt, [
505
+ t("div", pt, [
506
+ t("div", ht, [
507
507
  t("label", {
508
508
  for: v.id,
509
509
  class: m([v.variant, ""])
@@ -515,9 +515,9 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
515
515
  "aria-label": v.informationLabel,
516
516
  tabindex: "0",
517
517
  "aria-haspopup": "dialog",
518
- onClick: k[0] || (k[0] = (w) => _.value = !_.value),
519
- onKeyup: k[1] || (k[1] = Se((w) => _.value = !_.value, ["enter"]))
520
- }, null, 42, vt)) : p("", !0)
518
+ onClick: k[0] || (k[0] = (w) => d.value = !d.value),
519
+ onKeyup: k[1] || (k[1] = Se((w) => d.value = !d.value, ["enter"]))
520
+ }, null, 42, vt)) : h("", !0)
521
521
  ]),
522
522
  t("div", ft, [
523
523
  t("span", {
@@ -526,7 +526,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
526
526
  t("input", {
527
527
  id: v.id,
528
528
  ref_key: "slider",
529
- ref: c,
529
+ ref: u,
530
530
  type: "range",
531
531
  name: v.name,
532
532
  value: v.modelValue,
@@ -546,14 +546,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
546
546
  ]),
547
547
  v.information ? (o(), T(ve, {
548
548
  key: 0,
549
- show: _.value,
550
- "onUpdate:show": k[3] || (k[3] = (w) => _.value = w)
549
+ show: d.value,
550
+ "onUpdate:show": k[3] || (k[3] = (w) => d.value = w)
551
551
  }, {
552
552
  default: $(() => [
553
553
  t("p", bt, n(v.information), 1)
554
554
  ]),
555
555
  _: 1
556
- }, 8, ["show"])) : p("", !0)
556
+ }, 8, ["show"])) : h("", !0)
557
557
  ]));
558
558
  }
559
559
  }), $t = /* @__PURE__ */ f(yt, [["__scopeId", "data-v-24a83011"]]), kt = { id: "textarea-wrapper" }, wt = ["for"], St = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], It = { class: "textarea-info" }, qt = { key: 0 }, Lt = /* @__PURE__ */ g({
@@ -596,7 +596,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
596
596
  ], 8, St),
597
597
  t("div", It, [
598
598
  t("div", null, [
599
- a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), s("p", qt, " Too many characters. Please make it shorter ")) : p("", !0)
599
+ a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), s("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
600
600
  ]),
601
601
  t("p", {
602
602
  class: m(
@@ -609,13 +609,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
609
609
  }), Dt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
610
610
  key: 2,
611
611
  class: "search"
612
- }, Ft = {
612
+ }, zt = {
613
613
  key: 3,
614
614
  class: "errorMessage"
615
- }, Ht = {
615
+ }, Ft = {
616
616
  key: 4,
617
617
  class: "helperText"
618
- }, Rt = /* @__PURE__ */ g({
618
+ }, Ht = /* @__PURE__ */ g({
619
619
  __name: "text-field",
620
620
  props: {
621
621
  type: { default: "text" },
@@ -642,62 +642,62 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
642
642
  tel: "tel",
643
643
  url: "url",
644
644
  search: "search"
645
- }, r = e, i = C(() => a[r.type]), l = q(!0), c = C(
645
+ }, r = e, i = C(() => a[r.type]), l = q(!0), u = C(
646
646
  () => l.value ? "showPassword" : "hidePassword"
647
- ), _ = C(
647
+ ), d = C(
648
648
  () => l.value ? "password" : "text"
649
649
  );
650
- return (u, b) => (o(), s("div", Ct, [
650
+ return (_, b) => (o(), s("div", Ct, [
651
651
  t("label", {
652
- for: u.id,
652
+ for: _.id,
653
653
  class: m([
654
- u.required ? "required" : "",
655
- u.disabled ? "disabled" : "",
656
- u.search ? "search" : ""
654
+ _.required ? "required" : "",
655
+ _.disabled ? "disabled" : "",
656
+ _.search ? "search" : ""
657
657
  ])
658
- }, n(u.label), 11, Tt),
658
+ }, n(_.label), 11, Tt),
659
659
  i.value === "password" ? (o(), s("div", Vt, [
660
660
  t("input", {
661
- id: u.id,
661
+ id: _.id,
662
662
  ref: "passwordField",
663
- type: _.value,
664
- value: u.modelValue,
665
- placeholder: u.placeholder,
666
- required: u.required,
667
- disabled: u.disabled,
668
- name: u.fieldName,
669
- onInput: b[0] || (b[0] = (v) => u.$emit("update:modelValue", v.target.value))
663
+ type: d.value,
664
+ value: _.modelValue,
665
+ placeholder: _.placeholder,
666
+ required: _.required,
667
+ disabled: _.disabled,
668
+ name: _.fieldName,
669
+ onInput: b[0] || (b[0] = (v) => _.$emit("update:modelValue", v.target.value))
670
670
  }, null, 40, At),
671
671
  t("i", {
672
672
  role: "button",
673
- class: m([c.value]),
673
+ class: m([u.value]),
674
674
  "aria-controls": "password",
675
675
  "aria-expanded": !l.value,
676
676
  onClick: b[1] || (b[1] = (v) => l.value = !l.value)
677
677
  }, null, 10, Pt)
678
678
  ])) : (o(), s("input", {
679
679
  key: 1,
680
- id: u.id,
680
+ id: _.id,
681
681
  ref: "textField",
682
682
  type: i.value,
683
- value: u.modelValue,
684
- placeholder: u.placeholder,
685
- required: u.required,
683
+ value: _.modelValue,
684
+ placeholder: _.placeholder,
685
+ required: _.required,
686
686
  class: m([
687
- u.invalid ? "invalid" : "",
688
- u.valid ? "valid" : "",
689
- u.search ? "search" : ""
687
+ _.invalid ? "invalid" : "",
688
+ _.valid ? "valid" : "",
689
+ _.search ? "search" : ""
690
690
  ]),
691
- disabled: u.disabled,
692
- name: u.fieldName,
693
- onInput: b[2] || (b[2] = (v) => u.$emit("update:modelValue", v.target.value))
691
+ disabled: _.disabled,
692
+ name: _.fieldName,
693
+ onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
694
694
  }, null, 42, Mt)),
695
- u.search ? (o(), s("i", Ot)) : p("", !0),
696
- u.errorMessage ? (o(), s("strong", Ft, n(u.errorMessage), 1)) : p("", !0),
697
- u.helperText ? (o(), s("span", Ht, n(u.helperText), 1)) : p("", !0)
695
+ _.search ? (o(), s("i", Ot)) : h("", !0),
696
+ _.errorMessage ? (o(), s("strong", zt, n(_.errorMessage), 1)) : h("", !0),
697
+ _.helperText ? (o(), s("span", Ft, n(_.helperText), 1)) : h("", !0)
698
698
  ]));
699
699
  }
700
- }), zt = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Kt = /* @__PURE__ */ g({
700
+ }), Rt = /* @__PURE__ */ f(Ht, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Kt = /* @__PURE__ */ g({
701
701
  __name: "video",
702
702
  props: {
703
703
  play: { type: Boolean, default: !1 },
@@ -716,35 +716,35 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
716
716
  setup(e, { expose: a }) {
717
717
  const r = e;
718
718
  let i = q(null);
719
- return he(() => {
719
+ return pe(() => {
720
720
  i.value && (r.play ? i.value.play() : r.play || i.value.pause());
721
721
  }), a({
722
722
  resetVideo: () => {
723
723
  i.value && (i.value.currentTime = 0, i.value.play());
724
724
  }
725
- }), (c, _) => (o(), s("div", Et, [
726
- c.localVideo ? (o(), s("video", {
725
+ }), (u, d) => (o(), s("div", Et, [
726
+ u.localVideo ? (o(), s("video", {
727
727
  key: 0,
728
728
  ref_key: "videoRef",
729
729
  ref: i,
730
- "aria-label": c.ariaLabel,
731
- controls: c.controls,
732
- poster: c.poster,
733
- width: c.width,
734
- height: c.height,
735
- autoplay: c.autoplay,
736
- loop: c.loop,
737
- muted: c.muted,
730
+ "aria-label": u.ariaLabel,
731
+ controls: u.controls,
732
+ poster: u.poster,
733
+ width: u.width,
734
+ height: u.height,
735
+ autoplay: u.autoplay,
736
+ loop: u.loop,
737
+ muted: u.muted,
738
738
  type: "video/mp4",
739
739
  playsinline: "",
740
- src: c.src
740
+ src: u.src
741
741
  }, null, 8, Nt)) : (o(), s("iframe", {
742
742
  key: 1,
743
- src: c.src,
744
- "aria-label": c.ariaLabel,
745
- title: c.title,
746
- width: c.width,
747
- height: c.height,
743
+ src: u.src,
744
+ "aria-label": u.ariaLabel,
745
+ title: u.title,
746
+ width: u.width,
747
+ height: u.height,
748
748
  frameborder: "0",
749
749
  allow: "autoplay; fullscreen",
750
750
  allowfullscreen: ""
@@ -767,14 +767,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
767
767
  return (a, r) => (o(), s("div", Ut, [
768
768
  t("div", Gt, [
769
769
  t("div", Jt, [
770
- d(a.$slots, "address-flag", {}, void 0, !0)
770
+ c(a.$slots, "address-flag", {}, void 0, !0)
771
771
  ]),
772
772
  t("div", Wt, [
773
773
  t("p", Yt, n(a.name), 1),
774
774
  t("p", null, n(a.company), 1),
775
775
  t("p", null, n(a.addressLine1), 1),
776
776
  t("p", null, n(a.addressLine2), 1),
777
- a.addressLine3 ? (o(), s("p", Qt, n(a.addressLine3), 1)) : p("", !0)
777
+ a.addressLine3 ? (o(), s("p", Qt, n(a.addressLine3), 1)) : h("", !0)
778
778
  ]),
779
779
  t("div", Zt, [
780
780
  a.website ? (o(), T(V, {
@@ -789,7 +789,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
789
789
  }, n(a.website), 9, Xt)
790
790
  ]),
791
791
  _: 1
792
- })) : p("", !0),
792
+ })) : h("", !0),
793
793
  (o(!0), s(A, null, P(a.phoneNumbers, (i) => (o(), T(V, {
794
794
  key: i,
795
795
  underline: "false",
@@ -811,7 +811,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
811
811
  ])
812
812
  ]));
813
813
  }
814
- }), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
814
+ }), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (F("data-v-a44fd57d"), e = e(), H(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
815
815
  __name: "bullet-list",
816
816
  props: {
817
817
  list: {
@@ -869,6 +869,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
869
869
  const a = Be();
870
870
  let r = q(!1);
871
871
  const i = {
872
+ xsmall: {
873
+ class: "card--xsmall",
874
+ width: "241",
875
+ height: "135"
876
+ },
872
877
  small: {
873
878
  class: "card--small",
874
879
  width: "298",
@@ -884,30 +889,30 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
884
889
  width: "596",
885
890
  height: "335"
886
891
  }
887
- }, l = e, c = C(() => i[l.size]);
888
- return (_, u) => (o(), s("div", na, [
892
+ }, l = e, u = C(() => i[l.size]);
893
+ return (d, _) => (o(), s("div", na, [
889
894
  t("div", {
890
895
  class: m(["card", [
891
- _.theme === "dark" ? "card--dark" : "card--light",
892
- _.orientation === "vertical" ? "vertical" : "horizontal",
893
- c.value.class,
894
- _.size === "large" && _.variant === "article" ? "card--large-article" : "",
895
- _.variant === "product" ? "card--product" : "card--article"
896
+ d.theme === "dark" ? "card--dark" : "card--light",
897
+ d.orientation === "vertical" ? "vertical" : "horizontal",
898
+ u.value.class,
899
+ d.size === "large" && d.variant === "article" ? "card--large-article" : d.size === "small" && d.variant === "article" ? "card--small-article" : d.size === "xsmall" && d.variant === "article" ? "card--xsmall-article" : d.size === "medium" && d.variant === "article" ? "card--medium-article" : d.size === "large" && d.variant === "product" ? "card--large-product" : d.size === "small" && d.variant === "product" ? "card--small-product" : d.size === "xsmall" && d.variant === "product" ? "card--xsmall-product" : d.size === "medium" && d.variant === "product" ? "card--medium-product" : d.variant === "product" ? "card--product" : "card--article",
900
+ d.variant === "product" ? "card--product" : "card--article"
896
901
  ]]),
897
- style: oe([_.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
898
- onMouseover: u[0] || (u[0] = (b) => ne(r) ? r.value = !0 : r = !0),
899
- onMouseout: u[1] || (u[1] = (b) => ne(r) ? r.value = !1 : r = !1)
902
+ style: oe([d.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
903
+ onMouseover: _[0] || (_[0] = (b) => ne(r) ? r.value = !0 : r = !0),
904
+ onMouseout: _[1] || (_[1] = (b) => ne(r) ? r.value = !1 : r = !1)
900
905
  }, [
901
- _.mediaType === "image" ? (o(), T(M, { key: 0 }, {
906
+ d.mediaType === "image" ? (o(), T(M, { key: 0 }, {
902
907
  default: $(() => [
903
- d(_.$slots, "card-image", de({
904
- src: _.imgSrc,
908
+ c(d.$slots, "card-image", de({
909
+ src: d.imgSrc,
905
910
  width: "596",
906
911
  height: "335",
907
- alt: _.alt,
912
+ alt: d.alt,
908
913
  loading: "auto",
909
914
  sizes: "(min-width: 581px) 582px, 100vw"
910
- }, { srcset: _.srcSet }))
915
+ }, { srcset: d.srcSet }))
911
916
  ]),
912
917
  _: 3
913
918
  })) : (o(), s("div", {
@@ -917,39 +922,39 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
917
922
  B(X, {
918
923
  play: I(r),
919
924
  "local-video": !0,
920
- src: _.videoSrc,
921
- "aria-label": _.arialabel,
925
+ src: d.videoSrc,
926
+ "aria-label": d.arialabel,
922
927
  controls: !1,
923
- poster: _.imgSrc,
924
- width: c.value.width,
925
- height: c.value.height,
928
+ poster: d.imgSrc,
929
+ width: u.value.width,
930
+ height: u.value.height,
926
931
  autoplay: !0,
927
932
  loop: !0,
928
933
  muted: !0
929
934
  }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
930
935
  ], 2)),
931
936
  I(a)["card-label"] ? (o(), s("div", da, [
932
- d(_.$slots, "card-label")
933
- ])) : p("", !0),
934
- _.variant === "product" ? (o(), s("div", {
937
+ c(d.$slots, "card-label")
938
+ ])) : h("", !0),
939
+ d.variant === "product" ? (o(), s("div", {
935
940
  key: 3,
936
941
  class: m([
937
942
  "card__headline",
938
- _.theme === "dark" ? "regular-dark" : "regular-blue"
943
+ d.theme === "dark" ? "regular-dark" : "regular-blue"
939
944
  ]),
940
945
  style: { "font-weight": "700" }
941
- }, n(_.headline), 3)) : (o(), s("div", {
946
+ }, n(d.headline), 3)) : (o(), s("div", {
942
947
  key: 4,
943
948
  class: m([
944
949
  "card__headline",
945
- _.theme === "dark" ? "regular-dark" : "regular-dark-blue"
950
+ d.theme === "dark" ? "regular-dark" : "regular-dark-blue"
946
951
  ])
947
- }, n(_.headline), 3)),
948
- _.variant === "product" ? (o(), s("p", ca, n(_.paragraph), 1)) : p("", !0)
952
+ }, n(d.headline), 3)),
953
+ d.variant === "product" ? (o(), s("p", ca, n(d.paragraph), 1)) : h("", !0)
949
954
  ], 38)
950
955
  ]));
951
956
  }
952
- }), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), ha = (e) => (H("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ ha(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
957
+ }), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-f26b0595"]]), pa = (e) => (F("data-v-2c394add"), e = e(), H(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
953
958
  __name: "event-card",
954
959
  props: {
955
960
  eventType: {
@@ -974,7 +979,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
974
979
  }
975
980
  },
976
981
  setup(e) {
977
- return (a, r) => (o(), s("div", pa, [
982
+ return (a, r) => (o(), s("div", ha, [
978
983
  B(Z, {
979
984
  "label-dark": !1,
980
985
  text: e.eventType ? e.eventType : ""
@@ -1044,19 +1049,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1044
1049
  }, [
1045
1050
  t("div", Ia, [
1046
1051
  e.headline || e.paragraph ? (o(), s("div", qa, [
1047
- e.headline ? (o(), s("h2", La, n(e.headline), 1)) : p("", !0),
1048
- e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) : p("", !0)
1049
- ])) : p("", !0),
1052
+ e.headline ? (o(), s("h2", La, n(e.headline), 1)) : h("", !0),
1053
+ e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) : h("", !0)
1054
+ ])) : h("", !0),
1050
1055
  t("div", Ca, [
1051
- d(a.$slots, "card-display-cards", {}, void 0, !0)
1056
+ c(a.$slots, "card-display-cards", {}, void 0, !0)
1052
1057
  ])
1053
1058
  ])
1054
1059
  ], 2));
1055
1060
  }
1056
- }), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" }, Fa = { class: "fact__value" }, Ha = { class: "fact__metric" }, Ra = {
1061
+ }), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" }, za = { class: "fact__value" }, Fa = { class: "fact__metric" }, Ha = {
1057
1062
  key: 0,
1058
1063
  class: "facts__link"
1059
- }, za = /* @__PURE__ */ g({
1064
+ }, Ra = /* @__PURE__ */ g({
1060
1065
  __name: "facts",
1061
1066
  props: {
1062
1067
  headline: { default: "" },
@@ -1088,29 +1093,29 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1088
1093
  key: i.value + i.metric,
1089
1094
  class: "fact"
1090
1095
  }, [
1091
- t("div", Fa, [
1096
+ t("div", za, [
1092
1097
  t("span", null, n(i.value), 1)
1093
1098
  ]),
1094
- t("div", Ha, [
1099
+ t("div", Fa, [
1095
1100
  t("span", null, n(i.metric), 1)
1096
1101
  ])
1097
1102
  ]))), 128))
1098
1103
  ]),
1099
- a.link ? (o(), s("div", Ra, [
1104
+ a.link ? (o(), s("div", Ha, [
1100
1105
  B(V, {
1101
1106
  "link-type": "regular_light",
1102
1107
  arrow: ""
1103
1108
  }, {
1104
1109
  default: $(() => [
1105
- d(a.$slots, "facts-link", {}, void 0, !0)
1110
+ c(a.$slots, "facts-link", {}, void 0, !0)
1106
1111
  ]),
1107
1112
  _: 3
1108
1113
  })
1109
- ])) : p("", !0)
1114
+ ])) : h("", !0)
1110
1115
  ])
1111
1116
  ]));
1112
1117
  }
1113
- }), Ea = /* @__PURE__ */ f(za, [["__scopeId", "data-v-d2b231d4"]]), Na = { class: "features__wrapper" }, ja = { class: "features__content" }, Ka = {
1118
+ }), Ea = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-d2b231d4"]]), Na = { class: "features__wrapper" }, ja = { class: "features__content" }, Ka = {
1114
1119
  key: 0,
1115
1120
  class: "features__headline"
1116
1121
  }, Ua = {
@@ -1128,10 +1133,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1128
1133
  t("div", ja, [
1129
1134
  a.headline ? (o(), s("div", Ka, [
1130
1135
  t("h2", null, n(a.headline), 1)
1131
- ])) : p("", !0),
1136
+ ])) : h("", !0),
1132
1137
  a.body ? (o(), s("div", Ua, [
1133
- d(a.$slots, "features-body", {}, void 0, !0)
1134
- ])) : p("", !0),
1138
+ c(a.$slots, "features-body", {}, void 0, !0)
1139
+ ])) : h("", !0),
1135
1140
  t("div", {
1136
1141
  class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
1137
1142
  }, [
@@ -1141,7 +1146,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1141
1146
  }, [
1142
1147
  B(M, { class: "element__icon" }, {
1143
1148
  default: $(() => [
1144
- d(a.$slots, "features-icon", F(E({
1149
+ c(a.$slots, "features-icon", z(E({
1145
1150
  src: i.icon.src,
1146
1151
  height: 30,
1147
1152
  width: 30,
@@ -1171,11 +1176,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1171
1176
  t("div", Xa, [
1172
1177
  t("h2", xa, n(e.headline), 1),
1173
1178
  t("div", eo, [
1174
- d(a.$slots, "form-body", {}, void 0, !0)
1179
+ c(a.$slots, "form-body", {}, void 0, !0)
1175
1180
  ])
1176
1181
  ]),
1177
1182
  t("div", to, [
1178
- d(a.$slots, "form-script", {}, void 0, !0)
1183
+ c(a.$slots, "form-script", {}, void 0, !0)
1179
1184
  ])
1180
1185
  ])
1181
1186
  ]));
@@ -1210,7 +1215,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1210
1215
  ], 2)
1211
1216
  ]));
1212
1217
  }
1213
- }), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (H("data-v-22f9be13"), e = e(), R(), e), co = { class: "hero__wrapper" }, uo = { class: "hero__content" }, _o = { class: "hero__top" }, ho = { class: "hero__elements" }, po = { class: "hero__headline" }, mo = { class: "hero__link" }, vo = { class: "hero__video" }, fo = /* @__PURE__ */ no(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), go = { class: "hero__video__video" }, bo = { class: "hero__image" }, yo = /* @__PURE__ */ g({
1218
+ }), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (F("data-v-22f9be13"), e = e(), H(), e), co = { class: "hero__wrapper" }, uo = { class: "hero__content" }, _o = { class: "hero__top" }, po = { class: "hero__elements" }, ho = { class: "hero__headline" }, mo = { class: "hero__link" }, vo = { class: "hero__video" }, fo = /* @__PURE__ */ no(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), go = { class: "hero__video__video" }, bo = { class: "hero__image" }, yo = /* @__PURE__ */ g({
1214
1219
  __name: "hero",
1215
1220
  props: {
1216
1221
  headline: {
@@ -1222,8 +1227,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1222
1227
  return (a, r) => (o(), s("div", co, [
1223
1228
  t("div", uo, [
1224
1229
  t("div", _o, [
1225
- t("div", ho, [
1226
- t("div", po, [
1230
+ t("div", po, [
1231
+ t("div", ho, [
1227
1232
  t("h1", null, n(e.headline), 1)
1228
1233
  ]),
1229
1234
  t("div", mo, [
@@ -1232,7 +1237,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1232
1237
  arrow: ""
1233
1238
  }, {
1234
1239
  default: $(() => [
1235
- d(a.$slots, "hero-link", {}, void 0, !0)
1240
+ c(a.$slots, "hero-link", {}, void 0, !0)
1236
1241
  ]),
1237
1242
  _: 3
1238
1243
  })
@@ -1242,10 +1247,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1242
1247
  t("div", vo, [
1243
1248
  fo,
1244
1249
  t("div", go, [
1245
- d(a.$slots, "hero-video", {}, void 0, !0)
1250
+ c(a.$slots, "hero-video", {}, void 0, !0)
1246
1251
  ]),
1247
1252
  t("div", bo, [
1248
- d(a.$slots, "hero-image", {}, void 0, !0)
1253
+ c(a.$slots, "hero-image", {}, void 0, !0)
1249
1254
  ])
1250
1255
  ])
1251
1256
  ])
@@ -1280,7 +1285,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1280
1285
  t("div", So, [
1281
1286
  B(M, null, {
1282
1287
  default: $(() => [
1283
- d(a.$slots, "image", F(E({
1288
+ c(a.$slots, "image", z(E({
1284
1289
  width: 984,
1285
1290
  height: e.fullHeight ? "100%" : 554,
1286
1291
  src: e.src,
@@ -1321,7 +1326,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1321
1326
  light: "gallery__wrapper--light",
1322
1327
  dark: "gallery__wrapper--dark mirsaic--dark"
1323
1328
  }, r = e, i = C(() => a[r.bgColor]);
1324
- return (l, c) => (o(), s("div", {
1329
+ return (l, u) => (o(), s("div", {
1325
1330
  class: m(["gallery__wrapper", i.value])
1326
1331
  }, [
1327
1332
  t("div", {
@@ -1334,7 +1339,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1334
1339
  l.mediaLarge && l.mediaType === "image" ? (o(), s("div", Do, [
1335
1340
  B(M, null, {
1336
1341
  default: $(() => [
1337
- d(l.$slots, "image-large", F(E({
1342
+ c(l.$slots, "image-large", z(E({
1338
1343
  width: 617,
1339
1344
  height: 530,
1340
1345
  src: l.mediaLarge.src,
@@ -1343,7 +1348,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1343
1348
  ]),
1344
1349
  _: 3
1345
1350
  })
1346
- ])) : p("", !0),
1351
+ ])) : h("", !0),
1347
1352
  l.mediaLarge && l.mediaType === "video" ? (o(), s("div", Co, [
1348
1353
  B(X, {
1349
1354
  src: l.mediaLarge.src,
@@ -1357,7 +1362,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1357
1362
  muted: "",
1358
1363
  play: ""
1359
1364
  }, null, 8, ["src", "aria-label"])
1360
- ])) : p("", !0)
1365
+ ])) : h("", !0)
1361
1366
  ]),
1362
1367
  t("div", {
1363
1368
  style: oe([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
@@ -1366,17 +1371,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1366
1371
  l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
1367
1372
  ])
1368
1373
  }, [
1369
- (o(!0), s(A, null, P(l.mediaSmall, (_) => (o(), s("div", {
1370
- key: _.src + _.alt,
1374
+ (o(!0), s(A, null, P(l.mediaSmall, (d) => (o(), s("div", {
1375
+ key: d.src + d.alt,
1371
1376
  class: "image image--small"
1372
1377
  }, [
1373
1378
  B(M, null, {
1374
1379
  default: $(() => [
1375
- d(l.$slots, "image-small", F(E({
1380
+ c(l.$slots, "image-small", z(E({
1376
1381
  width: 328,
1377
1382
  height: 246,
1378
- src: _.src,
1379
- alt: _.alt
1383
+ src: d.src,
1384
+ alt: d.alt
1380
1385
  })))
1381
1386
  ]),
1382
1387
  _: 2
@@ -1384,7 +1389,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1384
1389
  ]))), 128)),
1385
1390
  l.mediaSmall.length < 2 ? (o(), s("div", To, [
1386
1391
  t("p", null, n(l.body), 1)
1387
- ])) : p("", !0)
1392
+ ])) : h("", !0)
1388
1393
  ], 6)
1389
1394
  ], 2)
1390
1395
  ], 2));
@@ -1392,7 +1397,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1392
1397
  }), Ao = /* @__PURE__ */ f(Vo, [["__scopeId", "data-v-0d271138"]]), Po = { class: "logo-wall__wrapper" }, Mo = { class: "logo-wall__content" }, Oo = {
1393
1398
  key: 0,
1394
1399
  class: "logo-wall__text"
1395
- }, Fo = { key: 0 }, Ho = { key: 1 }, Ro = { class: "logo-wall__logos" }, zo = { class: "logo-wall__link" }, Eo = /* @__PURE__ */ g({
1400
+ }, zo = { key: 0 }, Fo = { key: 1 }, Ho = { class: "logo-wall__logos" }, Ro = { class: "logo-wall__link" }, Eo = /* @__PURE__ */ g({
1396
1401
  __name: "logo-wall",
1397
1402
  props: {
1398
1403
  headline: {
@@ -1413,17 +1418,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1413
1418
  return (a, r) => (o(), s("div", Po, [
1414
1419
  t("div", Mo, [
1415
1420
  e.headline || e.body ? (o(), s("div", Oo, [
1416
- e.headline ? (o(), s("h2", Fo, n(e.headline), 1)) : p("", !0),
1417
- e.body ? (o(), s("p", Ho, n(e.body), 1)) : p("", !0)
1418
- ])) : p("", !0),
1419
- t("div", Ro, [
1421
+ e.headline ? (o(), s("h2", zo, n(e.headline), 1)) : h("", !0),
1422
+ e.body ? (o(), s("p", Fo, n(e.body), 1)) : h("", !0)
1423
+ ])) : h("", !0),
1424
+ t("div", Ho, [
1420
1425
  (o(!0), s(A, null, P(e.logos, (i) => (o(), s("div", {
1421
1426
  key: i.src + i.alt,
1422
1427
  class: "logo-wall__logo"
1423
1428
  }, [
1424
1429
  B(M, null, {
1425
1430
  default: $(() => [
1426
- d(a.$slots, "logo-wall-logo", F(E({
1431
+ c(a.$slots, "logo-wall-logo", z(E({
1427
1432
  width: 130,
1428
1433
  height: 130,
1429
1434
  src: i.src,
@@ -1434,13 +1439,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1434
1439
  }, 1024)
1435
1440
  ]))), 128))
1436
1441
  ]),
1437
- t("div", zo, [
1442
+ t("div", Ro, [
1438
1443
  B(V, {
1439
1444
  "link-type": "regular_light",
1440
1445
  arrow: !0
1441
1446
  }, {
1442
1447
  default: $(() => [
1443
- d(a.$slots, "logo-wall-link", {}, void 0, !0)
1448
+ c(a.$slots, "logo-wall-link", {}, void 0, !0)
1444
1449
  ]),
1445
1450
  _: 3
1446
1451
  })
@@ -1467,28 +1472,28 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
1467
1472
  blue: "micro-stories__wrapper--blue",
1468
1473
  dark: "micro-stories__wrapper--dark"
1469
1474
  }, r = C(() => a[i.bgColor]), i = e;
1470
- return (l, c) => (o(), s("div", {
1475
+ return (l, u) => (o(), s("div", {
1471
1476
  class: m(["micro-stories__wrapper", r.value])
1472
1477
  }, [
1473
1478
  t("div", jo, [
1474
1479
  l.headline ? (o(), s("div", Ko, [
1475
1480
  t("h2", null, n(l.headline), 1)
1476
- ])) : p("", !0),
1481
+ ])) : h("", !0),
1477
1482
  l.body ? (o(), s("div", Uo, [
1478
1483
  t("p", null, n(l.body), 1)
1479
- ])) : p("", !0)
1484
+ ])) : h("", !0)
1480
1485
  ]),
1481
1486
  t("div", Go, [
1482
- d(l.$slots, "micro-stories-slides")
1487
+ c(l.$slots, "micro-stories-slides")
1483
1488
  ]),
1484
- d(l.$slots, "micro-stories-controls")
1489
+ c(l.$slots, "micro-stories-controls")
1485
1490
  ], 2));
1486
1491
  }
1487
1492
  }), Wo = {}, Yo = { class: "policy__wrapper" }, Qo = { class: "policy__content" };
1488
1493
  function Zo(e, a) {
1489
1494
  return o(), s("div", Yo, [
1490
1495
  t("div", Qo, [
1491
- d(e.$slots, "default", {}, void 0, !0)
1496
+ c(e.$slots, "default", {}, void 0, !0)
1492
1497
  ])
1493
1498
  ]);
1494
1499
  }
@@ -1550,7 +1555,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1550
1555
  muted: ""
1551
1556
  }, null, 8, ["src", "aria-label", "poster"])) : (o(), T(I(M), { key: 1 }, {
1552
1557
  default: $(() => [
1553
- d(a.$slots, "product-hero-image", {}, void 0, !0)
1558
+ c(a.$slots, "product-hero-image", {}, void 0, !0)
1554
1559
  ]),
1555
1560
  _: 3
1556
1561
  })),
@@ -1558,19 +1563,19 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1558
1563
  e.logoSrc ? (o(), s("div", ll, [
1559
1564
  B(I(M), null, {
1560
1565
  default: $(() => [
1561
- d(a.$slots, "product-hero-logo", {}, void 0, !0)
1566
+ c(a.$slots, "product-hero-logo", {}, void 0, !0)
1562
1567
  ]),
1563
1568
  _: 3
1564
1569
  })
1565
- ])) : p("", !0),
1570
+ ])) : h("", !0),
1566
1571
  e.isCertified ? (o(), s("div", sl, [
1567
1572
  B(I(M), null, {
1568
1573
  default: $(() => [
1569
- d(a.$slots, "product-hero-certification", {}, void 0, !0)
1574
+ c(a.$slots, "product-hero-certification", {}, void 0, !0)
1570
1575
  ]),
1571
1576
  _: 3
1572
1577
  })
1573
- ])) : p("", !0)
1578
+ ])) : h("", !0)
1574
1579
  ])
1575
1580
  ])
1576
1581
  ])
@@ -1597,7 +1602,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1597
1602
  light: "promo__wrapper--light",
1598
1603
  default: "promo__wrapper--default"
1599
1604
  }, r = e, i = C(() => a[r.variant]);
1600
- return (l, c) => (o(), s("div", {
1605
+ return (l, u) => (o(), s("div", {
1601
1606
  class: m([
1602
1607
  "promo__wrapper",
1603
1608
  i.value,
@@ -1615,11 +1620,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1615
1620
  }, [
1616
1621
  B(M, null, {
1617
1622
  default: $(() => [
1618
- d(l.$slots, "promo-image", F(E({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
1623
+ c(l.$slots, "promo-image", z(E({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
1619
1624
  ]),
1620
1625
  _: 3
1621
1626
  })
1622
- ], 2)) : p("", !0),
1627
+ ], 2)) : h("", !0),
1623
1628
  l.mediaType === "video" ? (o(), s("div", {
1624
1629
  key: 1,
1625
1630
  class: m([
@@ -1638,7 +1643,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1638
1643
  play: "",
1639
1644
  poster: l.fallbackImage
1640
1645
  }, null, 8, ["src", "aria-label", "poster"])
1641
- ], 2)) : p("", !0),
1646
+ ], 2)) : h("", !0),
1642
1647
  t("div", {
1643
1648
  class: m([
1644
1649
  "promo__text",
@@ -1649,14 +1654,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1649
1654
  key: 0,
1650
1655
  text: l.label,
1651
1656
  "label-dark": l.variant === "dark"
1652
- }, null, 8, ["text", "label-dark"])) : p("", !0),
1657
+ }, null, 8, ["text", "label-dark"])) : h("", !0),
1653
1658
  t("div", {
1654
1659
  class: m([
1655
1660
  "promo__title",
1656
1661
  l.variant === "dark" ? "promo__title--dark" : ""
1657
1662
  ])
1658
1663
  }, [
1659
- d(l.$slots, "promo-headline")
1664
+ c(l.$slots, "promo-headline")
1660
1665
  ], 2),
1661
1666
  l.linkType === "link" ? (o(), T(V, {
1662
1667
  key: 1,
@@ -1664,24 +1669,24 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1664
1669
  arrow: ""
1665
1670
  }, {
1666
1671
  default: $(() => [
1667
- d(l.$slots, "promo-link")
1672
+ c(l.$slots, "promo-link")
1668
1673
  ]),
1669
1674
  _: 3
1670
- }, 8, ["link-type"])) : p("", !0),
1675
+ }, 8, ["link-type"])) : h("", !0),
1671
1676
  l.linkType === "button" ? (o(), T(V, {
1672
1677
  key: 2,
1673
1678
  "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
1674
1679
  }, {
1675
1680
  default: $(() => [
1676
- d(l.$slots, "promo-link")
1681
+ c(l.$slots, "promo-link")
1677
1682
  ]),
1678
1683
  _: 3
1679
- }, 8, ["link-type"])) : p("", !0)
1684
+ }, 8, ["link-type"])) : h("", !0)
1680
1685
  ], 2)
1681
1686
  ])
1682
1687
  ], 2));
1683
1688
  }
1684
- }), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), _l = { class: "quote__wrapper" }, hl = { class: "quote__content" }, pl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ml = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, gl = {
1689
+ }), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (F("data-v-e3cc8e27"), e = e(), H(), e), _l = { class: "quote__wrapper" }, pl = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ml = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, gl = {
1685
1690
  key: 0,
1686
1691
  class: "quote__image"
1687
1692
  }, bl = { class: "quote__text" }, yl = { class: "quote__author-name" }, $l = { class: "quote__author-title" }, kl = /* @__PURE__ */ g({
@@ -1707,15 +1712,15 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1707
1712
  },
1708
1713
  setup(e) {
1709
1714
  return (a, r) => (o(), s("div", _l, [
1710
- t("div", hl, [
1711
- pl,
1715
+ t("div", pl, [
1716
+ hl,
1712
1717
  t("div", ml, [
1713
1718
  t("p", vl, n(e.quote), 1),
1714
1719
  t("div", fl, [
1715
1720
  e.authorImage ? (o(), s("div", gl, [
1716
1721
  B(M, null, {
1717
1722
  default: $(() => [
1718
- d(a.$slots, "author-image", F(E({
1723
+ c(a.$slots, "author-image", z(E({
1719
1724
  src: e.authorImage + "/m/100x100",
1720
1725
  width: 60,
1721
1726
  height: 60
@@ -1723,7 +1728,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1723
1728
  ]),
1724
1729
  _: 3
1725
1730
  })
1726
- ])) : p("", !0),
1731
+ ])) : h("", !0),
1727
1732
  t("div", bl, [
1728
1733
  t("p", yl, n(e.author), 1),
1729
1734
  t("p", $l, n(e.authorTitle), 1)
@@ -1763,14 +1768,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1763
1768
  key: 0,
1764
1769
  text: a.label,
1765
1770
  "label-dark": !1
1766
- }, null, 8, ["text"])) : p("", !0),
1771
+ }, null, 8, ["text"])) : h("", !0),
1767
1772
  a.headline ? (o(), s("h2", {
1768
1773
  key: 1,
1769
1774
  class: m([
1770
1775
  "rich-text__headline",
1771
1776
  a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
1772
1777
  ])
1773
- }, n(a.headline), 3)) : p("", !0),
1778
+ }, n(a.headline), 3)) : h("", !0),
1774
1779
  t("div", {
1775
1780
  class: m([
1776
1781
  "rich-text__content",
@@ -1783,14 +1788,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1783
1788
  a.bulletList || a.image ? "rich-text__body--content-right" : ""
1784
1789
  ])
1785
1790
  }, [
1786
- d(a.$slots, "rich-text-content"),
1791
+ c(a.$slots, "rich-text-content"),
1787
1792
  a.links ? (o(), s("div", Bl, [
1788
- d(a.$slots, "rich-text-links")
1789
- ])) : p("", !0)
1793
+ c(a.$slots, "rich-text-links")
1794
+ ])) : h("", !0)
1790
1795
  ], 2),
1791
1796
  a.bulletList ? (o(), s("div", Il, [
1792
- d(a.$slots, "rich-text-bullet-list")
1793
- ])) : p("", !0),
1797
+ c(a.$slots, "rich-text-bullet-list")
1798
+ ])) : h("", !0),
1794
1799
  a.image ? (o(), s("div", {
1795
1800
  key: 1,
1796
1801
  class: m([
@@ -1800,11 +1805,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
1800
1805
  }, [
1801
1806
  B(M, null, {
1802
1807
  default: $(() => [
1803
- d(a.$slots, "rich-text-image", F(E({ width: 865, height: 307 })))
1808
+ c(a.$slots, "rich-text-image", z(E({ width: 865, height: 307 })))
1804
1809
  ]),
1805
1810
  _: 3
1806
1811
  })
1807
- ], 2)) : p("", !0)
1812
+ ], 2)) : h("", !0)
1808
1813
  ], 2)
1809
1814
  ])
1810
1815
  ], 2));
@@ -1816,17 +1821,17 @@ function Pl(e, a) {
1816
1821
  t("div", Vl, [
1817
1822
  t("div", Al, [
1818
1823
  t("div", null, [
1819
- d(e.$slots, "rich-text-content-left", {}, void 0, !0)
1824
+ c(e.$slots, "rich-text-content-left", {}, void 0, !0)
1820
1825
  ]),
1821
1826
  t("div", null, [
1822
- d(e.$slots, "rich-text-content-right", {}, void 0, !0)
1827
+ c(e.$slots, "rich-text-content-right", {}, void 0, !0)
1823
1828
  ])
1824
1829
  ])
1825
1830
  ])
1826
1831
  ])
1827
1832
  ]);
1828
1833
  }
1829
- const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), Fl = { class: "timeline__wrapper" }, Hl = { class: "timeline__content" }, Rl = { class: "timeline__items" }, zl = { class: "item__left" }, El = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
1834
+ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (F("data-v-e254e1e0"), e = e(), H(), e), zl = { class: "timeline__wrapper" }, Fl = { class: "timeline__content" }, Hl = { class: "timeline__items" }, Rl = { class: "item__left" }, El = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
1830
1835
  /* @__PURE__ */ t("div", { class: "circle" }),
1831
1836
  /* @__PURE__ */ t("div", { class: "line" })
1832
1837
  ], -1)), Nl = { class: "item__right" }, jl = ["innerHTML"], Kl = /* @__PURE__ */ g({
@@ -1838,7 +1843,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1838
1843
  }
1839
1844
  },
1840
1845
  setup(e) {
1841
- return pe(() => {
1846
+ return he(() => {
1842
1847
  const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
1843
1848
  (i) => {
1844
1849
  i.forEach((l) => {
@@ -1852,19 +1857,19 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1852
1857
  a.forEach((i) => {
1853
1858
  r.observe(i);
1854
1859
  });
1855
- }), (a, r) => (o(), s("div", Fl, [
1856
- t("div", Hl, [
1857
- t("div", Rl, [
1860
+ }), (a, r) => (o(), s("div", zl, [
1861
+ t("div", Fl, [
1862
+ t("div", Hl, [
1858
1863
  (o(!0), s(A, null, P(e.timelineItems, (i) => (o(), s("div", {
1859
1864
  key: i.year,
1860
1865
  class: "timeline__item faded"
1861
1866
  }, [
1862
- t("div", zl, n(i.year), 1),
1867
+ t("div", Rl, n(i.year), 1),
1863
1868
  El,
1864
1869
  t("div", Nl, [
1865
1870
  B(M, null, {
1866
1871
  default: $(() => [
1867
- i.media.src ? d(a.$slots, "timeline-image", F(de({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : p("", !0)
1872
+ i.media.src ? c(a.$slots, "timeline-image", z(de({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : h("", !0)
1868
1873
  ]),
1869
1874
  _: 2
1870
1875
  }, 1024),
@@ -1900,16 +1905,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1900
1905
  setup(e) {
1901
1906
  return (a, r) => (o(), s("div", Gl, [
1902
1907
  t("div", Jl, [
1903
- e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) : p("", !0),
1904
- d(a.$slots, "vimeo-content", {}, void 0, !0),
1905
- e.description ? (o(), s("p", Yl, n(e.description), 1)) : p("", !0)
1908
+ e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) : h("", !0),
1909
+ c(a.$slots, "vimeo-content", {}, void 0, !0),
1910
+ e.description ? (o(), s("p", Yl, n(e.description), 1)) : h("", !0)
1906
1911
  ])
1907
1912
  ]));
1908
1913
  }
1909
1914
  }), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-90a2b109"]]), Xl = { class: "academy-overview" }, xl = { class: "academy-overview__content-wrapper" }, es = { class: "academy-overview__content" }, ts = { class: "academy-overview__title" }, as = { class: "academy-overview__description" }, os = {
1910
1915
  key: 0,
1911
1916
  class: "academy-overview__stats"
1912
- }, ls = { class: "academy-overview__stats-row" }, ss = { class: "academy-overview__stat" }, is = { class: "academy-overview__value" }, rs = { class: "academy-overview__label" }, ns = { class: "academy-overview__stat" }, ds = { class: "academy-overview__value" }, cs = { class: "academy-overview__label" }, us = { class: "academy-overview__stat" }, _s = { class: "academy-overview__value" }, hs = { class: "academy-overview__label" }, ps = {
1917
+ }, ls = { class: "academy-overview__stats-row" }, ss = { class: "academy-overview__stat" }, is = { class: "academy-overview__value" }, rs = { class: "academy-overview__label" }, ns = { class: "academy-overview__stat" }, ds = { class: "academy-overview__value" }, cs = { class: "academy-overview__label" }, us = { class: "academy-overview__stat" }, _s = { class: "academy-overview__value" }, ps = { class: "academy-overview__label" }, hs = {
1913
1918
  key: 1,
1914
1919
  class: "academy-overview__button-wrapper"
1915
1920
  }, ms = /* @__PURE__ */ g({
@@ -1945,12 +1950,12 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1945
1950
  ]),
1946
1951
  t("div", us, [
1947
1952
  t("div", _s, n(a.hero.pointsValue), 1),
1948
- t("div", hs, n(a.hero.pointsLabel), 1)
1953
+ t("div", ps, n(a.hero.pointsLabel), 1)
1949
1954
  ])
1950
1955
  ])
1951
- ])) : p("", !0),
1952
- a.hero.showStats ? p("", !0) : (o(), s("div", ps, [
1953
- d(a.$slots, "button", {}, void 0, !0)
1956
+ ])) : h("", !0),
1957
+ a.hero.showStats ? h("", !0) : (o(), s("div", hs, [
1958
+ c(a.$slots, "button", {}, void 0, !0)
1954
1959
  ]))
1955
1960
  ])
1956
1961
  ])
@@ -1969,7 +1974,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1969
1974
  t("div", gs, [
1970
1975
  t("h1", bs, n(e.headline), 1),
1971
1976
  t("div", ys, [
1972
- d(a.$slots, "not-found-body", {}, void 0, !0)
1977
+ c(a.$slots, "not-found-body", {}, void 0, !0)
1973
1978
  ])
1974
1979
  ])
1975
1980
  ]));
@@ -1991,30 +1996,30 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
1991
1996
  return (a, r) => (o(), s("div", ws, [
1992
1997
  t("div", Ss, [
1993
1998
  t("div", Bs, [
1994
- d(a.$slots, "filter-dropdowns")
1999
+ c(a.$slots, "filter-dropdowns")
1995
2000
  ]),
1996
2001
  t("div", Is, [
1997
- d(a.$slots, "filter-chips"),
2002
+ c(a.$slots, "filter-chips"),
1998
2003
  e.hasChips ? (o(), s("button", {
1999
2004
  key: 0,
2000
2005
  class: "filter__clear",
2001
2006
  onClick: r[0] || (r[0] = (i) => a.$emit("clearFilters"))
2002
- }, n(e.removeAll), 1)) : p("", !0)
2007
+ }, n(e.removeAll), 1)) : h("", !0)
2003
2008
  ])
2004
2009
  ])
2005
2010
  ]));
2006
2011
  }
2007
- }), Ls = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ds = { class: "footer__wrapper" }, Cs = { class: "footer__content" }, Ts = {
2012
+ }), Ls = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (F("data-v-3d0cbbd5"), e = e(), H(), e), Ds = { class: "footer__wrapper" }, Cs = { class: "footer__content" }, Ts = {
2008
2013
  key: 0,
2009
2014
  src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
2010
2015
  style: { margin: "0 auto" }
2011
2016
  }, Vs = { class: "footer__sections" }, As = { class: "section__title" }, Ps = { class: "section__list" }, Ms = { class: "section" }, Os = {
2012
2017
  key: 0,
2013
2018
  class: "section__title"
2014
- }, Fs = {
2019
+ }, zs = {
2015
2020
  key: 1,
2016
2021
  class: "section__title"
2017
- }, Hs = { key: 0 }, Rs = { key: 1 }, zs = { key: 2 }, Es = { key: 3 }, Ns = { key: 4 }, js = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("br", null, null, -1)), Ks = {
2022
+ }, Fs = { key: 0 }, Hs = { key: 1 }, Rs = { key: 2 }, Es = { key: 3 }, Ns = { key: 4 }, js = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("br", null, null, -1)), Ks = {
2018
2023
  key: 0,
2019
2024
  href: "mailto:china@mir-robots.com"
2020
2025
  }, Us = {
@@ -2047,7 +2052,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2047
2052
  setup(e) {
2048
2053
  return (a, r) => (o(), s("div", Ds, [
2049
2054
  t("footer", Cs, [
2050
- a.language === "zh" ? (o(), s("img", Ts)) : p("", !0),
2055
+ a.language === "zh" ? (o(), s("img", Ts)) : h("", !0),
2051
2056
  t("div", Vs, [
2052
2057
  (o(!0), s(A, null, P(a.footerSections, (i) => (o(), s("div", {
2053
2058
  key: i.title,
@@ -2056,18 +2061,18 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2056
2061
  t("span", As, n(i.title), 1),
2057
2062
  t("nav", null, [
2058
2063
  t("ul", Ps, [
2059
- d(a.$slots, "section-links", {
2064
+ c(a.$slots, "section-links", {
2060
2065
  links: i.links
2061
2066
  })
2062
2067
  ])
2063
2068
  ])
2064
2069
  ]))), 128)),
2065
2070
  t("div", Ms, [
2066
- a.language === "zh" ? (o(), s("span", Os, "名傲移动机器人(上海)有限公司")) : (o(), s("span", Fs, "Mobile Industrial Robots A/S")),
2071
+ a.language === "zh" ? (o(), s("span", Os, "名傲移动机器人(上海)有限公司")) : (o(), s("span", zs, "Mobile Industrial Robots A/S")),
2067
2072
  t("address", null, [
2068
- a.language === "zh" ? (o(), s("span", Hs, "上海浦东新区金桥出口加工区")) : (o(), s("span", Rs, "Energivej 51")),
2069
- a.language === "zh" ? (o(), s("span", zs, "桂桥路1201号10栋2楼")) : (o(), s("span", Es, "5260 Odense S")),
2070
- a.language !== "zh" ? (o(), s("span", Ns, "CVR: 35251235")) : p("", !0),
2073
+ a.language === "zh" ? (o(), s("span", Fs, "上海浦东新区金桥出口加工区")) : (o(), s("span", Hs, "Energivej 51")),
2074
+ a.language === "zh" ? (o(), s("span", Rs, "桂桥路1201号10栋2楼")) : (o(), s("span", Es, "5260 Odense S")),
2075
+ a.language !== "zh" ? (o(), s("span", Ns, "CVR: 35251235")) : h("", !0),
2071
2076
  js,
2072
2077
  B(V, {
2073
2078
  class: "footer__contact",
@@ -2104,8 +2109,8 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2104
2109
  G(n(a.changeRegion), 1)
2105
2110
  ])
2106
2111
  ]),
2107
- d(a.$slots, "footer-privacy-link"),
2108
- d(a.$slots, "footer-cookie-link")
2112
+ c(a.$slots, "footer-privacy-link"),
2113
+ c(a.$slots, "footer-cookie-link")
2109
2114
  ]),
2110
2115
  a.language !== "zh" ? (o(), s("div", Xs, [
2111
2116
  (o(!0), s(A, null, P(a.socialMedia, (i) => (o(), T(V, {
@@ -2154,7 +2159,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2154
2159
  ])
2155
2160
  ]));
2156
2161
  }
2157
- }), oi = /* @__PURE__ */ f(ai, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (H("data-v-766d3c80"), e = e(), R(), e), li = { class: "header__wrapper" }, si = { class: "nav-wrapper" }, ii = { class: "mir-link-logo" }, ri = { class: "main-nav-items" }, ni = {
2162
+ }), oi = /* @__PURE__ */ f(ai, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (F("data-v-766d3c80"), e = e(), H(), e), li = { class: "header__wrapper" }, si = { class: "nav-wrapper" }, ii = { class: "mir-link-logo" }, ri = { class: "main-nav-items" }, ni = {
2158
2163
  key: 0,
2159
2164
  id: "menu-dropdown",
2160
2165
  ref: "dropdownDiv"
@@ -2170,7 +2175,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2170
2175
  }, ui = { class: "dropdown-content" }, _i = {
2171
2176
  key: 1,
2172
2177
  class: "nav-search-wrapper"
2173
- }, hi = ["src"], pi = {
2178
+ }, pi = ["src"], hi = {
2174
2179
  key: 2,
2175
2180
  id: "menu-portal-switcher",
2176
2181
  class: "portal-switcher-wrapper"
@@ -2252,16 +2257,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2252
2257
  setup(e, { expose: a, emit: r }) {
2253
2258
  let i = null;
2254
2259
  const l = e;
2255
- let c = q(l.burgerState), _ = q(l.search), u = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
2260
+ let u = q(l.burgerState), d = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
2256
2261
  Y(
2257
2262
  () => l.burgerState,
2258
- (y) => c.value = y
2263
+ (y) => u.value = y
2259
2264
  ), Y(
2260
2265
  () => l.search,
2261
- (y) => _.value = y
2266
+ (y) => d.value = y
2262
2267
  ), Y(
2263
2268
  () => l.showDropDown,
2264
- (y) => u.value = y
2269
+ (y) => _.value = y
2265
2270
  ), Y(
2266
2271
  () => l.showPortalSwitcherDropDown,
2267
2272
  (y) => b.value = y
@@ -2271,16 +2276,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2271
2276
  ), Y(
2272
2277
  () => l.isAuthenticated,
2273
2278
  (y) => k.value = y
2274
- ), pe(() => {
2279
+ ), he(() => {
2275
2280
  i = (y) => {
2276
- y.target.closest("#menu-dropdown") || (u.value = !1), y.target.closest("#menu-portal-switcher") || (b.value = !1), y.target.closest("#menu-profile-dropdown") || (v.value = !1);
2281
+ y.target.closest("#menu-dropdown") || (_.value = !1), y.target.closest("#menu-portal-switcher") || (b.value = !1), y.target.closest("#menu-profile-dropdown") || (v.value = !1);
2277
2282
  }, window.addEventListener("click", i);
2278
2283
  }), Ie(() => {
2279
2284
  i !== null && window.removeEventListener("click", i);
2280
2285
  });
2281
2286
  const w = r;
2282
2287
  function x() {
2283
- u.value = !u.value, w("update:showDropDown", u.value);
2288
+ _.value = !_.value, w("update:showDropDown", _.value);
2284
2289
  }
2285
2290
  function le() {
2286
2291
  b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
@@ -2289,7 +2294,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2289
2294
  v.value = !v.value, w("update:showProfileDropDown", v.value);
2290
2295
  }
2291
2296
  function ie() {
2292
- c.value = !c.value, w("update:burgerState", c.value);
2297
+ u.value = !u.value, w("update:burgerState", u.value);
2293
2298
  }
2294
2299
  let U = q(null), ee = q(null);
2295
2300
  function re() {
@@ -2301,59 +2306,59 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2301
2306
  t("nav", null, [
2302
2307
  t("div", si, [
2303
2308
  t("div", ii, [
2304
- d(y.$slots, "link-logo", {}, void 0, !0)
2309
+ c(y.$slots, "link-logo", {}, void 0, !0)
2305
2310
  ]),
2306
2311
  t("ul", ri, [
2307
- d(y.$slots, "main-nav-items", {}, void 0, !0)
2312
+ c(y.$slots, "main-nav-items", {}, void 0, !0)
2308
2313
  ]),
2309
2314
  e.useDropdown ? (o(), s("div", ni, [
2310
2315
  t("button", {
2311
2316
  class: "nav-dropdown-btn",
2312
2317
  onClick: x
2313
2318
  }, [
2314
- d(y.$slots, "dropdown-title", {}, void 0, !0),
2315
- I(u) === !1 ? (o(), s("img", di)) : (o(), s("img", ci))
2319
+ c(y.$slots, "dropdown-title", {}, void 0, !0),
2320
+ I(_) === !1 ? (o(), s("img", di)) : (o(), s("img", ci))
2316
2321
  ]),
2317
2322
  K(t("div", ui, [
2318
- d(y.$slots, "dropdown-links", {}, void 0, !0)
2323
+ c(y.$slots, "dropdown-links", {}, void 0, !0)
2319
2324
  ], 512), [
2320
- [Q, I(u)]
2325
+ [Q, I(_)]
2321
2326
  ])
2322
- ], 512)) : p("", !0),
2323
- I(_) ? (o(), s("div", _i, [
2327
+ ], 512)) : h("", !0),
2328
+ I(d) ? (o(), s("div", _i, [
2324
2329
  t("button", {
2325
2330
  ref_key: "navSearchButton",
2326
2331
  ref: U,
2327
2332
  class: "search-icon",
2328
2333
  onClick: N[0] || (N[0] = (j) => {
2329
- var z;
2330
- return y.$emit("clickSearch"), (z = I(U)) == null ? void 0 : z.blur();
2334
+ var R;
2335
+ return y.$emit("clickSearch"), (R = I(U)) == null ? void 0 : R.blur();
2331
2336
  })
2332
2337
  }, [
2333
2338
  t("img", {
2334
- src: I(c) === !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",
2339
+ src: I(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",
2335
2340
  alt: "search icon",
2336
2341
  width: "20",
2337
2342
  height: "20"
2338
- }, null, 8, hi)
2343
+ }, null, 8, pi)
2339
2344
  ], 512)
2340
- ])) : p("", !0),
2341
- e.usePortalSwitcher ? (o(), s("div", pi, [
2345
+ ])) : h("", !0),
2346
+ e.usePortalSwitcher ? (o(), s("div", hi, [
2342
2347
  t("button", {
2343
2348
  class: "nav-portal-switcher-btn",
2344
2349
  onClick: le
2345
2350
  }, vi),
2346
2351
  K(t("div", fi, [
2347
2352
  t("ul", gi, [
2348
- (o(!0), s(A, null, P(e.portals, (j, z) => (o(), s("li", {
2349
- key: z,
2353
+ (o(!0), s(A, null, P(e.portals, (j, R) => (o(), s("li", {
2354
+ key: R,
2350
2355
  class: "portal-switcher-link"
2351
2356
  }, [
2352
2357
  B(I(V), { "link-type": "regular" }, {
2353
2358
  default: $(() => [
2354
2359
  t("a", {
2355
2360
  href: j.link,
2356
- onClick: N[1] || (N[1] = (J) => ne(u) ? u.value = !1 : u = !1)
2361
+ onClick: N[1] || (N[1] = (J) => ne(_) ? _.value = !1 : _ = !1)
2357
2362
  }, [
2358
2363
  t("img", {
2359
2364
  src: j.icon
@@ -2368,49 +2373,49 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2368
2373
  ], 512), [
2369
2374
  [Q, I(b)]
2370
2375
  ])
2371
- ])) : p("", !0),
2376
+ ])) : h("", !0),
2372
2377
  e.useProfileDropdown ? (o(), s("div", $i, [
2373
- I(k) ? p("", !0) : (o(), s("div", ki, [
2374
- d(y.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
2378
+ I(k) ? h("", !0) : (o(), s("div", ki, [
2379
+ c(y.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
2375
2380
  ])),
2376
2381
  I(k) ? (o(), s("button", {
2377
2382
  key: 1,
2378
2383
  class: "nav-profile-dropdown-btn",
2379
2384
  onClick: se
2380
- }, Si)) : p("", !0),
2385
+ }, Si)) : h("", !0),
2381
2386
  K(t("div", Bi, [
2382
- d(y.$slots, "profile-dropdown-links", {}, void 0, !0)
2387
+ c(y.$slots, "profile-dropdown-links", {}, void 0, !0)
2383
2388
  ], 512), [
2384
2389
  [Q, I(v)]
2385
2390
  ])
2386
- ])) : p("", !0)
2391
+ ])) : h("", !0)
2387
2392
  ]),
2388
2393
  t("div", {
2389
- class: m(["mobile-nav-wrapper", I(c) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2394
+ class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2390
2395
  }, [
2391
2396
  t("div", Ii, [
2392
2397
  t("div", qi, [
2393
- d(y.$slots, "link-logo", {}, void 0, !0)
2398
+ c(y.$slots, "link-logo", {}, void 0, !0)
2394
2399
  ]),
2395
- I(_) ? (o(), s("div", Li, [
2400
+ I(d) ? (o(), s("div", Li, [
2396
2401
  t("button", {
2397
2402
  ref_key: "mobileSearchButton",
2398
2403
  ref: ee,
2399
2404
  class: "search-icon",
2400
2405
  "aria-label": "Toggle search",
2401
2406
  onClick: N[2] || (N[2] = (j) => {
2402
- var z;
2403
- return y.$emit("clickSearch"), (z = I(ee)) == null ? void 0 : z.blur();
2407
+ var R;
2408
+ return y.$emit("clickSearch"), (R = I(ee)) == null ? void 0 : R.blur();
2404
2409
  })
2405
2410
  }, [
2406
2411
  t("img", {
2407
- src: I(c) === !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",
2412
+ src: I(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",
2408
2413
  alt: "search icon",
2409
2414
  width: "20",
2410
2415
  height: "20"
2411
2416
  }, null, 8, Di)
2412
2417
  ], 512)
2413
- ])) : p("", !0),
2418
+ ])) : h("", !0),
2414
2419
  t("button", {
2415
2420
  class: "mobile-burger-wrapper",
2416
2421
  "aria-label": "Toggle menu",
@@ -2420,26 +2425,26 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2420
2425
  width: "20",
2421
2426
  height: "20",
2422
2427
  alt: "burger menu line icon",
2423
- src: I(c) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
2428
+ src: I(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"
2424
2429
  }, null, 8, Ci)
2425
2430
  ])
2426
2431
  ]),
2427
2432
  K(t("div", Ti, [
2428
2433
  t("ul", null, [
2429
- d(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
2434
+ c(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
2430
2435
  ]),
2431
2436
  t("ul", Vi, [
2432
- d(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
2433
- d(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
2437
+ c(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
2438
+ c(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
2434
2439
  ])
2435
2440
  ], 512), [
2436
- [Q, I(c)]
2441
+ [Q, I(u)]
2437
2442
  ])
2438
2443
  ], 2)
2439
2444
  ])
2440
2445
  ]));
2441
2446
  }
2442
- }), Pi = /* @__PURE__ */ f(Ai, [["__scopeId", "data-v-766d3c80"]]), Mi = { class: "language__wrapper" }, Oi = { class: "language__content" }, Fi = { class: "language__headline" }, Hi = { class: "language__paragraph" }, Ri = { class: "language__links" }, zi = /* @__PURE__ */ g({
2447
+ }), Pi = /* @__PURE__ */ f(Ai, [["__scopeId", "data-v-766d3c80"]]), Mi = { class: "language__wrapper" }, Oi = { class: "language__content" }, zi = { class: "language__headline" }, Fi = { class: "language__paragraph" }, Hi = { class: "language__links" }, Ri = /* @__PURE__ */ g({
2443
2448
  __name: "language-switcher",
2444
2449
  props: {
2445
2450
  headline: {
@@ -2454,15 +2459,15 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2454
2459
  setup(e) {
2455
2460
  return (a, r) => (o(), s("div", Mi, [
2456
2461
  t("div", Oi, [
2457
- t("h2", Fi, n(e.headline), 1),
2458
- t("p", Hi, n(e.paragraph), 1),
2459
- t("div", Ri, [
2460
- d(a.$slots, "language-links", {}, void 0, !0)
2462
+ t("h2", zi, n(e.headline), 1),
2463
+ t("p", Fi, n(e.paragraph), 1),
2464
+ t("div", Hi, [
2465
+ c(a.$slots, "language-links", {}, void 0, !0)
2461
2466
  ])
2462
2467
  ])
2463
2468
  ]));
2464
2469
  }
2465
- }), Ei = /* @__PURE__ */ f(zi, [["__scopeId", "data-v-dc8cc97e"]]), Ni = { class: "pagination__wrapper" }, ji = { class: "pagination__content" }, Ki = /* @__PURE__ */ g({
2470
+ }), Ei = /* @__PURE__ */ f(Ri, [["__scopeId", "data-v-dc8cc97e"]]), Ni = { class: "pagination__wrapper" }, ji = { class: "pagination__content" }, Ki = /* @__PURE__ */ g({
2466
2471
  __name: "pagination",
2467
2472
  props: {
2468
2473
  isPreviousDisabled: {
@@ -2484,7 +2489,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2484
2489
  "aria-label": "previous",
2485
2490
  onClick: r[0] || (r[0] = (i) => a.$emit("previous"))
2486
2491
  }, null, 8, ["disabled"]),
2487
- d(a.$slots, "pagination-numbers"),
2492
+ c(a.$slots, "pagination-numbers"),
2488
2493
  B(ae, {
2489
2494
  disabled: e.isNextDisabled,
2490
2495
  variant: "next",
@@ -2497,7 +2502,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
2497
2502
  }), Ui = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-da6d07c9"]]), Gi = {}, Ji = { class: "search__wrapper" };
2498
2503
  function Wi(e, a) {
2499
2504
  return o(), s("div", Ji, [
2500
- d(e.$slots, "default", { class: "search__content" })
2505
+ c(e.$slots, "default", { class: "search__content" })
2501
2506
  ]);
2502
2507
  }
2503
2508
  const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3"]]), Qi = { class: "dropdown" }, Zi = ["aria-expanded"], Xi = /* @__PURE__ */ g({
@@ -2510,13 +2515,13 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2510
2515
  emits: ["filter", "remove-filter"],
2511
2516
  setup(e, { emit: a }) {
2512
2517
  const r = q(!1), i = e, l = a;
2513
- function c(b) {
2518
+ function u(b) {
2514
2519
  i.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
2515
2520
  }
2516
- function _() {
2521
+ function d() {
2517
2522
  r.value = !1;
2518
2523
  }
2519
- const u = C(() => i.options.length > 8);
2524
+ const _ = C(() => i.options.length > 8);
2520
2525
  return (b, v) => {
2521
2526
  const k = ue("click-outside");
2522
2527
  return K((o(), s("div", Qi, [
@@ -2526,12 +2531,12 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2526
2531
  "aria-expanded": r.value ? "true" : "false",
2527
2532
  onClick: v[0] || (v[0] = (w) => r.value = !r.value)
2528
2533
  }, [
2529
- d(b.$slots, "button", {}, () => [
2534
+ c(b.$slots, "button", {}, () => [
2530
2535
  G(n(b.label), 1)
2531
2536
  ], !0)
2532
2537
  ], 12, Zi),
2533
2538
  t("div", {
2534
- class: m([{ hidden: !r.value, "adjust-height": u.value }, "dropdown-content"])
2539
+ class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
2535
2540
  }, [
2536
2541
  (o(!0), s(A, null, P(b.options, (w) => (o(), T(I(me), {
2537
2542
  id: w.value,
@@ -2541,7 +2546,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2541
2546
  disabled: !1,
2542
2547
  value: w.value,
2543
2548
  checked: b.selectedOptions.includes(w.value),
2544
- onInput: (x) => c(w.value)
2549
+ onInput: (x) => u(w.value)
2545
2550
  }, {
2546
2551
  default: $(() => [
2547
2552
  G(n(w.text), 1)
@@ -2550,7 +2555,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2550
2555
  }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
2551
2556
  ], 2)
2552
2557
  ])), [
2553
- [k, _]
2558
+ [k, d]
2554
2559
  ]);
2555
2560
  };
2556
2561
  }
@@ -2573,7 +2578,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2573
2578
  light: "promo__wrapper--light",
2574
2579
  default: "promo__wrapper--default"
2575
2580
  }, r = e, i = C(() => a[r.variant]);
2576
- return (l, c) => (o(), s("div", {
2581
+ return (l, u) => (o(), s("div", {
2577
2582
  class: m([
2578
2583
  "promo__wrapper",
2579
2584
  i.value,
@@ -2589,10 +2594,10 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2589
2594
  }, [
2590
2595
  t("div", tr, [
2591
2596
  t("div", ar, [
2592
- d(l.$slots, "pallet-jack-link")
2597
+ c(l.$slots, "pallet-jack-link")
2593
2598
  ]),
2594
2599
  t("div", or, [
2595
- d(l.$slots, "pallet-jack-video")
2600
+ c(l.$slots, "pallet-jack-video")
2596
2601
  ]),
2597
2602
  t("div", lr, [
2598
2603
  t("h3", sr, n(l.headline), 1),
@@ -2610,14 +2615,14 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2610
2615
  key: 0,
2611
2616
  text: l.label,
2612
2617
  "label-dark": l.variant === "dark"
2613
- }, null, 8, ["text", "label-dark"])) : p("", !0),
2618
+ }, null, 8, ["text", "label-dark"])) : h("", !0),
2614
2619
  t("div", {
2615
2620
  class: m([
2616
2621
  "promo__title",
2617
2622
  l.variant === "dark" ? "promo__title--dark" : ""
2618
2623
  ])
2619
2624
  }, [
2620
- d(l.$slots, "promo-text")
2625
+ c(l.$slots, "promo-text")
2621
2626
  ], 2),
2622
2627
  l.linkType === "link" ? (o(), T(V, {
2623
2628
  key: 1,
@@ -2625,32 +2630,32 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
2625
2630
  arrow: ""
2626
2631
  }, {
2627
2632
  default: $(() => [
2628
- d(l.$slots, "promo-link")
2633
+ c(l.$slots, "promo-link")
2629
2634
  ]),
2630
2635
  _: 3
2631
- }, 8, ["link-type"])) : p("", !0),
2636
+ }, 8, ["link-type"])) : h("", !0),
2632
2637
  l.linkType === "button" ? (o(), T(V, {
2633
2638
  key: 2,
2634
2639
  "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
2635
2640
  }, {
2636
2641
  default: $(() => [
2637
- d(l.$slots, "promo-link")
2642
+ c(l.$slots, "promo-link")
2638
2643
  ]),
2639
2644
  _: 3
2640
- }, 8, ["link-type"])) : p("", !0)
2645
+ }, 8, ["link-type"])) : h("", !0)
2641
2646
  ], 2)
2642
2647
  ])
2643
2648
  ], 2));
2644
2649
  }
2645
2650
  }), rr = /* @__PURE__ */ f(ir, [["__scopeId", "data-v-00c0bad3"]]), dr = {
2646
2651
  install: (e) => {
2647
- e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", xi), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", zt), e.component("AtomVideo", X), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Ea), e.component("BlockFeatures", Ya), e.component("BlockFormScript", oo), e.component("BlockHeadline", ro), e.component("BlockHero", $o), e.component("BlockImage", qo), e.component("BlockImageGallery", Ao), e.component("BlockLogoWall", No), e.component("BlockMicroStories", Jo), e.component("BlockPolicy", Xo), e.component("BlockProductHero", rl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ll), e.component("BlockRichTextColumns", Ml), e.component("BlockTimeline", Ul), e.component("BlockCardDisplay", Va), e.component("BlockVimeo", Zl), e.component("BlockPalletJack", rr), e.component("BlockFrontPageHero", vs), e.component("Organism404", ks), e.component("OrganismFilter", Ls), e.component("OrganismFooter", oi), e.component("OrganismHeader", Pi), e.component("OrganismLanguageSwitcher", Ei), e.component("OrganismPagination", Ui), e.component("OrganismSearch", Yi);
2652
+ e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip", Fe), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", xi), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Rt), e.component("AtomVideo", X), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Ea), e.component("BlockFeatures", Ya), e.component("BlockFormScript", oo), e.component("BlockHeadline", ro), e.component("BlockHero", $o), e.component("BlockImage", qo), e.component("BlockImageGallery", Ao), e.component("BlockLogoWall", No), e.component("BlockMicroStories", Jo), e.component("BlockPolicy", Xo), e.component("BlockProductHero", rl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ll), e.component("BlockRichTextColumns", Ml), e.component("BlockTimeline", Ul), e.component("BlockCardDisplay", Va), e.component("BlockVimeo", Zl), e.component("BlockPalletJack", rr), e.component("BlockFrontPageHero", vs), e.component("Organism404", ks), e.component("OrganismFilter", Ls), e.component("OrganismFooter", oi), e.component("OrganismHeader", Pi), e.component("OrganismLanguageSwitcher", Ei), e.component("OrganismPagination", Ui), e.component("OrganismSearch", Yi);
2648
2653
  }
2649
2654
  };
2650
2655
  export {
2651
2656
  ae as AtomButton,
2652
2657
  me as AtomCheckbox,
2653
- He as AtomChip,
2658
+ Fe as AtomChip,
2654
2659
  Ge as AtomDropdown,
2655
2660
  M as AtomImage,
2656
2661
  Z as AtomLabel,
@@ -2659,7 +2664,7 @@ export {
2659
2664
  ct as AtomSelect,
2660
2665
  xi as AtomSelectMultiple,
2661
2666
  $t as AtomSlider,
2662
- zt as AtomTextField,
2667
+ Rt as AtomTextField,
2663
2668
  Dt as AtomTextarea,
2664
2669
  X as AtomVideo,
2665
2670
  Va as BlockCardDisplay,