pds-dev-kit-web-test 2.5.339 → 2.5.341

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

@@ -1,291 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_CONTENTSLIST_CB = void 0;
-var mock_composition_1 = require("./mock_composition");
-var types_1 = require("./sections/CustomSection/types");
-exports.SAMPLE_CONTENTSLIST_CB = {
-    availablePlugins: [],
-    componentBlockCode: types_1.CB_ALL_CODES.CB_CONTENTSLIST,
-    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_CONTENTSLIST: {
-                // Base properties
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: 'DESIGN1',
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: 'NORMAL',
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: 10,
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: false,
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: 'NONE',
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN1',
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: 'INSET20',
-                CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: 'MEDIUM',
-                // Hover state
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': 'NORMAL',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': 10,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': false,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': 'NONE',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': 'INSET20',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
-                // Mobile state
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': 'NORMAL',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': 10,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': false,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': 'NONE',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': 'INSET20',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
-                // Mobile hover state
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': 'NORMAL',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': 10,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': false,
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': 'NONE',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'DESIGN1',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'INSET20',
-                'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'MEDIUM'
-            },
-            CB_CONTENT_PROP_CONTENTSLIST: {
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'OPT_VALUE',
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: '아티클:포스트',
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: '1',
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEM: [],
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 3,
-                CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 50,
-                CB_CONTENT_PROP_CONTENTSLIST_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/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { CB_CONTENTSLIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
-import type { CB_CONTENTSLIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
-type Props = CB_CONTENTSLIST_PROPERTIES_TYPE & IndexForIntersection & {
-    compositions: CB_CONTENTSLIST['compositions'];
-};
-declare function ContentsList(props: Props): JSX.Element;
-export default ContentsList;

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

@@ -1,93 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable */
-var react_1 = require("react");
-var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var styled_components_1 = __importDefault(require("styled-components"));
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var CustomPagination_1 = require("./components/CustomPagination");
-require("./ContentsListCore");
-var contentsListUtils_1 = require("./contentsListUtils");
-function ContentsList(props) {
-    var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
-    var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLIST = props.CB_STYLE_PROP_CONTENTSLIST, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var _a = (0, react_1.useState)(false), isHovered = _a[0], setIsHovered = _a[1];
-    var _b = (0, react_1.useState)(1), currentPage = _b[0], setCurrentPage = _b[1];
-    var totalItemCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
-    var displayCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS;
-    var totalPage = Math.ceil(totalItemCounts / displayCounts);
-    var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
-    var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
-        props: CB_CONTENT_PROP_CONTENTSLIST
-    }).contentPropCss;
-    var _d = (0, contentsListUtils_1.parseGridStyleProp)({
-        props: CB_STYLE_PROP_CONTENTSLIST,
-        device: device
-    }), stylePropCss = _d.stylePropCss, hoverStylePropCss = _d.hoverStylePropCss;
-    var _e = (0, contentsListUtils_1.parsePaginationStyleProp)({
-        props: CB_STYLE_PROP_CONTENTSLIST,
-        device: device
-    }), paginationNormalStyle = _e.normalStyle, paginationHoverStyle = _e.hoverStyle;
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
-    var hasEffect = !isNoneEffectType;
-    var effectVisibleStyle = hasEffect
-        ? { opacity: isVisible ? 1 : 0, position: 'relative' }
-        : { position: 'relative' };
-    var handlePrevBtnClick = function () {
-        if (currentPage === 1)
-            return;
-        setCurrentPage(function (prev) { return prev - 1; });
-    };
-    var handleNextBtnClick = function () {
-        if (currentPage === totalPage)
-            return;
-        setCurrentPage(function (prev) { return prev + 1; });
-    };
-    var handleBulletClick = function (index) {
-        setCurrentPage(index + 1);
-    };
-    var startIndex = (currentPage - 1) * displayCounts;
-    var endIndex = startIndex + displayCounts;
-    return ((0, jsx_runtime_1.jsxs)(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({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, style), layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ id: "contentslist-wrapper" }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListGrid, __assign({ id: "contentslist-grid", contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: compositions.slice(startIndex, endIndex).map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { effectVisibleStyle: effectVisibleStyle, type: isHovered ? paginationHoverStyle.type : paginationNormalStyle.type, offset: isHovered ? paginationHoverStyle.offset : paginationNormalStyle.offset, current: currentPage, total: Math.ceil(totalItemCounts / displayCounts), size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
-}
-var S_ContentsListWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  /* overflow-y: hidden; */\n  position: relative;\n  width: 100%;\n"], ["\n  height: 100%;\n  /* overflow-y: hidden; */\n  position: relative;\n  width: 100%;\n"])));
-var S_ContentsListGrid = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  height: 100%;\n\n  ", "\n  ", "\n"], ["\n  display: grid;\n  height: 100%;\n\n  ", "\n  ", "\n"])), function (_a) {
-    var contentPropCss = _a.contentPropCss;
-    return contentPropCss;
-}, function (_a) {
-    var stylePropCss = _a.stylePropCss;
-    return stylePropCss;
-});
-exports.default = ContentsList;
-var templateObject_1, templateObject_2;

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import 'swiper/modules/navigation/navigation.min.css';
-import 'swiper/swiper-bundle.css';
-import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
-export interface ContentsListCoreProps extends SwiperProps {
-    scrollbar?: SwiperProps['scrollbar'];
-    slidesPerView?: SwiperProps['slidesPerView'];
-    slidesPerGroup?: SwiperProps['slidesPerGroup'];
-    spaceBetween?: SwiperProps['spaceBetween'];
-    freeMode?: SwiperProps['freeMode'];
-    autoplay?: SwiperProps['autoplay'];
-    useAutoplay?: boolean;
-    loop?: SwiperProps['loop'];
-    children?: React.ReactNode[];
-}
-declare const ContentsListCore: import("react").ForwardRefExoticComponent<ContentsListCoreProps & import("react").RefAttributes<SwiperRef>>;
-export default ContentsListCore;

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

@@ -1,39 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var swiper_1 = require("swiper");
-require("swiper/modules/navigation/navigation.min.css");
-var react_2 = require("swiper/react");
-require("swiper/swiper-bundle.css");
-var ContentsListCore = (0, react_1.forwardRef)(function (_a, ref) {
-    var scrollbar = _a.scrollbar, slidesPerView = _a.slidesPerView, slidesPerGroup = _a.slidesPerGroup, spaceBetween = _a.spaceBetween, freeMode = _a.freeMode, autoplay = _a.autoplay, useAutoplay = _a.useAutoplay, loop = _a.loop, children = _a.children, props = __rest(_a, ["scrollbar", "slidesPerView", "slidesPerGroup", "spaceBetween", "freeMode", "autoplay", "useAutoplay", "loop", "children"]);
-    return ((0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
-            width: '100%',
-            height: '100%'
-        }, modules: [swiper_1.Pagination, swiper_1.Navigation, swiper_1.Scrollbar, swiper_1.FreeMode, swiper_1.Autoplay], slidesPerView: slidesPerView, scrollbar: scrollbar, slidesPerGroup: slidesPerGroup, spaceBetween: spaceBetween, freeMode: freeMode, autoplay: useAutoplay ? autoplay : false, loop: loop }, props, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children === null || children === void 0 ? void 0 : children.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide }, index)); }) }) })));
-});
-ContentsListCore.displayName = 'ContentsListCore';
-exports.default = ContentsListCore;

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import type { CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
-export interface CustomPaginationProps {
-    effectVisibleStyle?: React.CSSProperties;
-    current?: number;
-    total?: number;
-    type?: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
-    offset?: {
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        translateX?: number;
-        translateY?: number;
-        transformOrigin?: string;
-    };
-    size?: number;
-    onBulletClick?: (index: number) => void;
-}
-export declare const CustomPagination: ({ effectVisibleStyle, current, total, type, offset, size, onBulletClick }: CustomPaginationProps) => JSX.Element;
-export interface FlexBoxProps {
-    direction?: 'row' | 'column';
-    justifyContent?: string;
-    alignItems?: string;
-    gap?: string;
-}
-export default CustomPagination;