npm - pds-dev-kit-web-test - Versions diffs - 2.5.344 → 2.5.346 - Mend

pds-dev-kit-web-test 2.5.344 → 2.5.346

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 (36) hide show

package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js CHANGED Viewed

@@ -49,9 +49,6 @@ function ComponentBlockMatcher(_a) {
         case types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL: {
             return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CAROUSEL" });
         }
-        case types_1.CB_ALL_CODES.CB_LIST: {
-            return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CONTENTSLIST" });
-        }
         default:
             return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
     }

package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface CCBQueryPathContextType {
+    queryData: Record<string, any>;
+}
+export declare const CCBQueryPathContext: import("react").Context<CCBQueryPathContextType | undefined>;
+export declare const useCCBQueryPath: () => CCBQueryPathContextType | null;
+export declare const CCBQueryPathProvider: import("react").Provider<CCBQueryPathContextType | undefined>;
+export {};

package/dist/src/sub/DynamicLayout/compositionQueryContext.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CCBQueryPathProvider = exports.useCCBQueryPath = exports.CCBQueryPathContext = void 0;
+var react_1 = require("react");
+exports.CCBQueryPathContext = (0, react_1.createContext)(undefined);
+var useCCBQueryPath = function () {
+    var context = (0, react_1.useContext)(exports.CCBQueryPathContext);
+    if (!context) {
+        return null;
+    }
+    return context;
+};
+exports.useCCBQueryPath = useCCBQueryPath;
+exports.CCBQueryPathProvider = exports.CCBQueryPathContext.Provider;

package/dist/src/sub/DynamicLayout/mock_composition.js CHANGED Viewed

@@ -3,8 +3,130 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sampleMockComposition2 = exports.sampleMockComposition1 = void 0;
 var types_1 = require("./sections/CustomSection/types");
 exports.sampleMockComposition1 = {
+    isDefault: true,
     administrativeTitle: 'CUSTOM',
     componentBlocks: [
+        {
+            availablePlugins: [],
+            blockId: 'CB_191776',
+            componentBlockCode: 'CB_TEXT',
+            componentBlockType: 'GENERAL',
+            dynamicLayoutCompositionId: 87,
+            id: 191776,
+            insertedAt: '2025-05-05T09:29:12',
+            jsonProperties: {
+                currentVersion: '2025-04-24',
+                data: {
+                    CB_CONTENT_PROP_CLINK: {
+                        CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
+                        CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
+                        CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
+                        CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
+                    },
+                    CB_CONTENT_PROP_HOVER: {
+                        CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+                    },
+                    CB_CONTENT_PROP_TEXT: {
+                        CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'New Text',
+                        CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: null,
+                        CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: 'QUERYDATA',
+                        CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME: 'itemDesc'
+                    },
+                    CB_CONTENT_PROP_VISIBILITY: {
+                        CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
+                        CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
+                    },
+                    CB_EFFECT_PROP_ENTANIM: {
+                        CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
+                        CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
+                        'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
+                    },
+                    CB_EFFECT_PROP_HOVERANIM: {
+                        CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
+                        'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
+                        CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
+                        'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
+                        CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
+                        'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
+                        CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
+                        'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
+                    },
+                    CB_LAYOUT_PROP_PADDING: {
+                        CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                        'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
+                        CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                            bottom: 0,
+                            left: 0,
+                            right: 0,
+                            top: 0
+                        },
+                        'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
+                    },
+                    CB_PLACEMENT_PROP_PLACEMENT: {
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 5,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 5,
+                        CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
+                        'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
+                    },
+                    CB_STYLE_PROP_OPACITY: {
+                        CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
+                        'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
+                    },
+                    CB_STYLE_PROP_TEXT: {
+                        CB_STYLE_PROP_TEXT_SPEC_COLOR: '#333333FF',
+                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
+                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
+                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
+                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_SIZE: 36,
+                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
+                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
+                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
+                        CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 700,
+                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
+                        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
+                    }
+                },
+                minVersion: '2023-08-03',
+                version: '2025-04-24'
+            },
+            queryableDefinitionPreset: 'N/A',
+            queryableTapSrc: 'N/A',
+            updatedAt: '2025-05-05T09:29:12'
+        },
         {
             availablePlugins: [],
             blockId: 'CB_190125',
@@ -337,6 +459,7 @@ exports.sampleMockComposition1 = {
 };
 exports.sampleMockComposition2 = {
     administrativeTitle: 'CUSTOM',
+    isDefault: false,
     componentBlocks: [
         {
             availablePlugins: [],

package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js CHANGED Viewed

@@ -101,11 +101,11 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
                 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': true
             },
             CB_CONTENT_PROP_CONTENTSCAROUSEL: {
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'A',
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: '아티클:포스트',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'QUERYDATA',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: 'PAPPQUERY/C00007/VOD/CLASS/TOTAL',
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,
-                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: [],
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: '1',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: [],
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: 50,
                 CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: 1
             },

package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED Viewed

@@ -6,7 +6,7 @@ var types_1 = require("./sections/CustomSection/types");
 exports.SAMPLE_SLIDEBANNER_CB = {
     availablePlugins: [],
     componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER,
-    dynamicLayoutSectionId: 18661,
+    dynamicLayoutSectionId: 18662,
     type: 'GENERAL',
     id: 188291,
     blockId: 'CB_188291',
@@ -96,8 +96,8 @@ exports.SAMPLE_SLIDEBANNER_CB = {
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: '아티클:포스트',
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
-                CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: 1,
-                CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: [],
+                CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: '1',
+                CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: [],
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: 50,
                 CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: 1
             },

package/dist/src/sub/DynamicLayout/mocks.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 export declare const MOCK_SECTIONS: {
     administrativeTitle: string;
     appearanceTemplate: string;
-    componentBlocks: (import("./sections/CustomSection/types").CB_LIST | import("./sections/CustomSection/types").CB_CONTENTSCAROUSEL | import("./sections/CustomSection/types").CB_SLIDEBANNER | {
+    componentBlocks: (import("./sections/CustomSection/types").CB_CONTENTSCAROUSEL | import("./sections/CustomSection/types").CB_SLIDEBANNER | {
         availablePlugins: never[];
         blockId: string;
         componentBlockCode: string;
@@ -999,7 +999,6 @@ export declare const MOCK_SECTIONS: {
                 '188287': number;
                 '188290': number;
                 '188291': number;
-                '188292': number;
             };
             mobile: {
                 '188262': number;
@@ -1030,7 +1029,6 @@ export declare const MOCK_SECTIONS: {
                 '188287': number;
                 '188290': number;
                 '188291': number;
-                '188292': number;
             };
         };
     };

package/dist/src/sub/DynamicLayout/mocks.js CHANGED Viewed

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MOCK_SECTIONS = void 0;
 var mock_contentsCarousel_1 = require("./mock_contentsCarousel");
-var mock_contentsList_1 = require("./mock_contentsList");
 var mock_slideBanner_1 = require("./mock_slideBanner");
 exports.MOCK_SECTIONS = [
     {
@@ -11,7 +10,6 @@ exports.MOCK_SECTIONS = [
         componentBlocks: [
             mock_slideBanner_1.SAMPLE_SLIDEBANNER_CB,
             mock_contentsCarousel_1.SAMPLE_CONTENTSCAROUSEL_CB,
-            mock_contentsList_1.SAMPLE_LIST_CB,
             {
                 availablePlugins: [],
                 blockId: 'CB_188265',
@@ -4646,14 +4644,6 @@ exports.MOCK_SECTIONS = [
                         type: 'COMPONENT_BLOCK',
                         zOrderDesktopInternal: 28,
                         zOrderMobileInternal: 28
-                    },
-                    {
-                        blockId: 'CB_188292',
-                        children: [],
-                        componentBlockId: 188292,
-                        type: 'COMPONENT_BLOCK',
-                        zOrderDesktopInternal: 28,
-                        zOrderMobileInternal: 28
                     }
                 ],
                 componentBlockId: null,
@@ -4691,8 +4681,7 @@ exports.MOCK_SECTIONS = [
                     '188286': 26,
                     '188287': 19,
                     '188290': 27,
-                    '188291': 28,
-                    '188292': 29
+                    '188291': 28
                 },
                 mobile: {
                     '188262': 10,
@@ -4722,8 +4711,7 @@ exports.MOCK_SECTIONS = [
                     '188286': 25,
                     '188287': 19,
                     '188290': 27,
-                    '188291': 28,
-                    '188292': 29
+                    '188291': 28
                 }
             }
         },

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js CHANGED Viewed

@@ -20,7 +20,6 @@ var newUtils_1 = require("../../newUtils");
 var types_1 = require("../../types");
 var Button_1 = __importDefault(require("./componentBlocks/Button/Button"));
 var ContentsCarousel_1 = require("./componentBlocks/ContentsCarousel");
-var ContentsList_1 = require("./componentBlocks/ContentsList");
 var Divider_1 = __importDefault(require("./componentBlocks/Divider/Divider"));
 var Embed_1 = __importDefault(require("./componentBlocks/Embed/Embed"));
 var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
@@ -58,10 +57,6 @@ function ComponentBlockMatcher(_a) {
             var compositions = cbProps.compositions;
             return ((0, jsx_runtime_1.jsx)(SlideBanner_1.SlideBanner, __assign({}, propsWithValue, { compositions: compositions, index: index })));
         }
-        case types_1.CB_ALL_CODES.CB_LIST: {
-            var compositions = cbProps.compositions;
-            return ((0, jsx_runtime_1.jsx)(ContentsList_1.ContentsList, __assign({}, propsWithValue, { compositions: compositions, index: index })));
-        }
         default:
             return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
     }

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

@@ -19,7 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = require("react");
+var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
 var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
@@ -33,8 +35,10 @@ var CustomProgressbar_1 = require("./components/CustomProgressbar");
 var ContentsCarouselCore_1 = __importDefault(require("./ContentsCarouselCore"));
 var contentsCarouselUtils_1 = require("./contentsCarouselUtils");
 function ContentsCarousel(props) {
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_CONTENTSCAROUSEL.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS,
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
+    var index = props.index,
+    // // CONTENT : 캐로셀
+    _b = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA,
     // STYLE: 캐로셀
     CB_STYLE_PROP_CONTENTSCAROUSEL = props.CB_STYLE_PROP_CONTENTSCAROUSEL,
     // STYLE: 그림자
@@ -42,32 +46,32 @@ function ContentsCarousel(props) {
     // EFFECT: 진입
     CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
     var compositions = props.compositions;
-    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
-    var _c = (0, react_1.useState)(1), currentSlide = _c[0], setCurrentSlide = _c[1];
-    var _d = (0, react_1.useState)(0), totalPages = _d[0], setTotalPages = _d[1];
-    var _e = (0, react_1.useState)(true), isBeginning = _e[0], setIsBeginning = _e[1];
-    var _f = (0, react_1.useState)(false), isEnd = _f[0], setIsEnd = _f[1];
-    var _g = (0, react_1.useState)(0), progress = _g[0], setProgress = _g[1];
-    var _h = (0, react_1.useState)(0), leftTime = _h[0], setLeftTime = _h[1];
+    var _c = (0, react_1.useState)(false), isHovered = _c[0], setIsHovered = _c[1];
+    var _d = (0, react_1.useState)(1), currentSlide = _d[0], setCurrentSlide = _d[1];
+    var _e = (0, react_1.useState)(0), totalPages = _e[0], setTotalPages = _e[1];
+    var _f = (0, react_1.useState)(true), isBeginning = _f[0], setIsBeginning = _f[1];
+    var _g = (0, react_1.useState)(false), isEnd = _g[0], setIsEnd = _g[1];
+    var _h = (0, react_1.useState)(0), progress = _h[0], setProgress = _h[1];
+    var _j = (0, react_1.useState)(0), leftTime = _j[0], setLeftTime = _j[1];
     var swiperRef = (0, react_1.useRef)(null);
-    var _j = (0, contentsCarouselUtils_1.parseCarouselStyleToCarouselCoreProp)({
+    var _k = (0, contentsCarouselUtils_1.parseCarouselStyleToCarouselCoreProp)({
         props: CB_STYLE_PROP_CONTENTSCAROUSEL,
         contentsPropsPartials: { CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS },
         device: device
-    }), contentsCarouselNormalStyle = _j.normalStyle, contentsCarouselHoverStyle = _j.hoverStyle;
-    var _k = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomPaginationProp)({
+    }), contentsCarouselNormalStyle = _k.normalStyle, contentsCarouselHoverStyle = _k.hoverStyle;
+    var _l = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomPaginationProp)({
         props: CB_STYLE_PROP_CONTENTSCAROUSEL,
         device: device
-    }), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
-    var _l = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomNavigationProp)({
+    }), customPaginationNormalStyle = _l.normalStyle, customPaginationHoverStyle = _l.hoverStyle;
+    var _m = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomNavigationProp)({
         props: CB_STYLE_PROP_CONTENTSCAROUSEL,
         device: device
-    }), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
-    var _m = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomProgressbarProp)({
+    }), customNavigationNormalStyle = _m.normalStyle, customNavigationHoverStyle = _m.hoverStyle;
+    var _o = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomProgressbarProp)({
         props: CB_STYLE_PROP_CONTENTSCAROUSEL,
         device: device
-    }), customProgressbarNormalStyle = _m.normalStyle, customProgressbarHoverStyle = _m.hoverStyle;
-    var _o = (0, util_1.parseProperties)(props, device), style = _o.style, hoverStyle = _o.hoverStyle, layout = _o.layout, effect = _o.effect;
+    }), customProgressbarNormalStyle = _o.normalStyle, customProgressbarHoverStyle = _o.hoverStyle;
+    var _p = (0, util_1.parseProperties)(props, device), style = _p.style, hoverStyle = _p.hoverStyle, layout = _p.layout, effect = _p.effect;
     // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
     var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
     // NOTE: EFFECT와 관련된 함수들입니다.
@@ -122,6 +126,16 @@ function ContentsCarousel(props) {
             swiperRef.current.swiper.slideNext();
         }
     };
+    var queryPath = CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE === 'QUERYDATA'
+        ? convertColonsToUnderscores(CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA)
+        : null;
+    var isQueryDataConnected = CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE === 'QUERYDATA' && queryPath;
+    var filteredQueryData = isQueryDataConnected && queryData ? queryData[queryPath] : [];
+    // NOTE: 이 방식이 맞으면 util로 빼서 모든 CCB들에 적용하기 쉽게 만들기.
+    function convertColonsToUnderscores(input) {
+        return input.replace(/\//g, '_');
+    }
+    var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
     return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered
                     ? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle
                     : contentsCarouselNormalStyle === null || contentsCarouselNormalStyle === void 0 ? void 0 : contentsCarouselNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "contents-carousel-core", onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, scrollbar: isHovered
@@ -132,7 +146,11 @@ function ContentsCarousel(props) {
                             ? contentsCarouselHoverStyle.spaceBetween
                             : contentsCarouselNormalStyle.spaceBetween, freeMode: isHovered ? contentsCarouselHoverStyle.freeMode : contentsCarouselNormalStyle.freeMode, autoplay: isHovered ? contentsCarouselHoverStyle.autoplay : contentsCarouselNormalStyle.autoplay, useAutoplay: isHovered
                             ? contentsCarouselHoverStyle.useAutoplay
-                            : contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
+                            : contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children: filteredQueryData.length > 0
+                            ? filteredQueryData.map(function (query, index) {
+                                return ((0, jsx_runtime_1.jsxs)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: [(0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition)), ";"] }), index));
+                            })
+                            : compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
                             ? customNavigationHoverStyle.prevBtnType
                             : customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
                             ? customNavigationHoverStyle.prevBtnOffset

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

@@ -57,8 +57,8 @@ var CustomNavigation = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
                     switch (prevBtnType) {
                         case 'NONE':
-                        case 'DESIGN1':
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                        case 'DESIGN1':
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                         case 'DESIGN3':
@@ -79,12 +79,11 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                     }
                 })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
                     switch (nextBtnType) {
                         case 'NONE':
-                        case 'DESIGN1':
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
@@ -106,7 +105,7 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                     }
                 })() }))] })));
 };

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

@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
     return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size }, { children: (function () {
             switch (type) {
                 case 'NONE':
-                case 'DESIGN1':
                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                case 'DESIGN1':
                 case 'DESIGN2':
                     return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
                 case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
                 case 'DESIGN17':
                     return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
                 default:
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                    return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
             }
         })() })));
 };

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

@@ -57,8 +57,8 @@ var CustomNavigation = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
                     switch (prevBtnType) {
                         case 'NONE':
-                        case 'DESIGN1':
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                        case 'DESIGN1':
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                         case 'DESIGN3':
@@ -79,12 +79,11 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                     }
                 })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
                     switch (nextBtnType) {
                         case 'NONE':
-                        case 'DESIGN1':
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
@@ -106,7 +105,7 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                     }
                 })() }))] })));
 };

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

@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
     return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size }, { children: (function () {
             switch (type) {
                 case 'NONE':
-                case 'DESIGN1':
                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                case 'DESIGN1':
                 case 'DESIGN2':
                     return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
                 case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
                 case 'DESIGN17':
                     return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
                 default:
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                    return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
             }
         })() })));
 };

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

@@ -18,6 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
 var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
 var hooks_1 = require("../../../../hooks");
 var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
 var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
@@ -29,15 +30,16 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 function Text(props) {
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    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_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var _c = (0, useCLINK_1.default)({
+    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_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_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME, CB_CONTENT_PROP_TEXT_SPEC_TEXT = _c.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
+    var _d = (0, useCLINK_1.default)({
         src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
-    }), CLINKCursor = _c.CLINKCursor, onClickCLINK = _c.onClickCLINK;
-    var _d = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _d.style, textHoverStyle = _d.hoverStyle;
-    var _e = (0, util_1.parseProperties)(props, device), propsStyle = _e.style, propsHoverStyle = _e.hoverStyle, layoutStyle = _e.layout, effect = _e.effect;
+    }), 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;
     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 });
@@ -56,6 +58,9 @@ function Text(props) {
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
     var textValue = function () {
+        if (CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'QUERYDATA' && (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
+            return queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME];
+        }
         if (device === 'MOBILE' &&
             mode !== 'EDIT' &&
             props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {

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

@@ -26,11 +26,11 @@ export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'A' | 'B';
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'VALUE' | 'QUERYDATA';
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: ENUM_STRING | null | undefined;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: MockComposition[];
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
 };
@@ -38,22 +38,11 @@ export type CB_CONTENT_PROP_SLIDEBANNER = {
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A' | 'B';
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: MockComposition[];
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
 };
-export type CB_CONTENT_PROP_CONTENTSLIST = {
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'OPT_VALUE' | 'OPT_DATA';
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
-    CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
-};
 export type MockComposition = {
     title: string;
     width: number;