@mirweb/mir-web-components 0.17.89 → 0.17.91

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 g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as k, withModifiers as ne, createBlock as V, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as C, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
2
- const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1
+ import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as y, withModifiers as ne, createBlock as C, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Be } from "vue";
2
+ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
3
3
  __name: "button",
4
4
  props: {
5
5
  variant: { default: "primary" },
@@ -17,7 +17,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
17
17
  return (l, _) => (s(), i("button", {
18
18
  class: h(["button", "button--" + o.value]),
19
19
  "aria-label": l.ariaLabel
20
- }, n(o.value === "close" ? "" : l.buttonText), 11, Be));
20
+ }, n(o.value === "close" ? "" : l.buttonText), 11, Se));
21
21
  }
22
22
  }), v = (e, a) => {
23
23
  const r = e.__vccOpts || e;
@@ -104,15 +104,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
104
104
  const r = {
105
105
  primary: "dropdown-dark-bg-primary",
106
106
  dark: "dropdown-dark dropdown-dark-bg-dark"
107
- }, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]), S = I(0), f = I(""), y = I(!0), q = I(0), x = a, B = L(() => {
107
+ }, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]), B = I(0), f = I(""), $ = I(!0), q = I(0), x = a, S = L(() => {
108
108
  const d = o.options.find(
109
109
  (b) => b.value === o.modelValue
110
110
  );
111
111
  return d && d.label;
112
112
  }), j = {
113
113
  beforeMount(d, b) {
114
- d.clickOutsideEvent = function($) {
115
- d === $.target || d.contains($.target) || b.value($);
114
+ d.clickOutsideEvent = function(k) {
115
+ d === k.target || d.contains(k.target) || b.value(k);
116
116
  }, document.body.addEventListener("click", d.clickOutsideEvent);
117
117
  },
118
118
  unmounted(d) {
@@ -123,12 +123,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
123
123
  x("update:modelValue", d);
124
124
  }
125
125
  function z(d) {
126
- var $;
126
+ var k;
127
127
  const b = d.target;
128
- b.getAttribute("role") === "option" && (G(b), Q(), ($ = _.value) == null || $.focus());
128
+ b.getAttribute("role") === "option" && (G(b), Q(), (k = _.value) == null || k.focus());
129
129
  }
130
130
  function le(d) {
131
- var $;
131
+ var k;
132
132
  const b = d.key;
133
133
  switch (b) {
134
134
  case "ArrowUp":
@@ -151,7 +151,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
151
151
  break;
152
152
  case "Enter":
153
153
  case "Escape":
154
- d.preventDefault(), Q(), ($ = _.value) == null || $.focus();
154
+ d.preventDefault(), Q(), (k = _.value) == null || k.focus();
155
155
  break;
156
156
  default: {
157
157
  const T = me(b);
@@ -173,8 +173,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
173
173
  d && d.removeAttribute("aria-selected");
174
174
  }
175
175
  function he() {
176
- S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
177
- f.value = "", S.value = 0;
176
+ B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
177
+ f.value = "", B.value = 0;
178
178
  }, 500);
179
179
  }
180
180
  function me(d) {
@@ -182,23 +182,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
182
182
  (f.value === "" || b !== d) && (q.value = o.options.findIndex(
183
183
  (T) => T.value === o.modelValue
184
184
  )), f.value = b === d ? d : f.value + d, b = d, he();
185
- let $ = oe(
185
+ let k = oe(
186
186
  q.value + 1,
187
187
  o.options.length
188
188
  );
189
- return !$ && f.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % o.options.length, $;
189
+ return !k && f.value.length === 1 && (k = oe(0, q.value)), q.value = (q.value + 1) % o.options.length, k;
190
190
  }
191
191
  function oe(d, b) {
192
- for (let $ = d; $ < b; $++)
193
- if (o.options[$].label && o.options[$].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
194
- return p.value[$];
192
+ for (let k = d; k < b; k++)
193
+ if (o.options[k].label && o.options[k].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
194
+ return p.value[k];
195
195
  return null;
196
196
  }
197
197
  function ve() {
198
198
  G(p.value[0]);
199
199
  }
200
200
  function G(d) {
201
- var $, T;
201
+ var k, T;
202
202
  const b = d.getAttribute("data-value");
203
203
  if (o.modelValue) {
204
204
  const N = o.options.findIndex(
@@ -206,7 +206,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
206
206
  ), U = p.value[N];
207
207
  pe(U);
208
208
  }
209
- if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
209
+ if (d.setAttribute("aria-selected", "true"), (k = c.value) == null || k.setAttribute(
210
210
  "aria-activedescendant",
211
211
  b || ""
212
212
  ), ee(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
@@ -221,14 +221,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
221
221
  }
222
222
  function Q() {
223
223
  var d;
224
- y.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
224
+ $.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
225
225
  }
226
226
  function se() {
227
227
  var d, b;
228
- y.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
228
+ $.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
229
229
  }
230
230
  function ge() {
231
- o.disabled || (y.value ? se() : Q());
231
+ o.disabled || ($.value ? se() : Q());
232
232
  }
233
233
  return (d, b) => (s(), i("div", {
234
234
  ref: "listbox",
@@ -255,7 +255,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
255
255
  class: h(["listbox__button", l.value]),
256
256
  onClick: ge,
257
257
  onKeydown: _e
258
- }, n(d.modelValue ? B.value : d.placeholder), 43, He),
258
+ }, n(d.modelValue ? S.value : d.placeholder), 43, He),
259
259
  Y(t("ul", {
260
260
  ref_key: "listboxNode",
261
261
  ref: c,
@@ -267,18 +267,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
267
267
  onKeydown: le,
268
268
  onClick: z
269
269
  }, [
270
- (s(!0), i(M, null, O(d.options, ($, T) => (s(), i("li", {
270
+ (s(!0), i(M, null, O(d.options, (k, T) => (s(), i("li", {
271
271
  key: `${d.name}-option-${T}`,
272
272
  ref_for: !0,
273
273
  ref_key: "listboxOptions",
274
274
  ref: p,
275
- "aria-selected": $.value === d.modelValue,
276
- "data-value": $.value,
275
+ "aria-selected": k.value === d.modelValue,
276
+ "data-value": k.value,
277
277
  class: "listbox__option",
278
278
  role: "option"
279
- }, n($.label), 9, je))), 128))
279
+ }, n(k.label), 9, je))), 128))
280
280
  ], 40, ze), [
281
- [Z, !y.value]
281
+ [Z, !$.value]
282
282
  ])
283
283
  ])), [
284
284
  [j, Q]
@@ -301,7 +301,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
301
301
  u(a.$slots, "default", P(F(a.$attrs)))
302
302
  ]));
303
303
  }
304
- }), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
304
+ }), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
305
305
  __name: "label",
306
306
  props: {
307
307
  text: {},
@@ -317,7 +317,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
317
317
  }, n(o.text), 11, Je)
318
318
  ]));
319
319
  }
320
- }), K = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, A = /* @__PURE__ */ g({
320
+ }), K = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, D = /* @__PURE__ */ g({
321
321
  __name: "link",
322
322
  props: {
323
323
  linkType: { default: "regular" },
@@ -342,7 +342,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
342
342
  const { ...p } = ye(o);
343
343
  return p;
344
344
  });
345
- return (p, S) => (s(), i("div", Ze, [
345
+ return (p, B) => (s(), i("div", Ze, [
346
346
  t("div", te(c.value, {
347
347
  class: ["mir-link", [
348
348
  l.value,
@@ -445,7 +445,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
445
445
  duration: 300,
446
446
  name: "nested"
447
447
  }, {
448
- default: k(() => [
448
+ default: y(() => [
449
449
  Y(t("div", {
450
450
  class: h(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
451
451
  ariaLabel: "modal",
@@ -459,7 +459,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
459
459
  }, ["stop"]))
460
460
  }, [
461
461
  t("div", null, [
462
- _.searchBar ? m("", !0) : (s(), V(X, {
462
+ _.searchBar ? m("", !0) : (s(), C(X, {
463
463
  key: 0,
464
464
  "aria-label": "close",
465
465
  variant: "close",
@@ -492,18 +492,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
492
492
  },
493
493
  emits: ["update:modelValue"],
494
494
  setup(e, { emit: a }) {
495
- const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f, y, q) => (f - y) / (q - y) * 100, S = (f) => {
496
- var y;
497
- (y = _.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
495
+ const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f, $, q) => (f - $) / (q - $) * 100, B = (f) => {
496
+ var $;
497
+ ($ = _.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
498
498
  };
499
499
  return de(() => {
500
500
  if (_.value) {
501
501
  o("update:modelValue", l.value);
502
502
  const f = p(l.value, r.min, r.max);
503
- let y = (50 - f) / 100;
504
- S(f + y);
503
+ let $ = (50 - f) / 100;
504
+ B(f + $);
505
505
  }
506
- }), (f, y) => (s(), i("div", null, [
506
+ }), (f, $) => (s(), i("div", null, [
507
507
  t("div", _t, [
508
508
  t("div", pt, [
509
509
  t("label", {
@@ -517,8 +517,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
517
517
  "aria-label": f.informationLabel,
518
518
  tabindex: "0",
519
519
  "aria-haspopup": "dialog",
520
- onClick: y[0] || (y[0] = (q) => c.value = !c.value),
521
- onKeyup: y[1] || (y[1] = ke((q) => c.value = !c.value, ["enter"]))
520
+ onClick: $[0] || ($[0] = (q) => c.value = !c.value),
521
+ onKeyup: $[1] || ($[1] = ke((q) => c.value = !c.value, ["enter"]))
522
522
  }, null, 42, mt)) : m("", !0)
523
523
  ]),
524
524
  t("div", vt, [
@@ -536,7 +536,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
536
536
  step: f.step,
537
537
  max: f.max,
538
538
  class: h(f.variant),
539
- onInput: y[2] || (y[2] = ({ target: q }) => l.value = parseFloat(q.value))
539
+ onInput: $[2] || ($[2] = ({ target: q }) => l.value = parseFloat(q.value))
540
540
  }, null, 42, ft),
541
541
  t("span", {
542
542
  class: h([f.variant, "slider__minmax"])
@@ -546,19 +546,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
546
546
  class: h([f.variant, "slider__value"])
547
547
  }, n(f.modelValue), 3)
548
548
  ]),
549
- f.information ? (s(), V(ue, {
549
+ f.information ? (s(), C(ue, {
550
550
  key: 0,
551
551
  show: c.value,
552
- "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
552
+ "onUpdate:show": $[3] || ($[3] = (q) => c.value = q)
553
553
  }, {
554
- default: k(() => [
554
+ default: y(() => [
555
555
  t("p", gt, n(f.information), 1)
556
556
  ]),
557
557
  _: 1
558
558
  }, 8, ["show"])) : m("", !0)
559
559
  ]));
560
560
  }
561
- }), yt = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Bt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
561
+ }), yt = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
562
562
  __name: "textarea",
563
563
  props: {
564
564
  id: { default: "" },
@@ -594,9 +594,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
594
594
  a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
595
595
  ),
596
596
  onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
597
- }, null, 42, St)
597
+ }, null, 42, Bt)
598
598
  ], 8, wt),
599
- t("div", Bt, [
599
+ t("div", St, [
600
600
  t("div", null, [
601
601
  a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", It, " Too many characters. Please make it shorter ")) : m("", !0)
602
602
  ]),
@@ -649,7 +649,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
649
649
  ), c = L(
650
650
  () => l.value ? "password" : "text"
651
651
  );
652
- return (p, S) => (s(), i("div", Lt, [
652
+ return (p, B) => (s(), i("div", Lt, [
653
653
  t("label", {
654
654
  for: p.id,
655
655
  class: h([
@@ -668,14 +668,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
668
668
  required: p.required,
669
669
  disabled: p.disabled,
670
670
  name: p.fieldName,
671
- onInput: S[0] || (S[0] = (f) => p.$emit("update:modelValue", f.target.value))
671
+ onInput: B[0] || (B[0] = (f) => p.$emit("update:modelValue", f.target.value))
672
672
  }, null, 40, At),
673
673
  t("i", {
674
674
  role: "button",
675
675
  class: h([_.value]),
676
676
  "aria-controls": "password",
677
677
  "aria-expanded": !l.value,
678
- onClick: S[1] || (S[1] = (f) => l.value = !l.value)
678
+ onClick: B[1] || (B[1] = (f) => l.value = !l.value)
679
679
  }, null, 10, Dt)
680
680
  ])) : (s(), i("input", {
681
681
  key: 1,
@@ -692,7 +692,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
692
692
  ]),
693
693
  disabled: p.disabled,
694
694
  name: p.fieldName,
695
- onInput: S[2] || (S[2] = (f) => p.$emit("update:modelValue", f.target.value))
695
+ onInput: B[2] || (B[2] = (f) => p.$emit("update:modelValue", f.target.value))
696
696
  }, null, 42, Mt)),
697
697
  p.search ? (s(), i("i", Ot)) : m("", !0),
698
698
  p.errorMessage ? (s(), i("strong", Pt, n(p.errorMessage), 1)) : m("", !0),
@@ -779,12 +779,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
779
779
  a.addressLine3 ? (s(), i("p", Jt, n(a.addressLine3), 1)) : m("", !0)
780
780
  ]),
781
781
  t("div", Qt, [
782
- a.website ? (s(), V(A, {
782
+ a.website ? (s(), C(D, {
783
783
  key: 0,
784
784
  underline: "false",
785
785
  "link-type": "regular"
786
786
  }, {
787
- default: k(() => [
787
+ default: y(() => [
788
788
  t("a", {
789
789
  href: "https://" + a.website,
790
790
  class: "address__website"
@@ -792,12 +792,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
792
792
  ]),
793
793
  _: 1
794
794
  })) : m("", !0),
795
- (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), V(A, {
795
+ (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), C(D, {
796
796
  key: o,
797
797
  underline: "false",
798
798
  "link-type": "regular"
799
799
  }, {
800
- default: k(() => [
800
+ default: y(() => [
801
801
  t("a", {
802
802
  href: "tel:" + o,
803
803
  class: "address__phone"
@@ -897,11 +897,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
897
897
  c.variant === "product" ? "card--product" : "card--article"
898
898
  ]]),
899
899
  style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
900
- onMouseover: p[0] || (p[0] = (S) => ie(r) ? r.value = !0 : r = !0),
901
- onMouseout: p[1] || (p[1] = (S) => ie(r) ? r.value = !1 : r = !1)
900
+ onMouseover: p[0] || (p[0] = (B) => ie(r) ? r.value = !0 : r = !0),
901
+ onMouseout: p[1] || (p[1] = (B) => ie(r) ? r.value = !1 : r = !1)
902
902
  }, [
903
- c.mediaType === "image" ? (s(), V(D, { key: 0 }, {
904
- default: k(() => [
903
+ c.mediaType === "image" ? (s(), C(A, { key: 0 }, {
904
+ default: y(() => [
905
905
  u(c.$slots, "card-image", te({
906
906
  src: c.imgSrc,
907
907
  width: "596",
@@ -914,10 +914,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
914
914
  _: 3
915
915
  })) : (s(), i("div", {
916
916
  key: 1,
917
- class: h(["video-card__wrapper", C(r) === !0 ? "vimeoPlaying" : ""])
917
+ class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
918
918
  }, [
919
919
  w(J, {
920
- play: C(r),
920
+ play: V(r),
921
921
  "local-video": !0,
922
922
  src: c.videoSrc,
923
923
  "aria-label": c.arialabel,
@@ -930,7 +930,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
930
930
  muted: !0
931
931
  }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
932
932
  ], 2)),
933
- C(a)["card-label"] ? (s(), i("div", na, [
933
+ V(a)["card-label"] ? (s(), i("div", na, [
934
934
  u(c.$slots, "card-label")
935
935
  ])) : m("", !0),
936
936
  c.variant === "product" ? (s(), i("div", {
@@ -1018,7 +1018,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1018
1018
  ])
1019
1019
  ]));
1020
1020
  }
1021
- }), Sa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-ebdea819"]]), Ba = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, La = { class: "fact__value" }, Va = { class: "fact__metric" }, Ca = {
1021
+ }), Ba = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-ebdea819"]]), Sa = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, La = { class: "fact__value" }, Va = { class: "fact__metric" }, Ca = {
1022
1022
  key: 0,
1023
1023
  class: "facts__link"
1024
1024
  }, Aa = /* @__PURE__ */ g({
@@ -1045,7 +1045,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1045
1045
  }) }
1046
1046
  },
1047
1047
  setup(e) {
1048
- return (a, r) => (s(), i("div", Ba, [
1048
+ return (a, r) => (s(), i("div", Sa, [
1049
1049
  t("div", Ia, [
1050
1050
  t("h2", qa, n(a.headline), 1),
1051
1051
  t("div", Ta, [
@@ -1062,11 +1062,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1062
1062
  ]))), 128))
1063
1063
  ]),
1064
1064
  a.link ? (s(), i("div", Ca, [
1065
- w(A, {
1065
+ w(D, {
1066
1066
  "link-type": "regular_light",
1067
1067
  arrow: ""
1068
1068
  }, {
1069
- default: k(() => [
1069
+ default: y(() => [
1070
1070
  u(a.$slots, "facts-link", {}, void 0, !0)
1071
1071
  ]),
1072
1072
  _: 3
@@ -1104,8 +1104,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1104
1104
  key: o.headline,
1105
1105
  class: "features__element"
1106
1106
  }, [
1107
- w(D, { class: "element__icon" }, {
1108
- default: k(() => [
1107
+ w(A, { class: "element__icon" }, {
1108
+ default: y(() => [
1109
1109
  u(a.$slots, "features-icon", P(F({
1110
1110
  src: o.icon.src,
1111
1111
  height: 30,
@@ -1167,8 +1167,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1167
1167
  return (a, r) => (s(), i("div", Qa, [
1168
1168
  t("div", Za, [
1169
1169
  t("div", Xa, [
1170
- w(D, null, {
1171
- default: k(() => [
1170
+ w(A, null, {
1171
+ default: y(() => [
1172
1172
  u(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
1173
1173
  ]),
1174
1174
  _: 3
@@ -1215,8 +1215,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1215
1215
  }, [
1216
1216
  t("div", al, [
1217
1217
  l.mediaLarge && l.mediaType === "image" ? (s(), i("div", ll, [
1218
- w(D, null, {
1219
- default: k(() => [
1218
+ w(A, null, {
1219
+ default: y(() => [
1220
1220
  u(l.$slots, "image-large", P(F({
1221
1221
  width: 617,
1222
1222
  height: 530,
@@ -1253,8 +1253,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1253
1253
  key: c.src + c.alt,
1254
1254
  class: "image image--small"
1255
1255
  }, [
1256
- w(D, null, {
1257
- default: k(() => [
1256
+ w(A, null, {
1257
+ default: y(() => [
1258
1258
  u(l.$slots, "image-small", P(F({
1259
1259
  width: 328,
1260
1260
  height: 246,
@@ -1319,11 +1319,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1319
1319
  t("h1", null, n(e.headline), 1)
1320
1320
  ]),
1321
1321
  t("div", gl, [
1322
- w(A, {
1322
+ w(D, {
1323
1323
  "link-type": "regular_light",
1324
1324
  arrow: ""
1325
1325
  }, {
1326
- default: k(() => [
1326
+ default: y(() => [
1327
1327
  u(a.$slots, "hero-link", {}, void 0, !0)
1328
1328
  ]),
1329
1329
  _: 3
@@ -1343,7 +1343,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1343
1343
  ])
1344
1344
  ]));
1345
1345
  }
1346
- }), Sl = /* @__PURE__ */ v(wl, [["__scopeId", "data-v-22f9be13"]]), Bl = { class: "logo-wall__wrapper" }, Il = { class: "logo-wall__content" }, ql = {
1346
+ }), Bl = /* @__PURE__ */ v(wl, [["__scopeId", "data-v-22f9be13"]]), Sl = { class: "logo-wall__wrapper" }, Il = { class: "logo-wall__content" }, ql = {
1347
1347
  key: 0,
1348
1348
  class: "logo-wall__text"
1349
1349
  }, Tl = { key: 0 }, Ll = { key: 1 }, Vl = { class: "logo-wall__logos" }, Cl = { class: "logo-wall__link" }, Al = /* @__PURE__ */ g({
@@ -1364,7 +1364,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1364
1364
  }
1365
1365
  },
1366
1366
  setup(e) {
1367
- return (a, r) => (s(), i("div", Bl, [
1367
+ return (a, r) => (s(), i("div", Sl, [
1368
1368
  t("div", Il, [
1369
1369
  e.headline || e.body ? (s(), i("div", ql, [
1370
1370
  e.headline ? (s(), i("h2", Tl, n(e.headline), 1)) : m("", !0),
@@ -1375,8 +1375,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1375
1375
  key: o.src + o.alt,
1376
1376
  class: "logo-wall__logo"
1377
1377
  }, [
1378
- w(D, null, {
1379
- default: k(() => [
1378
+ w(A, null, {
1379
+ default: y(() => [
1380
1380
  u(a.$slots, "logo-wall-logo", P(F({
1381
1381
  width: 130,
1382
1382
  height: 130,
@@ -1389,11 +1389,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
1389
1389
  ]))), 128))
1390
1390
  ]),
1391
1391
  t("div", Cl, [
1392
- w(A, {
1392
+ w(D, {
1393
1393
  "link-type": "regular_light",
1394
1394
  arrow: !0
1395
1395
  }, {
1396
- default: k(() => [
1396
+ default: y(() => [
1397
1397
  u(a.$slots, "logo-wall-link", {}, void 0, !0)
1398
1398
  ]),
1399
1399
  _: 3
@@ -1520,8 +1520,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1520
1520
  l.reverse ? "promo__image--reverse" : "promo__image--default"
1521
1521
  ])
1522
1522
  }, [
1523
- w(D, null, {
1524
- default: k(() => [
1523
+ w(A, null, {
1524
+ default: y(() => [
1525
1525
  u(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
1526
1526
  ]),
1527
1527
  _: 3
@@ -1552,7 +1552,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1552
1552
  l.reverse ? "promo__text--reverse" : "promo__text--default"
1553
1553
  ])
1554
1554
  }, [
1555
- l.label ? (s(), V(K, {
1555
+ l.label ? (s(), C(K, {
1556
1556
  key: 0,
1557
1557
  text: l.label,
1558
1558
  "label-dark": l.variant === "dark"
@@ -1565,21 +1565,21 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1565
1565
  }, [
1566
1566
  u(l.$slots, "promo-headline")
1567
1567
  ], 2),
1568
- l.linkType === "link" ? (s(), V(A, {
1568
+ l.linkType === "link" ? (s(), C(D, {
1569
1569
  key: 1,
1570
1570
  "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
1571
1571
  arrow: ""
1572
1572
  }, {
1573
- default: k(() => [
1573
+ default: y(() => [
1574
1574
  u(l.$slots, "promo-link")
1575
1575
  ]),
1576
1576
  _: 3
1577
1577
  }, 8, ["link-type"])) : m("", !0),
1578
- l.linkType === "button" ? (s(), V(A, {
1578
+ l.linkType === "button" ? (s(), C(D, {
1579
1579
  key: 2,
1580
1580
  "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
1581
1581
  }, {
1582
- default: k(() => [
1582
+ default: y(() => [
1583
1583
  u(l.$slots, "promo-link")
1584
1584
  ]),
1585
1585
  _: 3
@@ -1620,8 +1620,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1620
1620
  t("p", so, n(e.quote), 1),
1621
1621
  t("div", io, [
1622
1622
  e.authorImage ? (s(), i("div", ro, [
1623
- w(D, null, {
1624
- default: k(() => [
1623
+ w(A, null, {
1624
+ default: y(() => [
1625
1625
  u(a.$slots, "author-image", P(F({
1626
1626
  src: e.authorImage + "/m/100x100",
1627
1627
  width: 60,
@@ -1666,7 +1666,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1666
1666
  ])
1667
1667
  }, [
1668
1668
  t("div", ho, [
1669
- a.label ? (s(), V(K, {
1669
+ a.label ? (s(), C(K, {
1670
1670
  key: 0,
1671
1671
  text: a.label,
1672
1672
  "label-dark": !1
@@ -1705,8 +1705,8 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1705
1705
  a.imageClip ? "rich-text__image--clip" : ""
1706
1706
  ])
1707
1707
  }, [
1708
- w(D, null, {
1709
- default: k(() => [
1708
+ w(A, null, {
1709
+ default: y(() => [
1710
1710
  u(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
1711
1711
  ]),
1712
1712
  _: 3
@@ -1717,7 +1717,7 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
1717
1717
  ], 2));
1718
1718
  }
1719
1719
  }), go = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-8bb69ea4"]]), bo = {}, yo = { class: "rich-text" }, $o = { class: "rich-text__wrapper" }, ko = { class: "rich-text__content rich-text__content--left-aligned" }, wo = { class: "rich-text__body" };
1720
- function So(e, a) {
1720
+ function Bo(e, a) {
1721
1721
  return s(), i("div", yo, [
1722
1722
  t("div", $o, [
1723
1723
  t("div", ko, [
@@ -1733,7 +1733,7 @@ function So(e, a) {
1733
1733
  ])
1734
1734
  ]);
1735
1735
  }
1736
- const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194"]]), Io = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), qo = { class: "timeline__wrapper" }, To = { class: "timeline__content" }, Lo = { class: "timeline__items" }, Vo = { class: "item__left" }, Co = /* @__PURE__ */ Io(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
1736
+ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194"]]), Io = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), qo = { class: "timeline__wrapper" }, To = { class: "timeline__content" }, Lo = { class: "timeline__items" }, Vo = { class: "item__left" }, Co = /* @__PURE__ */ Io(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
1737
1737
  /* @__PURE__ */ t("div", { class: "circle" }),
1738
1738
  /* @__PURE__ */ t("div", { class: "line" })
1739
1739
  ], -1)), Ao = { class: "item__right" }, Do = ["innerHTML"], Mo = /* @__PURE__ */ g({
@@ -1769,8 +1769,8 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
1769
1769
  t("div", Vo, n(o.year), 1),
1770
1770
  Co,
1771
1771
  t("div", Ao, [
1772
- w(D, null, {
1773
- default: k(() => [
1772
+ w(A, null, {
1773
+ default: y(() => [
1774
1774
  o.media.src ? u(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
1775
1775
  ]),
1776
1776
  _: 2
@@ -1895,22 +1895,22 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
1895
1895
  ns,
1896
1896
  ds,
1897
1897
  cs,
1898
- w(A, {
1898
+ w(D, {
1899
1899
  class: "footer__contact",
1900
1900
  "link-type": "regular_light",
1901
1901
  underline: "false"
1902
1902
  }, {
1903
- default: k(() => [
1903
+ default: y(() => [
1904
1904
  us
1905
1905
  ]),
1906
1906
  _: 1
1907
1907
  }),
1908
- w(A, {
1908
+ w(D, {
1909
1909
  class: "footer__contact",
1910
1910
  "link-type": "regular_light",
1911
1911
  underline: "false"
1912
1912
  }, {
1913
- default: k(() => [
1913
+ default: y(() => [
1914
1914
  _s
1915
1915
  ]),
1916
1916
  _: 1
@@ -1934,12 +1934,12 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
1934
1934
  u(a.$slots, "footer-cookie-link")
1935
1935
  ]),
1936
1936
  t("div", fs, [
1937
- (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), V(A, {
1937
+ (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(D, {
1938
1938
  key: o.title,
1939
1939
  underline: "false",
1940
1940
  "link-type": "regular"
1941
1941
  }, {
1942
- default: k(() => [
1942
+ default: y(() => [
1943
1943
  t("a", {
1944
1944
  href: o.url,
1945
1945
  "aria-label": o.title
@@ -1958,7 +1958,7 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
1958
1958
  ])
1959
1959
  ]));
1960
1960
  }
1961
- }), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-7c03f608"]]), $s = { class: "header__wrapper" }, ks = { class: "nav-wrapper" }, ws = { class: "mir-link-logo" }, Ss = { class: "main-nav-items" }, Bs = {
1961
+ }), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-7c03f608"]]), $s = { class: "header__wrapper" }, ks = { class: "nav-wrapper" }, ws = { class: "mir-link-logo" }, Bs = { class: "main-nav-items" }, Ss = {
1962
1962
  id: "menu-dropdown",
1963
1963
  ref: "dropdownDiv"
1964
1964
  }, Is = {
@@ -1993,65 +1993,65 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
1993
1993
  let _ = I(l.burgerState), c = I(l.showDropDown);
1994
1994
  re(
1995
1995
  () => l.burgerState,
1996
- (B) => _.value = B
1996
+ (S) => _.value = S
1997
1997
  ), re(
1998
1998
  () => l.showDropDown,
1999
- (B) => c.value = B
1999
+ (S) => c.value = S
2000
2000
  ), ce(() => {
2001
- o = (B) => {
2002
- B.target.closest("#menu-dropdown") || (c.value = !1);
2001
+ o = (S) => {
2002
+ S.target.closest("#menu-dropdown") || (c.value = !1);
2003
2003
  }, window.addEventListener("click", o);
2004
- }), Se(() => {
2004
+ }), Be(() => {
2005
2005
  o !== null && window.removeEventListener("click", o);
2006
2006
  });
2007
2007
  const p = r;
2008
- function S() {
2008
+ function B() {
2009
2009
  c.value = !c.value, p("update:showDropDown", c.value);
2010
2010
  }
2011
2011
  function f() {
2012
2012
  _.value = !_.value, p("update:burgerState", _.value);
2013
2013
  }
2014
- let y = I(null), q = I(null);
2014
+ let $ = I(null), q = I(null);
2015
2015
  function x() {
2016
- y.value && y.value.blur();
2016
+ $.value && $.value.blur();
2017
2017
  }
2018
2018
  return a({
2019
2019
  defocusSearchButton: x
2020
- }), (B, j) => (s(), i("div", $s, [
2020
+ }), (S, j) => (s(), i("div", $s, [
2021
2021
  t("nav", null, [
2022
2022
  t("div", ks, [
2023
2023
  t("div", ws, [
2024
- u(B.$slots, "link-logo", {}, void 0, !0)
2024
+ u(S.$slots, "link-logo", {}, void 0, !0)
2025
2025
  ]),
2026
- t("ul", Ss, [
2027
- u(B.$slots, "main-nav-items", {}, void 0, !0)
2026
+ t("ul", Bs, [
2027
+ u(S.$slots, "main-nav-items", {}, void 0, !0)
2028
2028
  ]),
2029
- t("div", Bs, [
2029
+ t("div", Ss, [
2030
2030
  t("button", {
2031
2031
  class: "nav-dropdown-btn",
2032
- onClick: S
2032
+ onClick: B
2033
2033
  }, [
2034
- u(B.$slots, "dropdown-title", {}, void 0, !0),
2035
- C(c) === !1 ? (s(), i("img", Is)) : (s(), i("img", qs))
2034
+ u(S.$slots, "dropdown-title", {}, void 0, !0),
2035
+ V(c) === !1 ? (s(), i("img", Is)) : (s(), i("img", qs))
2036
2036
  ]),
2037
2037
  Y(t("div", Ts, [
2038
- u(B.$slots, "dropdown-links", {}, void 0, !0)
2038
+ u(S.$slots, "dropdown-links", {}, void 0, !0)
2039
2039
  ], 512), [
2040
- [Z, C(c)]
2040
+ [Z, V(c)]
2041
2041
  ])
2042
2042
  ], 512),
2043
2043
  t("div", Ls, [
2044
2044
  t("button", {
2045
2045
  ref_key: "navSearchButton",
2046
- ref: y,
2046
+ ref: $,
2047
2047
  class: "search-icon",
2048
2048
  onClick: j[0] || (j[0] = (ee) => {
2049
2049
  var z;
2050
- return B.$emit("clickSearch"), (z = C(y)) == null ? void 0 : z.blur();
2050
+ return S.$emit("clickSearch"), (z = V($)) == null ? void 0 : z.blur();
2051
2051
  })
2052
2052
  }, [
2053
2053
  t("img", {
2054
- src: C(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
2054
+ src: V(_) === !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",
2055
2055
  alt: "search icon",
2056
2056
  width: "20",
2057
2057
  height: "20"
@@ -2060,11 +2060,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
2060
2060
  ])
2061
2061
  ]),
2062
2062
  t("div", {
2063
- class: h(["mobile-nav-wrapper", C(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2063
+ class: h(["mobile-nav-wrapper", V(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
2064
2064
  }, [
2065
2065
  t("div", Cs, [
2066
2066
  t("div", As, [
2067
- u(B.$slots, "link-logo", {}, void 0, !0)
2067
+ u(S.$slots, "link-logo", {}, void 0, !0)
2068
2068
  ]),
2069
2069
  t("div", Ds, [
2070
2070
  t("button", {
@@ -2074,11 +2074,11 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
2074
2074
  "aria-label": "Toggle search",
2075
2075
  onClick: j[1] || (j[1] = (ee) => {
2076
2076
  var z;
2077
- return B.$emit("clickSearch"), (z = C(q)) == null ? void 0 : z.blur();
2077
+ return S.$emit("clickSearch"), (z = V(q)) == null ? void 0 : z.blur();
2078
2078
  })
2079
2079
  }, [
2080
2080
  t("img", {
2081
- src: C(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
2081
+ src: V(_) === !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",
2082
2082
  alt: "search icon",
2083
2083
  width: "20",
2084
2084
  height: "20"
@@ -2094,20 +2094,20 @@ const Bo = /* @__PURE__ */ v(bo, [["render", So], ["__scopeId", "data-v-2881b194
2094
2094
  width: "20",
2095
2095
  height: "20",
2096
2096
  alt: "burger menu line icon",
2097
- src: C(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
2097
+ src: V(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
2098
2098
  }, null, 8, Os)
2099
2099
  ])
2100
2100
  ]),
2101
2101
  Y(t("div", Ps, [
2102
2102
  t("ul", null, [
2103
- u(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
2103
+ u(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
2104
2104
  ]),
2105
2105
  t("ul", Fs, [
2106
- u(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
2107
- u(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
2106
+ u(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
2107
+ u(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
2108
2108
  ])
2109
2109
  ], 512), [
2110
- [Z, C(_)]
2110
+ [Z, V(_)]
2111
2111
  ])
2112
2112
  ], 2)
2113
2113
  ])
@@ -2174,10 +2174,13 @@ function xs(e, a) {
2174
2174
  u(e.$slots, "default", { class: "search__content" })
2175
2175
  ]);
2176
2176
  }
2177
- const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82"]]), ti = { class: "product-hero__wrapper" }, ai = { class: "product-hero__content" }, li = { class: "product-hero__headline" }, oi = { class: "product-hero__video" }, si = {
2178
- key: 2,
2177
+ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82"]]), ti = { class: "product-hero__wrapper" }, ai = { class: "product-hero__content" }, li = { class: "product-hero__headline" }, oi = { class: "product-hero__video" }, si = { class: "product-hero__insignia" }, ii = {
2178
+ key: 0,
2179
2179
  class: "product-hero__logo"
2180
- }, ii = /* @__PURE__ */ g({
2180
+ }, ri = {
2181
+ key: 1,
2182
+ class: "product-hero__certification"
2183
+ }, ni = /* @__PURE__ */ g({
2181
2184
  __name: "product-hero",
2182
2185
  props: {
2183
2186
  headline: {
@@ -2204,6 +2207,11 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2204
2207
  type: String,
2205
2208
  default: "",
2206
2209
  required: !1
2210
+ },
2211
+ isCertified: {
2212
+ type: Boolean,
2213
+ default: !1,
2214
+ required: !1
2207
2215
  }
2208
2216
  },
2209
2217
  setup(e) {
@@ -2211,7 +2219,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2211
2219
  t("div", ai, [
2212
2220
  t("div", li, n(e.headline), 1),
2213
2221
  t("div", oi, [
2214
- e.videoSrc !== "" ? (s(), V(J, {
2222
+ e.videoSrc !== "" ? (s(), C(J, {
2215
2223
  key: 0,
2216
2224
  play: "",
2217
2225
  "local-video": !0,
@@ -2222,25 +2230,35 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2222
2230
  autoplay: "",
2223
2231
  loop: "",
2224
2232
  muted: ""
2225
- }, null, 8, ["src", "aria-label", "poster"])) : (s(), V(C(D), { key: 1 }, {
2226
- default: k(() => [
2233
+ }, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(A), { key: 1 }, {
2234
+ default: y(() => [
2227
2235
  u(a.$slots, "product-hero-image", {}, void 0, !0)
2228
2236
  ]),
2229
2237
  _: 3
2230
2238
  })),
2231
- e.logoSrc ? (s(), i("div", si, [
2232
- w(C(D), null, {
2233
- default: k(() => [
2234
- u(a.$slots, "product-hero-logo", {}, void 0, !0)
2235
- ]),
2236
- _: 3
2237
- })
2238
- ])) : m("", !0)
2239
+ t("div", si, [
2240
+ e.logoSrc ? (s(), i("div", ii, [
2241
+ w(V(A), null, {
2242
+ default: y(() => [
2243
+ u(a.$slots, "product-hero-logo", {}, void 0, !0)
2244
+ ]),
2245
+ _: 3
2246
+ })
2247
+ ])) : m("", !0),
2248
+ e.isCertified ? (s(), i("div", ri, [
2249
+ w(V(A), null, {
2250
+ default: y(() => [
2251
+ u(a.$slots, "product-hero-certification", {}, void 0, !0)
2252
+ ]),
2253
+ _: 3
2254
+ })
2255
+ ])) : m("", !0)
2256
+ ])
2239
2257
  ])
2240
2258
  ])
2241
2259
  ]));
2242
2260
  }
2243
- }), ri = /* @__PURE__ */ v(ii, [["__scopeId", "data-v-60ff352b"]]), ni = { class: "promo__content" }, di = { class: "pallet-jack__media-wrap" }, ci = { class: "pallet-jack-link" }, ui = { class: "pallet-jack__media-wrap__inner-wrap" }, _i = { class: "pallet-jack__media-wrap__content-wrap" }, pi = { class: "regular-blue" }, hi = /* @__PURE__ */ g({
2261
+ }), di = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-ed8cb5fb"]]), ci = { class: "promo__content" }, ui = { class: "pallet-jack__media-wrap" }, _i = { class: "pallet-jack-link" }, pi = { class: "pallet-jack__media-wrap__inner-wrap" }, hi = { class: "pallet-jack__media-wrap__content-wrap" }, mi = { class: "regular-blue" }, vi = /* @__PURE__ */ g({
2244
2262
  __name: "pallet-jack",
2245
2263
  props: {
2246
2264
  label: { default: "" },
@@ -2266,22 +2284,22 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2266
2284
  l.teaser ? "promo__wrapper--teaser" : ""
2267
2285
  ])
2268
2286
  }, [
2269
- t("div", ni, [
2287
+ t("div", ci, [
2270
2288
  t("div", {
2271
2289
  class: h([
2272
2290
  "promo__video",
2273
2291
  l.reverse ? "promo__video--reverse" : "promo__video--default"
2274
2292
  ])
2275
2293
  }, [
2276
- t("div", di, [
2277
- t("div", ci, [
2294
+ t("div", ui, [
2295
+ t("div", _i, [
2278
2296
  u(l.$slots, "pallet-jack-link")
2279
2297
  ]),
2280
- t("div", ui, [
2298
+ t("div", pi, [
2281
2299
  u(l.$slots, "pallet-jack-video")
2282
2300
  ]),
2283
- t("div", _i, [
2284
- t("h3", pi, n(l.headline), 1),
2301
+ t("div", hi, [
2302
+ t("h3", mi, n(l.headline), 1),
2285
2303
  t("p", null, n(l.shortDescription), 1)
2286
2304
  ])
2287
2305
  ])
@@ -2292,7 +2310,7 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2292
2310
  l.reverse ? "promo__text--reverse" : "promo__text--default"
2293
2311
  ])
2294
2312
  }, [
2295
- l.label ? (s(), V(K, {
2313
+ l.label ? (s(), C(K, {
2296
2314
  key: 0,
2297
2315
  text: l.label,
2298
2316
  "label-dark": l.variant === "dark"
@@ -2305,21 +2323,21 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2305
2323
  }, [
2306
2324
  u(l.$slots, "promo-text")
2307
2325
  ], 2),
2308
- l.linkType === "link" ? (s(), V(A, {
2326
+ l.linkType === "link" ? (s(), C(D, {
2309
2327
  key: 1,
2310
2328
  "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
2311
2329
  arrow: ""
2312
2330
  }, {
2313
- default: k(() => [
2331
+ default: y(() => [
2314
2332
  u(l.$slots, "promo-link")
2315
2333
  ]),
2316
2334
  _: 3
2317
2335
  }, 8, ["link-type"])) : m("", !0),
2318
- l.linkType === "button" ? (s(), V(A, {
2336
+ l.linkType === "button" ? (s(), C(D, {
2319
2337
  key: 2,
2320
2338
  "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
2321
2339
  }, {
2322
- default: k(() => [
2340
+ default: y(() => [
2323
2341
  u(l.$slots, "promo-link")
2324
2342
  ]),
2325
2343
  _: 3
@@ -2328,9 +2346,9 @@ const ei = /* @__PURE__ */ v(Zs, [["render", xs], ["__scopeId", "data-v-623adb82
2328
2346
  ])
2329
2347
  ], 2));
2330
2348
  }
2331
- }), mi = /* @__PURE__ */ v(hi, [["__scopeId", "data-v-d2cc25b4"]]), fi = {
2349
+ }), fi = /* @__PURE__ */ v(vi, [["__scopeId", "data-v-d2cc25b4"]]), bi = {
2332
2350
  install: (e) => {
2333
- e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", D), e.component("AtomLabel", K), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", J), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Da), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", ul), e.component("BlockHero", Sl), e.component("BlockImage", tl), e.component("BlockImageGallery", rl), e.component("BlockLogoWall", Dl), e.component("BlockMicroStories", El), e.component("BlockPolicy", jl), e.component("BlockProductHero", ri), e.component("BlockPromo", xl), e.component("BlockQuote", po), e.component("BlockRichText", go), e.component("BlockRichTextColumns", Bo), e.component("BlockTimeline", Oo), e.component("BlockCardDisplay", Ql), e.component("BlockVimeo", Ho), e.component("BlockPalletJack", mi), e.component("Organism404", Wo), e.component("OrganismFilter", xo), e.component("OrganismFooter", ys), e.component("OrganismHeader", Rs), e.component("OrganismLanguageSwitcher", Gs), e.component("OrganismPagination", Qs), e.component("OrganismSearch", ei);
2351
+ e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", K), e.component("AtomLink", D), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", J), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Da), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", ul), e.component("BlockHero", Bl), e.component("BlockImage", tl), e.component("BlockImageGallery", rl), e.component("BlockLogoWall", Dl), e.component("BlockMicroStories", El), e.component("BlockPolicy", jl), e.component("BlockProductHero", di), e.component("BlockPromo", xl), e.component("BlockQuote", po), e.component("BlockRichText", go), e.component("BlockRichTextColumns", So), e.component("BlockTimeline", Oo), e.component("BlockCardDisplay", Ql), e.component("BlockVimeo", Ho), e.component("BlockPalletJack", fi), e.component("Organism404", Wo), e.component("OrganismFilter", xo), e.component("OrganismFooter", ys), e.component("OrganismHeader", Rs), e.component("OrganismLanguageSwitcher", Gs), e.component("OrganismPagination", Qs), e.component("OrganismSearch", ei);
2334
2352
  }
2335
2353
  };
2336
2354
  export {
@@ -2338,9 +2356,9 @@ export {
2338
2356
  Ae as AtomCheckbox,
2339
2357
  Fe as AtomChip,
2340
2358
  Ke as AtomDropdown,
2341
- D as AtomImage,
2359
+ A as AtomImage,
2342
2360
  K as AtomLabel,
2343
- A as AtomLink,
2361
+ D as AtomLink,
2344
2362
  lt as AtomRadioButton,
2345
2363
  dt as AtomSelect,
2346
2364
  yt as AtomSlider,
@@ -2352,18 +2370,18 @@ export {
2352
2370
  Ha as BlockFeatures,
2353
2371
  Ja as BlockFormScript,
2354
2372
  ul as BlockHeadline,
2355
- Sl as BlockHero,
2373
+ Bl as BlockHero,
2356
2374
  tl as BlockImage,
2357
2375
  rl as BlockImageGallery,
2358
2376
  Dl as BlockLogoWall,
2359
2377
  El as BlockMicroStories,
2360
- mi as BlockPalletJack,
2378
+ fi as BlockPalletJack,
2361
2379
  jl as BlockPolicy,
2362
- ri as BlockProductHero,
2380
+ di as BlockProductHero,
2363
2381
  xl as BlockPromo,
2364
2382
  po as BlockQuote,
2365
2383
  go as BlockRichText,
2366
- Bo as BlockRichTextColumns,
2384
+ So as BlockRichTextColumns,
2367
2385
  Oo as BlockTimeline,
2368
2386
  Ho as BlockVimeo,
2369
2387
  ta as MoleculeAddress,
@@ -2371,7 +2389,7 @@ export {
2371
2389
  ua as MoleculeCard,
2372
2390
  ba as MoleculeEventCard,
2373
2391
  ue as MoleculeModal,
2374
- Sa as MoleculeTextCard,
2392
+ Ba as MoleculeTextCard,
2375
2393
  Wo as Organism404,
2376
2394
  xo as OrganismFilter,
2377
2395
  ys as OrganismFooter,
@@ -2379,5 +2397,5 @@ export {
2379
2397
  Gs as OrganismLanguageSwitcher,
2380
2398
  Qs as OrganismPagination,
2381
2399
  ei as OrganismSearch,
2382
- fi as default
2400
+ bi as default
2383
2401
  };