pds-dev-kit-web-test 2.7.338 → 2.7.341

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

@@ -115,7 +115,7 @@ function ContentsCarousel(props) {
         createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         {
             type: 'PROGRESSBAR',
-            position: 'INSET5',
+            position: customProgressbarNormalStyle.type === 'DESIGN4' ? 'INSET_PROGRESS' : 'INSET5',
             designType: customProgressbarNormalStyle.type || 'NONE'
         }
     ].filter(function (component) { return component !== undefined; });
@@ -161,7 +161,7 @@ function ContentsCarousel(props) {
     }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
-                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-group ccb-elements", ref: function (el) {
+                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-group ccb-elements ".concat(position), ref: function (el) {
                         if (el) {
                             positionRefs.current[position] = el;
                         }

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

@@ -153,7 +153,8 @@ exports.POS_INSET = {
     INSET5: { bottom: GAP, right: GAP },
     INSET6: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
     INSET7: { left: GAP, bottom: GAP },
-    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' }
+    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
+    INSET_PROGRESS: { bottom: GAP }
 };
 exports.POS_OUTSET_NAVIGATION = {
     OUTSET1: { bottom: 20 },

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts

@@ -2,7 +2,7 @@ import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections
 import type { SwiperProps } from 'swiper/react';
 export type ContentsCarouselPropsKeys = keyof CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
 export type OUTSET_POSTIION = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12';
-export type INSET_POSTIION = 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
+export type INSET_POSTIION = 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8' | 'INSET_PROGRESS';
 export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2';
 export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW';
 export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE = 'ONCE' | 'ALL' | 'SCROLL';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/elementPositions.js

@@ -24,7 +24,8 @@ exports.POS_INSET = {
     INSET5: { bottom: GAP, right: GAP },
     INSET6: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
     INSET7: { left: GAP, bottom: GAP },
-    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' }
+    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
+    INSET_PROGRESS: { bottom: GAP }
 };
 var POS_OUTSET_PAGINATION = {
     OUTSET1: { bottom: 15 },

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

@@ -118,7 +118,7 @@ function SlideBanner(props) {
         createPrevButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         createPagination(customPaginationNormalStyle, customPaginationHoverStyle, isHovered),
-        { type: 'PROGRESSBAR', position: 'INSET5' }
+        { type: 'PROGRESSBAR', position: customProgressbarNormalStyle.type === 'DESIGN4' ? 'INSET_PROGRESS' : 'INSET5' }
     ].filter(function (component) { return component !== undefined; });
     var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs, ccbInset = _l.ccbInset, componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
     var renderElements = function (component, positionStyle) {
@@ -149,10 +149,9 @@ function SlideBanner(props) {
     if (mode === 'EDIT') {
         style.visibility = 'visible';
     }
-    console.log(style.boxShadow);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
-                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-group ccb-elements", ref: function (el) {
+                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-group ccb-elements ".concat(position), ref: function (el) {
                         if (el) {
                             positionRefs.current[position] = el;
                         }

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

@@ -111,7 +111,7 @@ var CustomProgressbar = function (_a) {
                 return ((0, jsx_runtime_1.jsx)(progressConfigs_1.ProgressDesign1, { progress: progressRender, leftTimeSec: timeLeftRender, progressColor: styles.primaryColor, bufferColor: styles.secondaryColor, size: (_e = styles.size) !== null && _e !== void 0 ? _e : 'MEDIUM' }));
         }
     };
-    return ((0, jsx_runtime_1.jsx)(S_ProgressWrapper, __assign({ className: "cb-contentscarousel-progressbar-wrapper", "$size": styles.size }, { children: renderProgressByType() })));
+    return ((0, jsx_runtime_1.jsx)(S_ProgressWrapper, __assign({ className: "cb-slidebanner-progressbar-wrapper", "$size": styles.size }, { children: renderProgressByType() })));
 };
 exports.CustomProgressbar = CustomProgressbar;
 var S_ProgressWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: fit-content;\n  width: max-content;\n"], ["\n  height: fit-content;\n  width: max-content;\n"])));

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

@@ -194,10 +194,10 @@ var S_ProgressDesign6 = styled_components_1.default.div(templateObject_6 || (tem
     var bgColor = _a.bgColor;
     return bgColor;
 });
-var S_ProgressDesign7 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: ", "px;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])), function (_a) {
+var S_ProgressDesign7 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: 100%;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  width: 100%;\n\n  .progress-bar-container {\n    background-color: ", ";\n    height: ", "px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: ", ";\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])), function (_a) {
     var barColor = _a.barColor;
     return barColor;
-}, function (props) { return SIZE_ENUM_TO_NUM_BAR[props.size].width; }, function (_a) {
+}, function (_a) {
     var bgColor = _a.bgColor;
     return bgColor;
 }, function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js

@@ -153,7 +153,8 @@ exports.POS_INSET = {
     INSET5: { bottom: GAP, right: GAP },
     INSET6: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
     INSET7: { left: GAP, bottom: GAP },
-    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' }
+    INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
+    INSET_PROGRESS: { bottom: GAP }
 };
 exports.POS_OUTSET_NAVIGATION = {
     OUTSET1: { bottom: 20 },

package/package.json

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