mp-design-system 2.0.71 → 2.0.73

package/dist/assets/js/mp-mystore.js

@@ -1123,7 +1123,7 @@
       const perMove = parseInt(el.dataset.carouselPerMove) || 1;
       const wrapper = getComputedStyle(document.documentElement).getPropertyValue("--wrapper").trim();
       const wrapperWidth = parseInt(wrapper);
-      const gap = parseInt(getComputedStyle(el).getPropertyValue("--grid-gap"));
+      const gap = parseInt(getComputedStyle(el).getPropertyValue("--row-gap"));
       const cardWidth = (wrapperWidth - (perPage - 1) * gap) / perPage;
       el.querySelectorAll(".splide__slide").forEach((slide) => {
         slide.style.width = `${cardWidth}px`;
@@ -1132,7 +1132,7 @@
         type,
         perPage,
         perMove,
-        gap: "var(--grid-gap)",
+        gap,
         focus: 0,
         arrows: false,
         drag: true,
@@ -1146,17 +1146,13 @@
           320: { perPage: 1 }
         }
       });
-      el.querySelector(".c-carousel__arrow--prev").addEventListener(
+      el.querySelector(".c-carousel__arrow--prev")?.addEventListener(
         "click",
-        () => {
-          splide.go("<");
-        }
+        () => splide.go("<")
       );
-      el.querySelector(".c-carousel__arrow--next").addEventListener(
+      el.querySelector(".c-carousel__arrow--next")?.addEventListener(
         "click",
-        () => {
-          splide.go(">");
-        }
+        () => splide.go(">")
       );
       const padding = `calc((100vw - var(--wrapper)) * 0.5)`;
       el.querySelector(".splide__list").style.paddingInlineStart = padding;