pds-dev-kit-web-test 2.5.322 → 2.5.323
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/common/hooks/useTooltip.js +1 -1
- package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -3
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +31 -26
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -5
- package/dist/src/sub/DynamicLayout/mocks.js +10 -34
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +2 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +21 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -144
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +7 -16
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -33
- package/dist/src/sub/DynamicLayout/types.d.ts +2 -2
- package/package.json +3 -3
- package/release-note.md +3 -3
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +0 -20
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +0 -1115
- package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +0 -139
- package/dist/src/sub/DynamicLayout/compositionActionTypes.js +0 -2
- package/dist/src/sub/DynamicLayout/mock_composition.d.ts +0 -3
- package/dist/src/sub/DynamicLayout/mock_composition.js +0 -755
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +0 -326
- package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +0 -318
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +0 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +0 -31
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +0 -167
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +0 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +0 -184
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +0 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +0 -72
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +0 -50
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +0 -919
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +0 -90
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -143
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +0 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +0 -31
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +0 -167
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +0 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +0 -184
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +0 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +0 -72
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +0 -48
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +0 -855
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +0 -80
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +0 -2
@@ -1,318 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.SAMPLE_SLIDEBANNER_CB = void 0;
|
4
|
-
var mock_composition_1 = require("./mock_composition");
|
5
|
-
var types_1 = require("./sections/CustomSection/types");
|
6
|
-
exports.SAMPLE_SLIDEBANNER_CB = {
|
7
|
-
availablePlugins: [],
|
8
|
-
componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER,
|
9
|
-
dynamicLayoutSectionId: 18662,
|
10
|
-
type: 'GENERAL',
|
11
|
-
id: 188291,
|
12
|
-
blockId: 'CB_188291',
|
13
|
-
jsonProperties: {
|
14
|
-
data: {
|
15
|
-
CB_PLACEMENT_PROP_PLACEMENT: {
|
16
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
|
17
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 10,
|
18
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 24,
|
19
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 24,
|
20
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 10,
|
21
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
|
22
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 10,
|
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_SLIDEBANNER: {
|
30
|
-
// Base properties
|
31
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: 'OPTION_1',
|
32
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: 'OPTION_4',
|
33
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: 'OPTION_20',
|
34
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: 'MEDIUM',
|
35
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: 'OPTION_14',
|
36
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: 'OPTION_20',
|
37
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: 'MEDIUM',
|
38
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: 'OPTION_14',
|
39
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: 'OPTION_16',
|
40
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: 'MEDIUM',
|
41
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: 'NONE',
|
42
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: 'SMALL',
|
43
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: 'NONE',
|
44
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: 5,
|
45
|
-
CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: 'NONE',
|
46
|
-
// Hover state
|
47
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER': 'OPTION_1',
|
48
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER': 'OPTION_4',
|
49
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER': 'OPTION_3',
|
50
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
|
51
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': 'OPTION_14',
|
52
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER': 'OPTION_20',
|
53
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': 'MEDIUM',
|
54
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': 'OPTION_14',
|
55
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER': 'OPTION_16',
|
56
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': 'MEDIUM',
|
57
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': 'NONE',
|
58
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': 'SMALL',
|
59
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': 'NONE',
|
60
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER': 5,
|
61
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER': 'NONE',
|
62
|
-
// Mobile state
|
63
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE': 'OPTION_1',
|
64
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE': 'OPTION_10',
|
65
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE': 'OPTION_19',
|
66
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
|
67
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': 'OPTION_2',
|
68
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE': 'OPTION_1',
|
69
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': 'MEDIUM',
|
70
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': 'OPTION_2',
|
71
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE': 'OPTION_3',
|
72
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': 'MEDIUM',
|
73
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': 'OPTION_2',
|
74
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': 'SMALL',
|
75
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': 'USE',
|
76
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE': 5,
|
77
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE': 'USE',
|
78
|
-
// Mobile hover state
|
79
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER': 'OPTION_1',
|
80
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'OPTION_12',
|
81
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'OPTION_20',
|
82
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'SMALL',
|
83
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
|
84
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': 'OPTION_1',
|
85
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': 'MEDIUM',
|
86
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
|
87
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': 'OPTION_3',
|
88
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': 'MEDIUM',
|
89
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': 'OPTION_2',
|
90
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': 'SMALL',
|
91
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': 'USE',
|
92
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': 5,
|
93
|
-
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': 'NONE'
|
94
|
-
},
|
95
|
-
CB_CONTENT_PROP_SLIDEBANNER: {
|
96
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A',
|
97
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: '아티클:포스트',
|
98
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
|
99
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: '1',
|
100
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: [],
|
101
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: 50,
|
102
|
-
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: 1
|
103
|
-
},
|
104
|
-
CB_STYLE_PROP_BORDER: {
|
105
|
-
CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
|
106
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'SOLID',
|
107
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': 'DASHED',
|
108
|
-
'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': 'DOTTED',
|
109
|
-
CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
|
110
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
|
111
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': 0,
|
112
|
-
'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': 0,
|
113
|
-
CB_STYLE_PROP_BORDER_SPEC_COLOR: '#FF573300',
|
114
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#FF573300',
|
115
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': '#00FF5733',
|
116
|
-
'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': '#5733FF00',
|
117
|
-
CB_STYLE_PROP_BORDER_SPEC_RADIUS: { tl: 5, tr: 5, bl: 5, br: 5 },
|
118
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': { tl: 5, tr: 5, bl: 5, br: 5 },
|
119
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': { tl: 10, tr: 10, bl: 10, br: 10 },
|
120
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': { tl: 15, tr: 15, bl: 15, br: 15 },
|
121
|
-
CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
|
122
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
|
123
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': false,
|
124
|
-
'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': true
|
125
|
-
},
|
126
|
-
CB_STYLE_PROP_SHADOW: {
|
127
|
-
CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
|
128
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
|
129
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
|
130
|
-
'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
|
131
|
-
CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000',
|
132
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#000000',
|
133
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
|
134
|
-
'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
|
135
|
-
CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
|
136
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
|
137
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
|
138
|
-
'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
|
139
|
-
CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
|
140
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
|
141
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
|
142
|
-
'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
|
143
|
-
CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
|
144
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
|
145
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
|
146
|
-
'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
|
147
|
-
CB_STYLE_PROP_SHADOW_SPEC_X: 0,
|
148
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
|
149
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
|
150
|
-
'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
|
151
|
-
CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
|
152
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
|
153
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
|
154
|
-
'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
|
155
|
-
},
|
156
|
-
CB_STYLE_PROP_OPACITY: {
|
157
|
-
CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
|
158
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
|
159
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
|
160
|
-
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
|
161
|
-
},
|
162
|
-
CB_STYLE_PROP_BGCOLOR: {
|
163
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
|
164
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
|
165
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
|
166
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
|
167
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
|
168
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
|
169
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
|
170
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
|
171
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#ff0000',
|
172
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
173
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
|
174
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
175
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
|
176
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
|
177
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
|
178
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
|
179
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'NONE',
|
180
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'NONE',
|
181
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
|
182
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
|
183
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: 'NONE',
|
184
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': 'NONE',
|
185
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
|
186
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
187
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
|
188
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
|
189
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
|
190
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
|
191
|
-
CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
|
192
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'SOLID',
|
193
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
|
194
|
-
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
|
195
|
-
},
|
196
|
-
CB_STYLE_PROP_BGOVERLAY: {
|
197
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 45,
|
198
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#FF573300',
|
199
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#00FF5733',
|
200
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 80,
|
201
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
|
202
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#5733FF00',
|
203
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 20,
|
204
|
-
CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'OVERLAY',
|
205
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 60,
|
206
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': 30,
|
207
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': 90,
|
208
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#AA573300',
|
209
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': '#BBFF5733',
|
210
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': '#CC5733FF',
|
211
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#DD573300',
|
212
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': '#EEFF5733',
|
213
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': '#FF5733FF',
|
214
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 85,
|
215
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': 75,
|
216
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': 95,
|
217
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'RADIAL',
|
218
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': 'LINEAR',
|
219
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': 'CONIC',
|
220
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#11573300',
|
221
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': '#225733FF',
|
222
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': '#3357FF00',
|
223
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 25,
|
224
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': 15,
|
225
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': 35,
|
226
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'BLEND',
|
227
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': 'MIX',
|
228
|
-
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': 'OVERLAY'
|
229
|
-
},
|
230
|
-
CB_STYLE_PROP_BGMEDIA: {
|
231
|
-
// Base properties
|
232
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://example.com/video.mp4',
|
233
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'video',
|
234
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: true,
|
235
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
|
236
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: false,
|
237
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
238
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'center',
|
239
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
|
240
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
|
241
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
|
242
|
-
// Hover state
|
243
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
|
244
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
|
245
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': '.bg-hover',
|
246
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'top',
|
247
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
|
248
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 5,
|
249
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
|
250
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'gif',
|
251
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://example.com/hover-video.mp4',
|
252
|
-
// Mobile state
|
253
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': 55,
|
254
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': 'fill',
|
255
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': '.bg-mobile',
|
256
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': 'bottom',
|
257
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': false,
|
258
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': true,
|
259
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': 10,
|
260
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': true,
|
261
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': 'image',
|
262
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': 'https://example.com/mobile-video.mp4',
|
263
|
-
// Mobile hover state
|
264
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': 70,
|
265
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': 'scale-down',
|
266
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': '.bg-mobile-hover',
|
267
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': 'left',
|
268
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': false,
|
269
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': 15,
|
270
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': false,
|
271
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': 'video',
|
272
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': 'https://example.com/mobile-hover-video.mp4'
|
273
|
-
},
|
274
|
-
CB_LAYOUT_PROP_PADDING: {
|
275
|
-
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
276
|
-
top: 0,
|
277
|
-
right: 0,
|
278
|
-
bottom: 0,
|
279
|
-
left: 0
|
280
|
-
},
|
281
|
-
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
|
282
|
-
top: 0,
|
283
|
-
right: 0,
|
284
|
-
bottom: 0,
|
285
|
-
left: 0
|
286
|
-
},
|
287
|
-
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
288
|
-
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': false
|
289
|
-
},
|
290
|
-
CB_CONTENT_PROP_HOVER: {
|
291
|
-
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
292
|
-
},
|
293
|
-
CB_LAYOUT_PROP_ARRANGE: {
|
294
|
-
CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
|
295
|
-
'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'CENTER',
|
296
|
-
CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
|
297
|
-
'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': undefined
|
298
|
-
},
|
299
|
-
CB_CONTENT_PROP_VISIBILITY: {
|
300
|
-
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
301
|
-
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
302
|
-
},
|
303
|
-
CB_EFFECT_PROP_ENTANIM: {
|
304
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
|
305
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'SLIDEINLEFT',
|
306
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
|
307
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': undefined,
|
308
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
|
309
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': undefined,
|
310
|
-
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
311
|
-
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': undefined
|
312
|
-
}
|
313
|
-
}
|
314
|
-
},
|
315
|
-
queryableDefinitionPreset: 'N/A',
|
316
|
-
queryableTapSrc: 'N/A',
|
317
|
-
compositions: [mock_composition_1.sampleMockComposition2, mock_composition_1.sampleMockComposition1]
|
318
|
-
};
|
@@ -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 ContentsCarouselCoreProps 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 ContentsCarouselCore: import("react").ForwardRefExoticComponent<ContentsCarouselCoreProps & import("react").RefAttributes<SwiperRef>>;
|
17
|
-
export default ContentsCarouselCore;
|
@@ -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 ContentsCarouselCore = (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
|
-
ContentsCarouselCore.displayName = 'ContentsCarouselCore';
|
39
|
-
exports.default = ContentsCarouselCore;
|
@@ -1,31 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
|
3
|
-
export type NavigationOffset = {
|
4
|
-
top?: string;
|
5
|
-
bottom?: string;
|
6
|
-
left?: string;
|
7
|
-
right?: string;
|
8
|
-
translateX?: number;
|
9
|
-
translateY?: number;
|
10
|
-
transformOrigin?: string;
|
11
|
-
};
|
12
|
-
export interface CustomNavigationProps {
|
13
|
-
prevBtnDisabled?: boolean;
|
14
|
-
prevBtnType?: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
|
15
|
-
prevBtnOffset?: NavigationOffset;
|
16
|
-
prevBtnSize?: number;
|
17
|
-
nextBtnDisabled?: boolean;
|
18
|
-
nextBtnType?: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
|
19
|
-
nextBtnOffset?: NavigationOffset;
|
20
|
-
nextBtnSize?: number;
|
21
|
-
onPrevBtnClick?: () => void;
|
22
|
-
onNextBtnClick?: () => void;
|
23
|
-
}
|
24
|
-
export declare const CustomNavigation: ({ prevBtnDisabled, prevBtnType, prevBtnOffset, prevBtnSize, nextBtnDisabled, nextBtnType, nextBtnOffset, nextBtnSize, onPrevBtnClick, onNextBtnClick }: CustomNavigationProps) => JSX.Element;
|
25
|
-
export interface FlexBoxProps {
|
26
|
-
direction?: 'row' | 'column';
|
27
|
-
justifyContent?: string;
|
28
|
-
alignItems?: string;
|
29
|
-
gap?: string;
|
30
|
-
}
|
31
|
-
export default CustomNavigation;
|
@@ -1,167 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
18
|
-
if (k2 === undefined) k2 = k;
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
22
|
-
}
|
23
|
-
Object.defineProperty(o, k2, desc);
|
24
|
-
}) : (function(o, m, k, k2) {
|
25
|
-
if (k2 === undefined) k2 = k;
|
26
|
-
o[k2] = m[k];
|
27
|
-
}));
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
30
|
-
}) : function(o, v) {
|
31
|
-
o["default"] = v;
|
32
|
-
});
|
33
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
34
|
-
if (mod && mod.__esModule) return mod;
|
35
|
-
var result = {};
|
36
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
37
|
-
__setModuleDefault(result, mod);
|
38
|
-
return result;
|
39
|
-
};
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
41
|
-
exports.CustomNavigation = void 0;
|
42
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
|
-
var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
|
44
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
45
|
-
var CustomNavigation = function (_a) {
|
46
|
-
var _b = _a.prevBtnDisabled, prevBtnDisabled = _b === void 0 ? false : _b, _c = _a.prevBtnType, prevBtnType = _c === void 0 ? 'NONE' : _c, _d = _a.prevBtnOffset, prevBtnOffset = _d === void 0 ? { top: '0' } : _d, _e = _a.prevBtnSize, prevBtnSize = _e === void 0 ? 1 : _e, _f = _a.nextBtnDisabled, nextBtnDisabled = _f === void 0 ? false : _f, _g = _a.nextBtnType, nextBtnType = _g === void 0 ? 'NONE' : _g, _h = _a.nextBtnOffset, nextBtnOffset = _h === void 0 ? { top: '0' } : _h, _j = _a.nextBtnSize, nextBtnSize = _j === void 0 ? 1 : _j, onPrevBtnClick = _a.onPrevBtnClick, onNextBtnClick = _a.onNextBtnClick;
|
47
|
-
var getIsSameOffset = function (prevBtnOffset, nextBtnOffset) {
|
48
|
-
return (prevBtnOffset.top === nextBtnOffset.top &&
|
49
|
-
prevBtnOffset.bottom === nextBtnOffset.bottom &&
|
50
|
-
prevBtnOffset.left === nextBtnOffset.left &&
|
51
|
-
prevBtnOffset.right === nextBtnOffset.right &&
|
52
|
-
prevBtnOffset.translateX === nextBtnOffset.translateX &&
|
53
|
-
prevBtnOffset.translateY === nextBtnOffset.translateY &&
|
54
|
-
prevBtnOffset.transformOrigin === nextBtnOffset.transformOrigin);
|
55
|
-
};
|
56
|
-
var isSameOffset = getIsSameOffset(prevBtnOffset, nextBtnOffset);
|
57
|
-
return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
|
58
|
-
switch (prevBtnType) {
|
59
|
-
case 'NONE':
|
60
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
61
|
-
case 'OPTION_2':
|
62
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
63
|
-
case 'OPTION_3':
|
64
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
65
|
-
case 'OPTION_4':
|
66
|
-
case 'OPTION_5':
|
67
|
-
case 'OPTION_6':
|
68
|
-
case 'OPTION_7':
|
69
|
-
case 'OPTION_8':
|
70
|
-
case 'OPTION_9':
|
71
|
-
case 'OPTION_10':
|
72
|
-
case 'OPTION_11':
|
73
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_bold", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
74
|
-
case 'OPTION_12':
|
75
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
76
|
-
case 'OPTION_13':
|
77
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
78
|
-
case 'OPTION_14':
|
79
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
80
|
-
default:
|
81
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
82
|
-
}
|
83
|
-
})() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
|
84
|
-
switch (nextBtnType) {
|
85
|
-
case 'NONE':
|
86
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
87
|
-
case 'OPTION_2':
|
88
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
89
|
-
case 'OPTION_3':
|
90
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
91
|
-
case 'OPTION_4':
|
92
|
-
case 'OPTION_5':
|
93
|
-
case 'OPTION_6':
|
94
|
-
case 'OPTION_7':
|
95
|
-
case 'OPTION_8':
|
96
|
-
case 'OPTION_9':
|
97
|
-
case 'OPTION_10':
|
98
|
-
case 'OPTION_11':
|
99
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_bold", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
100
|
-
case 'OPTION_12':
|
101
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
102
|
-
case 'OPTION_13':
|
103
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
104
|
-
case 'OPTION_14':
|
105
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
|
106
|
-
default:
|
107
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
|
108
|
-
}
|
109
|
-
})() }))] })));
|
110
|
-
};
|
111
|
-
exports.CustomNavigation = CustomNavigation;
|
112
|
-
var S_Navigation = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: ", ";\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n"], ["\n display: ", ";\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n"])), function (_a) {
|
113
|
-
var $offset = _a.$offset;
|
114
|
-
return ($offset ? 'flex' : 'contents');
|
115
|
-
}, function (_a) {
|
116
|
-
var $offset = _a.$offset;
|
117
|
-
return ($offset ? '5px' : 0);
|
118
|
-
}, function (_a) {
|
119
|
-
var $offset = _a.$offset;
|
120
|
-
return ($offset ? 'absolute' : 'static');
|
121
|
-
}, function (_a) {
|
122
|
-
var _b, _c;
|
123
|
-
var $size = _a.$size, $offset = _a.$offset;
|
124
|
-
return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
|
125
|
-
}, function (_a) {
|
126
|
-
var $offset = _a.$offset;
|
127
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset.right, ";") : '');
|
128
|
-
}, function (_a) {
|
129
|
-
var $offset = _a.$offset;
|
130
|
-
return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
|
131
|
-
});
|
132
|
-
var S_PrevButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"], ["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"])), function (_a) {
|
133
|
-
var $offset = _a.$offset;
|
134
|
-
return ($offset ? '5px' : 0);
|
135
|
-
}, function (_a) {
|
136
|
-
var $offset = _a.$offset;
|
137
|
-
return ($offset ? 'absolute' : 'static');
|
138
|
-
}, function (_a) {
|
139
|
-
var _b, _c;
|
140
|
-
var $size = _a.$size, $offset = _a.$offset;
|
141
|
-
return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
|
142
|
-
}, function (_a) {
|
143
|
-
var $offset = _a.$offset;
|
144
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
|
145
|
-
}, function (_a) {
|
146
|
-
var $offset = _a.$offset;
|
147
|
-
return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
|
148
|
-
});
|
149
|
-
var S_NextButton = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"], ["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"])), function (_a) {
|
150
|
-
var $offset = _a.$offset;
|
151
|
-
return ($offset ? '5px' : 0);
|
152
|
-
}, function (_a) {
|
153
|
-
var $offset = _a.$offset;
|
154
|
-
return ($offset ? 'absolute' : 'static');
|
155
|
-
}, function (_a) {
|
156
|
-
var _b, _c;
|
157
|
-
var $size = _a.$size, $offset = _a.$offset;
|
158
|
-
return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
|
159
|
-
}, function (_a) {
|
160
|
-
var $offset = _a.$offset;
|
161
|
-
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
|
162
|
-
}, function (_a) {
|
163
|
-
var $offset = _a.$offset;
|
164
|
-
return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
|
165
|
-
});
|
166
|
-
exports.default = exports.CustomNavigation;
|
167
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
@@ -1,26 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
|
3
|
-
export interface CustomPaginationProps {
|
4
|
-
current?: number;
|
5
|
-
total?: number;
|
6
|
-
type?: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
|
7
|
-
offset?: {
|
8
|
-
top?: string;
|
9
|
-
bottom?: string;
|
10
|
-
left?: string;
|
11
|
-
right?: string;
|
12
|
-
translateX?: number;
|
13
|
-
translateY?: number;
|
14
|
-
transformOrigin?: string;
|
15
|
-
};
|
16
|
-
size?: number;
|
17
|
-
onBulletClick?: (index: number) => void;
|
18
|
-
}
|
19
|
-
export declare const CustomPagination: ({ current, total, type, offset, size, onBulletClick }: CustomPaginationProps) => JSX.Element;
|
20
|
-
export interface FlexBoxProps {
|
21
|
-
direction?: 'row' | 'column';
|
22
|
-
justifyContent?: string;
|
23
|
-
alignItems?: string;
|
24
|
-
gap?: string;
|
25
|
-
}
|
26
|
-
export default CustomPagination;
|