mp-design-system 2.0.74 → 2.0.75

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.
Files changed (33) hide show
  1. package/dist/assets/js/app.js +11 -1
  2. package/dist/assets/js/app.js.map +2 -2
  3. package/dist/assets/js/mp-academy.js +11 -1
  4. package/dist/assets/js/mp-academy.js.map +2 -2
  5. package/dist/assets/js/mp-brand.js +11 -1
  6. package/dist/assets/js/mp-brand.js.map +2 -2
  7. package/dist/assets/js/mp-events.js +11 -1
  8. package/dist/assets/js/mp-events.js.map +2 -2
  9. package/dist/assets/js/mp-mystore.js +11 -1
  10. package/dist/assets/js/mp-mystore.js.map +2 -2
  11. package/dist/assets/js/mp-support.js +11 -1
  12. package/dist/assets/js/mp-support.js.map +2 -2
  13. package/dist/assets/js/mp-www.js +11 -1
  14. package/dist/assets/js/mp-www.js.map +2 -2
  15. package/dist/assets/js/mp-www2.js +11 -1
  16. package/dist/assets/js/mp-www2.js.map +2 -2
  17. package/dist/build/js/app.js +4 -4
  18. package/dist/build/js/app.js.map +3 -3
  19. package/dist/build/js/mp-academy.js +4 -4
  20. package/dist/build/js/mp-academy.js.map +3 -3
  21. package/dist/build/js/mp-brand.js +4 -4
  22. package/dist/build/js/mp-brand.js.map +3 -3
  23. package/dist/build/js/mp-events.js +4 -4
  24. package/dist/build/js/mp-events.js.map +3 -3
  25. package/dist/build/js/mp-mystore.js +4 -4
  26. package/dist/build/js/mp-mystore.js.map +3 -3
  27. package/dist/build/js/mp-support.js +4 -4
  28. package/dist/build/js/mp-support.js.map +3 -3
  29. package/dist/build/js/mp-www.js +3 -3
  30. package/dist/build/js/mp-www.js.map +3 -3
  31. package/dist/build/js/mp-www2.js +4 -4
  32. package/dist/build/js/mp-www2.js.map +3 -3
  33. package/package.json +1 -1
package/dist/assets/js/app.js CHANGED
@@ -1124,7 +1124,16 @@
1124
1124
  const wrapper = getComputedStyle(document.documentElement).getPropertyValue("--wrapper").trim();
1125
1125
  const wrapperWidth = parseInt(wrapper);
1126
1126
  const gap = parseInt(getComputedStyle(el).getPropertyValue("--row-gap"));
1127
- const cardWidth = (wrapperWidth + "px" - (perPage - 1) * gap) / perPage;
1127
+ let cardWidth;
1128
+ if (window.innerWidth >= 1024) {
1129
+ cardWidth = (wrapperWidth - (perPage - 1) * gap) / perPage;
1130
+ } else if (window.innerWidth >= 768) {
1131
+ cardWidth = (wrapperWidth - 2 * gap) / 3;
1132
+ } else if (window.innerWidth >= 680) {
1133
+ cardWidth = (wrapperWidth - gap) / 2;
1134
+ } else {
1135
+ cardWidth = wrapperWidth;
1136
+ }
1128
1137
  el.querySelectorAll(".splide__slide").forEach((slide) => {
1129
1138
  slide.style.width = `${cardWidth}`;
1130
1139
  });
@@ -1140,6 +1149,7 @@
1140
1149
  preventClick: true,
1141
1150
  rewind,
1142
1151
  clones: 0,
1152
+ autoWidth: true,
1143
1153
  breakpoints: {
1144
1154
  768: { perPage: 3 },
1145
1155
  608: { perPage: 2 },