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.
- package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +0 -3
- package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
- package/dist/src/sub/DynamicLayout/mock_composition.js +123 -0
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +4 -4
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +3 -3
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -3
- package/dist/src/sub/DynamicLayout/mocks.js +2 -14
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +37 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +3 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +3 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +10 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +5 -16
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +3 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +2 -17
- package/dist/src/sub/DynamicLayout/types.d.ts +1 -0
- package/package.json +1 -1
- package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_contentsList.js +0 -296
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +0 -92
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +0 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +0 -188
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +0 -30
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +0 -357
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +0 -46
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +0 -2
@@ -1,7 +1,7 @@
|
|
1
|
-
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE,
|
1
|
+
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
|
2
2
|
import type { IComposition } from '../../../DynamicLayout/types';
|
3
3
|
export type CB_TYPES = 'GENERAL';
|
4
|
-
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP |
|
4
|
+
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
|
5
5
|
type GeneralCustomSectionType = {
|
6
6
|
id: number;
|
7
7
|
type: 'GENERAL';
|
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
|
|
19
19
|
queryableDefinitionPreset: string;
|
20
20
|
dynamicLayoutSectionId: number;
|
21
21
|
};
|
22
|
-
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
22
|
+
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
|
23
23
|
export type CB_TEXT_TYPE = GeneralCustomSectionType & {
|
24
24
|
componentBlockCode: CB_ALL_CODES.CB_TEXT;
|
25
25
|
jsonProperties: {
|
@@ -88,13 +88,6 @@ export type CB_SLIDEBANNER = GeneralCustomSectionType & {
|
|
88
88
|
};
|
89
89
|
compositions: Array<IComposition>;
|
90
90
|
};
|
91
|
-
export type CB_LIST = GeneralCustomSectionType & {
|
92
|
-
componentBlockCode: CB_ALL_CODES.CB_LIST;
|
93
|
-
jsonProperties: {
|
94
|
-
data: CB_LIST_PROPERTIES_TYPE;
|
95
|
-
};
|
96
|
-
compositions: Array<IComposition>;
|
97
|
-
};
|
98
91
|
export declare enum CB_ALL_CODES {
|
99
92
|
CB_TEXT = "CB_TEXT",
|
100
93
|
CB_BTN = "CB_BTN",
|
@@ -105,7 +98,6 @@ export declare enum CB_ALL_CODES {
|
|
105
98
|
CB_TWITTER = "CB_TWITTER",
|
106
99
|
CB_EMBED = "CB_EMBED",
|
107
100
|
CB_GROUP = "CB_GROUP",
|
108
|
-
CB_LIST = "CB_LIST",
|
109
101
|
CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
|
110
102
|
CB_SLIDEBANNER = "CB_SLIDEBANNER"
|
111
103
|
}
|
@@ -12,7 +12,6 @@ var CB_ALL_CODES;
|
|
12
12
|
CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
|
13
13
|
CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
|
14
14
|
CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
|
15
|
-
CB_ALL_CODES["CB_LIST"] = "CB_LIST";
|
16
15
|
CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
|
17
16
|
CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
|
18
17
|
})(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
|
2
2
|
import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
|
3
|
-
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE,
|
3
|
+
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
|
4
4
|
export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
|
5
|
-
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
5
|
+
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
|
3
2
|
import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
|
4
3
|
import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
|
5
|
-
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS
|
4
|
+
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
|
6
5
|
import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
|
7
6
|
import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
|
8
7
|
import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
|
@@ -22,7 +21,7 @@ export type STRING_PLAIN = string;
|
|
22
21
|
export type ENUM_STRING = string;
|
23
22
|
export type NUMBER_INTEGER = number;
|
24
23
|
export type STRING_8DIGIT_HEX = string;
|
25
|
-
export type VALUE_TYPE = '
|
24
|
+
export type VALUE_TYPE = 'VALUE' | 'QUERYDATA';
|
26
25
|
export type CB_GENERAL_PROPERTIES_TYPE = {
|
27
26
|
CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
|
28
27
|
CB_CONTENT_PROP_HOVER: {
|
@@ -154,20 +153,6 @@ export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
154
153
|
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
155
154
|
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
156
155
|
};
|
157
|
-
export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
158
|
-
CB_CONTENT_PROP_CONTENTSLIST: CB_CONTENT_PROP_CONTENTSLIST;
|
159
|
-
CB_STYLE_PROP_CONTENTSLIST: CB_STYLE_PROP_CONTENTSLIST_SPECS;
|
160
|
-
CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
|
161
|
-
CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
|
162
|
-
CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
|
163
|
-
CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
|
164
|
-
CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
|
165
|
-
CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
|
166
|
-
CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
|
167
|
-
CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
|
168
|
-
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
169
|
-
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
170
|
-
};
|
171
156
|
export type StyleType = {
|
172
157
|
style: CSSProperties;
|
173
158
|
};
|
@@ -381,6 +381,7 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
|
|
381
381
|
export interface IComposition {
|
382
382
|
id: number;
|
383
383
|
administrativeTitle?: string;
|
384
|
+
isDefault: boolean;
|
384
385
|
insertedAt: string;
|
385
386
|
updatedAt: string;
|
386
387
|
program?: 'MEMBERSHIP_DISPLAY';
|
package/package.json
CHANGED
@@ -1,296 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.SAMPLE_LIST_CB = void 0;
|
4
|
-
var mock_composition_1 = require("./mock_composition");
|
5
|
-
var types_1 = require("./sections/CustomSection/types");
|
6
|
-
exports.SAMPLE_LIST_CB = {
|
7
|
-
availablePlugins: [],
|
8
|
-
componentBlockCode: types_1.CB_ALL_CODES.CB_LIST,
|
9
|
-
dynamicLayoutSectionId: 18661,
|
10
|
-
type: 'GENERAL',
|
11
|
-
id: 188292,
|
12
|
-
blockId: 'CB_188292',
|
13
|
-
jsonProperties: {
|
14
|
-
data: {
|
15
|
-
CB_PLACEMENT_PROP_PLACEMENT: {
|
16
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 7,
|
17
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
|
18
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 16,
|
19
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 20,
|
20
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
|
21
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
|
22
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 0,
|
23
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 0,
|
24
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
|
25
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
|
26
|
-
// 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 2,
|
27
|
-
// 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
|
28
|
-
},
|
29
|
-
CB_STYLE_PROP_CONTENTSLIST: {
|
30
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: false,
|
31
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': null,
|
32
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': null,
|
33
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': null,
|
34
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: false,
|
35
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': null,
|
36
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': null,
|
37
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': null,
|
38
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: 1,
|
39
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': null,
|
40
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': null,
|
41
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': null,
|
42
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: 'NORMAL',
|
43
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': null,
|
44
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': null,
|
45
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': null,
|
46
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: 'OUTSET1',
|
47
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': null,
|
48
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': null,
|
49
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': null,
|
50
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: 'MEDIUM',
|
51
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': null,
|
52
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': null,
|
53
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': null,
|
54
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN1',
|
55
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': null,
|
56
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': null,
|
57
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': null,
|
58
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: 'DESIGN1',
|
59
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': null,
|
60
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': null,
|
61
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': null
|
62
|
-
},
|
63
|
-
CB_CONTENT_PROP_CONTENTSLIST: {
|
64
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'OPT_VALUE',
|
65
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: '아티클:포스트',
|
66
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
|
67
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
|
68
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
|
69
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: [],
|
70
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null,
|
71
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 1,
|
72
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 1
|
73
|
-
},
|
74
|
-
CB_STYLE_PROP_BORDER: {
|
75
|
-
CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
|
76
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'SOLID',
|
77
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': 'DASHED',
|
78
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': 'DOTTED',
|
79
|
-
CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
|
80
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
|
81
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': 0,
|
82
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': 0,
|
83
|
-
CB_STYLE_PROP_BORDER_SPEC_COLOR: '#FF573300',
|
84
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#FF573300',
|
85
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': '#00FF5733',
|
86
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': '#5733FF00',
|
87
|
-
CB_STYLE_PROP_BORDER_SPEC_RADIUS: { tl: 5, tr: 5, bl: 5, br: 5 },
|
88
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': { tl: 5, tr: 5, bl: 5, br: 5 },
|
89
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': { tl: 10, tr: 10, bl: 10, br: 10 },
|
90
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': { tl: 15, tr: 15, bl: 15, br: 15 },
|
91
|
-
CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
|
92
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
|
93
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': false,
|
94
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': true
|
95
|
-
},
|
96
|
-
CB_STYLE_PROP_SHADOW: {
|
97
|
-
CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
|
98
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
|
99
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
|
100
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
|
101
|
-
CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000',
|
102
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#000000',
|
103
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
|
104
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
|
105
|
-
CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
|
106
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
|
107
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
|
108
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
|
109
|
-
CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
|
110
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
|
111
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
|
112
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
|
113
|
-
CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
|
114
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
|
115
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
|
116
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
|
117
|
-
CB_STYLE_PROP_SHADOW_SPEC_X: 0,
|
118
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
|
119
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
|
120
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
|
121
|
-
CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
|
122
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
|
123
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
|
124
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
|
125
|
-
},
|
126
|
-
CB_STYLE_PROP_OPACITY: {
|
127
|
-
CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
|
128
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
|
129
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
|
130
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
|
131
|
-
},
|
132
|
-
CB_STYLE_PROP_BGCOLOR: {
|
133
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
|
134
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
|
135
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
|
136
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
|
137
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
|
138
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
|
139
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
|
140
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
|
141
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#ff0000',
|
142
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
143
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
|
144
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
145
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
|
146
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
|
147
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
|
148
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
|
149
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'NONE',
|
150
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'NONE',
|
151
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
|
152
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
|
153
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: 'NONE',
|
154
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': 'NONE',
|
155
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
|
156
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
157
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
|
158
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
|
159
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
|
160
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
|
161
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
|
162
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'SOLID',
|
163
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
|
164
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
|
165
|
-
},
|
166
|
-
CB_STYLE_PROP_BGOVERLAY: {
|
167
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 45,
|
168
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#FF573300',
|
169
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#00FF5733',
|
170
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 80,
|
171
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
|
172
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#5733FF00',
|
173
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 20,
|
174
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'OVERLAY',
|
175
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 60,
|
176
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': 30,
|
177
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': 90,
|
178
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#AA573300',
|
179
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#BBFF5733',
|
180
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': '#CC5733FF',
|
181
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#DD573300',
|
182
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': '#EEFF5733',
|
183
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': '#FF5733FF',
|
184
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 85,
|
185
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': 75,
|
186
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': 95,
|
187
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'RADIAL',
|
188
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': 'LINEAR',
|
189
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': 'CONIC',
|
190
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#11573300',
|
191
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': '#225733FF',
|
192
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': '#3357FF00',
|
193
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 25,
|
194
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': 15,
|
195
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': 35,
|
196
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'BLEND',
|
197
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'MIX',
|
198
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': 'OVERLAY'
|
199
|
-
},
|
200
|
-
CB_STYLE_PROP_BGMEDIA: {
|
201
|
-
// Base properties
|
202
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://example.com/video.mp4',
|
203
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'video',
|
204
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: true,
|
205
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
|
206
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: false,
|
207
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
208
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'center',
|
209
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
|
210
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
|
211
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
|
212
|
-
// Hover state
|
213
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
|
214
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
|
215
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': '.bg-hover',
|
216
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'top',
|
217
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
|
218
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 5,
|
219
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
|
220
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'gif',
|
221
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://example.com/hover-video.mp4',
|
222
|
-
// Mobile state
|
223
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': 55,
|
224
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': 'fill',
|
225
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': '.bg-mobile',
|
226
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': 'bottom',
|
227
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': false,
|
228
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': true,
|
229
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': 10,
|
230
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': true,
|
231
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': 'image',
|
232
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': 'https://example.com/mobile-video.mp4',
|
233
|
-
// Mobile hover state
|
234
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': 70,
|
235
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': 'scale-down',
|
236
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': '.bg-mobile-hover',
|
237
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': 'left',
|
238
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': false,
|
239
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': 15,
|
240
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': false,
|
241
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': 'video',
|
242
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': 'https://example.com/mobile-hover-video.mp4'
|
243
|
-
},
|
244
|
-
CB_LAYOUT_PROP_PADDING: {
|
245
|
-
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
246
|
-
top: 0,
|
247
|
-
right: 0,
|
248
|
-
bottom: 0,
|
249
|
-
left: 0
|
250
|
-
},
|
251
|
-
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
|
252
|
-
top: 0,
|
253
|
-
right: 0,
|
254
|
-
bottom: 0,
|
255
|
-
left: 0
|
256
|
-
},
|
257
|
-
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
258
|
-
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': false
|
259
|
-
},
|
260
|
-
CB_CONTENT_PROP_HOVER: {
|
261
|
-
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
262
|
-
},
|
263
|
-
CB_LAYOUT_PROP_ARRANGE: {
|
264
|
-
CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
|
265
|
-
'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'CENTER',
|
266
|
-
CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
|
267
|
-
'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
|
268
|
-
},
|
269
|
-
CB_CONTENT_PROP_VISIBILITY: {
|
270
|
-
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
271
|
-
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
272
|
-
},
|
273
|
-
CB_EFFECT_PROP_ENTANIM: {
|
274
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
|
275
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'SLIDEINLEFT',
|
276
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
|
277
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
|
278
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
|
279
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
|
280
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
281
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined
|
282
|
-
}
|
283
|
-
}
|
284
|
-
},
|
285
|
-
queryableDefinitionPreset: 'N/A',
|
286
|
-
queryableTapSrc: 'N/A',
|
287
|
-
compositions: [
|
288
|
-
mock_composition_1.sampleMockComposition1,
|
289
|
-
mock_composition_1.sampleMockComposition1,
|
290
|
-
mock_composition_1.sampleMockComposition1,
|
291
|
-
mock_composition_1.sampleMockComposition1,
|
292
|
-
mock_composition_1.sampleMockComposition1,
|
293
|
-
mock_composition_1.sampleMockComposition1,
|
294
|
-
mock_composition_1.sampleMockComposition1
|
295
|
-
]
|
296
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
|
3
|
-
import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
4
|
-
type Props = CB_LIST_PROPERTIES_TYPE & IndexForIntersection & {
|
5
|
-
compositions: CB_LIST['compositions'];
|
6
|
-
};
|
7
|
-
declare function ContentsList(props: Props): JSX.Element;
|
8
|
-
export default ContentsList;
|
@@ -1,92 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
-
return cooked;
|
5
|
-
};
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
7
|
-
__assign = Object.assign || function(t) {
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
9
|
-
s = arguments[i];
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
11
|
-
t[p] = s[p];
|
12
|
-
}
|
13
|
-
return t;
|
14
|
-
};
|
15
|
-
return __assign.apply(this, arguments);
|
16
|
-
};
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
19
|
-
};
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
21
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
|
-
var react_1 = require("react");
|
23
|
-
var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
|
24
|
-
var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
|
25
|
-
var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
|
26
|
-
var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
|
27
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
28
|
-
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
29
|
-
var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
|
30
|
-
var CustomPagination_1 = require("./components/CustomPagination");
|
31
|
-
var contentsListUtils_1 = require("./contentsListUtils");
|
32
|
-
function ContentsList(props) {
|
33
|
-
var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
|
34
|
-
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;
|
35
|
-
var _a = (0, react_1.useState)(false), isHovered = _a[0], setIsHovered = _a[1];
|
36
|
-
var _b = (0, react_1.useState)(1), currentPage = _b[0], setCurrentPage = _b[1];
|
37
|
-
var itemCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
|
38
|
-
var totalPage = Math.ceil(compositions.length / itemCounts);
|
39
|
-
var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
|
40
|
-
var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
|
41
|
-
props: CB_CONTENT_PROP_CONTENTSLIST
|
42
|
-
}).contentPropCss;
|
43
|
-
var _d = (0, contentsListUtils_1.parseGridStyleProp)({
|
44
|
-
props: CB_STYLE_PROP_CONTENTSLIST,
|
45
|
-
device: device
|
46
|
-
}), stylePropCss = _d.stylePropCss, hoverStylePropCss = _d.hoverStylePropCss;
|
47
|
-
var _e = (0, contentsListUtils_1.parsePaginationStyleProp)({
|
48
|
-
props: CB_STYLE_PROP_CONTENTSLIST,
|
49
|
-
device: device
|
50
|
-
}), paginationNormalStyle = _e.normalStyle, paginationHoverStyle = _e.hoverStyle;
|
51
|
-
var cbRef = (0, react_1.useRef)(null);
|
52
|
-
var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
|
53
|
-
index
|
54
|
-
]);
|
55
|
-
var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
|
56
|
-
var effectCssProperties = isVisible ? effect : {};
|
57
|
-
var isNoneEffectType = device === 'DESKTOP'
|
58
|
-
? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
|
59
|
-
: CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
|
60
|
-
var hasEffect = !isNoneEffectType;
|
61
|
-
var effectVisibleStyle = hasEffect
|
62
|
-
? { opacity: isVisible ? 1 : 0, position: 'relative' }
|
63
|
-
: { position: 'relative' };
|
64
|
-
// eslint-disable-next-line
|
65
|
-
var handlePrevBtnClick = function () {
|
66
|
-
if (currentPage === 1)
|
67
|
-
return;
|
68
|
-
setCurrentPage(function (prev) { return prev - 1; });
|
69
|
-
};
|
70
|
-
// eslint-disable-next-line
|
71
|
-
var handleNextBtnClick = function () {
|
72
|
-
if (currentPage === totalPage)
|
73
|
-
return;
|
74
|
-
setCurrentPage(function (prev) { return prev + 1; });
|
75
|
-
};
|
76
|
-
var handleBulletClick = function (index) {
|
77
|
-
setCurrentPage(index + 1);
|
78
|
-
};
|
79
|
-
var startIndex = (currentPage - 1) * itemCounts;
|
80
|
-
var endIndex = startIndex + itemCounts;
|
81
|
-
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: totalPage, size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
|
82
|
-
}
|
83
|
-
var S_ContentsListWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n position: relative;\n width: 100%;\n"], ["\n height: 100%;\n position: relative;\n width: 100%;\n"])));
|
84
|
-
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) {
|
85
|
-
var contentPropCss = _a.contentPropCss;
|
86
|
-
return contentPropCss;
|
87
|
-
}, function (_a) {
|
88
|
-
var stylePropCss = _a.stylePropCss;
|
89
|
-
return stylePropCss;
|
90
|
-
});
|
91
|
-
exports.default = ContentsList;
|
92
|
-
var templateObject_1, templateObject_2;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import 'swiper/modules/navigation/navigation.min.css';
|
3
|
-
import 'swiper/swiper-bundle.css';
|
4
|
-
import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
|
5
|
-
export interface ContentsListCoreProps extends SwiperProps {
|
6
|
-
scrollbar?: SwiperProps['scrollbar'];
|
7
|
-
slidesPerView?: SwiperProps['slidesPerView'];
|
8
|
-
slidesPerGroup?: SwiperProps['slidesPerGroup'];
|
9
|
-
spaceBetween?: SwiperProps['spaceBetween'];
|
10
|
-
freeMode?: SwiperProps['freeMode'];
|
11
|
-
autoplay?: SwiperProps['autoplay'];
|
12
|
-
useAutoplay?: boolean;
|
13
|
-
loop?: SwiperProps['loop'];
|
14
|
-
children?: React.ReactNode[];
|
15
|
-
}
|
16
|
-
declare const ContentsListCore: import("react").ForwardRefExoticComponent<ContentsListCoreProps & import("react").RefAttributes<SwiperRef>>;
|
17
|
-
export default ContentsListCore;
|
@@ -1,39 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
25
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
26
|
-
var react_1 = require("react");
|
27
|
-
var swiper_1 = require("swiper");
|
28
|
-
require("swiper/modules/navigation/navigation.min.css");
|
29
|
-
var react_2 = require("swiper/react");
|
30
|
-
require("swiper/swiper-bundle.css");
|
31
|
-
var ContentsListCore = (0, react_1.forwardRef)(function (_a, ref) {
|
32
|
-
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"]);
|
33
|
-
return ((0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
|
34
|
-
width: '100%',
|
35
|
-
height: '100%'
|
36
|
-
}, 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)); }) }) })));
|
37
|
-
});
|
38
|
-
ContentsListCore.displayName = 'ContentsListCore';
|
39
|
-
exports.default = ContentsListCore;
|
@@ -1,27 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
|
3
|
-
export interface CustomPaginationProps {
|
4
|
-
effectVisibleStyle?: React.CSSProperties;
|
5
|
-
current?: number;
|
6
|
-
total?: number;
|
7
|
-
type?: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
8
|
-
offset?: {
|
9
|
-
top?: string;
|
10
|
-
bottom?: string;
|
11
|
-
left?: string;
|
12
|
-
right?: string;
|
13
|
-
translateX?: number;
|
14
|
-
translateY?: number;
|
15
|
-
transformOrigin?: string;
|
16
|
-
};
|
17
|
-
size?: number;
|
18
|
-
onBulletClick?: (index: number) => void;
|
19
|
-
}
|
20
|
-
export declare const CustomPagination: ({ effectVisibleStyle, current, total, type, offset, size, onBulletClick }: CustomPaginationProps) => JSX.Element;
|
21
|
-
export interface FlexBoxProps {
|
22
|
-
direction?: 'row' | 'column';
|
23
|
-
justifyContent?: string;
|
24
|
-
alignItems?: string;
|
25
|
-
gap?: string;
|
26
|
-
}
|
27
|
-
export default CustomPagination;
|