pds-dev-kit-web-test 2.5.361 → 2.5.362

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 (25) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +4 -3
  2. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -7
  3. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -2
  4. package/dist/src/sub/DynamicLayout/mock_composition.js +0 -4
  5. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1 -3
  6. package/dist/src/sub/DynamicLayout/mock_contentsList.js +1 -3
  7. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +1 -3
  8. package/dist/src/sub/DynamicLayout/mocks.d.ts +644 -53
  9. package/dist/src/sub/DynamicLayout/mocks.js +4239 -4271
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -3
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +0 -11
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +4 -11
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -11
  16. package/dist/src/sub/DynamicLayout/types.d.ts +0 -9
  17. package/package.json +1 -1
  18. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +0 -8
  19. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +0 -61
  20. package/dist/src/sub/DynamicLayout/mock_video.d.ts +0 -368
  21. package/dist/src/sub/DynamicLayout/mock_video.js +0 -371
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +0 -5
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +0 -122
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +0 -1
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +0 -9
@@ -1,371 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MOCK_VIDEO_CB_2 = exports.MOCK_VIDEO_CB = void 0;
4
- exports.MOCK_VIDEO_CB = {
5
- availablePlugins: [],
6
- blockId: 'CB_191877',
7
- componentBlockCode: 'CB_VIDEOPLAYER',
8
- componentBlockType: 'GENERAL',
9
- compositions: [],
10
- dynamicLayoutSectionId: 31271,
11
- id: 191877,
12
- insertedAt: '2025-05-14T07:13:24',
13
- jsonProperties: {
14
- currentVersion: '2025-01-10',
15
- data: {
16
- CB_CONTENT_PROP_HOVER: {
17
- CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
18
- },
19
- CB_CONTENT_PROP_VIDEO: {
20
- CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: 'NONE',
21
- CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: 5,
22
- CB_CONTENT_PROP_VIDEO_SPEC_MPLAY: true,
23
- CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: true,
24
- CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: 'https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4',
25
- CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: 0,
26
- CB_CONTENT_PROP_VIDEO_SPEC_THUMB: 'https://media.istockphoto.com/id/520700958/ko/%EC%82%AC%EC%A7%84/%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4-%EA%BD%83-%EB%B0%B0%EA%B2%BD%EA%B8%B0%EC%88%A0.jpg?s=612x612&w=0&k=20&c=gJx5-O9U1qXKZqKwv4KunrBae7RDNRcdse1nOdSk_0w=',
27
- CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE',
28
- CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE: 'VALUE'
29
- },
30
- CB_CONTENT_PROP_VISIBILITY: {
31
- CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
32
- CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
33
- },
34
- CB_EFFECT_PROP_ENTANIM: {
35
- CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
36
- 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
37
- CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
38
- 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
39
- CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
40
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
41
- CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
42
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
43
- },
44
- CB_EFFECT_PROP_HOVERANIM: {
45
- CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
46
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
47
- CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
48
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
49
- CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
50
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
51
- CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
52
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
53
- },
54
- CB_LAYOUT_PROP_ARRANGE: {
55
- CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
56
- 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null,
57
- CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
58
- 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
59
- },
60
- CB_LAYOUT_PROP_PADDING: {
61
- CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
62
- 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
63
- CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
64
- bottom: 0,
65
- left: 0,
66
- right: 0,
67
- top: 0
68
- },
69
- 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
70
- },
71
- CB_PLACEMENT_PROP_PLACEMENT: {
72
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 12,
73
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
74
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 9,
75
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 9,
76
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
77
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
78
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 2,
79
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 2,
80
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
81
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
82
- },
83
- CB_STYLE_PROP_BGCOLOR: {
84
- CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
85
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null,
86
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
87
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
88
- CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
89
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null,
90
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
91
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
92
- CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
93
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null,
94
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
95
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
96
- CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
97
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': null,
98
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
99
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
100
- CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
101
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': null,
102
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
103
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
104
- CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
105
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': null,
106
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
107
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
108
- CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
109
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null,
110
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
111
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
112
- CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'NONE',
113
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null,
114
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
115
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
116
- },
117
- CB_STYLE_PROP_BORDER: {
118
- CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
119
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null,
120
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
121
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
122
- CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
123
- bl: 0,
124
- br: 0,
125
- tl: 0,
126
- tr: 0
127
- },
128
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null,
129
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
130
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
131
- CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
132
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null,
133
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
134
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
135
- CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
136
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null,
137
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
138
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
139
- CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
140
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null,
141
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
142
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
143
- },
144
- CB_STYLE_PROP_OPACITY: {
145
- CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
146
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
147
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
148
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
149
- },
150
- CB_STYLE_PROP_SHADOW: {
151
- CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
152
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
153
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
154
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
155
- CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
156
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
157
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
158
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
159
- CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
160
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null,
161
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
162
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
163
- CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
164
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
165
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
166
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
167
- CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
168
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null,
169
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
170
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
171
- CB_STYLE_PROP_SHADOW_SPEC_X: 0,
172
- 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
173
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
174
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
175
- CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
176
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null,
177
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
178
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
179
- }
180
- },
181
- minVersion: '2023-08-03',
182
- version: '2025-01-10'
183
- },
184
- queryableDefinitionPreset: 'N/A',
185
- queryableTapSrc: 'N/A',
186
- updatedAt: '2025-05-14T07:13:24'
187
- };
188
- exports.MOCK_VIDEO_CB_2 = {
189
- availablePlugins: [],
190
- blockId: 'CB_191878',
191
- componentBlockCode: 'CB_VIDEOPLAYER',
192
- componentBlockType: 'GENERAL',
193
- compositions: [],
194
- dynamicLayoutSectionId: 31271,
195
- id: 191878,
196
- insertedAt: '2025-05-14T07:13:24',
197
- jsonProperties: {
198
- currentVersion: '2025-01-10',
199
- data: {
200
- CB_CONTENT_PROP_HOVER: {
201
- CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
202
- },
203
- CB_CONTENT_PROP_VIDEO: {
204
- CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: 'NONE',
205
- CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: 5,
206
- CB_CONTENT_PROP_VIDEO_SPEC_MPLAY: true,
207
- CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: true,
208
- CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: 'https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4',
209
- CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: 0,
210
- CB_CONTENT_PROP_VIDEO_SPEC_THUMB: 'https://media.istockphoto.com/id/520700958/ko/%EC%82%AC%EC%A7%84/%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4-%EA%BD%83-%EB%B0%B0%EA%B2%BD%EA%B8%B0%EC%88%A0.jpg?s=612x612&w=0&k=20&c=gJx5-O9U1qXKZqKwv4KunrBae7RDNRcdse1nOdSk_0w=',
211
- CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE',
212
- CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE: 'VALUE'
213
- },
214
- CB_CONTENT_PROP_VISIBILITY: {
215
- CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
216
- CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
217
- },
218
- CB_EFFECT_PROP_ENTANIM: {
219
- CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
220
- 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
221
- CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
222
- 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
223
- CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
224
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
225
- CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
226
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
227
- },
228
- CB_EFFECT_PROP_HOVERANIM: {
229
- CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
230
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
231
- CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
232
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
233
- CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
234
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
235
- CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
236
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
237
- },
238
- CB_LAYOUT_PROP_ARRANGE: {
239
- CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
240
- 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null,
241
- CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
242
- 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
243
- },
244
- CB_LAYOUT_PROP_PADDING: {
245
- CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
246
- 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
247
- CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
248
- bottom: 0,
249
- left: 0,
250
- right: 0,
251
- top: 0
252
- },
253
- 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
254
- },
255
- CB_PLACEMENT_PROP_PLACEMENT: {
256
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 12,
257
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
258
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 9,
259
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 9,
260
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
261
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
262
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 20,
263
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 2,
264
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
265
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
266
- },
267
- CB_STYLE_PROP_BGCOLOR: {
268
- CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
269
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null,
270
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
271
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
272
- CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
273
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null,
274
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
275
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
276
- CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
277
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null,
278
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
279
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
280
- CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
281
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': null,
282
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
283
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
284
- CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
285
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': null,
286
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
287
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
288
- CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
289
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': null,
290
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
291
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
292
- CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
293
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null,
294
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
295
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
296
- CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'NONE',
297
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null,
298
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
299
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
300
- },
301
- CB_STYLE_PROP_BORDER: {
302
- CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
303
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null,
304
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
305
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
306
- CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
307
- bl: 0,
308
- br: 0,
309
- tl: 0,
310
- tr: 0
311
- },
312
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null,
313
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
314
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
315
- CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
316
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null,
317
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
318
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
319
- CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
320
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null,
321
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
322
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
323
- CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
324
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null,
325
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
326
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
327
- },
328
- CB_STYLE_PROP_OPACITY: {
329
- CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
330
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
331
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
332
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
333
- },
334
- CB_STYLE_PROP_SHADOW: {
335
- CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
336
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
337
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
338
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
339
- CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
340
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
341
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
342
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
343
- CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
344
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null,
345
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
346
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
347
- CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
348
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
349
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
350
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
351
- CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
352
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null,
353
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
354
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
355
- CB_STYLE_PROP_SHADOW_SPEC_X: 0,
356
- 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
357
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
358
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
359
- CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
360
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null,
361
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
362
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
363
- }
364
- },
365
- minVersion: '2023-08-03',
366
- version: '2025-01-10'
367
- },
368
- queryableDefinitionPreset: 'N/A',
369
- queryableTapSrc: 'N/A',
370
- updatedAt: '2025-05-14T07:13:24'
371
- };
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import type { CB_VIDEOPLAYER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
3
- type Props = CB_VIDEOPLAYER_PROPERTIES_TYPE & IndexForIntersection;
4
- declare function VideoPlayer(props: Props): JSX.Element;
5
- export default VideoPlayer;
@@ -1,122 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- var jsx_runtime_1 = require("react/jsx-runtime");
22
- var react_1 = require("react");
23
- var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
24
- var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
25
- var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
26
- var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
27
- var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
28
- var styled_components_1 = __importDefault(require("styled-components"));
29
- var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
30
- var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
31
- var S_HiddenCover_1 = require("../components/S_HiddenCover");
32
- function VideoPlayer(props) {
33
- var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
34
- var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
35
- var CB_CONTENT_PROP_VIDEO = props.CB_CONTENT_PROP_VIDEO;
36
- var index = props.index, CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
37
- var isEditMode = mode === 'EDIT';
38
- var _b = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _b.style, bgColorHoverStyle = _b.hoverStyle;
39
- var _c = (0, util_1.parseProperties)(props, device), propsStyle = _c.style, propsHoverStyle = _c.hoverStyle, layoutStyle = _c.layout, effect = _c.effect;
40
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
41
- if (mode === 'EDIT') {
42
- propsStyle.visibility = 'visible';
43
- }
44
- var cbRef = (0, react_1.useRef)(null);
45
- var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
46
- index
47
- ]);
48
- var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
49
- var effectCssProperties = isVisible ? effect : {};
50
- var isNoneEffectType = device === 'DESKTOP'
51
- ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
52
- : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
53
- var hasEffect = !isNoneEffectType;
54
- var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
55
- var CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA, CB_CONTENT_PROP_VIDEO_SPEC_MPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MPLAY, CB_CONTENT_PROP_VIDEO_SPEC_REPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_REPLAY, CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_TYPE = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_TYPE, CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE;
56
- var getVideoSrc = function () {
57
- if (CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE === 'DATA') {
58
- if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
59
- return "ERROR: QueryData NOT FOUND";
60
- }
61
- var src = queryContext.queryData[CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA];
62
- return src;
63
- }
64
- return CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR;
65
- };
66
- var videoRef = (0, react_1.useRef)(null);
67
- (0, react_1.useEffect)(function () {
68
- var video = videoRef.current;
69
- if (!video)
70
- return;
71
- // 시작 시간으로 이동
72
- var handleLoadedMetadata = function () {
73
- if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
74
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
75
- video.play();
76
- }
77
- };
78
- // 구간 반복
79
- var handleTimeUpdate = function () {
80
- if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number' &&
81
- typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number') {
82
- if (video.currentTime < CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME) {
83
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
84
- }
85
- if (video.currentTime >= CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME) {
86
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
87
- video.play();
88
- }
89
- }
90
- };
91
- video.addEventListener('loadedmetadata', handleLoadedMetadata);
92
- video.addEventListener('timeupdate', handleTimeUpdate);
93
- return function () {
94
- video.removeEventListener('loadedmetadata', handleLoadedMetadata);
95
- video.removeEventListener('timeupdate', handleTimeUpdate);
96
- };
97
- }, [
98
- CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME,
99
- CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME,
100
- CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR
101
- ]);
102
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: (0, jsx_runtime_1.jsxs)(S_Video, __assign({ isEditMode: isEditMode, ref: videoRef, controls: !isEditMode, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, preload: "auto", loop: false, muted: true }, { children: [(0, jsx_runtime_1.jsx)("source", { src: getVideoSrc(), type: "video/mp4" }), "Your browser does not support the video tag."] }), CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR) })) }))] }));
103
- }
104
- function getBGColorStyles(props, device) {
105
- var availableSpecCodes = [
106
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
107
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
108
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
109
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
110
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
111
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
112
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
113
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
114
- ];
115
- return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
116
- }
117
- var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"], ["\n height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"])), function (_a) {
118
- var isEditMode = _a.isEditMode;
119
- return (isEditMode ? 'none' : 'auto');
120
- });
121
- exports.default = VideoPlayer;
122
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { default as VideoPlayer } from './VideoPlayer';
@@ -1,9 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.VideoPlayer = void 0;
7
- // export { default as VideoPlayer } from './VideoPlayer';
8
- var VideoPlayer_1 = require("./VideoPlayer");
9
- Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });