pds-dev-kit-web-test 2.7.245 → 2.7.247

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

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.POS_OUTSET_NAVIGATION = exports.POS_INSET = exports.getPosition = void 0;
 var GAP = 8;
 function getPosition(position, designType, size, elementType) {
-    var _a, _b;
     if (position.startsWith('OUTSET')) {
         if (elementType === 'GROUP') {
             return POS_OUTSET_GROUP[position];
         }
         if (elementType === 'PROGRESSBAR') {
-            return (_a = exports.POS_INSET[position]) === null || _a === void 0 ? void 0 : _a.LARGE;
+            return exports.POS_INSET[position];
         }
         if (elementType === 'NEXT' || elementType === 'PREV') {
             return exports.POS_OUTSET_NAVIGATION[position];
@@ -19,188 +18,156 @@ function getPosition(position, designType, size, elementType) {
         // return POS_OUTSET_PAGINATION[position][designType][size];
     }
     if (elementType === 'GROUP') {
-        return (_b = exports.POS_INSET[position]) === null || _b === void 0 ? void 0 : _b.LARGE;
+        return exports.POS_INSET[position];
     }
     return {};
 }
 exports.getPosition = getPosition;
 var POS_OUTSET_PAGINATION = {
     OUTSET1: {
-        DESIGN1: { top: -15 },
-        DESIGN3: { top: -15 },
-        DESIGN5: { top: -15 },
-        DESIGN7: { top: -15 },
-        DESIGN9: { top: -15 },
-        DESIGN11: { top: -15 },
-        DESIGN13: { top: -15 },
-        DESIGN15: { top: -20 }
+        DESIGN1: { bottom: 15 },
+        DESIGN3: { bottom: 15 },
+        DESIGN5: { bottom: 15 },
+        DESIGN7: { bottom: 15 },
+        DESIGN9: { bottom: 15 },
+        DESIGN11: { bottom: 15 },
+        DESIGN13: { bottom: 15 },
+        DESIGN15: { bottom: 20 }
     },
     OUTSET2: {
-        DESIGN1: { top: -15 },
-        DESIGN3: { top: -15 },
-        DESIGN5: { top: -15 },
-        DESIGN7: { top: -15 },
-        DESIGN9: { top: -15 },
-        DESIGN11: { top: -15 },
-        DESIGN13: { top: -15 },
-        DESIGN15: { top: -20 }
+        DESIGN1: { bottom: 15 },
+        DESIGN3: { bottom: 15 },
+        DESIGN5: { bottom: 15 },
+        DESIGN7: { bottom: 15 },
+        DESIGN9: { bottom: 15 },
+        DESIGN11: { bottom: 15 },
+        DESIGN13: { bottom: 15 },
+        DESIGN15: { bottom: 20 }
     },
     OUTSET3: {
-        DESIGN1: { top: -15 },
-        DESIGN3: { top: -15 },
-        DESIGN5: { top: -15 },
-        DESIGN7: { top: -15 },
-        DESIGN9: { top: -15 },
-        DESIGN11: { top: -15 },
-        DESIGN13: { top: -15 },
-        DESIGN15: { top: -20 }
+        DESIGN1: { bottom: 15 },
+        DESIGN3: { bottom: 15 },
+        DESIGN5: { bottom: 15 },
+        DESIGN7: { bottom: 15 },
+        DESIGN9: { bottom: 15 },
+        DESIGN11: { bottom: 15 },
+        DESIGN13: { bottom: 15 },
+        DESIGN15: { bottom: 20 }
     },
     OUTSET4: {
-        DESIGN1: { right: -15 },
-        DESIGN3: { right: -15 },
-        DESIGN5: { right: -15 },
-        DESIGN7: { right: -15 },
-        DESIGN9: { right: -15 },
-        DESIGN11: { left: -15 },
-        DESIGN13: { right: -15 },
-        DESIGN15: { left: -15, right: -20 }
+        DESIGN1: { left: 15 },
+        DESIGN3: { left: 15 },
+        DESIGN5: { left: 15 },
+        DESIGN7: { left: 15 },
+        DESIGN9: { left: 15 },
+        DESIGN11: { left: 15 },
+        DESIGN13: { left: 15 },
+        DESIGN15: { left: 15 }
     },
     OUTSET5: {
-        DESIGN1: { right: -15 },
-        DESIGN3: { right: -15 },
-        DESIGN5: { right: -15 },
-        DESIGN7: { right: -15 },
-        DESIGN9: { right: -15 },
-        DESIGN11: { left: -15 },
-        DESIGN13: { right: -15 },
-        DESIGN15: { left: -15, right: -20 }
+        DESIGN1: { left: 15 },
+        DESIGN3: { left: 15 },
+        DESIGN5: { left: 15 },
+        DESIGN7: { left: 15 },
+        DESIGN9: { left: 15 },
+        DESIGN11: { left: 15 },
+        DESIGN13: { left: 15 },
+        DESIGN15: { left: 15 }
     },
     OUTSET6: {
-        DESIGN1: { right: -15 },
-        DESIGN3: { right: -15 },
-        DESIGN5: { right: -15 },
-        DESIGN7: { right: -15 },
-        DESIGN9: { right: -15 },
-        DESIGN11: { left: -15 },
-        DESIGN13: { right: -15 },
-        DESIGN15: { left: -15, right: -20 }
+        DESIGN1: { left: 15 },
+        DESIGN3: { left: 15 },
+        DESIGN5: { left: 15 },
+        DESIGN7: { left: 15 },
+        DESIGN9: { left: 15 },
+        DESIGN11: { left: 15 },
+        DESIGN13: { left: 15 },
+        DESIGN15: { left: 15 }
     },
     OUTSET7: {
-        DESIGN1: { bottom: -15 },
-        DESIGN3: { bottom: -15 },
-        DESIGN5: { bottom: -15 },
-        DESIGN7: { bottom: -15 },
-        DESIGN9: { bottom: -15 },
-        DESIGN11: { bottom: -15 },
-        DESIGN13: { bottom: -15 },
-        DESIGN15: { bottom: -20 }
+        DESIGN1: { top: 15 },
+        DESIGN3: { top: 15 },
+        DESIGN5: { top: 15 },
+        DESIGN7: { top: 15 },
+        DESIGN9: { top: 15 },
+        DESIGN11: { top: 15 },
+        DESIGN13: { top: 15 },
+        DESIGN15: { top: 20 }
     },
     OUTSET8: {
-        DESIGN1: { bottom: -15 },
-        DESIGN3: { bottom: -15 },
-        DESIGN5: { bottom: -15 },
-        DESIGN7: { bottom: -15 },
-        DESIGN9: { bottom: -15 },
-        DESIGN11: { bottom: -15 },
-        DESIGN13: { bottom: -15 },
-        DESIGN15: { bottom: -20 }
+        DESIGN1: { top: 15 },
+        DESIGN3: { top: 15 },
+        DESIGN5: { top: 15 },
+        DESIGN7: { top: 15 },
+        DESIGN9: { top: 15 },
+        DESIGN11: { top: 15 },
+        DESIGN13: { top: 15 },
+        DESIGN15: { top: 20 }
     },
     OUTSET9: {
-        DESIGN1: { bottom: -15 },
-        DESIGN3: { bottom: -15 },
-        DESIGN5: { bottom: -15 },
-        DESIGN7: { bottom: -15 },
-        DESIGN9: { bottom: -15 },
-        DESIGN11: { bottom: -15 },
-        DESIGN13: { bottom: -15 },
-        DESIGN15: { bottom: -20 }
+        DESIGN1: { top: 15 },
+        DESIGN3: { top: 15 },
+        DESIGN5: { top: 15 },
+        DESIGN7: { top: 15 },
+        DESIGN9: { top: 15 },
+        DESIGN11: { top: 15 },
+        DESIGN13: { top: 15 },
+        DESIGN15: { top: 20 }
     },
     OUTSET10: {
-        DESIGN1: { left: -15 },
-        DESIGN3: { left: -15 },
-        DESIGN5: { left: -15 },
-        DESIGN7: { left: -15 },
-        DESIGN9: { left: -15 },
-        DESIGN11: { right: -15 },
-        DESIGN13: { left: -15 },
-        DESIGN15: { right: -15, left: -20 }
+        DESIGN1: { right: 15 },
+        DESIGN3: { right: 15 },
+        DESIGN5: { right: 15 },
+        DESIGN7: { right: 15 },
+        DESIGN9: { right: 15 },
+        DESIGN11: { right: 15 },
+        DESIGN13: { right: 15 },
+        DESIGN15: { right: 15 }
     },
     OUTSET11: {
-        DESIGN1: { left: -15 },
-        DESIGN3: { left: -15 },
-        DESIGN5: { left: -15 },
-        DESIGN7: { left: -15 },
-        DESIGN9: { left: -15 },
-        DESIGN11: { right: -15 },
-        DESIGN13: { left: -15 },
-        DESIGN15: { right: -15, left: -20 }
+        DESIGN1: { right: 15 },
+        DESIGN3: { right: 15 },
+        DESIGN5: { right: 15 },
+        DESIGN7: { right: 15 },
+        DESIGN9: { right: 15 },
+        DESIGN11: { right: 15 },
+        DESIGN13: { right: 15 },
+        DESIGN15: { right: 15 }
     },
     OUTSET12: {
-        DESIGN1: { left: -15 },
-        DESIGN3: { left: -15 },
-        DESIGN5: { left: -15 },
-        DESIGN7: { left: -15 },
-        DESIGN9: { left: -15 },
-        DESIGN11: { right: -15 },
-        DESIGN13: { left: -15 },
-        DESIGN15: { right: -15, left: -20 }
+        DESIGN1: { right: 15 },
+        DESIGN3: { right: 15 },
+        DESIGN5: { right: 15 },
+        DESIGN7: { right: 15 },
+        DESIGN9: { right: 15 },
+        DESIGN11: { right: 15 },
+        DESIGN13: { right: 15 },
+        DESIGN15: { right: 15 }
     }
 };
 exports.POS_INSET = {
-    INSET1: {
-        LARGE: { top: GAP, left: GAP },
-        MEDIUM: { top: GAP, left: GAP },
-        SMALL: { top: GAP, left: GAP }
-    },
-    INSET2: {
-        LARGE: { top: GAP, left: '50%', transform: 'translateX(-50%)' },
-        MEDIUM: { top: GAP, left: '50%', transform: 'translateX(-50%)' },
-        SMALL: { top: GAP, left: '50%', transform: 'translateX(-50%)' }
-    },
-    INSET3: {
-        LARGE: { top: GAP, right: GAP },
-        MEDIUM: { top: GAP, right: GAP },
-        SMALL: { top: GAP, right: GAP }
-    },
-    INSET4: {
-        LARGE: { top: '50%', right: GAP, transform: 'translateY(-50%)' },
-        MEDIUM: { top: '50%', right: GAP, transform: 'translateY(-50%)' },
-        SMALL: { top: '50%', right: GAP, transform: 'translateY(-50%)' }
-    },
-    INSET5: {
-        LARGE: { bottom: GAP, right: GAP },
-        MEDIUM: { bottom: GAP, right: GAP },
-        SMALL: { bottom: GAP, right: GAP }
-    },
-    INSET6: {
-        LARGE: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
-        MEDIUM: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
-        SMALL: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' }
-    },
-    INSET7: {
-        LARGE: { left: GAP, bottom: GAP },
-        MEDIUM: { left: GAP, bottom: GAP },
-        SMALL: { left: GAP, bottom: GAP }
-    },
-    INSET8: {
-        LARGE: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
-        MEDIUM: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
-        SMALL: { top: '50%', left: GAP, transform: 'translateY(-50%)' }
-    }
+    INSET1: { top: GAP, left: GAP },
+    INSET2: { top: GAP, left: '50%', transform: 'translateX(-50%)' },
+    INSET3: { top: GAP, right: GAP },
+    INSET4: { top: '50%', right: GAP, transform: 'translateY(-50%)' },
+    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%)' }
 };
 exports.POS_OUTSET_NAVIGATION = {
-    OUTSET1: { top: -20 },
-    OUTSET2: { top: -20 },
-    OUTSET3: { top: -20 },
-    OUTSET4: { right: -20 },
-    OUTSET5: { right: -20 },
-    OUTSET6: { right: -20 },
-    OUTSET7: { bottom: -20 },
-    OUTSET8: { bottom: -20 },
-    OUTSET9: { bottom: -20 },
-    OUTSET10: { left: -20 },
-    OUTSET11: { left: -20 },
-    OUTSET12: { left: -20 }
+    OUTSET1: { bottom: 20 },
+    OUTSET2: { bottom: 20 },
+    OUTSET3: { bottom: 20 },
+    OUTSET4: { left: 20 },
+    OUTSET5: { left: 20 },
+    OUTSET6: { left: 20 },
+    OUTSET7: { top: 20 },
+    OUTSET8: { top: 20 },
+    OUTSET9: { top: 20 },
+    OUTSET10: { right: 20 },
+    OUTSET11: { right: 20 },
+    OUTSET12: { right: 20 }
 };
 var POS_OUTSET_GROUP = {
     OUTSET1: {

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

@@ -76,42 +76,16 @@ var useFlexGridLayout = function (_a) {
             alignItems: isSOUTH ? 'flex-start' : isNORTH ? 'flex-end' : 'center',
             justifyContent: isEAST ? 'flex-start' : isWEST ? 'flex-end' : 'center'
         };
-        // CCB의 중앙 위치 계산
-        var ccbTop = parseFloat(ccbInset.top) || 0;
-        var ccbRight = parseFloat(ccbInset.right) || 0;
-        var ccbBottom = parseFloat(ccbInset.bottom) || 0;
-        var ccbLeft = parseFloat(ccbInset.left) || 0;
-        // CCB의 실제 크기와 중앙 위치 계산
-        var ccbWidth = layoutSize.width - ccbLeft - ccbRight;
-        var ccbHeight = layoutSize.height - ccbTop - ccbBottom;
-        var ccbCenterX = ccbLeft + ccbWidth / 2;
-        var ccbCenterY = ccbTop + ccbHeight / 2;
-        var positions = {
-            OUTSET1: { top: -50, left: ccbLeft },
-            OUTSET2: { top: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            OUTSET3: { top: -50, right: ccbRight },
-            OUTSET4: { top: ccbTop, left: 'calc(-100% + 50px)' },
-            OUTSET5: { top: "".concat(ccbCenterY, "px"), right: 50, transform: 'translateY(-50%)' },
-            OUTSET6: { bottom: ccbBottom, right: 50 },
-            OUTSET7: { bottom: -50, right: ccbRight },
-            OUTSET8: { bottom: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            OUTSET9: { bottom: -50, left: ccbLeft },
-            OUTSET10: { bottom: ccbBottom, left: -50 },
-            OUTSET11: { top: "".concat(ccbCenterY, "px"), left: -50, transform: 'translateY(-50%)' },
-            OUTSET12: { top: ccbTop, left: -50 },
-            INSET1: { top: ccbTop + GAP, left: ccbLeft + GAP },
-            INSET2: { top: ccbTop + GAP, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
-            INSET3: { top: ccbTop + GAP, right: ccbRight + GAP },
-            INSET4: { top: "".concat(ccbCenterY, "px"), right: ccbRight + GAP, transform: 'translateY(-50%)' },
-            INSET5: { bottom: ccbBottom + GAP, right: ccbRight + GAP },
-            INSET6: {
-                bottom: ccbBottom + GAP,
-                left: "".concat(ccbCenterX, "px"),
-                transform: 'translateX(-50%)'
-            },
-            INSET7: { bottom: ccbBottom + GAP, left: ccbLeft + GAP },
-            INSET8: { top: "".concat(ccbCenterY, "px"), left: ccbLeft + GAP, transform: 'translateY(-50%)' }
-        };
+        // // CCB의 중앙 위치 계산
+        // const ccbTop = parseFloat(ccbInset.top) || 0;
+        // const ccbRight = parseFloat(ccbInset.right) || 0;
+        // const ccbBottom = parseFloat(ccbInset.bottom) || 0;
+        // const ccbLeft = parseFloat(ccbInset.left) || 0;
+        // // CCB의 실제 크기와 중앙 위치 계산
+        // const ccbWidth = layoutSize.width - ccbLeft - ccbRight;
+        // const ccbHeight = layoutSize.height - ccbTop - ccbBottom;
+        // const ccbCenterX = ccbLeft + ccbWidth / 2;
+        // const ccbCenterY = ccbTop + ccbHeight / 2;
         var pos = (0, elementPositions_1.getPosition)(position, designType, size, elementType);
         return __assign(__assign({}, base), pos);
     };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.d.ts

@@ -9,7 +9,7 @@ export declare function useSwiper(): {
     isEnd: boolean;
     onSwiper: (swiper: SwiperClass) => void;
     onSlideChangeTransitionEnd: (swiper: SwiperClass) => void;
-    onAutoplayTimeLeft: (_: SwiperClass, time: number, progress: number) => void;
+    onAutoplayTimeLeft: (swiper: SwiperClass, time: number, progress: number) => void;
     onClickBullet: (index: number) => void;
     onClickPrevBtn: () => void;
     onClickNextBtn: () => void;

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

@@ -26,7 +26,7 @@ function useSwiper() {
             setCurrentSlide(swiper.activeIndex + 1);
         }
     };
-    var onAutoplayTimeLeft = (0, react_1.useCallback)(function (_, time, progress) {
+    var onAutoplayTimeLeft = (0, react_1.useCallback)(function (swiper, time, progress) {
         leftTimeMsRef.current = time;
         progressRef.current = progress;
     }, []);

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

@@ -30,9 +30,22 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 var textSpecFormatOptions_1 = require("./textSpecFormatOptions");
 function Text(props) {
-    var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
+    var _a, _b, _c;
+    var _d = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _d.device, mode = _d.mode;
     var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXT_SPEC_SUFFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_SUFFIX, CB_CONTENT_PROP_TEXT_SPEC_PREFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_PREFIX;
+    var index = props.index, _e = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _e.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _e.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _e.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _e.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _f = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _f.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _f.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION;
+    // const {
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX,
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX,
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT
+    // } = CB_CONTENT_PROP_TEXTOPTION ?? {
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX: '',
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX: '',
+    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT: 'NONE'
+    // };
+    var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
+    var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
+    var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
     var cLinkValue = function () {
         if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
             CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
@@ -47,14 +60,14 @@ function Text(props) {
         }
         return CB_CONTENT_PROP_CLINK_SPEC_SRC;
     };
-    var _d = (0, useCLINK_1.default)({
+    var _g = (0, useCLINK_1.default)({
         src: cLinkValue(),
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
-    }), CLINKCursor = _d.CLINKCursor, onClickCLINK = _d.onClickCLINK;
-    var _e = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _e.style, textHoverStyle = _e.hoverStyle;
-    var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, layoutStyle = _f.layout, effect = _f.effect;
+    }), CLINKCursor = _g.CLINKCursor, onClickCLINK = _g.onClickCLINK;
+    var _h = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _h.style, textHoverStyle = _h.hoverStyle;
+    var _j = (0, util_1.parseProperties)(props, device), propsStyle = _j.style, propsHoverStyle = _j.hoverStyle, layoutStyle = _j.layout, effect = _j.effect;
     var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
     var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
     (0, useGoogleFonts_1.default)({ fonts: googleFonts });
@@ -73,7 +86,7 @@ function Text(props) {
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
     var textValue = function () {
-        var FORMATOPTION = props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_FORMAT;
+        var FORMATOPTION = textFormat;
         var formatOption = textSpecFormatOptions_1.TEXT_SPEC_FORMAT_OPRIONS[FORMATOPTION];
         var isDataConnected = CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' ||
             CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
@@ -133,7 +146,7 @@ function Text(props) {
                         e.currentTarget.classList.add('hovered');
                     }, onMouseLeave: function (e) {
                         e.currentTarget.classList.remove('hovered');
-                    }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [CB_CONTENT_PROP_TEXT_SPEC_PREFIX, textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : getTruncatedText(textValue()), CB_CONTENT_PROP_TEXT_SPEC_SUFFIX] })) }))] }));
+                    }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : getTruncatedText(textValue()), textSuffix] })) }))] }));
 }
 exports.default = Text;
 function getTextStyles(props, device) {

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

@@ -9,9 +9,11 @@ export type CB_CONTENT_PROP_TEXT = {
     CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
     CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
     CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
-    CB_CONTENT_PROP_TEXT_SPEC_PREFIX: STRING_PLAIN;
-    CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: STRING_PLAIN;
-    CB_CONTENT_PROP_TEXT_SPEC_FORMAT: ENUM_STRING;
+};
+export type CB_CONTENT_PROP_TEXTOPTION = {
+    CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT: ENUM_STRING;
 };
 export type CB_CONTENT_PROP_CLINK = {
     CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
@@ -40,6 +42,7 @@ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: ManualItem[];
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS: NUMBER_INTEGER;
 };
 export type CB_CONTENT_PROP_SLIDEBANNER = {
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: CCB_VALUE_TYPE;
@@ -58,7 +61,9 @@ export type CB_CONTENT_PROP_CONTENTSLIST = {
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: ManualItem[];
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
 };
 export type ManualItem = {

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts

@@ -1,4 +1,4 @@
-import { ComponentBlock } from '../types';
+import type { ComponentBlock } from '../types';
 import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
 import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { LayoutItem } from 'publ-echo/dist/lib';

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js

@@ -11,7 +11,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parsePlacement = void 0;
-var types_1 = require("../types");
 function parsePlacement(components, zOrders, placementRestriction) {
     if (!zOrders) {
         console.error('Z-ORDER NOT FOUND');
@@ -56,7 +55,8 @@ function parsePropPlacement(props, id, cbCode, zOrders, cbRestriction) {
     };
 }
 var AUTO_RESIZE_CODES = [
-    types_1.CB_ALL_CODES.CB_TEXT
+    'none'
+    // CB_ALL_CODES.CB_TEXT
     // CB_ALL_CODES.CB_LIST,
     // CB_ALL_CODES.CB_CONTENTSCAROUSEL,
     // CB_ALL_CODES.CB_SLIDEBANNER

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts

@@ -2,7 +2,7 @@ import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPECS, CB_STYLE_PROP_CONTENTS
 import type { CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS, CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
 import type { CB_STYLE_PROP_SLIDEBANNERBUTTON_SPECS, CB_STYLE_PROP_SLIDEBANNERDESIGN_SPECS, CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPECS, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD_SPECS, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO, CB_CONTENT_PROP_TEXTOPTION } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -46,6 +46,7 @@ export type CB_PLACEMENT_PROP_SPECS = {
 };
 export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
+    CB_CONTENT_PROP_TEXTOPTION: CB_CONTENT_PROP_TEXTOPTION;
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;
@@ -56,6 +57,7 @@ export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
 };
 export type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
+    CB_CONTENT_PROP_TEXTOPTION: CB_CONTENT_PROP_TEXTOPTION;
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.245",
+  "version": "2.7.247",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -24,7 +24,6 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "pds-dev-kit-web-test": "^2.7.241",
     "publ-echo": "^0.0.120",
     "publ-echo-test": "^0.0.342",
     "react-hook-form": "^7.28.1",