pds-dev-kit-web-test 2.5.402 → 2.5.405

package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts

@@ -0,0 +1,2 @@
+import type { CB_CONTENTSCAROUSEL } from './sections/CustomSection/types';
+export declare const SAMPLE_CONTENTSCAROUSEL_CB: CB_CONTENTSCAROUSEL;

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

@@ -0,0 +1,326 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_CONTENTSCAROUSEL_CB = void 0;
+var mock_composition_1 = require("./mock_composition");
+var types_1 = require("./sections/CustomSection/types");
+exports.SAMPLE_CONTENTSCAROUSEL_CB = {
+    availablePlugins: [],
+    componentBlockCode: types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL,
+    dynamicLayoutSectionId: 18661,
+    type: 'GENERAL',
+    id: 188290,
+    blockId: 'CB_188290',
+    jsonProperties: {
+        data: {
+            CB_PLACEMENT_PROP_PLACEMENT: {
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 7,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 16,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
+                // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 2,
+                // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
+            },
+            CB_STYLE_PROP_CONTENTSCAROUSEL: {
+                // Base properties
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE: 'DESIGN1',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING: 'NORMAL',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR: 'SCROLL',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE: 'DESIGN1',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION: 'INSET20',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE: 'MEDIUM',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE: 'DESIGN1',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION: 'INSET20',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE: 'MEDIUM',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE: 'DESIGN1',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION: 'INSET16',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE: 'MEDIUM',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR: 'DESIGN1',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE: 'SMALL',
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE: true,
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME: 5,
+                CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL: true,
+                // Hover state
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:HOVER': 'NORMAL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:HOVER': 'SCROLL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:HOVER': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:HOVER': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:HOVER': 'INSET16',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:HOVER': 'NONE',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:HOVER': 'SMALL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:HOVER': false,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:HOVER': 5,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:HOVER': false,
+                // Mobile state
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE': 'WIDE',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE': 'ALL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE': 'INSET16',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE': 'NONE',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE': 'SMALL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE': true,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE': 5,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE': true,
+                // Mobile hover state
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE:HOVER': 'WIDE',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE:HOVER': 'ALL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE:HOVER': 'INSET20',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': 'INSET16',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE:HOVER': 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE:HOVER': 'NONE',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': 'SMALL',
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE:HOVER': true,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE:HOVER': 5,
+                'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': true
+            },
+            CB_CONTENT_PROP_CONTENTSCAROUSEL: {
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: 'DATA',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL/PAPPQUERY_FILTERING_UPDATED_DATE_UPPER/2024-01-01',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: [],
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: 50,
+                CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: 1
+            },
+            CB_STYLE_PROP_BORDER: {
+                CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'SOLID',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': 'DASHED',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': 'DOTTED',
+                CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': 0,
+                CB_STYLE_PROP_BORDER_SPEC_COLOR: '#FF573300',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#FF573300',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': '#00FF5733',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': '#5733FF00',
+                CB_STYLE_PROP_BORDER_SPEC_RADIUS: { tl: 5, tr: 5, bl: 5, br: 5 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': { tl: 5, tr: 5, bl: 5, br: 5 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': { tl: 10, tr: 10, bl: 10, br: 10 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': { tl: 15, tr: 15, bl: 15, br: 15 },
+                CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': false,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': true
+            },
+            CB_STYLE_PROP_SHADOW: {
+                CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000',
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#000000',
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_OPACITY: {
+                CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_BGCOLOR: {
+                CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#ff0000',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_BGOVERLAY: {
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 45,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#FF573300',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#00FF5733',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 80,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#5733FF00',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 20,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'OVERLAY',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 60,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': 30,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': 90,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#AA573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#BBFF5733',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': '#CC5733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#DD573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': '#EEFF5733',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': '#FF5733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 85,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': 75,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': 95,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'RADIAL',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': 'LINEAR',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': 'CONIC',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#11573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': '#225733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': '#3357FF00',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 25,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': 15,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': 35,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'BLEND',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'MIX',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': 'OVERLAY'
+            },
+            CB_STYLE_PROP_BGMEDIA: {
+                // Base properties
+                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://example.com/video.mp4',
+                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'video',
+                CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: true,
+                CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
+                CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: false,
+                CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'center',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
+                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
+                // Hover state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': '.bg-hover',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'top',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 5,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'gif',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://example.com/hover-video.mp4',
+                // Mobile state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': 55,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': 'fill',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': '.bg-mobile',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': 'bottom',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': 10,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': 'image',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': 'https://example.com/mobile-video.mp4',
+                // Mobile hover state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': 70,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': 'scale-down',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': '.bg-mobile-hover',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': 'left',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': 15,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': 'video',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': 'https://example.com/mobile-hover-video.mp4'
+            },
+            CB_LAYOUT_PROP_PADDING: {
+                CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                },
+                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                },
+                CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': false
+            },
+            CB_CONTENT_PROP_HOVER: {
+                CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+            },
+            CB_LAYOUT_PROP_ARRANGE: {
+                CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'CENTER',
+                CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
+                'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
+            },
+            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_TYPE: 'SLIDEINLEFT',
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'SLIDEINLEFT',
+                CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
+                'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
+                CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
+                CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined
+            }
+        }
+    },
+    queryableDefinitionPreset: 'N/A',
+    queryableTapSrc: 'N/A',
+    compositions: [mock_composition_1.sampleMockComposition1, mock_composition_1.sampleMockComposition2]
+};

package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts

@@ -0,0 +1,2 @@
+import type { CB_LIST } from './sections/CustomSection/types';
+export declare const SAMPLE_LIST_CB: CB_LIST;

package/dist/src/sub/DynamicLayout/mock_contentsList.js

@@ -0,0 +1,296 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_LIST_CB = void 0;
+var mock_composition_1 = require("./mock_composition");
+var types_1 = require("./sections/CustomSection/types");
+exports.SAMPLE_LIST_CB = {
+    availablePlugins: [],
+    componentBlockCode: types_1.CB_ALL_CODES.CB_LIST,
+    dynamicLayoutSectionId: 18661,
+    type: 'GENERAL',
+    id: 188292,
+    blockId: 'CB_188292',
+    jsonProperties: {
+        data: {
+            CB_PLACEMENT_PROP_PLACEMENT: {
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 7,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 16,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
+                // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 2,
+                // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
+            },
+            CB_STYLE_PROP_CONTENTSLIST: {
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: false,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: false,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: 1,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: 'NORMAL',
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: 'OUTSET1',
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: 'MEDIUM',
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: 'DESIGN1',
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': null,
+                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': null
+            },
+            CB_CONTENT_PROP_CONTENTSLIST: {
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'DATA',
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: 'C00007/PAPPQUERY_C00007_VOD_CLASS_TOTAL/PAPPQUERY_FILTERING_UPDATED_DATE_UPPER/2024-01-01',
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: [],
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null,
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 1,
+                CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 1
+            },
+            CB_STYLE_PROP_BORDER: {
+                CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'SOLID',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': 'DASHED',
+                'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': 'DOTTED',
+                CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': 0,
+                'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': 0,
+                CB_STYLE_PROP_BORDER_SPEC_COLOR: '#FF573300',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#FF573300',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': '#00FF5733',
+                'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': '#5733FF00',
+                CB_STYLE_PROP_BORDER_SPEC_RADIUS: { tl: 5, tr: 5, bl: 5, br: 5 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': { tl: 5, tr: 5, bl: 5, br: 5 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': { tl: 10, tr: 10, bl: 10, br: 10 },
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': { tl: 15, tr: 15, bl: 15, br: 15 },
+                CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': false,
+                'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': true
+            },
+            CB_STYLE_PROP_SHADOW: {
+                CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000',
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#000000',
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
+                CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
+                'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_OPACITY: {
+                CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_BGCOLOR: {
+                CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#ff0000',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': 'NONE',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
+                CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'SOLID',
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
+                'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
+            },
+            CB_STYLE_PROP_BGOVERLAY: {
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 45,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#FF573300',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#00FF5733',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 80,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#5733FF00',
+                CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 20,
+                CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'OVERLAY',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 60,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': 30,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': 90,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#AA573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#BBFF5733',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': '#CC5733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#DD573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': '#EEFF5733',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': '#FF5733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 85,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': 75,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': 95,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'RADIAL',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': 'LINEAR',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': 'CONIC',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#11573300',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': '#225733FF',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': '#3357FF00',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 25,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': 15,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': 35,
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'BLEND',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'MIX',
+                'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': 'OVERLAY'
+            },
+            CB_STYLE_PROP_BGMEDIA: {
+                // Base properties
+                CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://example.com/video.mp4',
+                CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'video',
+                CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: true,
+                CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
+                CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: false,
+                CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'center',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
+                CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
+                CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
+                // Hover state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': '.bg-hover',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'top',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 5,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'gif',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://example.com/hover-video.mp4',
+                // Mobile state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': 55,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': 'fill',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': '.bg-mobile',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': 'bottom',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': 10,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': true,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': 'image',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': 'https://example.com/mobile-video.mp4',
+                // Mobile hover state
+                'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': 70,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': 'scale-down',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': '.bg-mobile-hover',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': 'left',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': 15,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': false,
+                'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': 'video',
+                'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': 'https://example.com/mobile-hover-video.mp4'
+            },
+            CB_LAYOUT_PROP_PADDING: {
+                CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                },
+                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                },
+                CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
+                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': false
+            },
+            CB_CONTENT_PROP_HOVER: {
+                CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
+            },
+            CB_LAYOUT_PROP_ARRANGE: {
+                CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
+                'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'CENTER',
+                CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
+                'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
+            },
+            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_TYPE: 'SLIDEINLEFT',
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'SLIDEINLEFT',
+                CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
+                'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
+                CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
+                'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
+                CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined
+            }
+        }
+    },
+    queryableDefinitionPreset: 'N/A',
+    queryableTapSrc: 'N/A',
+    compositions: [
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1,
+        mock_composition_1.sampleMockComposition1
+    ]
+};

package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts

@@ -0,0 +1,2 @@
+import type { CB_SLIDEBANNER } from './sections/CustomSection/types';
+export declare const SAMPLE_SLIDEBANNER_CB: CB_SLIDEBANNER;