@mirweb/mir-web-components 1.15.2 → 1.15.3

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,5 +1,5 @@
1
- import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as pe, withDirectives as G, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Ie, mergeProps as F, createVNode as I, Transition as Ce, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as me, withKeys as Te, useSlots as qe, normalizeStyle as Q, isRef as x, unref as y, onMounted as fe, watch as X, onUnmounted as Ae } from "vue";
2
- const Le = ["aria-label"], De = /* @__PURE__ */ b({
1
+ import { defineComponent as b, computed as T, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as E, popScopeId as N, createTextVNode as Y, ref as I, withDirectives as U, Fragment as D, renderList as V, vShow as W, unref as $, normalizeProps as H, guardReactiveProps as R, toRefs as Ie, mergeProps as F, createVNode as S, Transition as Ce, withCtx as k, withModifiers as ue, createBlock as C, createCommentVNode as _, watchEffect as pe, withKeys as Te, useSlots as qe, normalizeStyle as Q, isRef as x, onMounted as me, watch as X, onUnmounted as Le } from "vue";
2
+ const Ae = ["aria-label"], De = /* @__PURE__ */ b({
3
3
  __name: "button",
4
4
  props: {
5
5
  variant: { default: "primary" },
@@ -14,18 +14,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
14
14
  close: "close",
15
15
  next: "next",
16
16
  previous: "previous"
17
- }, r = e, l = q(() => a[r.variant]);
17
+ }, r = e, l = T(() => a[r.variant]);
18
18
  return (o, u) => (s(), i("button", {
19
19
  class: h(["button", "button--" + l.value]),
20
20
  "aria-label": o.ariaLabel
21
- }, c(l.value === "close" ? "" : o.buttonText), 11, Le));
21
+ }, c(l.value === "close" ? "" : o.buttonText), 11, Ae));
22
22
  }
23
23
  }), g = (e, a) => {
24
24
  const r = e.__vccOpts || e;
25
25
  for (const [l, o] of a)
26
26
  r[l] = o;
27
27
  return r;
28
- }, ie = /* @__PURE__ */ g(De, [["__scopeId", "data-v-f61b579c"]]), Ve = (e) => (N("data-v-d8d77aaf"), e = e(), E(), e), Pe = ["id", "name", "value", "disabled", "required", "checked"], Fe = ["for"], Me = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Oe = /* @__PURE__ */ b({
28
+ }, se = /* @__PURE__ */ g(De, [["__scopeId", "data-v-f61b579c"]]), Ve = (e) => (E("data-v-d8d77aaf"), e = e(), N(), e), Pe = ["id", "name", "value", "disabled", "required", "checked"], Fe = ["for"], Me = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Oe = /* @__PURE__ */ b({
29
29
  __name: "checkbox",
30
30
  props: {
31
31
  name: { default: "checkbox" },
@@ -64,18 +64,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
64
64
  ], 10, Fe)
65
65
  ], 2));
66
66
  }
67
- }), ve = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-d8d77aaf"]]), ze = (e) => (N("data-v-2e1e44c1"), e = e(), E(), e), He = ["aria-label"], Re = /* @__PURE__ */ ze(() => /* @__PURE__ */ t("img", {
67
+ }), fe = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-d8d77aaf"]]), ze = (e) => (E("data-v-2e1e44c1"), e = e(), N(), e), He = ["aria-label"], Re = /* @__PURE__ */ ze(() => /* @__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)), Ne = /* @__PURE__ */ b({
71
+ }, null, -1)), Ee = /* @__PURE__ */ b({
72
72
  __name: "chip",
73
73
  props: {
74
74
  text: { default: "" }
75
75
  },
76
76
  emits: ["remove-chip"],
77
77
  setup(e) {
78
- const a = e, r = q(() => `Chip: ${a.text}`);
78
+ const a = e, r = T(() => `Chip: ${a.text}`);
79
79
  return (l, o) => (s(), i("div", {
80
80
  class: "chip__wrapper",
81
81
  onClick: o[0] || (o[0] = (u) => l.$emit("remove-chip"))
@@ -89,7 +89,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
89
89
  ], 8, He)
90
90
  ]));
91
91
  }
92
- }), Ee = /* @__PURE__ */ g(Ne, [["__scopeId", "data-v-2e1e44c1"]]), je = ["value"], Ue = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Je = ["aria-labelledby", "aria-activedescendant"], We = ["aria-selected", "data-value"], Ye = /* @__PURE__ */ b({
92
+ }), Ne = /* @__PURE__ */ g(Ee, [["__scopeId", "data-v-2e1e44c1"]]), ve = {
93
+ beforeMount(e, a) {
94
+ e.clickOutsideEvent = function(r) {
95
+ e === r.target || e.contains(r.target) || a.value(r);
96
+ }, document.body.addEventListener("click", e.clickOutsideEvent);
97
+ },
98
+ unmounted(e) {
99
+ document.body.removeEventListener("click", e.clickOutsideEvent);
100
+ }
101
+ }, je = ["value"], Ue = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Je = ["aria-labelledby", "aria-activedescendant"], We = ["aria-selected", "data-value"], Ye = /* @__PURE__ */ b({
93
102
  __name: "dropdown",
94
103
  props: {
95
104
  modelValue: {},
@@ -107,32 +116,32 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
107
116
  const r = {
108
117
  primary: "dropdown-dark-bg-primary",
109
118
  dark: "dropdown-dark dropdown-dark-bg-dark"
110
- }, l = e, o = q(() => r[l.variant]), u = C(null), p = C(null), n = C([]), v = C(0), f = C(""), $ = C(!0), B = C(0), ae = a, oe = q(() => {
119
+ }, l = e, o = T(() => r[l.variant]), u = I(null), p = I(null), n = I([]), v = I(0), f = I(""), y = I(!0), A = I(0), re = a, ae = T(() => {
111
120
  const m = l.options.find(
112
- (S) => S.value === l.modelValue
121
+ (B) => B.value === l.modelValue
113
122
  );
114
123
  return m && m.label;
115
124
  });
116
125
  function ne(m) {
117
- ae("update:modelValue", m);
126
+ re("update:modelValue", m);
118
127
  }
119
128
  function de(m) {
120
- var L;
121
- const S = m.target;
122
- S.getAttribute("role") === "option" && (J(S), se(), (L = u.value) == null || L.focus());
129
+ var q;
130
+ const B = m.target;
131
+ B.getAttribute("role") === "option" && (J(B), le(), (q = u.value) == null || q.focus());
123
132
  }
124
133
  function K(m) {
125
- var L;
126
- const S = m.key;
127
- switch (S) {
134
+ var q;
135
+ const B = m.key;
136
+ switch (B) {
128
137
  case "ArrowUp":
129
138
  case "ArrowDown": {
130
139
  m.preventDefault();
131
- const D = l.options.findIndex(
140
+ const P = l.options.findIndex(
132
141
  (Z) => Z.value === l.modelValue
133
142
  );
134
- let U = D ? n.value[D] : n.value[0];
135
- S === "ArrowUp" ? D - 1 >= 0 && (U = n.value[D - 1]) : D + 1 <= l.options.length && (U = n.value[D + 1]), U && J(U);
143
+ let G = P ? n.value[P] : n.value[0];
144
+ B === "ArrowUp" ? P - 1 >= 0 && (G = n.value[P - 1]) : P + 1 <= l.options.length && (G = n.value[P + 1]), G && J(G);
136
145
  break;
137
146
  }
138
147
  case "Home":
@@ -145,16 +154,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
145
154
  break;
146
155
  case "Enter":
147
156
  case "Escape":
148
- m.preventDefault(), se(), (L = u.value) == null || L.focus();
157
+ m.preventDefault(), le(), (q = u.value) == null || q.focus();
149
158
  break;
150
159
  default: {
151
- const D = j(S);
152
- D && J(D);
160
+ const P = j(B);
161
+ P && J(P);
153
162
  break;
154
163
  }
155
164
  }
156
165
  }
157
- function le(m) {
166
+ function oe(m) {
158
167
  if (!l.disabled)
159
168
  switch (m.key) {
160
169
  case "ArrowUp":
@@ -172,117 +181,114 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
172
181
  }, 500);
173
182
  }
174
183
  function j(m) {
175
- let S = "";
176
- (f.value === "" || S !== m) && (B.value = l.options.findIndex(
177
- (D) => D.value === l.modelValue
178
- )), f.value = S === m ? m : f.value + m, S = m, w();
179
- let L = O(
180
- B.value + 1,
184
+ let B = "";
185
+ (f.value === "" || B !== m) && (A.value = l.options.findIndex(
186
+ (P) => P.value === l.modelValue
187
+ )), f.value = B === m ? m : f.value + m, B = m, w();
188
+ let q = O(
189
+ A.value + 1,
181
190
  l.options.length
182
191
  );
183
- return !L && f.value.length === 1 && (L = O(0, B.value)), B.value = (B.value + 1) % l.options.length, L;
192
+ return !q && f.value.length === 1 && (q = O(0, A.value)), A.value = (A.value + 1) % l.options.length, q;
184
193
  }
185
- function O(m, S) {
186
- for (let L = m; L < S; L++)
187
- if (l.options[L].label && l.options[L].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
188
- return n.value[L];
194
+ function O(m, B) {
195
+ for (let q = m; q < B; q++)
196
+ if (l.options[q].label && l.options[q].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
197
+ return n.value[q];
189
198
  return null;
190
199
  }
191
200
  function z() {
192
201
  J(n.value[0]);
193
202
  }
194
203
  function J(m) {
195
- var L, D;
196
- const S = m.getAttribute("data-value");
204
+ var q, P;
205
+ const B = m.getAttribute("data-value");
197
206
  if (l.modelValue) {
198
- const U = l.options.findIndex(
207
+ const G = l.options.findIndex(
199
208
  (Se) => Se.value === l.modelValue
200
- ), Z = n.value[U];
209
+ ), Z = n.value[G];
201
210
  ce(Z);
202
211
  }
203
- if (m.setAttribute("aria-selected", "true"), (L = p.value) == null || L.setAttribute(
212
+ if (m.setAttribute("aria-selected", "true"), (q = p.value) == null || q.setAttribute(
204
213
  "aria-activedescendant",
205
- S || ""
206
- ), ne(S || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
207
- const U = p.value.clientHeight + p.value.scrollTop, Z = m.offsetTop + m.offsetHeight;
208
- Z > U ? p.value.scrollTop = Z - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
214
+ B || ""
215
+ ), ne(B || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
216
+ const G = p.value.clientHeight + p.value.scrollTop, Z = m.offsetTop + m.offsetHeight;
217
+ Z > G ? p.value.scrollTop = Z - ((P = p.value) == null ? void 0 : P.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
209
218
  }
210
219
  }
211
220
  function we() {
212
- var S;
213
- const m = (S = n.value) == null ? void 0 : S[l.options.length - 1];
221
+ var B;
222
+ const m = (B = n.value) == null ? void 0 : B[l.options.length - 1];
214
223
  J(m);
215
224
  }
216
- function se() {
225
+ function le() {
217
226
  var m;
218
- $.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
227
+ y.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
219
228
  }
220
229
  function _e() {
221
- var m, S;
222
- $.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (S = p.value) == null || S.focus();
230
+ var m, B;
231
+ y.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = p.value) == null || B.focus();
223
232
  }
224
233
  function Be() {
225
- l.disabled || ($.value ? _e() : se());
234
+ l.disabled || (y.value ? _e() : le());
226
235
  }
227
- return (m, S) => {
228
- const L = pe("click-outside");
229
- return s(), i("div", {
230
- ref: "listbox",
231
- class: "listbox__wrapper",
232
- value: m.modelValue
233
- }, [
234
- t("label", {
235
- id: `${m.name}-label`,
236
- class: h([{
237
- "listbox__label--visually-hidden": !m.showLabel,
238
- "is-disabled": m.disabled,
239
- "is-required": m.required
240
- }, "listbox__label"])
241
- }, c(m.label), 11, Ue),
242
- G((s(), i("div", Ge, [
243
- t("button", {
244
- id: `${m.name}-button-label`,
245
- ref_key: "listboxButton",
246
- ref: u,
247
- "aria-labelledby": `${m.name}-label ${m.name}-button-label`,
248
- type: "button",
249
- "aria-haspopup": "listbox",
250
- "aria-disabled": m.disabled,
251
- class: h(["listbox__button", o.value]),
252
- onClick: Be,
253
- onKeydown: le
254
- }, c(m.modelValue ? oe.value : m.placeholder), 43, Ke),
255
- G(t("ul", {
256
- ref_key: "listboxNode",
257
- ref: p,
258
- "aria-labelledby": `${m.name}-label`,
259
- "aria-activedescendant": m.modelValue,
260
- tabindex: "0",
261
- role: "listbox",
262
- class: "listbox__list",
263
- onKeydown: K,
264
- onClick: de
265
- }, [
266
- (s(!0), i(V, null, P(m.options, (D, U) => (s(), i("li", {
267
- key: `${m.name}-option-${U}`,
268
- ref_for: !0,
269
- ref_key: "listboxOptions",
270
- ref: n,
271
- "aria-selected": D.value === m.modelValue,
272
- "data-value": D.value,
273
- class: "listbox__option",
274
- role: "option"
275
- }, c(D.label), 9, We))), 128))
276
- ], 40, Je), [
277
- [W, !$.value]
278
- ])
279
- ])), [
280
- [L, se]
236
+ return (m, B) => (s(), i("div", {
237
+ ref: "listbox",
238
+ class: "listbox__wrapper",
239
+ value: m.modelValue
240
+ }, [
241
+ t("label", {
242
+ id: `${m.name}-label`,
243
+ class: h([{
244
+ "listbox__label--visually-hidden": !m.showLabel,
245
+ "is-disabled": m.disabled,
246
+ "is-required": m.required
247
+ }, "listbox__label"])
248
+ }, c(m.label), 11, Ue),
249
+ U((s(), i("div", Ge, [
250
+ t("button", {
251
+ id: `${m.name}-button-label`,
252
+ ref_key: "listboxButton",
253
+ ref: u,
254
+ "aria-labelledby": `${m.name}-label ${m.name}-button-label`,
255
+ type: "button",
256
+ "aria-haspopup": "listbox",
257
+ "aria-disabled": m.disabled,
258
+ class: h(["listbox__button", o.value]),
259
+ onClick: Be,
260
+ onKeydown: oe
261
+ }, c(m.modelValue ? ae.value : m.placeholder), 43, Ke),
262
+ U(t("ul", {
263
+ ref_key: "listboxNode",
264
+ ref: p,
265
+ "aria-labelledby": `${m.name}-label`,
266
+ "aria-activedescendant": m.modelValue,
267
+ tabindex: "0",
268
+ role: "listbox",
269
+ class: "listbox__list",
270
+ onKeydown: K,
271
+ onClick: de
272
+ }, [
273
+ (s(!0), i(D, null, V(m.options, (q, P) => (s(), i("li", {
274
+ key: `${m.name}-option-${P}`,
275
+ ref_for: !0,
276
+ ref_key: "listboxOptions",
277
+ ref: n,
278
+ "aria-selected": q.value === m.modelValue,
279
+ "data-value": q.value,
280
+ class: "listbox__option",
281
+ role: "option"
282
+ }, c(q.label), 9, We))), 128))
283
+ ], 40, Je), [
284
+ [W, !y.value]
281
285
  ])
282
- ], 8, je);
283
- };
286
+ ])), [
287
+ [$(ve), le]
288
+ ])
289
+ ], 8, je));
284
290
  }
285
- }), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-a17afd8c"]]), Ze = { class: "image__wrapper" }, Xe = /* @__PURE__ */ b({
291
+ }), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-3d9c75e9"]]), Ze = { class: "image__wrapper" }, Xe = /* @__PURE__ */ b({
286
292
  __name: "image",
287
293
  props: {
288
294
  src: { default: void 0 },
@@ -305,7 +311,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
305
311
  labelDark: { type: Boolean, default: !1 }
306
312
  },
307
313
  setup(e) {
308
- const a = e, r = q(() => `Label: ${a.text}`);
314
+ const a = e, r = T(() => `Label: ${a.text}`);
309
315
  return (l, o) => (s(), i("div", xe, [
310
316
  t("span", {
311
317
  "aria-label": r.value,
@@ -314,7 +320,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
314
320
  }, c(l.text), 11, et)
315
321
  ]));
316
322
  }
317
- }), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" }, A = /* @__PURE__ */ b({
323
+ }), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" }, L = /* @__PURE__ */ b({
318
324
  __name: "link",
319
325
  props: {
320
326
  linkType: { default: "regular" },
@@ -336,7 +342,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
336
342
  hover: "underline-hover",
337
343
  true: "add-underline",
338
344
  false: "remove-underline"
339
- }, l = e, o = q(() => a[l.linkType]), u = q(() => r[l.underline]), p = q(() => {
345
+ }, l = e, o = T(() => a[l.linkType]), u = T(() => r[l.underline]), p = T(() => {
340
346
  const { ...n } = Ie(l);
341
347
  return n;
342
348
  });
@@ -353,7 +359,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
353
359
  ], 16)
354
360
  ]));
355
361
  }
356
- }), ot = (e) => (N("data-v-60c6ff7e"), e = e(), E(), e), lt = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], it = /* @__PURE__ */ ot(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), rt = /* @__PURE__ */ b({
362
+ }), ot = (e) => (E("data-v-60c6ff7e"), e = e(), N(), e), lt = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], it = /* @__PURE__ */ ot(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), rt = /* @__PURE__ */ b({
357
363
  __name: "radio-button",
358
364
  props: {
359
365
  name: { default: "radio" },
@@ -420,7 +426,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
420
426
  a.$emit("update:modelValue", l.target.value), l.target.blur();
421
427
  })
422
428
  }, [
423
- (s(!0), i(V, null, P(a.options, (l) => (s(), i("option", {
429
+ (s(!0), i(D, null, V(a.options, (l) => (s(), i("option", {
424
430
  key: l.value,
425
431
  value: l.value
426
432
  }, c(l.text), 9, _t))), 128))
@@ -439,12 +445,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
439
445
  l("update:show", !r.show);
440
446
  };
441
447
  return (u, p) => (s(), i("div", mt, [
442
- I(Ce, {
448
+ S(Ce, {
443
449
  duration: 300,
444
450
  name: "nested"
445
451
  }, {
446
452
  default: k(() => [
447
- G(t("dialog", {
453
+ U(t("dialog", {
448
454
  class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
449
455
  ariaLabel: "modal",
450
456
  role: "dialog",
@@ -457,7 +463,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
457
463
  }, ["stop"]))
458
464
  }, [
459
465
  t("div", null, [
460
- u.searchBar ? _("", !0) : (s(), T(ie, {
466
+ u.searchBar ? _("", !0) : (s(), C(se, {
461
467
  key: 0,
462
468
  "aria-label": "close",
463
469
  variant: "close",
@@ -490,18 +496,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
490
496
  },
491
497
  emits: ["update:modelValue"],
492
498
  setup(e, { emit: a }) {
493
- const r = e, l = a, o = C(r.modelValue), u = C(), p = C(!1), n = (f, $, B) => (f - $) / (B - $) * 100, v = (f) => {
494
- var $;
495
- ($ = u.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
499
+ const r = e, l = a, o = I(r.modelValue), u = I(), p = I(!1), n = (f, y, A) => (f - y) / (A - y) * 100, v = (f) => {
500
+ var y;
501
+ (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
496
502
  };
497
- return me(() => {
503
+ return pe(() => {
498
504
  if (u.value) {
499
505
  l("update:modelValue", o.value);
500
506
  const f = n(o.value, r.min, r.max);
501
- let $ = (50 - f) / 100;
502
- v(f + $);
507
+ let y = (50 - f) / 100;
508
+ v(f + y);
503
509
  }
504
- }), (f, $) => (s(), i("div", null, [
510
+ }), (f, y) => (s(), i("div", null, [
505
511
  t("div", vt, [
506
512
  t("div", gt, [
507
513
  t("label", {
@@ -515,8 +521,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
515
521
  "aria-label": f.informationLabel,
516
522
  tabindex: "0",
517
523
  "aria-haspopup": "dialog",
518
- onClick: $[0] || ($[0] = (B) => p.value = !p.value),
519
- onKeyup: $[1] || ($[1] = Te((B) => p.value = !p.value, ["enter"]))
524
+ onClick: y[0] || (y[0] = (A) => p.value = !p.value),
525
+ onKeyup: y[1] || (y[1] = Te((A) => p.value = !p.value, ["enter"]))
520
526
  }, null, 42, kt)) : _("", !0)
521
527
  ]),
522
528
  t("div", yt, [
@@ -534,7 +540,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
534
540
  step: f.step,
535
541
  max: f.max,
536
542
  class: h(f.variant),
537
- onInput: $[2] || ($[2] = ({ target: B }) => o.value = parseFloat(B.value))
543
+ onInput: y[2] || (y[2] = ({ target: A }) => o.value = parseFloat(A.value))
538
544
  }, null, 42, $t),
539
545
  t("span", {
540
546
  class: h([f.variant, "slider__minmax"])
@@ -544,10 +550,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
544
550
  class: h([f.variant, "slider__value"])
545
551
  }, c(f.modelValue), 3)
546
552
  ]),
547
- f.information ? (s(), T(ge, {
553
+ f.information ? (s(), C(ge, {
548
554
  key: 0,
549
555
  show: p.value,
550
- "onUpdate:show": $[3] || ($[3] = (B) => p.value = B)
556
+ "onUpdate:show": y[3] || (y[3] = (A) => p.value = A)
551
557
  }, {
552
558
  default: k(() => [
553
559
  t("p", wt, c(f.information), 1)
@@ -556,7 +562,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
556
562
  }, 8, ["show"])) : _("", !0)
557
563
  ]));
558
564
  }
559
- }), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, At = { key: 0 }, Lt = /* @__PURE__ */ b({
565
+ }), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, Lt = { key: 0 }, At = /* @__PURE__ */ b({
560
566
  __name: "textarea",
561
567
  props: {
562
568
  id: { default: "" },
@@ -598,7 +604,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
598
604
  ], 2),
599
605
  t("div", qt, [
600
606
  t("div", null, [
601
- a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", At, " Too many characters. Please make it shorter ")) : _("", !0)
607
+ a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : _("", !0)
602
608
  ]),
603
609
  t("p", {
604
610
  class: h(
@@ -608,16 +614,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
608
614
  ])
609
615
  ]));
610
616
  }
611
- }), Dt = /* @__PURE__ */ g(Lt, [["__scopeId", "data-v-7ecd7bf5"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
617
+ }), Dt = /* @__PURE__ */ g(At, [["__scopeId", "data-v-7ecd7bf5"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
612
618
  key: 2,
613
619
  class: "search"
614
620
  }, Rt = {
615
621
  key: 3,
616
622
  class: "errorMessage"
617
- }, Nt = {
623
+ }, Et = {
618
624
  key: 4,
619
625
  class: "helperText"
620
- }, Et = /* @__PURE__ */ b({
626
+ }, Nt = /* @__PURE__ */ b({
621
627
  __name: "text-field",
622
628
  props: {
623
629
  type: { default: "text" },
@@ -644,9 +650,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
644
650
  tel: "tel",
645
651
  url: "url",
646
652
  search: "search"
647
- }, r = e, l = q(() => a[r.type]), o = C(!0), u = q(
653
+ }, r = e, l = T(() => a[r.type]), o = I(!0), u = T(
648
654
  () => o.value ? "showPassword" : "hidePassword"
649
- ), p = q(
655
+ ), p = T(
650
656
  () => o.value ? "password" : "text"
651
657
  );
652
658
  return (n, v) => (s(), i("div", Vt, [
@@ -696,10 +702,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
696
702
  }, null, 42, zt)),
697
703
  n.search ? (s(), i("button", Ht)) : _("", !0),
698
704
  n.errorMessage ? (s(), i("strong", Rt, c(n.errorMessage), 1)) : _("", !0),
699
- n.helperText ? (s(), i("span", Nt, c(n.helperText), 1)) : _("", !0)
705
+ n.helperText ? (s(), i("span", Et, c(n.helperText), 1)) : _("", !0)
700
706
  ]));
701
707
  }
702
- }), jt = /* @__PURE__ */ g(Et, [["__scopeId", "data-v-1d92973b"]]), Ut = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ b({
708
+ }), jt = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-1d92973b"]]), Ut = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ b({
703
709
  __name: "video",
704
710
  props: {
705
711
  play: { type: Boolean, default: !1 },
@@ -717,8 +723,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
717
723
  },
718
724
  setup(e, { expose: a }) {
719
725
  const r = e;
720
- let l = C(null);
721
- return me(() => {
726
+ let l = I(null);
727
+ return pe(() => {
722
728
  l.value && (r.play ? l.value.play() : r.play || l.value.pause());
723
729
  }), a({
724
730
  resetVideo: () => {
@@ -779,7 +785,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
779
785
  a.addressLine3 ? (s(), i("p", xt, c(a.addressLine3), 1)) : _("", !0)
780
786
  ]),
781
787
  t("div", ea, [
782
- a.website ? (s(), T(A, {
788
+ a.website ? (s(), C(L, {
783
789
  key: 0,
784
790
  underline: "false",
785
791
  "link-type": "regular"
@@ -792,7 +798,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
792
798
  ]),
793
799
  _: 1
794
800
  })) : _("", !0),
795
- (s(!0), i(V, null, P(a.phoneNumbers, (l) => (s(), T(A, {
801
+ (s(!0), i(D, null, V(a.phoneNumbers, (l) => (s(), C(L, {
796
802
  key: l,
797
803
  underline: "false",
798
804
  "link-type": "regular"
@@ -813,7 +819,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
813
819
  ])
814
820
  ]));
815
821
  }
816
- }), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (N("data-v-a44fd57d"), e = e(), E(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ b({
822
+ }), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ b({
817
823
  __name: "bullet-list",
818
824
  props: {
819
825
  list: {
@@ -838,7 +844,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
838
844
  class: h(["bullet-list", e.variant])
839
845
  }, [
840
846
  t("ul", null, [
841
- (s(!0), i(V, null, P(e.list, (l) => (s(), i("li", { key: l }, [
847
+ (s(!0), i(D, null, V(e.list, (l) => (s(), i("li", { key: l }, [
842
848
  na,
843
849
  Y(" " + c(l), 1)
844
850
  ]))), 128))
@@ -869,7 +875,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
869
875
  emits: ["clicked"],
870
876
  setup(e) {
871
877
  const a = qe();
872
- let r = C(!1);
878
+ let r = I(!1);
873
879
  const l = {
874
880
  xsmall: {
875
881
  class: "card--xsmall",
@@ -891,7 +897,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
891
897
  width: "596",
892
898
  height: "335"
893
899
  }
894
- }, o = e, u = q(() => l[o.size]), p = q(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
900
+ }, o = e, u = T(() => l[o.size]), p = T(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
895
901
  return (n, v) => (s(), i("div", ua, [
896
902
  t("div", {
897
903
  class: h(["card", [
@@ -907,7 +913,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
907
913
  onFocus: v[2] || (v[2] = (f) => x(r) ? r.value = !0 : r = !0),
908
914
  onBlur: v[3] || (v[3] = (f) => x(r) ? r.value = !1 : r = !1)
909
915
  }, [
910
- n.mediaType === "image" ? (s(), T(M, { key: 0 }, {
916
+ n.mediaType === "image" ? (s(), C(M, { key: 0 }, {
911
917
  default: k(() => [
912
918
  d(n.$slots, "card-image", F({
913
919
  src: n.imgSrc,
@@ -921,10 +927,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
921
927
  _: 3
922
928
  })) : (s(), i("div", {
923
929
  key: 1,
924
- class: h(["video-card__wrapper", y(r) === !0 ? "vimeoPlaying" : ""])
930
+ class: h(["video-card__wrapper", $(r) === !0 ? "vimeoPlaying" : ""])
925
931
  }, [
926
- I(te, {
927
- play: y(r),
932
+ S(te, {
933
+ play: $(r),
928
934
  "local-video": !0,
929
935
  src: n.videoSrc,
930
936
  "aria-label": n.arialabel,
@@ -937,7 +943,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
937
943
  muted: !0
938
944
  }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
939
945
  ], 2)),
940
- y(a)["card-label"] ? (s(), i("div", _a, [
946
+ $(a)["card-label"] ? (s(), i("div", _a, [
941
947
  d(n.$slots, "card-label")
942
948
  ])) : _("", !0),
943
949
  n.variant === "product" ? (s(), i("div", {
@@ -974,7 +980,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
974
980
  white: "",
975
981
  light: "column__wrapper--light",
976
982
  dark: "column__wrapper--dark mirsaic--dark"
977
- }, r = e, l = q(
983
+ }, r = e, l = T(
978
984
  () => a[r.bgColor || "white"]
979
985
  );
980
986
  return (o, u) => (s(), i("div", {
@@ -994,7 +1000,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
994
1000
  t("div", ga, [
995
1001
  d(o.$slots, "column-card-body", {}, void 0, !0)
996
1002
  ]),
997
- o.linkType === "link" ? (s(), T(A, {
1003
+ o.linkType === "link" ? (s(), C(L, {
998
1004
  key: 1,
999
1005
  "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
1000
1006
  arrow: ""
@@ -1007,7 +1013,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1007
1013
  ])
1008
1014
  ], 2));
1009
1015
  }
1010
- }), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
1016
+ }), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (E("data-v-e4a362a9"), e = e(), N(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
1011
1017
  key: 0,
1012
1018
  class: "event__info"
1013
1019
  }, Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ b({
@@ -1041,7 +1047,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1041
1047
  },
1042
1048
  setup(e) {
1043
1049
  return (a, r) => (s(), i("div", ya, [
1044
- I(ee, {
1050
+ S(ee, {
1045
1051
  "label-dark": !1,
1046
1052
  text: e.eventType ? e.eventType : ""
1047
1053
  }, null, 8, ["text"]),
@@ -1055,16 +1061,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1055
1061
  t("div", Ia, c(e.exhibitor), 1)
1056
1062
  ]));
1057
1063
  }
1058
- }), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]), re = (e) => (N("data-v-93ee37aa"), e = e(), E(), e), qa = { class: "flashcard-side flashcard-front" }, Aa = {
1064
+ }), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]), ie = (e) => (E("data-v-93ee37aa"), e = e(), N(), e), qa = { class: "flashcard-side flashcard-front" }, La = {
1059
1065
  key: 0,
1060
1066
  class: "content"
1061
- }, La = { key: 0 }, Da = {
1067
+ }, Aa = { key: 0 }, Da = {
1062
1068
  key: 1,
1063
1069
  class: "flashcard-body"
1064
- }, Va = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
1070
+ }, Va = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
1065
1071
  class: "flip-icon",
1066
1072
  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
1067
- }, null, -1)), Pa = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
1073
+ }, null, -1)), Pa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
1068
1074
  class: "flip-icon",
1069
1075
  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
1070
1076
  }, null, -1)), Fa = {
@@ -1073,10 +1079,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1073
1079
  }, Ma = { key: 0 }, Oa = {
1074
1080
  key: 1,
1075
1081
  class: "flashcard-body"
1076
- }, za = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
1082
+ }, za = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
1077
1083
  class: "flip-icon",
1078
1084
  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
1079
- }, null, -1)), Ha = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
1085
+ }, null, -1)), Ha = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
1080
1086
  class: "flip-icon",
1081
1087
  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
1082
1088
  }, null, -1)), Ra = /* @__PURE__ */ b({
@@ -1093,12 +1099,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1093
1099
  imageFitBack: { type: Boolean }
1094
1100
  },
1095
1101
  setup(e) {
1096
- const a = C(!1);
1102
+ const a = I(!1);
1097
1103
  function r() {
1098
1104
  a.value = !a.value;
1099
1105
  }
1100
1106
  return (l, o) => {
1101
- var u, p, n, v, f, $;
1107
+ var u, p, n, v, f, y;
1102
1108
  return s(), i("div", {
1103
1109
  class: "flashcard-container",
1104
1110
  onClick: r
@@ -1112,8 +1118,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1112
1118
  }])
1113
1119
  }, [
1114
1120
  t("div", qa, [
1115
- l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", Aa, [
1116
- l.name ? (s(), i("h3", La, c(l.name), 1)) : _("", !0),
1121
+ l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", La, [
1122
+ l.name ? (s(), i("h3", Aa, c(l.name), 1)) : _("", !0),
1117
1123
  l.bodytext ? (s(), i("div", Da, [
1118
1124
  d(l.$slots, "flashcard-front-body", H(R({ bodytext: l.bodytext })), void 0, !0)
1119
1125
  ])) : _("", !0),
@@ -1148,7 +1154,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1148
1154
  cover: !l.imageFitBack
1149
1155
  }])
1150
1156
  }, [
1151
- d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: ($ = l.imagebackside) == null ? void 0 : $.alt })), void 0, !0),
1157
+ d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: (y = l.imagebackside) == null ? void 0 : y.alt })), void 0, !0),
1152
1158
  Ha
1153
1159
  ], 2))
1154
1160
  ], 2)
@@ -1156,7 +1162,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1156
1162
  ]);
1157
1163
  };
1158
1164
  }
1159
- }), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ua = /* @__PURE__ */ b({
1165
+ }), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]), Ea = { class: "text__wrapper" }, Na = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ua = /* @__PURE__ */ b({
1160
1166
  __name: "text-card",
1161
1167
  props: {
1162
1168
  label: {
@@ -1173,12 +1179,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1173
1179
  }
1174
1180
  },
1175
1181
  setup(e) {
1176
- return (a, r) => (s(), i("div", Na, [
1177
- I(ee, {
1182
+ return (a, r) => (s(), i("div", Ea, [
1183
+ S(ee, {
1178
1184
  "label-dark": !1,
1179
1185
  text: e.label ? e.label : ""
1180
1186
  }, null, 8, ["text"]),
1181
- t("div", Ea, c(e.headline), 1),
1187
+ t("div", Na, c(e.headline), 1),
1182
1188
  t("div", ja, [
1183
1189
  t("p", null, c(e.paragraph), 1)
1184
1190
  ])
@@ -1196,13 +1202,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1196
1202
  accordions: {}
1197
1203
  },
1198
1204
  setup(e) {
1199
- const a = C([]), r = (o) => {
1205
+ const a = I([]), r = (o) => {
1200
1206
  const u = a.value.indexOf(o);
1201
1207
  u > -1 ? a.value.splice(u, 1) : a.value.push(o);
1202
1208
  }, l = (o) => a.value.includes(o);
1203
1209
  return (o, u) => (s(), i("section", Ka, [
1204
1210
  t("div", Ja, [
1205
- (s(!0), i(V, null, P(o.accordions, (p) => (s(), i("div", {
1211
+ (s(!0), i(D, null, V(o.accordions, (p) => (s(), i("div", {
1206
1212
  key: p._uid
1207
1213
  }, [
1208
1214
  t("div", Wa, [
@@ -1224,7 +1230,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1224
1230
  t("div", eo, [
1225
1231
  d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
1226
1232
  ]),
1227
- I(M, null, {
1233
+ S(M, null, {
1228
1234
  default: k(() => [
1229
1235
  p.image ? d(o.$slots, "accordion-image", F({
1230
1236
  key: 0,
@@ -1316,7 +1322,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1316
1322
  a.headline ? (s(), i("h2", uo, c(a.headline), 1)) : _("", !0),
1317
1323
  a.bodytext ? (s(), i("div", _o, [
1318
1324
  d(a.$slots, "column-grid-body", {}, void 0, !0),
1319
- a.linkType === "link" ? (s(), T(A, {
1325
+ a.linkType === "link" ? (s(), C(L, {
1320
1326
  key: 0,
1321
1327
  "link-type": a.bgColor === "dark" ? "regular_dark" : (a.bgColor === "light", "regular_light"),
1322
1328
  arrow: ""
@@ -1329,7 +1335,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1329
1335
  ])) : _("", !0)
1330
1336
  ]),
1331
1337
  t("div", ho, [
1332
- (s(!0), i(V, null, P(a.columns, (l) => (s(), T(be, {
1338
+ (s(!0), i(D, null, V(a.columns, (l) => (s(), C(be, {
1333
1339
  key: l._uid,
1334
1340
  headline: l.headline,
1335
1341
  bodytext: l.bodytext,
@@ -1393,7 +1399,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1393
1399
  t("div", vo, [
1394
1400
  t("h2", go, c(a.headline), 1),
1395
1401
  t("div", bo, [
1396
- (s(!0), i(V, null, P(a.facts, (l) => (s(), i("div", {
1402
+ (s(!0), i(D, null, V(a.facts, (l) => (s(), i("div", {
1397
1403
  key: l.value + l.metric,
1398
1404
  class: "fact"
1399
1405
  }, [
@@ -1406,7 +1412,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1406
1412
  ]))), 128))
1407
1413
  ]),
1408
1414
  a.link ? (s(), i("div", $o, [
1409
- I(A, {
1415
+ S(L, {
1410
1416
  "link-type": "regular_light",
1411
1417
  arrow: ""
1412
1418
  }, {
@@ -1425,7 +1431,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1425
1431
  }, To = {
1426
1432
  key: 1,
1427
1433
  class: "features__body"
1428
- }, qo = { class: "element__headline" }, Ao = { class: "element__body" }, Lo = /* @__PURE__ */ b({
1434
+ }, qo = { class: "element__headline" }, Lo = { class: "element__body" }, Ao = /* @__PURE__ */ b({
1429
1435
  __name: "features",
1430
1436
  props: {
1431
1437
  headline: { default: "" },
@@ -1444,11 +1450,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1444
1450
  t("div", {
1445
1451
  class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
1446
1452
  }, [
1447
- (s(!0), i(V, null, P(a.elements, (l) => (s(), i("div", {
1453
+ (s(!0), i(D, null, V(a.elements, (l) => (s(), i("div", {
1448
1454
  key: l.headline,
1449
1455
  class: "features__element"
1450
1456
  }, [
1451
- I(M, { class: "element__icon" }, {
1457
+ S(M, { class: "element__icon" }, {
1452
1458
  default: k(() => [
1453
1459
  d(a.$slots, "features-icon", F({ ref_for: !0 }, {
1454
1460
  src: l.icon.src,
@@ -1460,8 +1466,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1460
1466
  _: 2
1461
1467
  }, 1024),
1462
1468
  t("p", qo, c(l.headline), 1),
1463
- t("p", Ao, c(l.body), 1),
1464
- l.link && l.linkText ? (s(), T(A, {
1469
+ t("p", Lo, c(l.body), 1),
1470
+ l.link && l.linkText ? (s(), C(L, {
1465
1471
  key: 0,
1466
1472
  "link-type": "regular_light",
1467
1473
  arrow: ""
@@ -1476,7 +1482,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1476
1482
  ])
1477
1483
  ]));
1478
1484
  }
1479
- }), Do = /* @__PURE__ */ g(Lo, [["__scopeId", "data-v-72cf514b"]]), Vo = { class: "flashcard-wrapper" }, Po = {
1485
+ }), Do = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-72cf514b"]]), Vo = { class: "flashcard-wrapper" }, Po = {
1480
1486
  key: 0,
1481
1487
  class: "flashcard-wrapper__headline"
1482
1488
  }, Fo = {
@@ -1491,7 +1497,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1491
1497
  flashcards: {}
1492
1498
  },
1493
1499
  setup(e) {
1494
- const a = e, r = q(() => a.body.trim().length > 0), l = q(() => {
1500
+ const a = e, r = T(() => a.body.trim().length > 0), l = T(() => {
1495
1501
  var u;
1496
1502
  const o = (u = a.flashcards) == null ? void 0 : u.length;
1497
1503
  return o === 4 || o === 5 ? "sm" : o === 6 || o === 3 ? "md" : o === 2 ? "lg" : "sm";
@@ -1518,7 +1524,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1518
1524
  lg: l.value === "lg"
1519
1525
  }])
1520
1526
  }, [
1521
- (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(ke), {
1527
+ (s(!0), i(D, null, V(o.flashcards, (p) => (s(), C($(ke), {
1522
1528
  key: p._uid,
1523
1529
  name: p.name,
1524
1530
  bodytext: p.bodytext,
@@ -1548,7 +1554,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1548
1554
  ])
1549
1555
  ], 2));
1550
1556
  }
1551
- }), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, No = { class: "form__body" }, Eo = { class: "form__script" }, jo = /* @__PURE__ */ b({
1557
+ }), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, Eo = { class: "form__body" }, No = { class: "form__script" }, jo = /* @__PURE__ */ b({
1552
1558
  __name: "form-script",
1553
1559
  props: {
1554
1560
  headline: { default: "" },
@@ -1561,17 +1567,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1561
1567
  dark: "form__wrapper--dark",
1562
1568
  light: "form__wrapper--light",
1563
1569
  default: "form__wrapper--default"
1564
- }, r = e, l = q(() => a[r.variant]);
1570
+ }, r = e, l = T(() => a[r.variant]);
1565
1571
  return (o, u) => (s(), i("div", {
1566
1572
  class: h(["form__wrapper", l.value])
1567
1573
  }, [
1568
1574
  t("div", zo, [
1569
1575
  t("div", Ho, [
1570
1576
  t("h2", Ro, c(o.headline), 1),
1571
- t("div", No, [
1577
+ t("div", Eo, [
1572
1578
  d(o.$slots, "form-body", {}, void 0, !0)
1573
1579
  ]),
1574
- o.linkType === "link" ? (s(), T(A, {
1580
+ o.linkType === "link" ? (s(), C(L, {
1575
1581
  key: 0,
1576
1582
  "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
1577
1583
  arrow: ""
@@ -1582,7 +1588,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1582
1588
  _: 3
1583
1589
  }, 8, ["link-type"])) : _("", !0)
1584
1590
  ]),
1585
- t("div", Eo, [
1591
+ t("div", No, [
1586
1592
  d(o.$slots, "form-script", {}, void 0, !0)
1587
1593
  ])
1588
1594
  ])
@@ -1618,7 +1624,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1618
1624
  ], 2)
1619
1625
  ]));
1620
1626
  }
1621
- }), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (N("data-v-22f9be13"), e = e(), E(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ b({
1627
+ }), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (E("data-v-22f9be13"), e = e(), N(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ b({
1622
1628
  __name: "hero",
1623
1629
  props: {
1624
1630
  headline: {
@@ -1635,7 +1641,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1635
1641
  t("h1", null, c(e.headline), 1)
1636
1642
  ]),
1637
1643
  t("div", tl, [
1638
- I(A, {
1644
+ S(L, {
1639
1645
  "link-type": "regular_light",
1640
1646
  arrow: ""
1641
1647
  }, {
@@ -1686,7 +1692,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1686
1692
  return (a, r) => (s(), i("div", nl, [
1687
1693
  t("div", dl, [
1688
1694
  t("div", cl, [
1689
- I(M, null, {
1695
+ S(M, null, {
1690
1696
  default: k(() => [
1691
1697
  d(a.$slots, "image", H(R({
1692
1698
  width: 984,
@@ -1727,7 +1733,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1727
1733
  white: "",
1728
1734
  light: "gallery__wrapper--light",
1729
1735
  dark: "gallery__wrapper--dark mirsaic--dark"
1730
- }, r = e, l = q(() => a[r.bgColor]);
1736
+ }, r = e, l = T(() => a[r.bgColor]);
1731
1737
  return (o, u) => (s(), i("div", {
1732
1738
  class: h(["gallery__wrapper", l.value])
1733
1739
  }, [
@@ -1739,7 +1745,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1739
1745
  }, [
1740
1746
  t("div", pl, [
1741
1747
  o.mediaLarge && o.mediaType === "image" ? (s(), i("div", ml, [
1742
- I(M, null, {
1748
+ S(M, null, {
1743
1749
  default: k(() => [
1744
1750
  d(o.$slots, "image-large", H(R({
1745
1751
  height: 530,
@@ -1751,7 +1757,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1751
1757
  })
1752
1758
  ])) : _("", !0),
1753
1759
  o.mediaLarge && o.mediaType === "video" ? (s(), i("div", fl, [
1754
- I(te, {
1760
+ S(te, {
1755
1761
  src: o.mediaLarge.src,
1756
1762
  "local-video": "",
1757
1763
  "aria-label": o.mediaLarge.alt,
@@ -1772,11 +1778,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1772
1778
  o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
1773
1779
  ])
1774
1780
  }, [
1775
- (s(!0), i(V, null, P(o.mediaSmall, (p) => (s(), i("div", {
1781
+ (s(!0), i(D, null, V(o.mediaSmall, (p) => (s(), i("div", {
1776
1782
  key: p.src + p.alt,
1777
1783
  class: "image image--small"
1778
1784
  }, [
1779
- I(M, null, {
1785
+ S(M, null, {
1780
1786
  default: k(() => [
1781
1787
  d(o.$slots, "image-small", F({ ref_for: !0 }, {
1782
1788
  height: 246,
@@ -1792,7 +1798,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1792
1798
  class: h(["body", o.bgColor === "dark" ? "body--dark" : ""])
1793
1799
  }, [
1794
1800
  t("p", null, c(o.body), 1),
1795
- o.linkType === "link" ? (s(), T(A, {
1801
+ o.linkType === "link" ? (s(), C(L, {
1796
1802
  key: 0,
1797
1803
  "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
1798
1804
  arrow: ""
@@ -1835,11 +1841,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1835
1841
  e.body ? (s(), i("p", wl, c(e.body), 1)) : _("", !0)
1836
1842
  ])) : _("", !0),
1837
1843
  t("div", Bl, [
1838
- (s(!0), i(V, null, P(e.logos, (l) => (s(), i("div", {
1844
+ (s(!0), i(D, null, V(e.logos, (l) => (s(), i("div", {
1839
1845
  key: l.src + l.alt,
1840
1846
  class: "logo-wall__logo"
1841
1847
  }, [
1842
- I(M, null, {
1848
+ S(M, null, {
1843
1849
  default: k(() => [
1844
1850
  d(a.$slots, "logo-wall-logo", F({ ref_for: !0 }, {
1845
1851
  width: 130,
@@ -1853,7 +1859,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1853
1859
  ]))), 128))
1854
1860
  ]),
1855
1861
  t("div", Sl, [
1856
- I(A, {
1862
+ S(L, {
1857
1863
  "link-type": "regular_light",
1858
1864
  arrow: !0
1859
1865
  }, {
@@ -1869,10 +1875,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1869
1875
  }), Cl = /* @__PURE__ */ g(Il, [["__scopeId", "data-v-fd489289"]]), Tl = { class: "micro-stories__top" }, ql = {
1870
1876
  key: 0,
1871
1877
  class: "micro-stories__headline"
1872
- }, Al = {
1878
+ }, Ll = {
1873
1879
  key: 1,
1874
1880
  class: "micro-stories__body"
1875
- }, Ll = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ b({
1881
+ }, Al = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ b({
1876
1882
  __name: "micro-stories",
1877
1883
  props: {
1878
1884
  bgColor: { default: "blue" },
@@ -1884,7 +1890,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1884
1890
  white: "micro-stories__wrapper--white",
1885
1891
  blue: "micro-stories__wrapper--blue",
1886
1892
  dark: "micro-stories__wrapper--dark"
1887
- }, r = q(() => a[l.bgColor]), l = e;
1893
+ }, r = T(() => a[l.bgColor]), l = e;
1888
1894
  return (o, u) => (s(), i("div", {
1889
1895
  class: h(["micro-stories__wrapper", r.value])
1890
1896
  }, [
@@ -1892,11 +1898,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ b({
1892
1898
  o.headline ? (s(), i("div", ql, [
1893
1899
  t("h2", null, c(o.headline), 1)
1894
1900
  ])) : _("", !0),
1895
- o.body ? (s(), i("div", Al, [
1901
+ o.body ? (s(), i("div", Ll, [
1896
1902
  d(o.$slots, "micro-stories-body")
1897
1903
  ])) : _("", !0)
1898
1904
  ]),
1899
- t("div", Ll, [
1905
+ t("div", Al, [
1900
1906
  d(o.$slots, "micro-stories-slides")
1901
1907
  ]),
1902
1908
  d(o.$slots, "micro-stories-controls")
@@ -1910,7 +1916,7 @@ function Ml(e, a) {
1910
1916
  ])
1911
1917
  ]);
1912
1918
  }
1913
- const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, Nl = { class: "product-hero__video" }, El = { class: "product-hero__insignia" }, jl = {
1919
+ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, El = { class: "product-hero__video" }, Nl = { class: "product-hero__insignia" }, jl = {
1914
1920
  key: 0,
1915
1921
  class: "product-hero__logo"
1916
1922
  }, Ul = {
@@ -1954,8 +1960,8 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
1954
1960
  return (a, r) => (s(), i("div", zl, [
1955
1961
  t("div", Hl, [
1956
1962
  t("div", Rl, c(e.headline), 1),
1957
- t("div", Nl, [
1958
- e.videoSrc !== "" ? (s(), T(te, {
1963
+ t("div", El, [
1964
+ e.videoSrc !== "" ? (s(), C(te, {
1959
1965
  key: 0,
1960
1966
  play: "",
1961
1967
  "local-video": !0,
@@ -1966,15 +1972,15 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
1966
1972
  autoplay: "",
1967
1973
  loop: "",
1968
1974
  muted: ""
1969
- }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(y(M), { key: 1 }, {
1975
+ }, null, 8, ["src", "aria-label", "poster"])) : (s(), C($(M), { key: 1 }, {
1970
1976
  default: k(() => [
1971
1977
  d(a.$slots, "product-hero-image", {}, void 0, !0)
1972
1978
  ]),
1973
1979
  _: 3
1974
1980
  })),
1975
- t("div", El, [
1981
+ t("div", Nl, [
1976
1982
  e.logoSrc ? (s(), i("div", jl, [
1977
- I(y(M), null, {
1983
+ S($(M), null, {
1978
1984
  default: k(() => [
1979
1985
  d(a.$slots, "product-hero-logo", {}, void 0, !0)
1980
1986
  ]),
@@ -1982,7 +1988,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
1982
1988
  })
1983
1989
  ])) : _("", !0),
1984
1990
  e.isCertified ? (s(), i("div", Ul, [
1985
- I(y(M), null, {
1991
+ S($(M), null, {
1986
1992
  default: k(() => [
1987
1993
  d(a.$slots, "product-hero-certification", {}, void 0, !0)
1988
1994
  ]),
@@ -2014,7 +2020,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2014
2020
  dark: "promo__wrapper--dark",
2015
2021
  light: "promo__wrapper--light",
2016
2022
  default: "promo__wrapper--default"
2017
- }, r = e, l = q(() => a[r.variant]);
2023
+ }, r = e, l = T(() => a[r.variant]);
2018
2024
  return (o, u) => (s(), i("div", {
2019
2025
  class: h([
2020
2026
  "promo__wrapper",
@@ -2031,7 +2037,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2031
2037
  o.reverse ? "promo__image--reverse" : "promo__image--default"
2032
2038
  ])
2033
2039
  }, [
2034
- I(M, null, {
2040
+ S(M, null, {
2035
2041
  default: k(() => [
2036
2042
  d(o.$slots, "promo-image", H(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
2037
2043
  ]),
@@ -2045,7 +2051,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2045
2051
  o.reverse ? "promo__video--reverse" : "promo__video--default"
2046
2052
  ])
2047
2053
  }, [
2048
- I(te, {
2054
+ S(te, {
2049
2055
  src: o.src,
2050
2056
  "local-video": "",
2051
2057
  "aria-label": o.alt,
@@ -2063,7 +2069,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2063
2069
  o.reverse ? "promo__text--reverse" : "promo__text--default"
2064
2070
  ])
2065
2071
  }, [
2066
- o.label ? (s(), T(ee, {
2072
+ o.label ? (s(), C(ee, {
2067
2073
  key: 0,
2068
2074
  text: o.label,
2069
2075
  "label-dark": o.variant === "dark"
@@ -2076,7 +2082,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2076
2082
  }, [
2077
2083
  d(o.$slots, "promo-headline")
2078
2084
  ], 2),
2079
- o.linkType === "link" ? (s(), T(A, {
2085
+ o.linkType === "link" ? (s(), C(L, {
2080
2086
  key: 1,
2081
2087
  "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
2082
2088
  arrow: ""
@@ -2086,7 +2092,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2086
2092
  ]),
2087
2093
  _: 3
2088
2094
  }, 8, ["link-type"])) : _("", !0),
2089
- o.linkType === "button" ? (s(), T(A, {
2095
+ o.linkType === "button" ? (s(), C(L, {
2090
2096
  key: 2,
2091
2097
  "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
2092
2098
  }, {
@@ -2099,7 +2105,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2099
2105
  ])
2100
2106
  ], 2));
2101
2107
  }
2102
- }), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (N("data-v-e3cc8e27"), e = e(), E(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
2108
+ }), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
2103
2109
  key: 0,
2104
2110
  class: "quote__image"
2105
2111
  }, ls = { class: "quote__text" }, ss = { class: "quote__author-name" }, is = { class: "quote__author-title" }, rs = /* @__PURE__ */ b({
@@ -2131,7 +2137,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2131
2137
  t("p", ts, c(e.quote), 1),
2132
2138
  t("div", as, [
2133
2139
  e.authorImage ? (s(), i("div", os, [
2134
- I(M, null, {
2140
+ S(M, null, {
2135
2141
  default: k(() => [
2136
2142
  d(a.$slots, "author-image", H(R({
2137
2143
  src: e.authorImage + "/m/100x100",
@@ -2177,7 +2183,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2177
2183
  ])
2178
2184
  }, [
2179
2185
  t("div", ds, [
2180
- a.label ? (s(), T(ee, {
2186
+ a.label ? (s(), C(ee, {
2181
2187
  key: 0,
2182
2188
  text: a.label,
2183
2189
  "label-dark": !1
@@ -2216,7 +2222,7 @@ const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
2216
2222
  a.imageClip ? "rich-text__image--clip" : ""
2217
2223
  ])
2218
2224
  }, [
2219
- I(M, null, {
2225
+ S(M, null, {
2220
2226
  default: k(() => [
2221
2227
  d(a.$slots, "rich-text-image", H(R({ width: 865, height: 307 })))
2222
2228
  ]),
@@ -2244,7 +2250,7 @@ function bs(e, a) {
2244
2250
  ])
2245
2251
  ]);
2246
2252
  }
2247
- const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (N("data-v-798e7a06"), e = e(), E(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ys(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
2253
+ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (E("data-v-798e7a06"), e = e(), N(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ys(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
2248
2254
  /* @__PURE__ */ t("div", { class: "circle" }),
2249
2255
  /* @__PURE__ */ t("div", { class: "line" })
2250
2256
  ], -1)), Cs = { class: "item__right" }, Ts = ["innerHTML"], qs = /* @__PURE__ */ b({
@@ -2256,7 +2262,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2256
2262
  }
2257
2263
  },
2258
2264
  setup(e) {
2259
- return fe(() => {
2265
+ return me(() => {
2260
2266
  const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
2261
2267
  (l) => {
2262
2268
  l.forEach((o) => {
@@ -2273,14 +2279,14 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2273
2279
  }), (a, r) => (s(), i("div", $s, [
2274
2280
  t("div", ws, [
2275
2281
  t("div", Bs, [
2276
- (s(!0), i(V, null, P(e.timelineItems, (l) => (s(), i("div", {
2282
+ (s(!0), i(D, null, V(e.timelineItems, (l) => (s(), i("div", {
2277
2283
  key: l.year,
2278
2284
  class: "timeline__item faded"
2279
2285
  }, [
2280
2286
  t("div", Ss, c(l.year), 1),
2281
2287
  Is,
2282
2288
  t("div", Cs, [
2283
- I(M, null, {
2289
+ S(M, null, {
2284
2290
  default: k(() => [
2285
2291
  l.media.src ? d(a.$slots, "timeline-image", F({
2286
2292
  key: 0,
@@ -2300,7 +2306,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2300
2306
  ])
2301
2307
  ]));
2302
2308
  }
2303
- }), As = /* @__PURE__ */ g(qs, [["__scopeId", "data-v-798e7a06"]]), Ls = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
2309
+ }), Ls = /* @__PURE__ */ g(qs, [["__scopeId", "data-v-798e7a06"]]), As = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
2304
2310
  key: 0,
2305
2311
  class: "vimeo__headline"
2306
2312
  }, Ps = {
@@ -2319,7 +2325,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2319
2325
  }
2320
2326
  },
2321
2327
  setup(e) {
2322
- return (a, r) => (s(), i("div", Ls, [
2328
+ return (a, r) => (s(), i("div", As, [
2323
2329
  t("div", Ds, [
2324
2330
  e.headline ? (s(), i("h2", Vs, c(e.headline), 1)) : _("", !0),
2325
2331
  d(a.$slots, "vimeo-content", {}, void 0, !0),
@@ -2327,7 +2333,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2327
2333
  ])
2328
2334
  ]));
2329
2335
  }
2330
- }), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Ns = { class: "academy-overview__button-wrapper" }, Es = {
2336
+ }), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Es = { class: "academy-overview__button-wrapper" }, Ns = {
2331
2337
  key: 0,
2332
2338
  class: "academy-overview__stats"
2333
2339
  }, js = { class: "academy-overview__stats-row" }, Us = { class: "academy-overview__stat" }, Gs = { class: "academy-overview__value" }, Ks = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, he = "https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753", Qs = /* @__PURE__ */ b({
@@ -2344,7 +2350,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2344
2350
  }) }
2345
2351
  },
2346
2352
  setup(e) {
2347
- const a = e, r = q(() => a.hero.cover ? {
2353
+ const a = e, r = T(() => a.hero.cover ? {
2348
2354
  backgroundImage: `url("${he}"), url(${a.hero.cover})`
2349
2355
  } : {
2350
2356
  backgroundImage: `url("${he}"), linear-gradient(155deg, #143a67 0%, #0c0931 100%)`
@@ -2360,11 +2366,11 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2360
2366
  t("div", Rs, [
2361
2367
  d(l.$slots, "academy-description", {}, void 0, !0)
2362
2368
  ]),
2363
- t("div", Ns, [
2369
+ t("div", Es, [
2364
2370
  d(l.$slots, "button", {}, void 0, !0)
2365
2371
  ])
2366
2372
  ]),
2367
- l.hero.showStats ? (s(), i("div", Es, [
2373
+ l.hero.showStats ? (s(), i("div", Ns, [
2368
2374
  t("div", js, [
2369
2375
  t("div", Us, [
2370
2376
  t("div", Gs, c(l.hero.lessonValue), 1),
@@ -2428,7 +2434,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2428
2434
  ])
2429
2435
  ]));
2430
2436
  }
2431
- }), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
2437
+ }), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (E("data-v-a0ab0743"), e = e(), N(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
2432
2438
  key: 0,
2433
2439
  src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
2434
2440
  style: { margin: "0 auto" },
@@ -2452,7 +2458,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2452
2458
  }, Ti = {
2453
2459
  key: 1,
2454
2460
  href: "tel:+4520377577"
2455
- }, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
2461
+ }, qi = { class: "footer__bottom" }, Li = { class: "copyright" }, Ai = { class: "footer__policy" }, Di = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
2456
2462
  key: 0,
2457
2463
  class: "footer__social"
2458
2464
  }, Pi = ["href", "aria-label"], Fi = {
@@ -2475,7 +2481,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2475
2481
  t("footer", ui, [
2476
2482
  a.language === "zh" ? (s(), i("img", _i)) : _("", !0),
2477
2483
  t("div", hi, [
2478
- (s(!0), i(V, null, P(a.footerSections, (l) => (s(), i("div", {
2484
+ (s(!0), i(D, null, V(a.footerSections, (l) => (s(), i("div", {
2479
2485
  key: l.title,
2480
2486
  class: "section"
2481
2487
  }, [
@@ -2495,7 +2501,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2495
2501
  a.language === "zh" ? (s(), i("span", yi, "桂桥路1201号10栋2楼")) : (s(), i("span", $i, "5260 Odense S")),
2496
2502
  a.language !== "zh" ? (s(), i("span", wi, "CVR: 35251235")) : _("", !0),
2497
2503
  Bi,
2498
- I(A, {
2504
+ S(L, {
2499
2505
  class: "footer__contact",
2500
2506
  "link-type": "regular_light",
2501
2507
  underline: "false"
@@ -2505,7 +2511,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2505
2511
  ]),
2506
2512
  _: 1
2507
2513
  }),
2508
- I(A, {
2514
+ S(L, {
2509
2515
  class: "footer__contact",
2510
2516
  "link-type": "regular_light",
2511
2517
  underline: "false"
@@ -2519,8 +2525,8 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2519
2525
  ])
2520
2526
  ]),
2521
2527
  t("div", qi, [
2522
- t("p", Ai, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
2523
- t("div", Li, [
2528
+ t("p", Li, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
2529
+ t("div", Ai, [
2524
2530
  t("button", {
2525
2531
  class: "footer__language-switcher",
2526
2532
  onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
@@ -2534,7 +2540,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2534
2540
  d(a.$slots, "footer-cookie-link")
2535
2541
  ]),
2536
2542
  a.language !== "zh" ? (s(), i("div", Vi, [
2537
- (s(!0), i(V, null, P(a.socialMedia, (l) => (s(), T(A, {
2543
+ (s(!0), i(D, null, V(a.socialMedia, (l) => (s(), C(L, {
2538
2544
  key: l.title,
2539
2545
  underline: "false",
2540
2546
  "link-type": "regular"
@@ -2555,7 +2561,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2555
2561
  _: 2
2556
2562
  }, 1024))), 128))
2557
2563
  ])) : (s(), i("div", Fi, [
2558
- (s(!0), i(V, null, P(a.socialMediaChina, (l) => (s(), T(A, {
2564
+ (s(!0), i(D, null, V(a.socialMediaChina, (l) => (s(), C(L, {
2559
2565
  key: l.title,
2560
2566
  underline: "false",
2561
2567
  "link-type": "regular"
@@ -2580,7 +2586,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2580
2586
  ])
2581
2587
  ]));
2582
2588
  }
2583
- }), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (N("data-v-59a92379"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Ui = {
2589
+ }), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (E("data-v-59a92379"), e = e(), N(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ei = { class: "mir-link-logo" }, Ni = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Ui = {
2584
2590
  key: 0,
2585
2591
  id: "menu-dropdown",
2586
2592
  ref: "dropdownDiv"
@@ -2682,7 +2688,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2682
2688
  setup(e, { expose: a, emit: r }) {
2683
2689
  let l = null;
2684
2690
  const o = e;
2685
- let u = C(o.burgerState), p = C(o.search), n = C(o.showDropDown), v = C(o.showPortalSwitcherDropDown), f = C(o.showProfileDropDown), $ = C(o.isAuthenticated);
2691
+ let u = I(o.burgerState), p = I(o.search), n = I(o.showDropDown), v = I(o.showPortalSwitcherDropDown), f = I(o.showProfileDropDown), y = I(o.isAuthenticated);
2686
2692
  X(
2687
2693
  () => o.burgerState,
2688
2694
  (w) => u.value = w
@@ -2700,28 +2706,28 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2700
2706
  (w) => f.value = w
2701
2707
  ), X(
2702
2708
  () => o.isAuthenticated,
2703
- (w) => $.value = w
2704
- ), fe(() => {
2709
+ (w) => y.value = w
2710
+ ), me(() => {
2705
2711
  l = (w) => {
2706
2712
  w.target.closest("#menu-dropdown") || (n.value = !1), w.target.closest("#menu-portal-switcher") || (v.value = !1), w.target.closest("#menu-profile-dropdown") || (f.value = !1);
2707
2713
  }, window.addEventListener("click", l);
2708
- }), Ae(() => {
2714
+ }), Le(() => {
2709
2715
  l !== null && window.removeEventListener("click", l);
2710
2716
  });
2711
- const B = r;
2712
- function ae() {
2713
- n.value = !n.value, B("update:showDropDown", n.value);
2717
+ const A = r;
2718
+ function re() {
2719
+ n.value = !n.value, A("update:showDropDown", n.value);
2714
2720
  }
2715
- function oe() {
2716
- v.value = !v.value, B("update:showPortalSwitcherDropDown", v.value);
2721
+ function ae() {
2722
+ v.value = !v.value, A("update:showPortalSwitcherDropDown", v.value);
2717
2723
  }
2718
2724
  function ne() {
2719
- f.value = !f.value, B("update:showProfileDropDown", f.value);
2725
+ f.value = !f.value, A("update:showProfileDropDown", f.value);
2720
2726
  }
2721
2727
  function de() {
2722
- u.value = !u.value, B("update:burgerState", u.value);
2728
+ u.value = !u.value, A("update:burgerState", u.value);
2723
2729
  }
2724
- let K = C(null), le = C(null);
2730
+ let K = I(null), oe = I(null);
2725
2731
  function ce() {
2726
2732
  K.value && K.value.blur();
2727
2733
  }
@@ -2730,10 +2736,10 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2730
2736
  }), (w, j) => (s(), i("div", Hi, [
2731
2737
  t("nav", null, [
2732
2738
  t("div", Ri, [
2733
- t("div", Ni, [
2739
+ t("div", Ei, [
2734
2740
  d(w.$slots, "link-logo", {}, void 0, !0)
2735
2741
  ]),
2736
- t("ul", Ei, [
2742
+ t("ul", Ni, [
2737
2743
  d(w.$slots, "main-nav-items", {}, void 0, !0)
2738
2744
  ]),
2739
2745
  t("div", ji, [
@@ -2741,18 +2747,18 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2741
2747
  t("button", {
2742
2748
  class: "nav-dropdown-btn",
2743
2749
  "aria-label": "Toggle Dropdown",
2744
- onClick: ae
2750
+ onClick: re
2745
2751
  }, [
2746
2752
  d(w.$slots, "dropdown-title", {}, void 0, !0),
2747
- y(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
2753
+ $(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
2748
2754
  ]),
2749
- G(t("div", Ji, [
2755
+ U(t("div", Ji, [
2750
2756
  d(w.$slots, "dropdown-links", {}, void 0, !0)
2751
2757
  ], 512), [
2752
- [W, y(n)]
2758
+ [W, $(n)]
2753
2759
  ])
2754
2760
  ], 512)) : _("", !0),
2755
- y(p) ? (s(), i("div", Wi, [
2761
+ $(p) ? (s(), i("div", Wi, [
2756
2762
  t("button", {
2757
2763
  ref_key: "navSearchButton",
2758
2764
  ref: K,
@@ -2760,11 +2766,11 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2760
2766
  "aria-label": "Toggle search",
2761
2767
  onClick: j[0] || (j[0] = (O) => {
2762
2768
  var z;
2763
- return w.$emit("clickSearch"), (z = y(K)) == null ? void 0 : z.blur();
2769
+ return w.$emit("clickSearch"), (z = $(K)) == null ? void 0 : z.blur();
2764
2770
  })
2765
2771
  }, [
2766
2772
  t("img", {
2767
- src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
2773
+ src: $(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",
2768
2774
  alt: "search icon",
2769
2775
  width: "20",
2770
2776
  height: "20"
@@ -2775,15 +2781,15 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2775
2781
  t("button", {
2776
2782
  class: "nav-portal-switcher-btn",
2777
2783
  "aria-label": "Toggle Portal",
2778
- onClick: oe
2784
+ onClick: ae
2779
2785
  }, Xi),
2780
- G(t("div", xi, [
2786
+ U(t("div", xi, [
2781
2787
  t("ul", er, [
2782
- (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
2788
+ (s(!0), i(D, null, V(e.portals, (O, z) => (s(), i("li", {
2783
2789
  key: z,
2784
2790
  class: "portal-switcher-link"
2785
2791
  }, [
2786
- I(y(A), { "link-type": "regular" }, {
2792
+ S($(L), { "link-type": "regular" }, {
2787
2793
  default: k(() => [
2788
2794
  t("a", {
2789
2795
  href: O.link,
@@ -2800,47 +2806,47 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2800
2806
  ]))), 128))
2801
2807
  ])
2802
2808
  ], 512), [
2803
- [W, y(v)]
2809
+ [W, $(v)]
2804
2810
  ])
2805
2811
  ])) : _("", !0),
2806
2812
  e.useProfileDropdown ? (s(), i("div", or, [
2807
- y($) ? _("", !0) : (s(), i("div", lr, [
2813
+ $(y) ? _("", !0) : (s(), i("div", lr, [
2808
2814
  d(w.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
2809
2815
  ])),
2810
- y($) ? (s(), i("button", {
2816
+ $(y) ? (s(), i("button", {
2811
2817
  key: 1,
2812
2818
  "aria-label": "Toggle Profile",
2813
2819
  class: "nav-profile-dropdown-btn",
2814
2820
  onClick: ne
2815
2821
  }, ir)) : _("", !0),
2816
- G(t("div", rr, [
2822
+ U(t("div", rr, [
2817
2823
  d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
2818
2824
  ], 512), [
2819
- [W, y(f)]
2825
+ [W, $(f)]
2820
2826
  ])
2821
2827
  ])) : _("", !0)
2822
2828
  ])
2823
2829
  ]),
2824
2830
  t("div", {
2825
- class: h(["mobile-nav-wrapper", y(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2831
+ class: h(["mobile-nav-wrapper", $(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2826
2832
  }, [
2827
2833
  t("div", nr, [
2828
2834
  t("div", dr, [
2829
2835
  d(w.$slots, "link-logo", {}, void 0, !0)
2830
2836
  ]),
2831
- y(p) ? (s(), i("div", cr, [
2837
+ $(p) ? (s(), i("div", cr, [
2832
2838
  t("button", {
2833
2839
  ref_key: "mobileSearchButton",
2834
- ref: le,
2840
+ ref: oe,
2835
2841
  class: "search-icon",
2836
2842
  "aria-label": "Toggle search",
2837
2843
  onClick: j[2] || (j[2] = (O) => {
2838
2844
  var z;
2839
- return w.$emit("clickSearch"), (z = y(le)) == null ? void 0 : z.blur();
2845
+ return w.$emit("clickSearch"), (z = $(oe)) == null ? void 0 : z.blur();
2840
2846
  })
2841
2847
  }, [
2842
2848
  t("img", {
2843
- src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
2849
+ src: $(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",
2844
2850
  alt: "search icon",
2845
2851
  width: "20",
2846
2852
  height: "20"
@@ -2851,27 +2857,27 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2851
2857
  t("button", {
2852
2858
  class: h({
2853
2859
  "menu-portal-switcher-btn": !0,
2854
- "is-active": y(v)
2860
+ "is-active": $(v)
2855
2861
  }),
2856
2862
  style: Q({
2857
- backgroundColor: y(v) && y(u) === !0 ? "#1a76bc" : y(v) ? "#cbeefa" : "transparent"
2863
+ backgroundColor: $(v) && $(u) === !0 ? "#1a76bc" : $(v) ? "#cbeefa" : "transparent"
2858
2864
  }),
2859
- onClick: ue(oe, ["prevent"])
2865
+ onClick: ue(ae, ["prevent"])
2860
2866
  }, [
2861
2867
  t("img", {
2862
- src: y(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
2868
+ src: $(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
2863
2869
  alt: "portalswitchericon",
2864
2870
  width: "20",
2865
2871
  height: "20"
2866
2872
  }, null, 8, hr)
2867
2873
  ], 6),
2868
- G(t("div", pr, [
2874
+ U(t("div", pr, [
2869
2875
  t("ul", mr, [
2870
- (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
2876
+ (s(!0), i(D, null, V(e.portals, (O, z) => (s(), i("li", {
2871
2877
  key: z,
2872
2878
  class: "portal-switcher-link"
2873
2879
  }, [
2874
- I(y(A), { "link-type": "regular" }, {
2880
+ S($(L), { "link-type": "regular" }, {
2875
2881
  default: k(() => [
2876
2882
  t("a", {
2877
2883
  href: O.link,
@@ -2888,7 +2894,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2888
2894
  ]))), 128))
2889
2895
  ])
2890
2896
  ], 512), [
2891
- [W, y(v)]
2897
+ [W, $(v)]
2892
2898
  ])
2893
2899
  ])) : _("", !0),
2894
2900
  t("button", {
@@ -2899,12 +2905,12 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2899
2905
  t("img", {
2900
2906
  width: "20",
2901
2907
  height: "20",
2902
- src: y(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg",
2908
+ src: $(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",
2903
2909
  alt: "burger menu icon"
2904
2910
  }, null, 8, gr)
2905
2911
  ])
2906
2912
  ]),
2907
- G(t("div", br, [
2913
+ U(t("div", br, [
2908
2914
  t("ul", null, [
2909
2915
  d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
2910
2916
  ]),
@@ -2913,7 +2919,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2913
2919
  d(w.$slots, "mobile-dropdown-links", {}, void 0, !0)
2914
2920
  ])
2915
2921
  ], 512), [
2916
- [W, y(u)]
2922
+ [W, $(u)]
2917
2923
  ])
2918
2924
  ], 2)
2919
2925
  ])
@@ -2942,7 +2948,7 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2942
2948
  ])
2943
2949
  ]));
2944
2950
  }
2945
- }), qr = /* @__PURE__ */ g(Tr, [["__scopeId", "data-v-dc8cc97e"]]), Ar = { class: "pagination__wrapper" }, Lr = { class: "pagination__content" }, Dr = /* @__PURE__ */ b({
2951
+ }), qr = /* @__PURE__ */ g(Tr, [["__scopeId", "data-v-dc8cc97e"]]), Lr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Dr = /* @__PURE__ */ b({
2946
2952
  __name: "pagination",
2947
2953
  props: {
2948
2954
  isPreviousDisabled: {
@@ -2956,16 +2962,16 @@ const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2
2956
2962
  },
2957
2963
  emits: ["previous", "next"],
2958
2964
  setup(e) {
2959
- return (a, r) => (s(), i("div", Ar, [
2960
- t("div", Lr, [
2961
- I(ie, {
2965
+ return (a, r) => (s(), i("div", Lr, [
2966
+ t("div", Ar, [
2967
+ S(se, {
2962
2968
  disabled: e.isPreviousDisabled,
2963
2969
  variant: "previous",
2964
2970
  "aria-label": "previous",
2965
2971
  onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
2966
2972
  }, null, 8, ["disabled"]),
2967
2973
  d(a.$slots, "pagination-numbers"),
2968
- I(ie, {
2974
+ S(se, {
2969
2975
  disabled: e.isNextDisabled,
2970
2976
  variant: "next",
2971
2977
  "aria-label": "next",
@@ -2989,52 +2995,49 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
2989
2995
  },
2990
2996
  emits: ["filter", "remove-filter"],
2991
2997
  setup(e, { emit: a }) {
2992
- const r = C(!1), l = e, o = a;
2998
+ const r = I(!1), l = e, o = a;
2993
2999
  function u(v, f) {
2994
3000
  !l.selectedOptions.includes(v) && !l.selectedOptions.includes(f) ? o("filter", v) : o("remove-filter", v);
2995
3001
  }
2996
3002
  function p() {
2997
3003
  r.value = !1;
2998
3004
  }
2999
- const n = q(() => l.options.length > 8);
3000
- return (v, f) => {
3001
- const $ = pe("click-outside");
3002
- return G((s(), i("div", zr, [
3003
- t("button", {
3004
- class: h(["dropdown-button", { clicked: r.value }]),
3005
- style: Q({ "z-index": r.value ? 2 : 0 }),
3006
- "aria-expanded": r.value ? "true" : "false",
3007
- onClick: f[0] || (f[0] = (B) => r.value = !r.value)
3008
- }, [
3009
- d(v.$slots, "button", {}, () => [
3010
- Y(c(v.label), 1)
3011
- ], !0)
3012
- ], 14, Hr),
3013
- t("div", {
3014
- class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
3015
- }, [
3016
- (s(!0), i(V, null, P(v.options, (B) => (s(), T(y(ve), {
3017
- id: B.value,
3018
- key: B.value,
3019
- name: B.text,
3020
- required: !1,
3021
- disabled: !1,
3022
- value: B.value,
3023
- checked: v.selectedOptions.includes(B.value) || v.selectedOptions.includes(B.text),
3024
- onInput: (ae) => u(B.value, B.text)
3025
- }, {
3026
- default: k(() => [
3027
- Y(c(B.text), 1)
3028
- ]),
3029
- _: 2
3030
- }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
3031
- ], 2)
3032
- ])), [
3033
- [$, p]
3034
- ]);
3035
- };
3005
+ const n = T(() => l.options.length > 8);
3006
+ return (v, f) => U((s(), i("div", zr, [
3007
+ t("button", {
3008
+ class: h(["dropdown-button", { clicked: r.value }]),
3009
+ style: Q({ "z-index": r.value ? 2 : 0 }),
3010
+ "aria-expanded": r.value ? "true" : "false",
3011
+ onClick: f[0] || (f[0] = (y) => r.value = !r.value)
3012
+ }, [
3013
+ d(v.$slots, "button", {}, () => [
3014
+ Y(c(v.label), 1)
3015
+ ], !0)
3016
+ ], 14, Hr),
3017
+ t("div", {
3018
+ class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
3019
+ }, [
3020
+ (s(!0), i(D, null, V(v.options, (y) => (s(), C($(fe), {
3021
+ id: y.value,
3022
+ key: y.value,
3023
+ name: y.text,
3024
+ required: !1,
3025
+ disabled: !1,
3026
+ value: y.value,
3027
+ checked: v.selectedOptions.includes(y.value) || v.selectedOptions.includes(y.text),
3028
+ onInput: (A) => u(y.value, y.text)
3029
+ }, {
3030
+ default: k(() => [
3031
+ Y(c(y.text), 1)
3032
+ ]),
3033
+ _: 2
3034
+ }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
3035
+ ], 2)
3036
+ ])), [
3037
+ [$(ve), p]
3038
+ ]);
3036
3039
  }
3037
- }), Nr = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-678cc92e"]]), Er = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Ur = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
3040
+ }), Er = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-c62b3647"]]), Nr = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Ur = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
3038
3041
  __name: "pallet-jack",
3039
3042
  props: {
3040
3043
  label: { default: "" },
@@ -3052,7 +3055,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3052
3055
  dark: "promo__wrapper--dark",
3053
3056
  light: "promo__wrapper--light",
3054
3057
  default: "promo__wrapper--default"
3055
- }, r = e, l = q(() => a[r.variant]);
3058
+ }, r = e, l = T(() => a[r.variant]);
3056
3059
  return (o, u) => (s(), i("div", {
3057
3060
  class: h([
3058
3061
  "promo__wrapper",
@@ -3060,7 +3063,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3060
3063
  o.teaser ? "promo__wrapper--teaser" : ""
3061
3064
  ])
3062
3065
  }, [
3063
- t("div", Er, [
3066
+ t("div", Nr, [
3064
3067
  t("div", {
3065
3068
  class: h([
3066
3069
  "promo__video",
@@ -3086,7 +3089,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3086
3089
  o.reverse ? "promo__text--reverse" : "promo__text--default"
3087
3090
  ])
3088
3091
  }, [
3089
- o.label ? (s(), T(ee, {
3092
+ o.label ? (s(), C(ee, {
3090
3093
  key: 0,
3091
3094
  text: o.label,
3092
3095
  "label-dark": o.variant === "dark"
@@ -3099,7 +3102,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3099
3102
  }, [
3100
3103
  d(o.$slots, "promo-text")
3101
3104
  ], 2),
3102
- o.linkType === "link" ? (s(), T(A, {
3105
+ o.linkType === "link" ? (s(), C(L, {
3103
3106
  key: 1,
3104
3107
  "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
3105
3108
  arrow: ""
@@ -3109,7 +3112,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3109
3112
  ]),
3110
3113
  _: 3
3111
3114
  }, 8, ["link-type"])) : _("", !0),
3112
- o.linkType === "button" ? (s(), T(A, {
3115
+ o.linkType === "button" ? (s(), C(L, {
3113
3116
  key: 2,
3114
3117
  "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
3115
3118
  }, {
@@ -3124,20 +3127,20 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
3124
3127
  }
3125
3128
  }), Yr = /* @__PURE__ */ g(Wr, [["__scopeId", "data-v-00c0bad3"]]), Zr = {
3126
3129
  install: (e) => {
3127
- e.component("AtomButton", ie), e.component("AtomCheckbox", ve), e.component("AtomChip", Ee), e.component("AtomDropdown", Qe), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", A), e.component("AtomRadioButton", nt), e.component("AtomSelect", pt), e.component("AtomSelectMultiple", Nr), e.component("AtomSlider", St), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", be), e.component("MoleculeEventCard", Ta), e.component("MoleculeFlashcard", ke), e.component("MoleculeModal", ge), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", ao), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Kl), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ks), e.component("BlockTimeline", As), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
3130
+ e.component("AtomButton", se), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Qe), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", L), e.component("AtomRadioButton", nt), e.component("AtomSelect", pt), e.component("AtomSelectMultiple", Er), e.component("AtomSlider", St), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", be), e.component("MoleculeEventCard", Ta), e.component("MoleculeFlashcard", ke), e.component("MoleculeModal", ge), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", ao), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Kl), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ks), e.component("BlockTimeline", Ls), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
3128
3131
  }
3129
3132
  };
3130
3133
  export {
3131
- ie as AtomButton,
3132
- ve as AtomCheckbox,
3133
- Ee as AtomChip,
3134
+ se as AtomButton,
3135
+ fe as AtomCheckbox,
3136
+ Ne as AtomChip,
3134
3137
  Qe as AtomDropdown,
3135
3138
  M as AtomImage,
3136
3139
  ee as AtomLabel,
3137
- A as AtomLink,
3140
+ L as AtomLink,
3138
3141
  nt as AtomRadioButton,
3139
3142
  pt as AtomSelect,
3140
- Nr as AtomSelectMultiple,
3143
+ Er as AtomSelectMultiple,
3141
3144
  St as AtomSlider,
3142
3145
  jt as AtomTextField,
3143
3146
  Dt as AtomTextarea,
@@ -3163,7 +3166,7 @@ export {
3163
3166
  ns as BlockQuote,
3164
3167
  hs as BlockRichText,
3165
3168
  ks as BlockRichTextColumns,
3166
- As as BlockTimeline,
3169
+ Ls as BlockTimeline,
3167
3170
  Ms as BlockVimeo,
3168
3171
  sa as MoleculeAddress,
3169
3172
  ca as MoleculeBulletList,