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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +0 -3
  2. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
  3. package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
  4. package/dist/src/sub/DynamicLayout/mock_composition.js +123 -0
  5. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +4 -4
  6. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +3 -3
  7. package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -3
  8. package/dist/src/sub/DynamicLayout/mocks.js +2 -14
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -5
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +37 -19
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +3 -4
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +2 -2
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +3 -4
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +2 -2
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +10 -5
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +5 -16
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +3 -11
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +2 -17
  21. package/dist/src/sub/DynamicLayout/types.d.ts +1 -0
  22. package/package.json +1 -1
  23. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +0 -2
  24. package/dist/src/sub/DynamicLayout/mock_contentsList.js +0 -296
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +0 -8
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +0 -92
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +0 -17
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +0 -39
  29. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +0 -27
  30. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +0 -188
  31. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +0 -30
  32. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +0 -357
  33. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +0 -1
  34. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +0 -8
  35. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +0 -46
  36. 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, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
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 | CB_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
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 | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_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, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './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, 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 | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
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, CB_CONTENT_PROP_CONTENTSLIST } from '../components/ComponentBlock/componentBlocks/types';
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,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.344",
3
+ "version": "2.5.345",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import type { CB_LIST } from './sections/CustomSection/types';
2
- export declare const SAMPLE_LIST_CB: CB_LIST;
@@ -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;