@mirweb/mir-web-components 0.11.2 → 0.12.1

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 _, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as x, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as T, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as h, watchEffect as oe, withKeys as $e, createBlock as j, normalizeStyle as ne, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as xe } from "vue";
2
- const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
1
+ import { defineComponent as m, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as w, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as A, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as S, withModifiers as re, createCommentVNode as g, watchEffect as ne, withKeys as $e, createBlock as T, normalizeStyle as oe, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
2
+ const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
3
3
  __name: "button",
4
4
  props: {
5
5
  variant: {
@@ -27,15 +27,15 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
27
27
  return (l, a) => (i(), r("button", {
28
28
  class: c(["button", "button--" + e.variant]),
29
29
  "aria-label": e.ariaLabel
30
- }, d(e.variant == "close" ? "" : e.buttonText), 11, Se));
30
+ }, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
31
31
  }
32
32
  });
33
- const v = (e, l) => {
33
+ const h = (e, l) => {
34
34
  const a = e.__vccOpts || e;
35
- for (const [o, n] of l)
36
- a[o] = n;
35
+ for (const [n, o] of l)
36
+ a[n] = o;
37
37
  return a;
38
- }, W = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ _({
38
+ }, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
39
39
  __name: "checkbox",
40
40
  props: {
41
41
  name: String,
@@ -62,11 +62,11 @@ const v = (e, l) => {
62
62
  },
63
63
  emits: ["input"],
64
64
  setup(e, { emit: l }) {
65
- const a = (o) => {
66
- const n = o.target;
67
- l("input", n.checked);
65
+ const a = (n) => {
66
+ const o = n.target;
67
+ l("input", o.checked);
68
68
  };
69
- return (o, n) => (i(), r("div", {
69
+ return (n, o) => (i(), r("div", {
70
70
  class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
71
71
  }, [
72
72
  t("input", {
@@ -84,12 +84,12 @@ const v = (e, l) => {
84
84
  class: c(["checkbox__label", e.required ? "required" : ""])
85
85
  }, [
86
86
  Be,
87
- u(o.$slots, "default", {}, void 0, !0)
87
+ u(n.$slots, "default", {}, void 0, !0)
88
88
  ], 10, De)
89
89
  ], 2));
90
90
  }
91
91
  });
92
- const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ _({
92
+ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Te = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ m({
93
93
  __name: "chip",
94
94
  props: {
95
95
  text: {
@@ -99,24 +99,24 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
99
99
  },
100
100
  emits: ["remove-chip"],
101
101
  setup(e, { emit: l }) {
102
- const a = e, o = N(() => `Chip: ${a.text}`);
103
- return (n, m) => (i(), r("div", Ce, [
102
+ const a = e, n = N(() => `Chip: ${a.text}`);
103
+ return (o, _) => (i(), r("div", Te, [
104
104
  t("span", {
105
105
  class: "chip",
106
- "aria-label": o.value
106
+ "aria-label": n.value
107
107
  }, [
108
- O(d(e.text) + " ", 1),
108
+ O(s(e.text) + " ", 1),
109
109
  t("img", {
110
- src: Te,
110
+ src: Ce,
111
111
  alt: "close",
112
112
  class: "close-icon",
113
- onClick: m[0] || (m[0] = (S) => n.$emit("remove-chip"))
113
+ onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
114
114
  })
115
115
  ], 8, je)
116
116
  ]));
117
117
  }
118
118
  });
119
- const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Ee = ["aria-selected", "data-value"], Re = /* @__PURE__ */ _({
119
+ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Re = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ m({
120
120
  __name: "dropdown",
121
121
  props: {
122
122
  modelValue: {
@@ -159,133 +159,133 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
159
159
  },
160
160
  emits: ["update:modelValue"],
161
161
  setup(e, { emit: l }) {
162
- const a = e, o = x(null), n = x(null), m = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), q = N(() => {
163
- const s = a.options.find(
164
- (g) => g.value === a.modelValue
162
+ const a = e, n = w(null), o = w(null), _ = w([]), x = w(0), I = w(""), f = w(!0), b = w(0), q = N(() => {
163
+ const d = a.options.find(
164
+ (v) => v.value === a.modelValue
165
165
  );
166
- return s && s.label;
166
+ return d && d.label;
167
167
  }), ce = {
168
- beforeMount(s, g) {
169
- s.clickOutsideEvent = function(y) {
170
- s === y.target || s.contains(y.target) || g.value(y);
171
- }, document.body.addEventListener("click", s.clickOutsideEvent);
168
+ beforeMount(d, v) {
169
+ d.clickOutsideEvent = function(y) {
170
+ d === y.target || d.contains(y.target) || v.value(y);
171
+ }, document.body.addEventListener("click", d.clickOutsideEvent);
172
172
  },
173
- unmounted(s) {
174
- document.body.removeEventListener("click", s.clickOutsideEvent);
173
+ unmounted(d) {
174
+ document.body.removeEventListener("click", d.clickOutsideEvent);
175
175
  }
176
176
  };
177
- function ue(s) {
178
- l("update:modelValue", s);
177
+ function ue(d) {
178
+ l("update:modelValue", d);
179
179
  }
180
- function me(s) {
180
+ function _e(d) {
181
181
  var y;
182
- const g = s.target;
183
- g.getAttribute("role") === "option" && (Z(g), R(), (y = o.value) == null || y.focus());
182
+ const v = d.target;
183
+ v.getAttribute("role") === "option" && (Z(v), E(), (y = n.value) == null || y.focus());
184
184
  }
185
- function J(s) {
185
+ function J(d) {
186
186
  var y;
187
- const g = s.key;
188
- switch (g) {
187
+ const v = d.key;
188
+ switch (v) {
189
189
  case "ArrowUp":
190
190
  case "ArrowDown": {
191
- s.preventDefault();
192
- const w = a.options.findIndex(
191
+ d.preventDefault();
192
+ const $ = a.options.findIndex(
193
193
  (V) => V.value === a.modelValue
194
194
  );
195
- let B = w ? m.value[w] : m.value[0];
196
- g === "ArrowUp" ? w - 1 >= 0 && (B = m.value[w - 1]) : w + 1 <= a.options.length && (B = m.value[w + 1]), B && Z(B);
195
+ let B = $ ? _.value[$] : _.value[0];
196
+ v === "ArrowUp" ? $ - 1 >= 0 && (B = _.value[$ - 1]) : $ + 1 <= a.options.length && (B = _.value[$ + 1]), B && Z(B);
197
197
  break;
198
198
  }
199
199
  case "Home":
200
200
  case "PageUp":
201
- s.preventDefault(), fe();
201
+ d.preventDefault(), fe();
202
202
  break;
203
203
  case "End":
204
204
  case "PageDown":
205
- s.preventDefault(), ye();
205
+ d.preventDefault(), ye();
206
206
  break;
207
207
  case "Enter":
208
208
  case "Escape":
209
- s.preventDefault(), R(), (y = o.value) == null || y.focus();
209
+ d.preventDefault(), E(), (y = n.value) == null || y.focus();
210
210
  break;
211
211
  default: {
212
- const w = ge(g);
213
- w && Z(w);
212
+ const $ = ve(v);
213
+ $ && Z($);
214
214
  break;
215
215
  }
216
216
  }
217
217
  }
218
- function _e(s) {
218
+ function me(d) {
219
219
  if (!a.disabled)
220
- switch (s.key) {
220
+ switch (d.key) {
221
221
  case "ArrowUp":
222
222
  case "ArrowDown":
223
- s.preventDefault(), K(), J(s);
223
+ d.preventDefault(), K(), J(d);
224
224
  break;
225
225
  }
226
226
  }
227
- function ve(s) {
228
- s && s.removeAttribute("aria-selected");
227
+ function he(d) {
228
+ d && d.removeAttribute("aria-selected");
229
229
  }
230
- function he() {
231
- S && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
232
- I.value = "", S.value = 0;
230
+ function ge() {
231
+ x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
232
+ I.value = "", x.value = 0;
233
233
  }, 500);
234
234
  }
235
- function ge(s) {
236
- let g = "";
237
- (I.value === "" || g !== s) && (b.value = a.options.findIndex(
238
- (w) => w.value === a.modelValue
239
- )), I.value = g === s ? s : I.value + s, g = s, he();
235
+ function ve(d) {
236
+ let v = "";
237
+ (I.value === "" || v !== d) && (b.value = a.options.findIndex(
238
+ ($) => $.value === a.modelValue
239
+ )), I.value = v === d ? d : I.value + d, v = d, ge();
240
240
  let y = Y(
241
241
  b.value + 1,
242
242
  a.options.length
243
243
  );
244
244
  return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
245
245
  }
246
- function Y(s, g) {
247
- for (let y = s; y < g; y++)
246
+ function Y(d, v) {
247
+ for (let y = d; y < v; y++)
248
248
  if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
249
- return m.value[y];
249
+ return _.value[y];
250
250
  return null;
251
251
  }
252
252
  function fe() {
253
- Z(m.value[0]);
253
+ Z(_.value[0]);
254
254
  }
255
- function Z(s) {
256
- var y, w;
257
- const g = s.getAttribute("data-value");
255
+ function Z(d) {
256
+ var y, $;
257
+ const v = d.getAttribute("data-value");
258
258
  if (a.modelValue) {
259
259
  const B = a.options.findIndex(
260
260
  (pe) => pe.value === a.modelValue
261
- ), V = m.value[B];
262
- ve(V);
261
+ ), V = _.value[B];
262
+ he(V);
263
263
  }
264
- if (s.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
264
+ if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
265
265
  "aria-activedescendant",
266
- g || ""
267
- ), ue(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
268
- const B = n.value.clientHeight + n.value.scrollTop, V = s.offsetTop + s.offsetHeight;
269
- V > B ? n.value.scrollTop = V - ((w = n.value) == null ? void 0 : w.clientHeight) : s.offsetTop < n.value.scrollTop && (n.value.scrollTop = s.offsetTop);
266
+ v || ""
267
+ ), ue(v || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
268
+ const B = o.value.clientHeight + o.value.scrollTop, V = d.offsetTop + d.offsetHeight;
269
+ V > B ? o.value.scrollTop = V - (($ = o.value) == null ? void 0 : $.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
270
270
  }
271
271
  }
272
272
  function ye() {
273
- var g;
274
- const s = (g = m.value) == null ? void 0 : g[a.options.length - 1];
275
- Z(s);
273
+ var v;
274
+ const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
275
+ Z(d);
276
276
  }
277
- function R() {
278
- var s;
279
- f.value = !0, (s = o.value) == null || s.removeAttribute("aria-expanded");
277
+ function E() {
278
+ var d;
279
+ f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
280
280
  }
281
281
  function K() {
282
- var s, g;
283
- f.value = !1, (s = o.value) == null || s.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
282
+ var d, v;
283
+ f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
284
284
  }
285
285
  function be() {
286
- a.disabled || (f.value ? K() : R());
286
+ a.disabled || (f.value ? K() : E());
287
287
  }
288
- return (s, g) => (i(), r("div", {
288
+ return (d, v) => (i(), r("div", {
289
289
  class: "listbox__wrapper",
290
290
  value: e.modelValue,
291
291
  ref: "listbox"
@@ -297,7 +297,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
297
297
  "is-disabled": e.disabled,
298
298
  "is-required": e.required
299
299
  }, "listbox__label"])
300
- }, d(e.label), 11, Oe),
300
+ }, s(e.label), 11, Oe),
301
301
  U((i(), r("div", Pe, [
302
302
  t("button", {
303
303
  id: `${e.name}-button-label`,
@@ -307,10 +307,10 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
307
307
  "aria-disabled": e.disabled,
308
308
  class: "listbox__button",
309
309
  onClick: be,
310
- onKeydown: _e,
310
+ onKeydown: me,
311
311
  ref_key: "listboxButton",
312
- ref: o
313
- }, d(e.modelValue ? q.value : e.placeholder), 41, He),
312
+ ref: n
313
+ }, s(e.modelValue ? q.value : e.placeholder), 41, He),
314
314
  U(t("ul", {
315
315
  "aria-labelledby": `${e.name}-label`,
316
316
  "aria-activedescendant": e.modelValue,
@@ -318,30 +318,30 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
318
318
  role: "listbox",
319
319
  class: "listbox__list",
320
320
  onKeydown: J,
321
- onClick: me,
321
+ onClick: _e,
322
322
  ref_key: "listboxNode",
323
- ref: n
323
+ ref: o
324
324
  }, [
325
- (i(!0), r(M, null, L(e.options, (y, w) => (i(), r("li", {
326
- key: `${e.name}-option-${w}`,
325
+ (i(!0), r(M, null, L(e.options, (y, $) => (i(), r("li", {
326
+ key: `${e.name}-option-${$}`,
327
327
  "aria-selected": y.value === e.modelValue,
328
328
  "data-value": y.value,
329
329
  class: "listbox__option",
330
330
  role: "option",
331
331
  ref_for: !0,
332
332
  ref_key: "listboxOptions",
333
- ref: m
334
- }, d(y.label), 9, Ee))), 128))
333
+ ref: _
334
+ }, s(y.label), 9, Re))), 128))
335
335
  ], 40, Ze), [
336
336
  [G, !f.value]
337
337
  ])
338
338
  ])), [
339
- [ce, R]
339
+ [ce, E]
340
340
  ])
341
341
  ], 8, Ve));
342
342
  }
343
343
  });
344
- const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ _({
344
+ const Ue = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ m({
345
345
  __name: "image",
346
346
  props: {
347
347
  src: {
@@ -380,11 +380,11 @@ const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
380
380
  },
381
381
  setup(e) {
382
382
  return (l, a) => (i(), r("div", We, [
383
- u(l.$slots, "default", T(C(l.$attrs)))
383
+ u(l.$slots, "default", A(C(l.$attrs)))
384
384
  ]));
385
385
  }
386
386
  });
387
- const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ _({
387
+ const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ m({
388
388
  __name: "label",
389
389
  props: {
390
390
  text: {
@@ -399,16 +399,16 @@ const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
399
399
  },
400
400
  setup(e) {
401
401
  const l = e, a = N(() => `Label: ${l.text}`);
402
- return (o, n) => (i(), r("div", Ge, [
402
+ return (n, o) => (i(), r("div", Ge, [
403
403
  t("span", {
404
404
  "aria-label": a.value,
405
405
  "label-dark": e.labelDark,
406
406
  class: c(e.labelDark ? "label--dark" : "label--light")
407
- }, d(e.text), 11, Je)
407
+ }, s(e.text), 11, Je)
408
408
  ]));
409
409
  }
410
410
  });
411
- const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ _({
411
+ const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, j = /* @__PURE__ */ m({
412
412
  __name: "link",
413
413
  props: {
414
414
  url: {
@@ -450,10 +450,10 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
450
450
  },
451
451
  setup(e) {
452
452
  const l = e, a = N(() => {
453
- const { ...o } = l;
454
- return o;
453
+ const { ...n } = l;
454
+ return n;
455
455
  });
456
- return (o, n) => (i(), r("div", Ke, [
456
+ return (n, o) => (i(), r("div", Ke, [
457
457
  t("div", ie(a.value, {
458
458
  class: ["mir-link", [
459
459
  e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
@@ -462,12 +462,12 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
462
462
  e.arrow ? "link-arrow" : ""
463
463
  ]]
464
464
  }), [
465
- u(o.$slots, "default")
465
+ u(n.$slots, "default")
466
466
  ], 16)
467
467
  ]));
468
468
  }
469
469
  });
470
- const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ _({
470
+ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ m({
471
471
  __name: "radio-button",
472
472
  props: {
473
473
  name: String,
@@ -495,11 +495,11 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
495
495
  },
496
496
  emits: ["input"],
497
497
  setup(e, { emit: l }) {
498
- const a = (o) => {
499
- const n = o.target;
500
- l("input", n.checked);
498
+ const a = (n) => {
499
+ const o = n.target;
500
+ l("input", o.checked);
501
501
  };
502
- return (o, n) => (i(), r("div", {
502
+ return (n, o) => (i(), r("div", {
503
503
  class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
504
504
  }, [
505
505
  t("input", {
@@ -518,12 +518,12 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
518
518
  class: c(["radio__label", e.required ? "required" : ""])
519
519
  }, [
520
520
  tt,
521
- u(o.$slots, "default", {}, void 0, !0)
521
+ u(n.$slots, "default", {}, void 0, !0)
522
522
  ], 10, et)
523
523
  ], 2));
524
524
  }
525
525
  });
526
- const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], ot = ["disabled", "id", "name", "value"], nt = ["value"], st = /* @__PURE__ */ _({
526
+ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["disabled", "id", "name", "value"], ot = ["value"], st = /* @__PURE__ */ m({
527
527
  __name: "select",
528
528
  props: {
529
529
  id: {
@@ -568,26 +568,26 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
568
568
  t("label", {
569
569
  for: e.id,
570
570
  class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
571
- }, d(e.label), 11, rt),
571
+ }, s(e.label), 11, rt),
572
572
  t("select", {
573
573
  class: c(e.disabled ? "disabled" : ""),
574
574
  disabled: e.disabled,
575
575
  id: e.id,
576
576
  name: e.name,
577
577
  value: e.modelValue,
578
- onChange: a[0] || (a[0] = (o) => {
579
- l.$emit("update:modelValue", o.target.value), o.target.blur();
578
+ onChange: a[0] || (a[0] = (n) => {
579
+ l.$emit("update:modelValue", n.target.value), n.target.blur();
580
580
  })
581
581
  }, [
582
- (i(!0), r(M, null, L(e.options, (o) => (i(), r("option", {
583
- key: o.value,
584
- value: o.value
585
- }, d(o.text), 9, nt))), 128))
586
- ], 42, ot)
582
+ (i(!0), r(M, null, L(e.options, (n) => (i(), r("option", {
583
+ key: n.value,
584
+ value: n.value
585
+ }, s(n.text), 9, ot))), 128))
586
+ ], 42, nt)
587
587
  ]));
588
588
  }
589
589
  });
590
- const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ _({
590
+ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ m({
591
591
  __name: "modal",
592
592
  props: {
593
593
  show: { type: Boolean, default: !1 }
@@ -597,46 +597,46 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
597
597
  const a = e;
598
598
  N({
599
599
  get: () => a.show,
600
- set: (n) => l("update:show", n)
600
+ set: (o) => l("update:show", o)
601
601
  });
602
- const o = () => {
602
+ const n = () => {
603
603
  l("update:show", !a.show);
604
604
  };
605
- return (n, m) => (i(), r("div", ct, [
605
+ return (o, _) => (i(), r("div", ct, [
606
606
  k(ke, {
607
607
  duration: 300,
608
608
  name: "nested"
609
609
  }, {
610
- default: $(() => [
611
- n.show ? (i(), r("div", {
610
+ default: S(() => [
611
+ o.show ? (i(), r("div", {
612
612
  key: 0,
613
613
  class: "overlay",
614
- onClick: o,
614
+ onClick: n,
615
615
  ariaLabel: "modal",
616
616
  role: "dialog"
617
617
  }, [
618
618
  t("div", {
619
619
  id: "modal",
620
- onClick: m[0] || (m[0] = re(() => {
620
+ onClick: _[0] || (_[0] = re(() => {
621
621
  }, ["stop"]))
622
622
  }, [
623
623
  t("div", null, [
624
624
  k(W, {
625
625
  ariaLabel: "close",
626
626
  variant: "close",
627
- onClick: o
627
+ onClick: n
628
628
  })
629
629
  ]),
630
- u(n.$slots, "default", {}, void 0, !0)
630
+ u(o.$slots, "default", {}, void 0, !0)
631
631
  ])
632
- ])) : h("", !0)
632
+ ])) : g("", !0)
633
633
  ]),
634
634
  _: 3
635
635
  })
636
636
  ]));
637
637
  }
638
638
  });
639
- const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, _t = { class: "slider__label" }, vt = ["for"], ht = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ _({
639
+ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], gt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
640
640
  __name: "slider",
641
641
  props: {
642
642
  label: {
@@ -689,39 +689,39 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
689
689
  },
690
690
  emits: ["update:modelValue"],
691
691
  setup(e, { emit: l }) {
692
- const a = e, o = x(a.modelValue), n = x(), m = x(!1), S = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
692
+ const a = e, n = w(a.modelValue), o = w(), _ = w(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
693
693
  var b;
694
- (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
694
+ (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
695
695
  };
696
- return oe(() => {
697
- if (n.value) {
698
- l("update:modelValue", o.value);
699
- const f = S(o.value, a.min, a.max);
696
+ return ne(() => {
697
+ if (o.value) {
698
+ l("update:modelValue", n.value);
699
+ const f = x(n.value, a.min, a.max);
700
700
  let b = (50 - f) / 100;
701
701
  I(f + b);
702
702
  }
703
703
  }), (f, b) => (i(), r(M, null, [
704
- t("div", mt, [
705
- t("div", _t, [
704
+ t("div", _t, [
705
+ t("div", mt, [
706
706
  t("label", {
707
707
  for: e.id,
708
708
  class: c([e.variant, ""])
709
- }, d(e.label), 11, vt),
709
+ }, s(e.label), 11, ht),
710
710
  e.information ? (i(), r("i", {
711
711
  key: 0,
712
712
  role: "button",
713
713
  class: c([e.variant, "slider__information"]),
714
- onClick: b[0] || (b[0] = (q) => m.value = !m.value),
715
- onKeyup: b[1] || (b[1] = $e((q) => m.value = !m.value, ["enter"])),
714
+ onClick: b[0] || (b[0] = (q) => _.value = !_.value),
715
+ onKeyup: b[1] || (b[1] = $e((q) => _.value = !_.value, ["enter"])),
716
716
  "aria-label": e.informationLabel,
717
717
  tabindex: "0",
718
718
  "aria-haspopup": "dialog"
719
- }, null, 42, ht)) : h("", !0)
719
+ }, null, 42, gt)) : g("", !0)
720
720
  ]),
721
- t("div", gt, [
721
+ t("div", vt, [
722
722
  t("span", {
723
723
  class: c([e.variant, "slider__minmax"])
724
- }, d(e.min), 3),
724
+ }, s(e.min), 3),
725
725
  t("input", {
726
726
  type: "range",
727
727
  id: e.id,
@@ -732,31 +732,31 @@ const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
732
732
  max: e.max,
733
733
  class: c(e.variant),
734
734
  ref_key: "slider",
735
- ref: n,
736
- onInput: b[2] || (b[2] = ({ target: q }) => o.value = parseFloat(q.value))
735
+ ref: o,
736
+ onInput: b[2] || (b[2] = ({ target: q }) => n.value = parseFloat(q.value))
737
737
  }, null, 42, ft),
738
738
  t("span", {
739
739
  class: c([e.variant, "slider__minmax"])
740
- }, d(e.max), 3)
740
+ }, s(e.max), 3)
741
741
  ]),
742
742
  t("span", {
743
743
  class: c([e.variant, "slider__value"])
744
- }, d(e.modelValue), 3)
744
+ }, s(e.modelValue), 3)
745
745
  ]),
746
- e.information ? (i(), j(se, {
746
+ e.information ? (i(), T(se, {
747
747
  key: 0,
748
- show: m.value,
749
- "onUpdate:show": b[3] || (b[3] = (q) => m.value = q)
748
+ show: _.value,
749
+ "onUpdate:show": b[3] || (b[3] = (q) => _.value = q)
750
750
  }, {
751
- default: $(() => [
752
- O(d(e.information), 1)
751
+ default: S(() => [
752
+ O(s(e.information), 1)
753
753
  ]),
754
754
  _: 1
755
- }, 8, ["show"])) : h("", !0)
755
+ }, 8, ["show"])) : g("", !0)
756
756
  ], 64));
757
757
  }
758
758
  });
759
- const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], xt = { class: "textarea-info" }, St = { key: 0 }, It = /* @__PURE__ */ _({
759
+ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ m({
760
760
  __name: "textarea",
761
761
  props: {
762
762
  id: {
@@ -800,7 +800,7 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
800
800
  t("label", {
801
801
  for: e.id,
802
802
  class: c({ required: e.required })
803
- }, d(e.labelText) + d(e.required ? " *" : ""), 11, kt),
803
+ }, s(e.labelText) + s(e.required ? " *" : ""), 11, kt),
804
804
  t("div", {
805
805
  id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
806
806
  }, [
@@ -814,26 +814,26 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
814
814
  disabled: e.disabled,
815
815
  maxlength: e.maxLength,
816
816
  value: e.modelValue,
817
- onInput: a[0] || (a[0] = (o) => l.$emit("update:modelValue", o.target.value)),
817
+ onInput: a[0] || (a[0] = (n) => l.$emit("update:modelValue", n.target.value)),
818
818
  class: c(
819
819
  e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
820
820
  )
821
821
  }, null, 42, wt)
822
822
  ], 8, $t),
823
- t("div", xt, [
823
+ t("div", St, [
824
824
  t("div", null, [
825
- e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", St, " Too many characters. Please make it shorter ")) : h("", !0)
825
+ e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", xt, " Too many characters. Please make it shorter ")) : g("", !0)
826
826
  ]),
827
827
  t("p", {
828
828
  class: c(
829
829
  e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
830
830
  )
831
- }, d(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + d(e.maxLength), 3)
831
+ }, s(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + s(e.maxLength), 3)
832
832
  ])
833
833
  ]));
834
834
  }
835
835
  });
836
- const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled"], Lt = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
836
+ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, Lt = ["id", "type", "value", "placeholder", "required", "disabled"], At = ["aria-expanded"], Ct = ["type", "value", "placeholder", "id", "required", "disabled"], Tt = {
837
837
  key: 2,
838
838
  class: "search"
839
839
  }, jt = {
@@ -842,7 +842,7 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
842
842
  }, Nt = {
843
843
  key: 4,
844
844
  class: "helperText"
845
- }, zt = /* @__PURE__ */ _({
845
+ }, zt = /* @__PURE__ */ m({
846
846
  __name: "text-field",
847
847
  props: {
848
848
  type: {
@@ -909,12 +909,12 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
909
909
  },
910
910
  emits: ["update:modelValue"],
911
911
  setup(e) {
912
- const l = x(!0), a = N(
912
+ const l = w(!0), a = N(
913
913
  () => l.value ? "showPassword" : "hidePassword"
914
- ), o = N(
914
+ ), n = N(
915
915
  () => l.value ? "password" : "text"
916
916
  );
917
- return (n, m) => (i(), r("div", Mt, [
917
+ return (o, _) => (i(), r("div", Mt, [
918
918
  t("label", {
919
919
  for: e.id,
920
920
  class: c([
@@ -922,24 +922,24 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
922
922
  e.disabled ? "disabled" : "",
923
923
  e.search ? "search" : ""
924
924
  ])
925
- }, d(e.label), 11, Dt),
925
+ }, s(e.label), 11, Dt),
926
926
  e.type === "password" ? (i(), r("div", Bt, [
927
927
  t("input", {
928
928
  id: e.id,
929
- type: o.value,
929
+ type: n.value,
930
930
  value: e.modelValue,
931
931
  placeholder: e.placeholder,
932
932
  required: e.required,
933
933
  disabled: e.disabled,
934
- onInput: m[0] || (m[0] = (S) => n.$emit("update:modelValue", S.target.value))
935
- }, null, 40, At),
934
+ onInput: _[0] || (_[0] = (x) => o.$emit("update:modelValue", x.target.value))
935
+ }, null, 40, Lt),
936
936
  t("i", {
937
937
  role: "button",
938
938
  class: c([a.value]),
939
- onClick: m[1] || (m[1] = (S) => l.value = !l.value),
939
+ onClick: _[1] || (_[1] = (x) => l.value = !l.value),
940
940
  "aria-controls": "password",
941
941
  "aria-expanded": !l.value
942
- }, null, 10, Lt)
942
+ }, null, 10, At)
943
943
  ])) : (i(), r("input", {
944
944
  key: 1,
945
945
  type: e.type,
@@ -953,15 +953,15 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
953
953
  e.search ? "search" : ""
954
954
  ]),
955
955
  disabled: e.disabled,
956
- onInput: m[2] || (m[2] = (S) => n.$emit("update:modelValue", S.target.value))
957
- }, null, 42, Tt)),
958
- e.search ? (i(), r("i", Ct)) : h("", !0),
959
- e.errorMessage ? (i(), r("strong", jt, d(e.errorMessage), 1)) : h("", !0),
960
- e.helperText ? (i(), r("span", Nt, d(e.helperText), 1)) : h("", !0)
956
+ onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
957
+ }, null, 42, Ct)),
958
+ e.search ? (i(), r("i", Tt)) : g("", !0),
959
+ e.errorMessage ? (i(), r("strong", jt, s(e.errorMessage), 1)) : g("", !0),
960
+ e.helperText ? (i(), r("span", Nt, s(e.helperText), 1)) : g("", !0)
961
961
  ]));
962
962
  }
963
963
  });
964
- const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ _({
964
+ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ m({
965
965
  __name: "video",
966
966
  props: {
967
967
  play: {
@@ -1014,10 +1014,10 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
1014
1014
  },
1015
1015
  setup(e) {
1016
1016
  const l = e;
1017
- let a = x(null);
1018
- return oe(() => {
1017
+ let a = w(null);
1018
+ return ne(() => {
1019
1019
  l.play && a.value ? a.value.play() : !l.play && a.value && a.value.pause();
1020
- }), (o, n) => (i(), r("div", Ot, [
1020
+ }), (n, o) => (i(), r("div", Ot, [
1021
1021
  e.localVideo ? (i(), r("video", {
1022
1022
  key: 0,
1023
1023
  ref_key: "videoRef",
@@ -1047,7 +1047,7 @@ const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
1047
1047
  ]));
1048
1048
  }
1049
1049
  });
1050
- const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Rt = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Et(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ _({
1050
+ const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Et = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Rt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ m({
1051
1051
  __name: "bullet-list",
1052
1052
  props: {
1053
1053
  list: {
@@ -1067,21 +1067,21 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
1067
1067
  }
1068
1068
  },
1069
1069
  setup(e) {
1070
- return (l, a) => (i(), r("div", Rt, [
1070
+ return (l, a) => (i(), r("div", Et, [
1071
1071
  t("div", {
1072
1072
  class: c(["bullet-list", e.variant])
1073
1073
  }, [
1074
1074
  t("ul", null, [
1075
- (i(!0), r(M, null, L(e.list, (o) => (i(), r("li", null, [
1075
+ (i(!0), r(M, null, L(e.list, (n) => (i(), r("li", null, [
1076
1076
  Ut,
1077
- O(" " + d(o), 1)
1077
+ O(" " + s(n), 1)
1078
1078
  ]))), 256))
1079
1079
  ])
1080
1080
  ], 2)
1081
1081
  ]));
1082
1082
  }
1083
1083
  });
1084
- const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ _({
1084
+ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ m({
1085
1085
  __name: "card",
1086
1086
  props: {
1087
1087
  variant: {
@@ -1136,8 +1136,8 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
1136
1136
  },
1137
1137
  emits: ["clicked"],
1138
1138
  setup(e, { emit: l }) {
1139
- let a = x(!1);
1140
- return (o, n) => (i(), r("div", Gt, [
1139
+ let a = w(!1);
1140
+ return (n, o) => (i(), r("div", Gt, [
1141
1141
  t("div", {
1142
1142
  class: c(["card", [
1143
1143
  e.theme == "dark" ? "card--dark" : "card--light",
@@ -1146,16 +1146,16 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
1146
1146
  e.size == "large" && e.variant == "article" ? "card--large-article" : "",
1147
1147
  e.variant == "product" ? "card--product" : "card--article"
1148
1148
  ]]),
1149
- style: ne([
1149
+ style: oe([
1150
1150
  e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
1151
1151
  e.mediaType == "video" ? "width: 328px" : ""
1152
1152
  ]),
1153
- onMouseover: n[0] || (n[0] = (m) => Q(a) ? a.value = !0 : a = !0),
1154
- onMouseout: n[1] || (n[1] = (m) => Q(a) ? a.value = !1 : a = !1)
1153
+ onMouseover: o[0] || (o[0] = (_) => Q(a) ? a.value = !0 : a = !0),
1154
+ onMouseout: o[1] || (o[1] = (_) => Q(a) ? a.value = !1 : a = !1)
1155
1155
  }, [
1156
- e.mediaType == "image" ? (i(), j(D, { key: 0 }, {
1157
- default: $(() => [
1158
- u(o.$slots, "card-image", ie({
1156
+ e.mediaType == "image" ? (i(), T(D, { key: 0 }, {
1157
+ default: S(() => [
1158
+ u(n.$slots, "card-image", ie({
1159
1159
  src: e.imgSrc,
1160
1160
  height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
1161
1161
  width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
@@ -1169,7 +1169,7 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
1169
1169
  key: 1,
1170
1170
  class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
1171
1171
  }, [
1172
- k(E, {
1172
+ k(R, {
1173
1173
  play: p(a),
1174
1174
  localVideo: !0,
1175
1175
  src: e.videoSrc,
@@ -1186,17 +1186,17 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
1186
1186
  e.variant === "product" ? (i(), r("h3", {
1187
1187
  key: 2,
1188
1188
  class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
1189
- }, d(e.headline), 3)) : (i(), r("h3", {
1189
+ }, s(e.headline), 3)) : (i(), r("h3", {
1190
1190
  key: 3,
1191
1191
  class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
1192
- }, d(e.headline), 3)),
1193
- e.variant == "product" ? (i(), r("p", Jt, d(e.paragraph), 1)) : h("", !0),
1194
- u(o.$slots, "card-label")
1192
+ }, s(e.headline), 3)),
1193
+ e.variant == "product" ? (i(), r("p", Jt, s(e.paragraph), 1)) : g("", !0),
1194
+ u(n.$slots, "card-label")
1195
1195
  ], 38)
1196
1196
  ]));
1197
1197
  }
1198
1198
  });
1199
- const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ _({
1199
+ const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ m({
1200
1200
  __name: "event-card",
1201
1201
  props: {
1202
1202
  eventType: {
@@ -1226,20 +1226,20 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
1226
1226
  "label-dark": !1,
1227
1227
  text: e.eventType ? e.eventType : ""
1228
1228
  }, null, 8, ["text"]),
1229
- t("div", ea, d(e.headline), 1),
1229
+ t("div", ea, s(e.headline), 1),
1230
1230
  t("div", ta, [
1231
- O(d(e.dateTime), 1),
1231
+ O(s(e.dateTime), 1),
1232
1232
  aa,
1233
- O(d(e.location), 1)
1233
+ O(s(e.location), 1)
1234
1234
  ]),
1235
- t("div", la, "Exhibitor: " + d(e.exhibitor), 1)
1235
+ t("div", la, "Exhibitor: " + s(e.exhibitor), 1)
1236
1236
  ]));
1237
1237
  }
1238
1238
  });
1239
- const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
1239
+ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { class: "facts__wrapper" }, oa = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, _a = { class: "fact__metric" }, ma = {
1240
1240
  key: 0,
1241
1241
  class: "facts__link"
1242
- }, va = /* @__PURE__ */ _({
1242
+ }, ha = /* @__PURE__ */ m({
1243
1243
  __name: "facts",
1244
1244
  props: {
1245
1245
  headline: {
@@ -1257,38 +1257,38 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
1257
1257
  }
1258
1258
  },
1259
1259
  setup(e) {
1260
- return (l, a) => (i(), r("div", oa, [
1261
- t("div", na, [
1262
- t("h2", sa, d(e.headline), 1),
1260
+ return (l, a) => (i(), r("div", na, [
1261
+ t("div", oa, [
1262
+ t("h2", sa, s(e.headline), 1),
1263
1263
  t("div", da, [
1264
- (i(!0), r(M, null, L(e.facts, (o) => (i(), r("div", ca, [
1264
+ (i(!0), r(M, null, L(e.facts, (n) => (i(), r("div", ca, [
1265
1265
  t("div", ua, [
1266
- t("span", null, d(o.value), 1)
1266
+ t("span", null, s(n.value), 1)
1267
1267
  ]),
1268
- t("div", ma, [
1269
- t("span", null, d(o.metric), 1)
1268
+ t("div", _a, [
1269
+ t("span", null, s(n.metric), 1)
1270
1270
  ])
1271
1271
  ]))), 256))
1272
1272
  ]),
1273
- e.link ? (i(), r("div", _a, [
1274
- k(A, {
1273
+ e.link ? (i(), r("div", ma, [
1274
+ k(j, {
1275
1275
  linkType: "regular-light",
1276
1276
  arrow: ""
1277
1277
  }, {
1278
- default: $(() => [
1278
+ default: S(() => [
1279
1279
  u(l.$slots, "facts-link", {}, void 0, !0)
1280
1280
  ]),
1281
1281
  _: 3
1282
1282
  })
1283
- ])) : h("", !0)
1283
+ ])) : g("", !0)
1284
1284
  ])
1285
1285
  ]));
1286
1286
  }
1287
1287
  });
1288
- const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
1288
+ const ga = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), va = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
1289
1289
  key: 0,
1290
1290
  class: "features__headline"
1291
- }, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ _({
1291
+ }, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ m({
1292
1292
  __name: "features",
1293
1293
  props: {
1294
1294
  headline: {
@@ -1303,38 +1303,38 @@ const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
1303
1303
  }
1304
1304
  },
1305
1305
  setup(e) {
1306
- return (l, a) => (i(), r("div", ga, [
1306
+ return (l, a) => (i(), r("div", va, [
1307
1307
  t("div", fa, [
1308
1308
  e.headline ? (i(), r("div", ya, [
1309
- t("h2", null, d(e.headline), 1)
1310
- ])) : h("", !0),
1309
+ t("h2", null, s(e.headline), 1)
1310
+ ])) : g("", !0),
1311
1311
  t("div", ba, [
1312
1312
  u(l.$slots, "features-body", {}, void 0, !0)
1313
1313
  ]),
1314
1314
  t("div", {
1315
1315
  class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
1316
1316
  }, [
1317
- (i(!0), r(M, null, L(e.elements, (o) => (i(), r("div", pa, [
1317
+ (i(!0), r(M, null, L(e.elements, (n) => (i(), r("div", pa, [
1318
1318
  k(D, { class: "element__icon" }, {
1319
- default: $(() => [
1320
- u(l.$slots, "features-icon", T(C({
1321
- src: o.icon.src,
1319
+ default: S(() => [
1320
+ u(l.$slots, "features-icon", A(C({
1321
+ src: n.icon.src,
1322
1322
  height: 30,
1323
1323
  width: 30,
1324
- alt: o.icon.alt
1324
+ alt: n.icon.alt
1325
1325
  })), void 0, !0)
1326
1326
  ]),
1327
1327
  _: 2
1328
1328
  }, 1024),
1329
- t("p", ka, d(o.headline), 1),
1330
- t("p", $a, d(o.body), 1)
1329
+ t("p", ka, s(n.headline), 1),
1330
+ t("p", $a, s(n.body), 1)
1331
1331
  ]))), 256))
1332
1332
  ], 2)
1333
1333
  ])
1334
1334
  ]));
1335
1335
  }
1336
1336
  });
1337
- const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ _({
1337
+ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ m({
1338
1338
  __name: "image",
1339
1339
  props: {
1340
1340
  caption: {
@@ -1351,31 +1351,31 @@ const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { cla
1351
1351
  }
1352
1352
  },
1353
1353
  setup(e) {
1354
- return (l, a) => (i(), r("div", Sa, [
1354
+ return (l, a) => (i(), r("div", xa, [
1355
1355
  t("div", Ia, [
1356
1356
  t("div", qa, [
1357
1357
  k(D, null, {
1358
- default: $(() => [
1359
- u(l.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
1358
+ default: S(() => [
1359
+ u(l.$slots, "image", A(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
1360
1360
  ]),
1361
1361
  _: 3
1362
1362
  })
1363
1363
  ]),
1364
- t("p", Ma, d(e.caption), 1)
1364
+ t("p", Ma, s(e.caption), 1)
1365
1365
  ])
1366
1366
  ]));
1367
1367
  }
1368
1368
  });
1369
- const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { class: "gallery__large" }, La = {
1369
+ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { class: "gallery__large" }, Aa = {
1370
1370
  key: 0,
1371
1371
  class: "image image--large"
1372
- }, Ta = {
1372
+ }, Ca = {
1373
1373
  key: 1,
1374
1374
  class: "video"
1375
- }, Ca = { class: "image image--small" }, ja = {
1375
+ }, Ta = { class: "image image--small" }, ja = {
1376
1376
  key: 0,
1377
1377
  class: "body"
1378
- }, Na = /* @__PURE__ */ _({
1378
+ }, Na = /* @__PURE__ */ m({
1379
1379
  __name: "image-gallery",
1380
1380
  props: {
1381
1381
  mediaLarge: {
@@ -1426,11 +1426,11 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
1426
1426
  e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
1427
1427
  ])
1428
1428
  }, [
1429
- t("div", Aa, [
1430
- e.mediaLarge && e.mediaType === "image" ? (i(), r("div", La, [
1429
+ t("div", La, [
1430
+ e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Aa, [
1431
1431
  k(D, null, {
1432
- default: $(() => [
1433
- u(l.$slots, "image-large", T(C({
1432
+ default: S(() => [
1433
+ u(l.$slots, "image-large", A(C({
1434
1434
  width: 617,
1435
1435
  height: 530,
1436
1436
  src: e.mediaLarge.src,
@@ -1439,9 +1439,9 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
1439
1439
  ]),
1440
1440
  _: 3
1441
1441
  })
1442
- ])) : h("", !0),
1443
- e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ta, [
1444
- k(E, {
1442
+ ])) : g("", !0),
1443
+ e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ca, [
1444
+ k(R, {
1445
1445
  src: e.mediaLarge.src,
1446
1446
  localVideo: "",
1447
1447
  ariaLabel: e.mediaLarge.alt,
@@ -1453,37 +1453,37 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
1453
1453
  muted: !0,
1454
1454
  play: !0
1455
1455
  }, null, 8, ["src", "ariaLabel"])
1456
- ])) : h("", !0)
1456
+ ])) : g("", !0)
1457
1457
  ]),
1458
1458
  t("div", {
1459
- style: ne([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
1459
+ style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
1460
1460
  class: c([
1461
1461
  "gallery__small",
1462
1462
  e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
1463
1463
  ])
1464
1464
  }, [
1465
- (i(!0), r(M, null, L(e.mediaSmall, (o) => (i(), r("div", Ca, [
1465
+ (i(!0), r(M, null, L(e.mediaSmall, (n) => (i(), r("div", Ta, [
1466
1466
  k(D, null, {
1467
- default: $(() => [
1468
- u(l.$slots, "image-small", T(C({
1467
+ default: S(() => [
1468
+ u(l.$slots, "image-small", A(C({
1469
1469
  width: 328,
1470
1470
  height: 246,
1471
- src: o.src,
1472
- alt: o.alt
1471
+ src: n.src,
1472
+ alt: n.alt
1473
1473
  })))
1474
1474
  ]),
1475
1475
  _: 2
1476
1476
  }, 1024)
1477
1477
  ]))), 256)),
1478
1478
  e.mediaSmall.length < 2 ? (i(), r("div", ja, [
1479
- t("p", null, d(e.body), 1)
1480
- ])) : h("", !0)
1479
+ t("p", null, s(e.body), 1)
1480
+ ])) : g("", !0)
1481
1481
  ], 6)
1482
1482
  ], 2)
1483
1483
  ], 2));
1484
1484
  }
1485
1485
  });
1486
- const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ _({
1486
+ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ m({
1487
1487
  __name: "headline",
1488
1488
  props: {
1489
1489
  headline: {
@@ -1506,12 +1506,12 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
1506
1506
  e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
1507
1507
  ])
1508
1508
  }, [
1509
- t("h1", Oa, d(e.headline), 1)
1509
+ t("h1", Oa, s(e.headline), 1)
1510
1510
  ], 2)
1511
1511
  ]));
1512
1512
  }
1513
1513
  });
1514
- const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ _({
1514
+ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ra = /* @__PURE__ */ m({
1515
1515
  __name: "micro-stories",
1516
1516
  props: {
1517
1517
  stories: {
@@ -1547,7 +1547,7 @@ const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
1547
1547
  ], 2));
1548
1548
  }
1549
1549
  });
1550
- const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ _({
1550
+ const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
1551
1551
  __name: "product-hero",
1552
1552
  props: {
1553
1553
  headline: {
@@ -1572,13 +1572,13 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
1572
1572
  }
1573
1573
  },
1574
1574
  setup(e) {
1575
- return (l, a) => (i(), r("div", Ra, [
1575
+ return (l, a) => (i(), r("div", Ea, [
1576
1576
  t("div", Ua, [
1577
1577
  t("div", Wa, [
1578
- t("h1", null, d(e.headline), 1)
1578
+ t("h1", null, s(e.headline), 1)
1579
1579
  ]),
1580
1580
  t("div", Fa, [
1581
- k(E, {
1581
+ k(R, {
1582
1582
  play: !0,
1583
1583
  localVideo: !0,
1584
1584
  src: e.videoSrc,
@@ -1594,7 +1594,7 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
1594
1594
  ]));
1595
1595
  }
1596
1596
  });
1597
- const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ _({
1597
+ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ m({
1598
1598
  __name: "promo",
1599
1599
  props: {
1600
1600
  label: {
@@ -1659,12 +1659,12 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
1659
1659
  ])
1660
1660
  }, [
1661
1661
  k(D, null, {
1662
- default: $(() => [
1663
- u(l.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
1662
+ default: S(() => [
1663
+ u(l.$slots, "promo-image", A(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
1664
1664
  ]),
1665
1665
  _: 3
1666
1666
  })
1667
- ], 2)) : h("", !0),
1667
+ ], 2)) : g("", !0),
1668
1668
  e.mediaType === "video" ? (i(), r("div", {
1669
1669
  key: 1,
1670
1670
  class: c([
@@ -1672,7 +1672,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
1672
1672
  e.reverse ? "promo__video--reverse" : "promo__video--default"
1673
1673
  ])
1674
1674
  }, [
1675
- k(E, {
1675
+ k(R, {
1676
1676
  src: e.src,
1677
1677
  localVideo: "",
1678
1678
  ariaLabel: e.alt,
@@ -1683,52 +1683,52 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
1683
1683
  play: !0,
1684
1684
  poster: e.fallbackImage
1685
1685
  }, null, 8, ["src", "ariaLabel", "poster"])
1686
- ], 2)) : h("", !0),
1686
+ ], 2)) : g("", !0),
1687
1687
  t("div", {
1688
1688
  class: c([
1689
1689
  "promo__text",
1690
1690
  e.reverse ? "promo__text--reverse" : "promo__text--default"
1691
1691
  ])
1692
1692
  }, [
1693
- e.label ? (i(), j(F, {
1693
+ e.label ? (i(), T(F, {
1694
1694
  key: 0,
1695
1695
  text: e.label,
1696
1696
  labelDark: e.variant === "dark"
1697
- }, null, 8, ["text", "labelDark"])) : h("", !0),
1697
+ }, null, 8, ["text", "labelDark"])) : g("", !0),
1698
1698
  t("h3", {
1699
1699
  class: c([
1700
1700
  "promo__title",
1701
1701
  e.variant === "dark" ? "promo__title--dark" : ""
1702
1702
  ])
1703
- }, d(e.headline), 3),
1704
- e.linkType === "link" ? (i(), j(A, {
1703
+ }, s(e.headline), 3),
1704
+ e.linkType === "link" ? (i(), T(j, {
1705
1705
  key: 1,
1706
1706
  linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
1707
1707
  arrow: ""
1708
1708
  }, {
1709
- default: $(() => [
1709
+ default: S(() => [
1710
1710
  u(l.$slots, "promo-link")
1711
1711
  ]),
1712
1712
  _: 3
1713
- }, 8, ["linkType"])) : h("", !0),
1714
- e.linkType === "button" ? (i(), j(A, {
1713
+ }, 8, ["linkType"])) : g("", !0),
1714
+ e.linkType === "button" ? (i(), T(j, {
1715
1715
  key: 2,
1716
1716
  linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
1717
1717
  }, {
1718
- default: $(() => [
1718
+ default: S(() => [
1719
1719
  u(l.$slots, "promo-link")
1720
1720
  ]),
1721
1721
  _: 3
1722
- }, 8, ["linkType"])) : h("", !0)
1722
+ }, 8, ["linkType"])) : g("", !0)
1723
1723
  ], 2)
1724
1724
  ])
1725
1725
  ], 2));
1726
1726
  }
1727
1727
  });
1728
- const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, ol = {
1728
+ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, nl = {
1729
1729
  key: 0,
1730
1730
  class: "quote__image"
1731
- }, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ _({
1731
+ }, ol = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ m({
1732
1732
  __name: "quote",
1733
1733
  props: {
1734
1734
  quote: {
@@ -1753,12 +1753,12 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
1753
1753
  t("div", tl, [
1754
1754
  al,
1755
1755
  t("div", ll, [
1756
- t("p", il, d(e.quote), 1),
1756
+ t("p", il, s(e.quote), 1),
1757
1757
  t("div", rl, [
1758
- e.authorImage ? (i(), r("div", ol, [
1758
+ e.authorImage ? (i(), r("div", nl, [
1759
1759
  k(D, null, {
1760
- default: $(() => [
1761
- u(l.$slots, "author-image", T(C({
1760
+ default: S(() => [
1761
+ u(l.$slots, "author-image", A(C({
1762
1762
  src: e.authorImage + "/m/100x100",
1763
1763
  width: 60,
1764
1764
  height: 60
@@ -1766,10 +1766,10 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
1766
1766
  ]),
1767
1767
  _: 3
1768
1768
  })
1769
- ])) : h("", !0),
1770
- t("div", nl, [
1771
- t("p", sl, d(e.author), 1),
1772
- t("p", dl, d(e.authorTitle), 1)
1769
+ ])) : g("", !0),
1770
+ t("div", ol, [
1771
+ t("p", sl, s(e.author), 1),
1772
+ t("p", dl, s(e.authorTitle), 1)
1773
1773
  ])
1774
1774
  ])
1775
1775
  ])
@@ -1777,13 +1777,13 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
1777
1777
  ]));
1778
1778
  }
1779
1779
  });
1780
- const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
1780
+ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { class: "rich-text__wrapper" }, ml = {
1781
1781
  key: 0,
1782
1782
  class: "rich-text__links"
1783
- }, vl = {
1783
+ }, hl = {
1784
1784
  key: 0,
1785
1785
  class: "rich-text__bullet-list"
1786
- }, hl = /* @__PURE__ */ _({
1786
+ }, gl = /* @__PURE__ */ m({
1787
1787
  __name: "rich-text",
1788
1788
  props: {
1789
1789
  headline: {
@@ -1824,19 +1824,19 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
1824
1824
  e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
1825
1825
  ])
1826
1826
  }, [
1827
- t("div", ml, [
1828
- e.label ? (i(), j(F, {
1827
+ t("div", _l, [
1828
+ e.label ? (i(), T(F, {
1829
1829
  key: 0,
1830
1830
  text: e.label,
1831
1831
  labelDark: !1
1832
- }, null, 8, ["text"])) : h("", !0),
1832
+ }, null, 8, ["text"])) : g("", !0),
1833
1833
  e.headline ? (i(), r("h2", {
1834
1834
  key: 1,
1835
1835
  class: c([
1836
1836
  "rich-text__headline",
1837
1837
  e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
1838
1838
  ])
1839
- }, d(e.headline), 3)) : h("", !0),
1839
+ }, s(e.headline), 3)) : g("", !0),
1840
1840
  t("div", {
1841
1841
  class: c([
1842
1842
  "rich-text__content",
@@ -1850,13 +1850,13 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
1850
1850
  ])
1851
1851
  }, [
1852
1852
  u(l.$slots, "rich-text-content"),
1853
- e.links ? (i(), r("div", _l, [
1853
+ e.links ? (i(), r("div", ml, [
1854
1854
  u(l.$slots, "rich-text-links")
1855
- ])) : h("", !0)
1855
+ ])) : g("", !0)
1856
1856
  ], 2),
1857
- e.bulletList ? (i(), r("div", vl, [
1857
+ e.bulletList ? (i(), r("div", hl, [
1858
1858
  u(l.$slots, "rich-text-bullet-list")
1859
- ])) : h("", !0),
1859
+ ])) : g("", !0),
1860
1860
  e.image ? (i(), r("div", {
1861
1861
  key: 1,
1862
1862
  class: c([
@@ -1865,21 +1865,21 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
1865
1865
  ])
1866
1866
  }, [
1867
1867
  k(D, null, {
1868
- default: $(() => [
1869
- u(l.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
1868
+ default: S(() => [
1869
+ u(l.$slots, "rich-text-image", A(C({ width: 865, height: 307 })))
1870
1870
  ]),
1871
1871
  _: 3
1872
1872
  })
1873
- ], 2)) : h("", !0)
1873
+ ], 2)) : g("", !0)
1874
1874
  ], 2)
1875
1875
  ])
1876
1876
  ], 2));
1877
1877
  }
1878
1878
  });
1879
- const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
1879
+ const vl = /* @__PURE__ */ h(gl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
1880
1880
  key: 0,
1881
1881
  class: "triple-card__content"
1882
- }, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ _({
1882
+ }, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ m({
1883
1883
  __name: "triple-card-display",
1884
1884
  props: {
1885
1885
  headline: {
@@ -1904,9 +1904,9 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
1904
1904
  }, [
1905
1905
  t("div", fl, [
1906
1906
  e.headline || e.paragraph ? (i(), r("div", yl, [
1907
- e.headline ? (i(), r("h2", bl, d(e.headline), 1)) : h("", !0),
1908
- e.paragraph ? (i(), r("p", pl, d(e.paragraph), 1)) : h("", !0)
1909
- ])) : h("", !0),
1907
+ e.headline ? (i(), r("h2", bl, s(e.headline), 1)) : g("", !0),
1908
+ e.paragraph ? (i(), r("p", pl, s(e.paragraph), 1)) : g("", !0)
1909
+ ])) : g("", !0),
1910
1910
  t("div", kl, [
1911
1911
  u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
1912
1912
  ])
@@ -1914,13 +1914,13 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
1914
1914
  ], 2));
1915
1915
  }
1916
1916
  });
1917
- const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { class: "vimeo" }, Sl = { class: "vimeo__wrapper" }, Il = {
1917
+ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-10340ac8"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
1918
1918
  key: 0,
1919
1919
  class: "vimeo__headline"
1920
1920
  }, ql = {
1921
1921
  key: 1,
1922
1922
  class: "vimeo__description"
1923
- }, Ml = /* @__PURE__ */ _({
1923
+ }, Ml = /* @__PURE__ */ m({
1924
1924
  __name: "vimeo",
1925
1925
  props: {
1926
1926
  headline: {
@@ -1931,16 +1931,16 @@ const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { cla
1931
1931
  }
1932
1932
  },
1933
1933
  setup(e) {
1934
- return (l, a) => (i(), r("div", xl, [
1935
- t("div", Sl, [
1936
- e.headline ? (i(), r("h2", Il, d(e.headline), 1)) : h("", !0),
1934
+ return (l, a) => (i(), r("div", Sl, [
1935
+ t("div", xl, [
1936
+ e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : g("", !0),
1937
1937
  u(l.$slots, "vimeo-content", {}, void 0, !0),
1938
- e.description ? (i(), r("p", ql, d(e.description), 1)) : h("", !0)
1938
+ e.description ? (i(), r("p", ql, s(e.description), 1)) : g("", !0)
1939
1939
  ])
1940
1940
  ]));
1941
1941
  }
1942
1942
  });
1943
- const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Al = { class: "not-found__content" }, Ll = { class: "not-found__headline" }, Tl = { class: "not-found__body" }, Cl = /* @__PURE__ */ _({
1943
+ const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Ll = { class: "not-found__content" }, Al = { class: "not-found__headline" }, Cl = { class: "not-found__body" }, Tl = /* @__PURE__ */ m({
1944
1944
  __name: "404",
1945
1945
  props: {
1946
1946
  headline: {
@@ -1950,16 +1950,16 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
1950
1950
  },
1951
1951
  setup(e) {
1952
1952
  return (l, a) => (i(), r("div", Bl, [
1953
- t("div", Al, [
1954
- t("h1", Ll, d(e.headline), 1),
1955
- t("div", Tl, [
1953
+ t("div", Ll, [
1954
+ t("h1", Al, s(e.headline), 1),
1955
+ t("div", Cl, [
1956
1956
  u(l.$slots, "not-found-body", {}, void 0, !0)
1957
1957
  ])
1958
1958
  ])
1959
1959
  ]));
1960
1960
  }
1961
1961
  });
1962
- const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ _({
1962
+ const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ m({
1963
1963
  __name: "filter",
1964
1964
  props: {
1965
1965
  hasChips: {
@@ -1979,17 +1979,19 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { cla
1979
1979
  e.hasChips ? (i(), r("button", {
1980
1980
  key: 0,
1981
1981
  class: "filter__clear",
1982
- onClick: a[0] || (a[0] = (o) => l.$emit("clearFilters"))
1983
- }, " Remove all filters ")) : h("", !0)
1982
+ onClick: a[0] || (a[0] = (n) => l.$emit("clearFilters"))
1983
+ }, " Remove all filters ")) : g("", !0)
1984
1984
  ])
1985
1985
  ])
1986
1986
  ]));
1987
1987
  }
1988
1988
  });
1989
- const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-1da7210c"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, El = { class: "footer__content" }, Rl = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
1989
+ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-d739b347"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, Rl = { class: "footer__content" }, El = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
1990
1990
  /* @__PURE__ */ t("i", { class: "change-region" }),
1991
1991
  /* @__PURE__ */ O("Change region")
1992
- ], -1)), ri = { class: "footer__social" }, oi = ["href", "aria-label"], ni = /* @__PURE__ */ _({
1992
+ ], -1)), ri = [
1993
+ ii
1994
+ ], ni = { class: "footer__social" }, oi = ["href", "aria-label"], si = /* @__PURE__ */ m({
1993
1995
  __name: "footer",
1994
1996
  props: {
1995
1997
  footerSections: {
@@ -2017,16 +2019,17 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
2017
2019
  }
2018
2020
  }
2019
2021
  },
2022
+ emits: ["changeRegionClicked"],
2020
2023
  setup(e) {
2021
2024
  return (l, a) => (i(), r("div", Zl, [
2022
- t("footer", El, [
2023
- t("div", Rl, [
2024
- (i(!0), r(M, null, L(e.footerSections, (o) => (i(), r("div", Ul, [
2025
- t("span", Wl, d(o.title), 1),
2025
+ t("footer", Rl, [
2026
+ t("div", El, [
2027
+ (i(!0), r(M, null, L(e.footerSections, (n) => (i(), r("div", Ul, [
2028
+ t("span", Wl, s(n.title), 1),
2026
2029
  t("nav", null, [
2027
2030
  t("ul", Fl, [
2028
2031
  u(l.$slots, "section-links", {
2029
- links: o.links
2032
+ links: n.links
2030
2033
  })
2031
2034
  ])
2032
2035
  ])
@@ -2037,22 +2040,22 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
2037
2040
  Yl,
2038
2041
  Kl,
2039
2042
  Ql,
2040
- k(A, {
2043
+ k(j, {
2041
2044
  class: "footer__contact",
2042
2045
  linkType: "regular-light",
2043
2046
  underline: "false"
2044
2047
  }, {
2045
- default: $(() => [
2048
+ default: S(() => [
2046
2049
  Xl
2047
2050
  ]),
2048
2051
  _: 1
2049
2052
  }),
2050
- k(A, {
2053
+ k(j, {
2051
2054
  class: "footer__contact",
2052
2055
  linkType: "regular-light",
2053
2056
  underline: "false"
2054
2057
  }, {
2055
- default: $(() => [
2058
+ default: S(() => [
2056
2059
  ei
2057
2060
  ]),
2058
2061
  _: 1
@@ -2062,31 +2065,29 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
2062
2065
  ]),
2063
2066
  t("div", ti, [
2064
2067
  t("div", ai, [
2065
- t("p", li, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
2066
- k(A, { linkType: "regular-light" }, {
2067
- default: $(() => [
2068
- ii
2069
- ]),
2070
- _: 1
2071
- }),
2068
+ t("p", li, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
2069
+ t("button", {
2070
+ class: "footer__language-switcher",
2071
+ onClick: a[0] || (a[0] = (n) => l.$emit("changeRegionClicked"))
2072
+ }, ri),
2072
2073
  u(l.$slots, "footer-privacy-link"),
2073
2074
  u(l.$slots, "footer-cookie-link")
2074
2075
  ]),
2075
- t("div", ri, [
2076
- (i(!0), r(M, null, L(e.socialMedia, (o) => (i(), j(A, {
2076
+ t("div", ni, [
2077
+ (i(!0), r(M, null, L(e.socialMedia, (n) => (i(), T(j, {
2077
2078
  underline: "false",
2078
2079
  linkType: "regular"
2079
2080
  }, {
2080
- default: $(() => [
2081
+ default: S(() => [
2081
2082
  t("a", {
2082
- href: o.url,
2083
- "aria-label": o.title
2083
+ href: n.url,
2084
+ "aria-label": n.title
2084
2085
  }, [
2085
2086
  t("i", {
2086
2087
  width: "19",
2087
2088
  height: "14",
2088
2089
  class: c(["footer__social--icon", [
2089
- o.title === "linkedin" ? "bg-linkedin" : o.title === "facebook" ? "bg-facebook" : o.title === "instagram" ? "bg-instagram" : o.title === "twitter" ? "bg-twitter" : o.title === "youtube" ? "bg-youtube" : ""
2090
+ n.title === "linkedin" ? "bg-linkedin" : n.title === "facebook" ? "bg-facebook" : n.title === "instagram" ? "bg-instagram" : n.title === "twitter" ? "bg-twitter" : n.title === "youtube" ? "bg-youtube" : ""
2090
2091
  ]])
2091
2092
  }, null, 2)
2092
2093
  ], 8, oi)
@@ -2099,19 +2100,19 @@ const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
2099
2100
  ]));
2100
2101
  }
2101
2102
  });
2102
- const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", di = { class: "header__wrapper" }, ci = { class: "nav-wrapper" }, ui = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, _i = {
2103
+ const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-d739b347"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", ci = { class: "header__wrapper" }, ui = { class: "nav-wrapper" }, _i = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, hi = {
2103
2104
  id: "menu-dropdown",
2104
2105
  ref: "dropdownDiv"
2105
- }, vi = {
2106
+ }, gi = {
2106
2107
  key: 0,
2107
2108
  src: de,
2108
2109
  alt: "dropdownarrow"
2109
- }, hi = {
2110
+ }, vi = {
2110
2111
  key: 1,
2111
2112
  src: de,
2112
2113
  alt: "dropdownarrow",
2113
2114
  style: { transform: "rotate(180deg)" }
2114
- }, gi = { class: "dropdown-content" }, fi = { class: "nav-search-wrapper" }, yi = ["src"], bi = { class: "mobile-logo-search-burger-wrapper" }, pi = { class: "mobile-mir-link-logo" }, ki = { class: "mobile-search-wrapper" }, $i = ["src"], wi = ["onClick"], xi = ["src"], Si = ["src"], Ii = { class: "mobile-menu-content-wrapper" }, qi = { class: "mobile-dropdown-content" }, Mi = /* @__PURE__ */ _({
2115
+ }, fi = { class: "dropdown-content" }, yi = { class: "nav-search-wrapper" }, bi = ["src"], pi = { class: "mobile-logo-search-burger-wrapper" }, ki = { class: "mobile-mir-link-logo" }, $i = { class: "mobile-search-wrapper" }, wi = ["src"], Si = ["onClick"], xi = ["src"], Ii = ["src"], qi = { class: "mobile-menu-content-wrapper" }, Mi = { class: "mobile-dropdown-content" }, Di = /* @__PURE__ */ m({
2115
2116
  __name: "header",
2116
2117
  props: {
2117
2118
  burgerState: {
@@ -2126,72 +2127,72 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
2126
2127
  emits: ["update:burgerState", "update:showDropDown"],
2127
2128
  setup(e, { emit: l }) {
2128
2129
  const a = e;
2129
- x("");
2130
- let o = null, n = x(a.burgerState), m = x(a.showDropDown);
2130
+ w("");
2131
+ let n = null, o = w(a.burgerState), _ = w(a.showDropDown);
2131
2132
  X(
2132
2133
  () => a.burgerState,
2133
- (f) => n.value = f
2134
+ (f) => o.value = f
2134
2135
  ), X(
2135
2136
  () => a.showDropDown,
2136
- (f) => m.value = f
2137
+ (f) => _.value = f
2137
2138
  ), we(() => {
2138
- o = (f) => {
2139
- f.target.closest("#menu-dropdown") || (m.value = !1);
2140
- }, window.addEventListener("click", o);
2141
- }), xe(() => {
2142
- o !== null && window.removeEventListener("click", o);
2139
+ n = (f) => {
2140
+ f.target.closest("#menu-dropdown") || (_.value = !1);
2141
+ }, window.addEventListener("click", n);
2142
+ }), Se(() => {
2143
+ n !== null && window.removeEventListener("click", n);
2143
2144
  });
2144
- function S() {
2145
- m.value = !m.value, l("update:showDropDown", m.value);
2145
+ function x() {
2146
+ _.value = !_.value, l("update:showDropDown", _.value);
2146
2147
  }
2147
2148
  function I() {
2148
- n.value = !n.value, l("update:burgerState", n.value);
2149
+ o.value = !o.value, l("update:burgerState", o.value);
2149
2150
  }
2150
- return (f, b) => (i(), r("div", di, [
2151
+ return (f, b) => (i(), r("div", ci, [
2151
2152
  t("nav", null, [
2152
- t("div", ci, [
2153
- t("div", ui, [
2153
+ t("div", ui, [
2154
+ t("div", _i, [
2154
2155
  u(f.$slots, "link-logo", {}, void 0, !0)
2155
2156
  ]),
2156
2157
  t("ul", mi, [
2157
2158
  u(f.$slots, "main-nav-items", {}, void 0, !0)
2158
2159
  ]),
2159
- t("div", _i, [
2160
+ t("div", hi, [
2160
2161
  t("button", {
2161
- onClick: S,
2162
+ onClick: x,
2162
2163
  class: "nav-dropdown-btn"
2163
2164
  }, [
2164
2165
  u(f.$slots, "dropdown-title", {}, void 0, !0),
2165
- p(m) == !1 ? (i(), r("img", vi)) : (i(), r("img", hi))
2166
+ p(_) == !1 ? (i(), r("img", gi)) : (i(), r("img", vi))
2166
2167
  ]),
2167
- U(t("div", gi, [
2168
+ U(t("div", fi, [
2168
2169
  u(f.$slots, "dropdown-links", {}, void 0, !0)
2169
2170
  ], 512), [
2170
- [G, p(m)]
2171
+ [G, p(_)]
2171
2172
  ])
2172
2173
  ], 512),
2173
- t("div", fi, [
2174
+ t("div", yi, [
2174
2175
  t("button", null, [
2175
2176
  t("img", {
2176
- src: p(n) == !0 ? p(le) : p(ae),
2177
+ src: p(o) == !0 ? p(le) : p(ae),
2177
2178
  alt: "search icon"
2178
- }, null, 8, yi)
2179
+ }, null, 8, bi)
2179
2180
  ])
2180
2181
  ])
2181
2182
  ]),
2182
2183
  t("div", {
2183
- class: c(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
2184
+ class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
2184
2185
  }, [
2185
- t("div", bi, [
2186
- t("div", pi, [
2186
+ t("div", pi, [
2187
+ t("div", ki, [
2187
2188
  u(f.$slots, "link-logo", {}, void 0, !0)
2188
2189
  ]),
2189
- t("div", ki, [
2190
+ t("div", $i, [
2190
2191
  t("button", null, [
2191
2192
  t("img", {
2192
- src: p(n) == !0 ? p(le) : p(ae),
2193
+ src: p(o) == !0 ? p(le) : p(ae),
2193
2194
  alt: "search icon"
2194
- }, null, 8, $i)
2195
+ }, null, 8, wi)
2195
2196
  ])
2196
2197
  ]),
2197
2198
  t("button", {
@@ -2199,32 +2200,51 @@ const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), de = "data
2199
2200
  class: "mobile-burger-wrapper"
2200
2201
  }, [
2201
2202
  t("img", {
2202
- class: c(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
2203
- src: p(n) == !0 ? p(te) : p(ee)
2203
+ class: c(["burger-line", p(o) == !0 ? "burger-top-line-open" : ""]),
2204
+ src: p(o) == !0 ? p(te) : p(ee)
2204
2205
  }, null, 10, xi),
2205
2206
  t("img", {
2206
- class: c(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
2207
- src: p(n) == !0 ? p(te) : p(ee)
2208
- }, null, 10, Si)
2209
- ], 8, wi)
2207
+ class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
2208
+ src: p(o) == !0 ? p(te) : p(ee)
2209
+ }, null, 10, Ii)
2210
+ ], 8, Si)
2210
2211
  ]),
2211
- U(t("div", Ii, [
2212
+ U(t("div", qi, [
2212
2213
  t("ul", null, [
2213
2214
  u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
2214
2215
  ]),
2215
- t("ul", qi, [
2216
+ t("ul", Mi, [
2216
2217
  u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
2217
2218
  u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
2218
2219
  ])
2219
2220
  ], 512), [
2220
- [G, p(n)]
2221
+ [G, p(o)]
2221
2222
  ])
2222
2223
  ], 2)
2223
2224
  ])
2224
2225
  ]));
2225
2226
  }
2226
2227
  });
2227
- const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { class: "pagination__wrapper" }, Ai = { class: "pagination__content" }, Li = /* @__PURE__ */ _({
2228
+ const Bi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-8ff68823"]]), Li = { class: "language__wrapper" }, Ai = { class: "language__content" }, Ci = { class: "language__headline" }, Ti = { class: "language__paragraph" }, ji = /* @__PURE__ */ m({
2229
+ __name: "language-switcher",
2230
+ props: {
2231
+ headline: {
2232
+ type: String
2233
+ },
2234
+ paragraph: {
2235
+ type: String
2236
+ }
2237
+ },
2238
+ setup(e) {
2239
+ return (l, a) => (i(), r("div", Li, [
2240
+ t("div", Ai, [
2241
+ t("h2", Ci, s(e.headline), 1),
2242
+ t("p", Ti, s(e.paragraph), 1),
2243
+ u(l.$slots, "language-links")
2244
+ ])
2245
+ ]));
2246
+ }
2247
+ }), Ni = { class: "pagination__wrapper" }, zi = { class: "pagination__content" }, Vi = /* @__PURE__ */ m({
2228
2248
  __name: "pagination",
2229
2249
  props: {
2230
2250
  isPreviousDisabled: {
@@ -2238,17 +2258,17 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
2238
2258
  },
2239
2259
  emits: ["previous", "next"],
2240
2260
  setup(e) {
2241
- return (l, a) => (i(), r("div", Bi, [
2242
- t("div", Ai, [
2261
+ return (l, a) => (i(), r("div", Ni, [
2262
+ t("div", zi, [
2243
2263
  k(W, {
2244
- onClick: a[0] || (a[0] = (o) => l.$emit("previous")),
2264
+ onClick: a[0] || (a[0] = (n) => l.$emit("previous")),
2245
2265
  disabled: e.isPreviousDisabled,
2246
2266
  variant: "previous",
2247
2267
  ariaLabel: "previous"
2248
2268
  }, null, 8, ["disabled"]),
2249
2269
  u(l.$slots, "pagination-numbers"),
2250
2270
  k(W, {
2251
- onClick: a[1] || (a[1] = (o) => l.$emit("next")),
2271
+ onClick: a[1] || (a[1] = (n) => l.$emit("next")),
2252
2272
  disabled: e.isNextDisabled,
2253
2273
  variant: "next",
2254
2274
  ariaLabel: "next"
@@ -2257,35 +2277,35 @@ const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
2257
2277
  ]));
2258
2278
  }
2259
2279
  });
2260
- const Ti = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-161faef3"]]), ji = {
2280
+ const Oi = /* @__PURE__ */ h(Vi, [["__scopeId", "data-v-161faef3"]]), Hi = {
2261
2281
  install: (e) => {
2262
- e.component("AtomButton", W), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ha), e.component("BlockFeatures", xa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ea), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", si), e.component("OrganismHeader", Di), e.component("OrganismPagination", Ti);
2282
+ e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", j), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", R), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ga), e.component("BlockFeatures", Sa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ra), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", vl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", di), e.component("OrganismHeader", Bi), e.component("OrganismLanguageSwitcher", ji), e.component("OrganismPagination", Oi);
2263
2283
  }
2264
2284
  };
2265
2285
  export {
2266
2286
  W as AtomButton,
2267
- Le as AtomCheckbox,
2287
+ Ae as AtomCheckbox,
2268
2288
  ze as AtomChip,
2269
2289
  Ue as AtomDropdown,
2270
2290
  D as AtomImage,
2271
2291
  F as AtomLabel,
2272
- A as AtomLink,
2292
+ j as AtomLink,
2273
2293
  lt as AtomRadioButton,
2274
2294
  dt as AtomSelect,
2275
2295
  bt as AtomSlider,
2276
2296
  Vt as AtomTextField,
2277
2297
  qt as AtomTextarea,
2278
- E as AtomVideo,
2279
- ha as BlockFacts,
2280
- xa as BlockFeatures,
2298
+ R as AtomVideo,
2299
+ ga as BlockFacts,
2300
+ Sa as BlockFeatures,
2281
2301
  Ha as BlockHeadline,
2282
2302
  Ba as BlockImage,
2283
2303
  za as BlockImageGallery,
2284
- Ea as BlockMicroStories,
2304
+ Ra as BlockMicroStories,
2285
2305
  Ja as BlockProductHero,
2286
2306
  Qa as BlockPromo,
2287
2307
  ul as BlockQuote,
2288
- gl as BlockRichText,
2308
+ vl as BlockRichText,
2289
2309
  wl as BlockTripleCardDisplay,
2290
2310
  Dl as BlockVimeo,
2291
2311
  Ft as MoleculeBulletList,
@@ -2294,8 +2314,9 @@ export {
2294
2314
  se as MoleculeModal,
2295
2315
  jl as Organism404,
2296
2316
  Hl as OrganismFilter,
2297
- si as OrganismFooter,
2298
- Di as OrganismHeader,
2299
- Ti as OrganismPagination,
2300
- ji as default
2317
+ di as OrganismFooter,
2318
+ Bi as OrganismHeader,
2319
+ ji as OrganismLanguageSwitcher,
2320
+ Oi as OrganismPagination,
2321
+ Hi as default
2301
2322
  };