mp-design-system 2.0.73 → 2.0.75

package/dist/assets/js/app.js

@@ -1124,9 +1124,18 @@
       const wrapper = getComputedStyle(document.documentElement).getPropertyValue("--wrapper").trim();
       const wrapperWidth = parseInt(wrapper);
       const gap = parseInt(getComputedStyle(el).getPropertyValue("--row-gap"));
-      const cardWidth = (wrapperWidth - (perPage - 1) * gap) / perPage;
+      let cardWidth;
+      if (window.innerWidth >= 1024) {
+        cardWidth = (wrapperWidth - (perPage - 1) * gap) / perPage;
+      } else if (window.innerWidth >= 768) {
+        cardWidth = (wrapperWidth - 2 * gap) / 3;
+      } else if (window.innerWidth >= 680) {
+        cardWidth = (wrapperWidth - gap) / 2;
+      } else {
+        cardWidth = wrapperWidth;
+      }
       el.querySelectorAll(".splide__slide").forEach((slide) => {
-        slide.style.width = `${cardWidth}px`;
+        slide.style.width = `${cardWidth}`;
       });
       const splide = new import_splide_min.default(el, {
         type,
@@ -1139,7 +1148,8 @@
         pagination: false,
         preventClick: true,
         rewind,
-        // speed: 0,
+        clones: 0,
+        autoWidth: true,
         breakpoints: {
           768: { perPage: 3 },
           608: { perPage: 2 },
@@ -1154,9 +1164,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());
       });