pds-dev-kit-web-test 0.2.24 → 0.2.26

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 (14) hide show
  1. package/dist/src/common/styles/colorSet/index.d.ts +835 -835
  2. package/dist/src/common/styles/colorSet/index.js +3 -3
  3. package/dist/src/sub/DynamicLayout/components/Section/Section.d.ts +2 -4
  4. package/dist/src/sub/DynamicLayout/components/Section/Section.js +2 -3
  5. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.js +1 -1
  6. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +368 -7
  7. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +350 -5
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -1
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +14 -12
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js +2 -2
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.js +1 -1
  12. package/dist/src/sub/DynamicLayout/types.d.ts +1 -0
  13. package/package.json +1 -1
  14. package/release-note.md +3 -5
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -122,6 +122,356 @@ exports.pages0803PreviewSections = [
122
122
  queryableDefinitionPreset: 'N/A',
123
123
  queryableTapSrc: 'N/A',
124
124
  updatedAt: '2023-08-06T13:30:49'
125
+ },
126
+ {
127
+ availablePlugins: [],
128
+ componentBlockCode: 'CB_BTN',
129
+ componentBlockType: 'GENERAL',
130
+ dynamicLayoutSectionId: 18661,
131
+ id: 3700,
132
+ insertedAt: '2023-08-06T13:30:47',
133
+ jsonProperties: {
134
+ currentVersion: '2023-08-03',
135
+ data: {
136
+ CB_CONTENT_PROP_CLINK: {
137
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
138
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
139
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'EXTERNAL'
140
+ },
141
+ CB_CONTENT_PROP_HOVER: {
142
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
143
+ },
144
+ CB_CONTENT_PROP_TEXT: {
145
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'Button'
146
+ },
147
+ CB_CONTENT_PROP_VISIBILITY: {
148
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
149
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
150
+ },
151
+ CB_EFFECT_PROP_ENTANIM: {
152
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
153
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
154
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
155
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0.7,
156
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
157
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0,
158
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
159
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT'
160
+ },
161
+ CB_LAYOUT_PROP_ARRANGE: {
162
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
163
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
164
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
165
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
166
+ },
167
+ CB_LAYOUT_PROP_PADDING: {
168
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
169
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
170
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
171
+ bottom: 0,
172
+ left: 0,
173
+ right: 0,
174
+ top: 0
175
+ },
176
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
177
+ },
178
+ CB_PLACEMENT_PROP_PLACEMENT: {
179
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 3,
180
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 3,
181
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
182
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 1,
183
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 7,
184
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 7,
185
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 5,
186
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 5,
187
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
188
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
189
+ },
190
+ CB_STYLE_PROP_BORDER: {
191
+ CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
192
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#333333FF',
193
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
194
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
195
+ CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
196
+ bl: 24,
197
+ br: 24,
198
+ tl: 24,
199
+ tr: 24
200
+ },
201
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': {
202
+ bl: 24,
203
+ br: 24,
204
+ tl: 24,
205
+ tr: 24
206
+ },
207
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
208
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
209
+ CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
210
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
211
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
212
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
213
+ CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
214
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'NONE',
215
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
216
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
217
+ CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
218
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 2,
219
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
220
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
221
+ },
222
+ CB_STYLE_PROP_BTNCOLOR: {
223
+ CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE: 90,
224
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': 90,
225
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': null,
226
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
227
+ CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR: '#455EEFFF',
228
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
229
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': null,
230
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
231
+ CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
232
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
233
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': null,
234
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
235
+ CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC: 100,
236
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': 100,
237
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': null,
238
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
239
+ CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT: 'LINEAR',
240
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
241
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': null,
242
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
243
+ CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
244
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
245
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': null,
246
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
247
+ CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC: 0,
248
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': 0,
249
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': null,
250
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
251
+ CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE: 'SOLID',
252
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': 'SOLID',
253
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': null,
254
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': null
255
+ },
256
+ CB_STYLE_PROP_BTNTEXT: {
257
+ CB_STYLE_PROP_BTNTEXT_SPEC_COLOR: '#FFFFFFFF',
258
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': '#FFFFFFFF',
259
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': null,
260
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': null,
261
+ CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING: 0,
262
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': 0,
263
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': null,
264
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
265
+ CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT: 130,
266
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': 130,
267
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': null,
268
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
269
+ CB_STYLE_PROP_BTNTEXT_SPEC_SIZE: 16,
270
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': 16,
271
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': null,
272
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': null,
273
+ CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE: 'PRETENDARD',
274
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': 'PRETENDARD',
275
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': null,
276
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
277
+ CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT: 500,
278
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': 500,
279
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': null,
280
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': null
281
+ },
282
+ CB_STYLE_PROP_OPACITY: {
283
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
284
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 70,
285
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
286
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
287
+ },
288
+ CB_STYLE_PROP_SHADOW: {
289
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
290
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
291
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
292
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
293
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
294
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
295
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
296
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
297
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
298
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
299
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
300
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
301
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
302
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
303
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
304
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
305
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
306
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
307
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
308
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
309
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
310
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
311
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
312
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
313
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
314
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
315
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
316
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
317
+ }
318
+ },
319
+ minVersion: '2023-08-03',
320
+ version: '2023-08-03'
321
+ },
322
+ queryableDefinitionPreset: 'N/A',
323
+ queryableTapSrc: 'N/A',
324
+ updatedAt: '2023-08-06T13:30:49'
325
+ },
326
+ {
327
+ availablePlugins: [],
328
+ componentBlockCode: 'CB_IMG',
329
+ componentBlockType: 'GENERAL',
330
+ dynamicLayoutSectionId: 18661,
331
+ id: 3600,
332
+ insertedAt: '2023-08-06T13:30:47',
333
+ jsonProperties: {
334
+ currentVersion: '2023-08-03',
335
+ data: {
336
+ CB_CONTENT_PROP_CLINK: {
337
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
338
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
339
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'EXTERNAL'
340
+ },
341
+ CB_CONTENT_PROP_HOVER: {
342
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
343
+ },
344
+ CB_CONTENT_PROP_IMAGE: {
345
+ CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: 'https://static.publ.site/pages-sample/img_cb_content_prop_image_spec_selector_01.png'
346
+ },
347
+ CB_CONTENT_PROP_VISIBILITY: {
348
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
349
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
350
+ },
351
+ CB_PLACEMENT_PROP_PLACEMENT: {
352
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 8,
353
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 7,
354
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 2,
355
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
356
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 5,
357
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 5,
358
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 3,
359
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 3,
360
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
361
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
362
+ },
363
+ CB_STYLE_PROP_BORDER: {
364
+ CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
365
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#333333FF',
366
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
367
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
368
+ CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
369
+ bl: 0,
370
+ br: 0,
371
+ tl: 0,
372
+ tr: 0
373
+ },
374
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': {
375
+ bl: 0,
376
+ br: 0,
377
+ tl: 0,
378
+ tr: 0
379
+ },
380
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
381
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
382
+ CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
383
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
384
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
385
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
386
+ CB_STYLE_PROP_BORDER_SPEC_STYLE: 'NONE',
387
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'NONE',
388
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
389
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
390
+ CB_STYLE_PROP_BORDER_SPEC_WIDTH: 2,
391
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 2,
392
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
393
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
394
+ },
395
+ CB_STYLE_PROP_IMAGE: {
396
+ CB_STYLE_PROP_IMAGE_SPEC_FIT: 'COVER',
397
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': 'COVER',
398
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': null,
399
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': null,
400
+ CB_STYLE_PROP_IMAGE_SPEC_POSITION: 'CC',
401
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': 'CC',
402
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': null,
403
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': null
404
+ },
405
+ CB_STYLE_PROP_OPACITY: {
406
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
407
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 50,
408
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
409
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
410
+ },
411
+ CB_STYLE_PROP_SHADOW: {
412
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
413
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
414
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
415
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
416
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
417
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
418
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
419
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
420
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
421
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
422
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
423
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
424
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
425
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
426
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
427
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
428
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
429
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
430
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
431
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
432
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
433
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
434
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
435
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
436
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
437
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
438
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
439
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
440
+ },
441
+ CB_LAYOUT_PROP_ARRANGE: {
442
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
443
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
444
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
445
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
446
+ },
447
+ CB_LAYOUT_PROP_PADDING: {
448
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
449
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
450
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
451
+ bottom: 0,
452
+ left: 0,
453
+ right: 0,
454
+ top: 0
455
+ },
456
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
457
+ },
458
+ CB_EFFECT_PROP_ENTANIM: {
459
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
460
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'NONE',
461
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
462
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': 0.7,
463
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
464
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': 0,
465
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
466
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT'
467
+ }
468
+ },
469
+ minVersion: '2023-08-03',
470
+ version: '2023-08-03'
471
+ },
472
+ queryableDefinitionPreset: 'N/A',
473
+ queryableTapSrc: 'N/A',
474
+ updatedAt: '2023-08-06T13:30:49'
125
475
  }
126
476
  ],
127
477
  display: true,
@@ -294,11 +644,6 @@ exports.pages0803PreviewSections = [
294
644
  'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
295
645
  }
296
646
  },
297
- migrations: {
298
- '2023-08-03': {
299
- MG_TASK_0001_20230803_INIT: '2023-08-06'
300
- }
301
- },
302
647
  minVersion: '2023-08-03',
303
648
  version: '2023-08-03'
304
649
  },
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -170,13 +170,14 @@ function CustomSection(props) {
170
170
  setRowHeight(cellWidth * 0.56);
171
171
  };
172
172
  var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
173
+ var breakpoints = device === 'DESKTOP' ? { lg: 100, sm: 0 } : { lg: 1200, sm: 480 };
173
174
  return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
174
175
  minHeight: customSectionStyles.minHeight,
175
176
  paddingTop: padding.top,
176
177
  paddingBottom: padding.bottom,
177
178
  paddingRight: padding.right,
178
179
  paddingLeft: padding.left
179
- } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: { lg: 800, sm: 480 }, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
180
+ } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
180
181
  width: customSectionStyles.width,
181
182
  minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX
182
183
  }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: (componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js CHANGED
@@ -45,18 +45,20 @@ var hooks_1 = require("../../../../hooks");
45
45
  var util_1 = require("../../../../util");
46
46
  var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
47
47
  var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
48
+ var S_HiddenCover_1 = require("../components/S_HiddenCover");
48
49
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
49
50
  function Image(props) {
50
- var device = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).device;
51
- var CB_CONTENT_PROP_IMAGE = props.CB_CONTENT_PROP_IMAGE, _a = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _a.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _a.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _a.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _a.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
52
- var _b = (0, useCLINK_1.default)({
51
+ var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
52
+ var CB_CONTENT_PROP_IMAGE = props.CB_CONTENT_PROP_IMAGE, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
53
+ var _c = (0, useCLINK_1.default)({
53
54
  src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
54
55
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
55
56
  openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
56
57
  internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
57
- }), onClickCLINK = _b.onClickCLINK, CLINKCursor = _b.CLINKCursor;
58
- var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
59
- var _d = parseImageCBStyle(style, hoverStyle), boxStyle = _d.boxStyle, imgStyle = _d.imgStyle;
58
+ }), onClickCLINK = _c.onClickCLINK, CLINKCursor = _c.CLINKCursor;
59
+ var _d = (0, util_1.parseProperties)(props, device), style = _d.style, hoverStyle = _d.hoverStyle, layout = _d.layout, effect = _d.effect;
60
+ var _e = parseImageCBStyle(style, hoverStyle, mode), boxStyle = _e.boxStyle, imgStyle = _e.imgStyle;
61
+ var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
60
62
  var cbRef = (0, react_1.useRef)(null);
61
63
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
62
64
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
@@ -64,9 +66,9 @@ function Image(props) {
64
66
  var hasEffect = CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
65
67
  CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
66
68
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
67
- return ((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_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, ref: cbRef, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, __assign({ src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }, { children: (0, jsx_runtime_1.jsx)("img", { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, style: { visibility: 'hidden', width: '100%', height: '100%' } }, void 0) }), void 0) }), void 0) }), void 0) }), void 0));
69
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}, void 0), (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_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, ref: cbRef, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, __assign({ src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }, { children: (0, jsx_runtime_1.jsx)("img", { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, style: { visibility: 'hidden', width: '100%', height: '100%' } }, void 0) }), void 0) }), void 0) }), void 0) }), void 0)] }, void 0));
68
70
  }
69
- function parseImageCBStyle(style, hoverStyle) {
71
+ function parseImageCBStyle(style, hoverStyle, mode) {
70
72
  var boxStyle = {
71
73
  normal: {
72
74
  borderBottomRightRadius: style.borderBottomRightRadius,
@@ -76,8 +78,8 @@ function parseImageCBStyle(style, hoverStyle) {
76
78
  borderColor: style.borderColor,
77
79
  borderStyle: style.borderStyle,
78
80
  borderWidth: style.borderWidth,
79
- visibility: style.visibility,
80
- opacity: style.visibility,
81
+ visibility: mode === 'EDIT' ? 'visible' : style.visibility,
82
+ opacity: style.opacity,
81
83
  boxShadow: style.boxShadow
82
84
  },
83
85
  hover: {
@@ -88,8 +90,8 @@ function parseImageCBStyle(style, hoverStyle) {
88
90
  borderColor: hoverStyle.borderColor,
89
91
  borderStyle: hoverStyle.borderStyle,
90
92
  borderWidth: hoverStyle.borderWidth,
91
- visibility: hoverStyle.visibility,
92
- opacity: hoverStyle.visibility,
93
+ visibility: mode === 'EDIT' ? 'visible' : hoverStyle.visibility,
94
+ opacity: hoverStyle.opacity,
93
95
  boxShadow: hoverStyle.boxShadow
94
96
  }
95
97
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js CHANGED
@@ -39,11 +39,11 @@ function parseStyleColorToCSSProp(_a) {
39
39
  exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
40
40
  function getBtnColorStyles(value, cbName) {
41
41
  if (value["CB_STYLE_PROP_" + cbName + "_SPEC_TYPE"] === 'NONE') {
42
- return { backgroundColor: 'none' };
42
+ return { background: 'none' };
43
43
  }
44
44
  if (value["CB_STYLE_PROP_" + cbName + "_SPEC_TYPE"] === 'SOLID') {
45
45
  var style = {
46
- backgroundColor: value["CB_STYLE_PROP_" + cbName + "_SPEC_COLOR"]
46
+ background: value["CB_STYLE_PROP_" + cbName + "_SPEC_COLOR"]
47
47
  };
48
48
  return style;
49
49
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.js CHANGED
@@ -84,7 +84,7 @@ function valueGenerator(valueSet, device) {
84
84
  return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
85
85
  }
86
86
  case 'SOLID':
87
- return "" + valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
87
+ return "" + valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE'];
88
88
  case 'NONE':
89
89
  return 'transparent';
90
90
  default:
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -223,6 +223,7 @@ export declare type DynamicLayoutProps = {
223
223
  onClickEditSection?: (section: ISection) => void;
224
224
  sectionActionHandler?: (action: TypeOfSectionAction) => void;
225
225
  programmedSectionComponents?: IProgrammedSectionComponents;
226
+ width?: number;
226
227
  };
227
228
  export declare type NavHandlerAction = {
228
229
  openNewTab: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.2.24",
3
+ "version": "0.2.26",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,9 +1,7 @@
1
1
  # pds-dev-kit-web-test Release Notes
2
- ## [v0.2.24]
3
- ## 기준 pds-dev-kit-web 버전 @2.0.16
2
+ ## [v0.2.26]
3
+ ## 기준 pds-dev-kit-web 버전 @2.1.20
4
4
 
5
5
  ### sub
6
6
  * DynamicLayout - custom section
7
- * image 구조 변경 및 overflow hidden 부여
8
- ### Color
9
- * 컬러 키 값 23.08.07 12시 22분 기준 싱크
7
+ * 특정 너비 이하에서 튕기는 이슈 픽스