pds-dev-kit-web-test 2.7.263 → 2.7.265

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js

@@ -71,6 +71,7 @@ function ContentsCarousel(props) {
     var autoPlayEnabled = device === 'DESKTOP'
         ? CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPEC_AUTOPLAYUSE
         : (_a = CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD['CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPEC_AUTOPLAYUSE:MOBILE']) !== null && _a !== void 0 ? _a : CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPEC_AUTOPLAYUSE;
+    // const useAutoplay = autoPlayEnabled &&  > 1;
     var displayCounts = device === 'DESKTOP'
         ? CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS
         : CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS !== null && CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS !== void 0 ? CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS : CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS.length;
@@ -178,7 +179,9 @@ function ContentsCarousel(props) {
                                         limit: displayCounts,
                                         queryData: queryData,
                                         compositions: orderedCompositions
-                                    }) }), CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE + autoPlayEnabled) })) }))] })) }))] }));
+                                    }) }), CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE +
+                                    autoPlayEnabled +
+                                    compositions.length) })) }))] })) }))] }));
 }
 var S_Overlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: inherit;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  border-radius: inherit;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
 function getIsBgMedia(isMobile, specs) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js

@@ -56,6 +56,7 @@ var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
         return childrenArray;
     }, [children, slidesPerView, styles.slidesPerGroup]);
     var finalSlidesPerView = props.effect === 'cards' ? 1 : slidesPerView;
+    var useAutoplay = styles.useAutoplay && Array.isArray(children) && children.length > 1;
     return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "styled-swiper-wrapper" }, { children: (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
                 width: '100%',
                 height: '100%'
@@ -70,7 +71,7 @@ var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
                 swiper_1.EffectCards,
                 swiper_1.EffectCoverflow,
                 swiper_1.EffectFlip
-            ], slidesPerView: finalSlidesPerView, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: styles.useAutoplay ? styles.autoplay : false, loop: styles.loop }, props, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }, index)); }) })) })));
+            ], slidesPerView: finalSlidesPerView, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: useAutoplay ? styles.autoplay : false, loop: styles.loop }, props, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }, index)); }) })) })));
 });
 ContentsCarouselCore.displayName = 'ContentsCarouselCore';
 exports.default = ContentsCarouselCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js

@@ -27,12 +27,13 @@ var CustomProgressbar = function (_a) {
     var styles = _a.styles, progressRef = _a.progressRef, leftTimeMsRef = _a.leftTimeMsRef;
     var _b = (0, react_1.useState)(0), leftTimeSec = _b[0], setLeftTimeSec = _b[1];
     var _c = (0, react_1.useState)(0), progress = _c[0], setProgress = _c[1];
-    console.log('progressRef & progress', progressRef.current, progress);
-    console.log('leftTimeMsRef & leftTimeSec', leftTimeMsRef.current, leftTimeSec);
     (0, react_1.useEffect)(function () {
         var updateTimer = function () {
             var _a;
-            var sec = Math.abs(((_a = leftTimeMsRef.current) !== null && _a !== void 0 ? _a : 10000) / 1000);
+            var remainingMs = (_a = leftTimeMsRef.current) !== null && _a !== void 0 ? _a : 0; // 기본값을 10000 대신 0으로 변경
+            // 1. Math.max를 사용해 0 미만으로 내려가지 않도록 함
+            // 2. Math.ceil을 사용해 0.1초가 남아도 1초로 표시하도록 올림 처리
+            var sec = Math.max(0, Math.ceil(remainingMs / 1000));
             setLeftTimeSec(sec);
         };
         updateTimer();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.263",
+  "version": "2.7.265",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",