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

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js

@@ -225,7 +225,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 // fontSize: `${baseFontSize}px`
                             } }, { children: (_e = props.componentBlocks) === null || _e === void 0 ? void 0 : _e.map(function (cb, index) {
                                 var _a;
-                                return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItemForCCB_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0, maxCols: cols }) }, cb.id));
+                                return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItemForCCB_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0, maxCols: cols + 1 }) }, cb.id));
                             }) })) })) })) })) })) }));
 });
 var MOCK_BORDER = {

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

@@ -172,7 +172,7 @@ function ContentsCarousel(props) {
                                     display: layout.display,
                                     flexDirection: layout.flexDirection,
                                     justifyContent: layout.justifyContent
-                                } }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, autoplay: autoPlayEnabled, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: Math.min(displayCounts, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS.length), styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === null || CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === void 0 ? void 0 : CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE.toLowerCase() }, { children: (0, createCompositions_1.createCompositions)({
+                                } }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: Math.min(displayCounts, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS.length), styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === null || CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === void 0 ? void 0 : CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE.toLowerCase() }, { children: (0, createCompositions_1.createCompositions)({
                                         valueType: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE,
                                         queryPath: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA,
                                         limit: displayCounts,

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

@@ -27,15 +27,12 @@ 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. current', progressRef.current);
-    console.log('leftTimeMsRef', leftTimeMsRef.current);
+    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 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));
+            var sec = Math.abs(((_a = leftTimeMsRef.current) !== null && _a !== void 0 ? _a : 10000) / 1000);
             setLeftTimeSec(sec);
         };
         updateTimer();

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

@@ -17,13 +17,14 @@ function useSwiper() {
         setIsEnd(swiper.isEnd);
     };
     var onAutoplayTimeLeft = (0, react_1.useCallback)(function (swiper, time, progress) {
-        if (swiper.slides.length === 0) {
-            // 즉시 autoplay를 멈추고 함수 종료
-            swiper.autoplay.stop();
-            return;
-        }
+        // if (swiper.slides.length === 0) {
+        //   // 즉시 autoplay를 멈추고 함수 종료
+        //   swiper.autoplay.stop();
+        //   return;
+        // }
         leftTimeMsRef.current = time;
         progressRef.current = progress;
+        console.log('time', time, 'progress', progress);
     }, []);
     var onClickPrevBtn = function () {
         if (swiperRef.current) {

package/package.json

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