mp-design-system 2.0.72 → 2.0.74

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

@@ -1123,23 +1123,23 @@
       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 cardWidth = (wrapperWidth - (perPage - 1) * gap) / perPage;
+      const gap = parseInt(getComputedStyle(el).getPropertyValue("--row-gap"));
+      const cardWidth = (wrapperWidth + "px" - (perPage - 1) * gap) / perPage;
       el.querySelectorAll(".splide__slide").forEach((slide) => {
-        slide.style.width = `${cardWidth}px`;
+        slide.style.width = `${cardWidth}`;
       });
       const splide = new import_splide_min.default(el, {
         type,
         perPage,
         perMove,
-        gap: "var(--grid-gap)",
+        gap,
         focus: 0,
         arrows: false,
         drag: true,
         pagination: false,
         preventClick: true,
         rewind,
-        // speed: 0,
+        clones: 0,
         breakpoints: {
           768: { perPage: 3 },
           608: { perPage: 2 },
@@ -1154,9 +1154,12 @@
         "click",
         () => splide.go(">")
       );
-      const padding = `calc((100vw - var(--wrapper)) * 0.5)`;
-      el.querySelector(".splide__list").style.paddingInlineStart = padding;
-      el.querySelector(".splide__list").style.paddingInlineEnd = padding;
+      const list = el.querySelector(".splide__list");
+      if (list) {
+        const padding = `calc((100vw - var(--wrapper)) * 0.5)`;
+        list.style.paddingInlineStart = padding;
+        list.style.paddingInlineEnd = padding;
+      }
       el.querySelectorAll("a").forEach((link) => {
         link.addEventListener("click", (e) => e.stopPropagation());
       });