pds-dev-kit-web-test 2.5.321 → 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.
Files changed (62) hide show
  1. package/dist/src/common/hooks/useTooltip.js +1 -1
  2. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  3. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  4. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -3
  5. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +31 -31
  6. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
  7. package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -5
  8. package/dist/src/sub/DynamicLayout/mocks.js +10 -34
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -3
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +2 -8
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +2 -7
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +21 -1
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +2 -2
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -144
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +0 -27
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +5 -14
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -33
  20. package/dist/src/sub/DynamicLayout/types.d.ts +2 -2
  21. package/package.json +3 -3
  22. package/release-note.md +2 -2
  23. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +0 -20
  24. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +0 -1115
  25. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +0 -139
  26. package/dist/src/sub/DynamicLayout/compositionActionTypes.js +0 -2
  27. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +0 -3
  28. package/dist/src/sub/DynamicLayout/mock_composition.js +0 -755
  29. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +0 -2
  30. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +0 -326
  31. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +0 -2
  32. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +0 -318
  33. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +0 -17
  34. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +0 -39
  35. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +0 -31
  36. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +0 -167
  37. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +0 -26
  38. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +0 -184
  39. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +0 -19
  40. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +0 -72
  41. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +0 -50
  42. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +0 -919
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +0 -90
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +0 -2
  47. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +0 -8
  48. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -143
  49. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +0 -15
  50. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +0 -39
  51. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +0 -31
  52. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +0 -167
  53. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +0 -26
  54. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +0 -184
  55. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +0 -19
  56. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +0 -72
  57. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +0 -1
  58. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +0 -8
  59. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +0 -48
  60. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +0 -855
  61. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +0 -80
  62. 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_SLIDE_BANNER_CB = void 0;
4
- var mock_composition_1 = require("./mock_composition");
5
- var types_1 = require("./sections/CustomSection/types");
6
- exports.SAMPLE_SLIDE_BANNER_CB = {
7
- availablePlugins: [],
8
- componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDE_BANNER,
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_SLIDE_BANNER: {
30
- // Base properties
31
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE: 'OPTION_1',
32
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE: 'OPTION_4',
33
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION: 'OPTION_20',
34
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE: 'MEDIUM',
35
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE: 'OPTION_14',
36
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION: 'OPTION_20',
37
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE: 'MEDIUM',
38
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE: 'OPTION_14',
39
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION: 'OPTION_16',
40
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE: 'MEDIUM',
41
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR: 'NONE',
42
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE: 'SMALL',
43
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE: 'NONE',
44
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME: 5,
45
- CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL: 'NONE',
46
- // Hover state
47
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:HOVER': 'OPTION_1',
48
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:HOVER': 'OPTION_4',
49
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:HOVER': 'OPTION_3',
50
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
51
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:HOVER': 'OPTION_14',
52
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:HOVER': 'OPTION_20',
53
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:HOVER': 'MEDIUM',
54
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:HOVER': 'OPTION_14',
55
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:HOVER': 'OPTION_16',
56
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:HOVER': 'MEDIUM',
57
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:HOVER': 'NONE',
58
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:HOVER': 'SMALL',
59
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:HOVER': 'NONE',
60
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:HOVER': 5,
61
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:HOVER': 'NONE',
62
- // Mobile state
63
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:MOBILE': 'OPTION_1',
64
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:MOBILE': 'OPTION_10',
65
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:MOBILE': 'OPTION_19',
66
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
67
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:MOBILE': 'OPTION_2',
68
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:MOBILE': 'OPTION_1',
69
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:MOBILE': 'MEDIUM',
70
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:MOBILE': 'OPTION_2',
71
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:MOBILE': 'OPTION_3',
72
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:MOBILE': 'MEDIUM',
73
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:MOBILE': 'OPTION_2',
74
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:MOBILE': 'SMALL',
75
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:MOBILE': 'USE',
76
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:MOBILE': 5,
77
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:MOBILE': 'USE',
78
- // Mobile hover state
79
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:MOBILE:HOVER': 'OPTION_1',
80
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'OPTION_12',
81
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'OPTION_20',
82
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'SMALL',
83
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
84
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': 'OPTION_1',
85
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': 'MEDIUM',
86
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
87
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': 'OPTION_3',
88
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': 'MEDIUM',
89
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': 'OPTION_2',
90
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': 'SMALL',
91
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': 'USE',
92
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': 5,
93
- 'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': 'NONE'
94
- },
95
- CB_CONTENT_PROP_SLIDE_BANNER: {
96
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_VALUE_TYPE: 'A',
97
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_CONNECT_DATA: '아티클:포스트',
98
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DATASORTING: '최신순',
99
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_OFFSET: '1',
100
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_MENUALITEM: [],
101
- CB_CONTENT_PROP_SLIDE_BANNER_SPEC_ITEMCOUNTS: 50,
102
- CB_CONTENT_PROP_SLIDE_BANNER_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;