pds-dev-kit-web-test 0.2.32 → 0.2.34

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 (49) hide show
  1. package/dist/index.d.ts +3 -3
  2. package/dist/index.js +3 -2
  3. package/dist/src/common/assets/icons/fill/PageSetting.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/PageSetting.js +30 -0
  5. package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
  6. package/dist/src/common/assets/icons/fill/index.js +2 -0
  7. package/dist/src/common/assets/icons/line/BlockUser.d.ts +4 -0
  8. package/dist/src/common/assets/icons/line/BlockUser.js +30 -0
  9. package/dist/src/common/assets/icons/line/PageSetting.d.ts +4 -0
  10. package/dist/src/common/assets/icons/line/PageSetting.js +30 -0
  11. package/dist/src/common/assets/icons/line/index.d.ts +2 -0
  12. package/dist/src/common/assets/icons/line/index.js +4 -0
  13. package/dist/src/common/styles/colorSet/UIColor.json +6 -1
  14. package/dist/src/common/styles/colorSet/index.d.ts +5 -0
  15. package/dist/src/common/styles/colorSet/ui-type.d.ts +5 -0
  16. package/dist/src/desktop/components/BasicListItem/BasicListItem.js +1 -1
  17. package/dist/src/desktop/components/TextLabel/TextLabel.js +83 -32
  18. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +2 -2
  19. package/dist/src/desktop/index.d.ts +1 -1
  20. package/dist/src/desktop/index.js +2 -1
  21. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/SideTab.d.ts +8 -0
  22. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/SideTab.js +58 -0
  23. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/index.d.ts +1 -0
  24. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/SideTab/index.js +8 -0
  25. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/index.d.ts +2 -0
  26. package/dist/src/desktop/panels/DesktopBasicModalWithTab/Components/index.js +5 -0
  27. package/dist/src/desktop/panels/DesktopBasicModalWithTab/DesktopBasicModalWithTab.d.ts +27 -0
  28. package/dist/src/desktop/panels/DesktopBasicModalWithTab/DesktopBasicModalWithTab.js +146 -0
  29. package/dist/src/desktop/panels/DesktopBasicModalWithTab/index.d.ts +2 -0
  30. package/dist/src/desktop/panels/DesktopBasicModalWithTab/index.js +8 -0
  31. package/dist/src/desktop/panels/index.d.ts +3 -1
  32. package/dist/src/desktop/panels/index.js +3 -1
  33. package/dist/src/mobile/components/BasicListItem/BasicListItem.js +1 -1
  34. package/dist/src/sub/DynamicLayout/mock_customSection.js +3 -0
  35. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +566 -3
  36. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +501 -6
  37. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +13 -6
  38. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +23 -5
  39. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +4 -2
  40. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +5 -3
  41. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -3
  42. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -3
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +4 -2
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -2
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +12 -3
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.js +1 -1
  47. package/dist/src/sub/DynamicLayout/types.d.ts +3 -0
  48. package/package.json +2 -2
  49. package/release-note.md +5 -9
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -455,15 +455,510 @@ exports.pages0803PreviewSections = [
455
455
  },
456
456
  'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
457
457
  },
458
+ CB_EFFECT_PROP_ENTANIM: {
459
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
460
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
461
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
462
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
463
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
464
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
465
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
466
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
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'
475
+ },
476
+ {
477
+ availablePlugins: [],
478
+ componentBlockCode: 'CB_RICHTEXT',
479
+ componentBlockType: 'GENERAL',
480
+ dynamicLayoutSectionId: 18661,
481
+ id: 1000,
482
+ insertedAt: '2023-08-06T13:30:47',
483
+ jsonProperties: {
484
+ currentVersion: '2023-08-03',
485
+ data: {
486
+ CB_CONTENT_PROP_HOVER: {
487
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
488
+ },
489
+ CB_CONTENT_PROP_TEXTEDIT: {
490
+ CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR: "<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> <i>Donec rhoncus sollicitudin dolor.</i> <u>Integer blandit finibus eros nec fermentum.</u> Nunc eget ante id felis luctus placerat. Phasellus ullamcorper fermentum lacus sit amet vehicula. Phasellus eleifend velit eget tellus varius, eu hendrerit ex pretium. Curabitur massa libero, porttitor sit amet erat a, facilisis ultricies magna. Maecenas et faucibus enim, non luctus felis. Praesent et leo vel lectus sagittis feugiat. Cras sit amet diam fringilla, vehicula ipsum at, vehicula tellus. <span class='mce-preview-object mce-object-iframe' contenteditable='false' data-mce-object='iframe' data-mce-p-allowfullscreen='allowfullscreen' data-mce-p-src='https://www.youtube.com/embed/dJdqn5v4Dkw' data-mce-selected='1' data-mce-style='width: 227px; height: 127px;' style='width: 227px; height: 127px;'><span class='mce-shim'></span></span>'"
491
+ },
492
+ CB_CONTENT_PROP_VISIBILITY: {
493
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
494
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
495
+ },
458
496
  CB_EFFECT_PROP_ENTANIM: {
459
497
  CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
460
498
  '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,
499
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
500
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
501
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
502
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
465
503
  CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
466
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': 'EASEINOUT'
504
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
505
+ },
506
+ CB_LAYOUT_PROP_ARRANGE: {
507
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'BOTTOM',
508
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'LEFT',
509
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
510
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
511
+ },
512
+ CB_LAYOUT_PROP_PADDING: {
513
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
514
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
515
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
516
+ bottom: 20,
517
+ left: 20,
518
+ right: 20,
519
+ top: 20
520
+ },
521
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
522
+ },
523
+ CB_PLACEMENT_PROP_PLACEMENT: {
524
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 3,
525
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 3,
526
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
527
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 3,
528
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
529
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 3,
530
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 3,
531
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 3,
532
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
533
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 3
534
+ },
535
+ CB_STYLE_PROP_BGCOLOR: {
536
+ CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
537
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
538
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
539
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
540
+ CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
541
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
542
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
543
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
544
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#00ffcc',
545
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
546
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
547
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
548
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
549
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
550
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
551
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
552
+ CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
553
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
554
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
555
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
556
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#ff0000',
557
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
558
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
559
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
560
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
561
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
562
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
563
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
564
+ CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'GRADIENT',
565
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'GRADIENT',
566
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
567
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
568
+ },
569
+ CB_STYLE_PROP_BORDER: {
570
+ CB_STYLE_PROP_BORDER_SPEC_COLOR: '#333333FF',
571
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': '#333333FF',
572
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
573
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
574
+ CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
575
+ bl: 10,
576
+ br: 10,
577
+ tl: 10,
578
+ tr: 10
579
+ },
580
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': {
581
+ bl: 20,
582
+ br: 20,
583
+ tl: 20,
584
+ tr: 20
585
+ },
586
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
587
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
588
+ CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
589
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
590
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
591
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
592
+ CB_STYLE_PROP_BORDER_SPEC_STYLE: 'DOTTED',
593
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': 'DASHED',
594
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
595
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
596
+ CB_STYLE_PROP_BORDER_SPEC_WIDTH: 0,
597
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': 0,
598
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
599
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
600
+ },
601
+ CB_STYLE_PROP_OPACITY: {
602
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
603
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
604
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
605
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
606
+ },
607
+ CB_STYLE_PROP_SHADOW: {
608
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
609
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
610
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
611
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
612
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
613
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
614
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
615
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
616
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
617
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
618
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
619
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
620
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
621
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
622
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
623
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
624
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
625
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'NONE',
626
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
627
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
628
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
629
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
630
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
631
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
632
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
633
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
634
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
635
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
636
+ }
637
+ },
638
+ minVersion: '2023-08-03',
639
+ version: '2023-08-03'
640
+ },
641
+ queryableDefinitionPreset: 'N/A',
642
+ queryableTapSrc: 'N/A',
643
+ updatedAt: '2023-08-06T13:30:49'
644
+ },
645
+ {
646
+ availablePlugins: [],
647
+ componentBlockCode: 'CB_YOUTUBE',
648
+ componentBlockType: 'GENERAL',
649
+ dynamicLayoutSectionId: 18661,
650
+ id: 1100,
651
+ insertedAt: '2023-08-06T13:30:47',
652
+ jsonProperties: {
653
+ currentVersion: '2023-08-03',
654
+ data: {
655
+ CB_CONTENT_PROP_HOVER: {
656
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
657
+ },
658
+ CB_CONTENT_PROP_VISIBILITY: {
659
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: false,
660
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
661
+ },
662
+ CB_CONTENT_PROP_YOUTUBE: {
663
+ CB_CONTENT_PROP_YOUTUBE_SPEC_ENDTIME: 10,
664
+ CB_CONTENT_PROP_YOUTUBE_SPEC_MPLAY: true,
665
+ CB_CONTENT_PROP_YOUTUBE_SPEC_REPLAY: true,
666
+ CB_CONTENT_PROP_YOUTUBE_SPEC_SRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo',
667
+ CB_CONTENT_PROP_YOUTUBE_SPEC_STARTTIME: 0
668
+ },
669
+ CB_EFFECT_PROP_ENTANIM: {
670
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
671
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
672
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
673
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
674
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
675
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
676
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
677
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
678
+ },
679
+ CB_LAYOUT_PROP_ARRANGE: {
680
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
681
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
682
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
683
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
684
+ },
685
+ CB_LAYOUT_PROP_PADDING: {
686
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
687
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
688
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
689
+ bottom: 20,
690
+ left: 20,
691
+ right: 20,
692
+ top: 20
693
+ },
694
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
695
+ },
696
+ CB_PLACEMENT_PROP_PLACEMENT: {
697
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
698
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 1,
699
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 4,
700
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 3,
701
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 1,
702
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 2,
703
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
704
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 2,
705
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 2,
706
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
707
+ },
708
+ CB_STYLE_PROP_BGCOLOR: {
709
+ CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
710
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
711
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
712
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
713
+ CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#455EEFFF',
714
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
715
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
716
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
717
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#ff0000',
718
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
719
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
720
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
721
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
722
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
723
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
724
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
725
+ CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
726
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
727
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
728
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
729
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#00ffcc',
730
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
731
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
732
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
733
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
734
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
735
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
736
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
737
+ CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'GRADIENT',
738
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'GRADIENT',
739
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
740
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
741
+ },
742
+ CB_STYLE_PROP_OPACITY: {
743
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
744
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 0.95,
745
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
746
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
747
+ },
748
+ CB_STYLE_PROP_SHADOW: {
749
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
750
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
751
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
752
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
753
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#77a33eeb',
754
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#ff2b2be6',
755
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
756
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
757
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
758
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
759
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
760
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
761
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
762
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
763
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
764
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
765
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
766
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'NONE',
767
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
768
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
769
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
770
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
771
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
772
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
773
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
774
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
775
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
776
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
777
+ }
778
+ },
779
+ minVersion: '2023-08-03',
780
+ version: '2023-08-03'
781
+ },
782
+ queryableDefinitionPreset: 'N/A',
783
+ queryableTapSrc: 'N/A',
784
+ updatedAt: '2023-08-06T13:30:49'
785
+ },
786
+ {
787
+ availablePlugins: [],
788
+ componentBlockCode: 'CB_TWITTER',
789
+ componentBlockType: 'GENERAL',
790
+ dynamicLayoutSectionId: 18661,
791
+ id: 1200,
792
+ insertedAt: '2023-08-06T13:30:47',
793
+ jsonProperties: {
794
+ currentVersion: '2023-08-03',
795
+ data: {
796
+ CB_CONTENT_PROP_HOVER: {
797
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
798
+ },
799
+ CB_CONTENT_PROP_TWITTER: {
800
+ CB_CONTENT_PROP_TWITTER_SPEC_SRC: 'https://twitter.com/elonmusk'
801
+ },
802
+ CB_CONTENT_PROP_VISIBILITY: {
803
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
804
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
805
+ },
806
+ CB_EFFECT_PROP_ENTANIM: {
807
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
808
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
809
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
810
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
811
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
812
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
813
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
814
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
815
+ },
816
+ CB_LAYOUT_PROP_ARRANGE: {
817
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
818
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
819
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
820
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
821
+ },
822
+ CB_LAYOUT_PROP_PADDING: {
823
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
824
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
825
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
826
+ bottom: 0,
827
+ left: 0,
828
+ right: 0,
829
+ top: 0
830
+ },
831
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
832
+ },
833
+ CB_PLACEMENT_PROP_PLACEMENT: {
834
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
835
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 3,
836
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
837
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
838
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
839
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 2,
840
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 3,
841
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 2,
842
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 3,
843
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 2
844
+ },
845
+ CB_STYLE_PROP_OPACITY: {
846
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
847
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 0.95,
848
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
849
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
850
+ },
851
+ CB_STYLE_PROP_SHADOW: {
852
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
853
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': 24,
854
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
855
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
856
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#00000000',
857
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#00000000',
858
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
859
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
860
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
861
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': 30,
862
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
863
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
864
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
865
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': 2,
866
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
867
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
868
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
869
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
870
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
871
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
872
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
873
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': 0,
874
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
875
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
876
+ CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
877
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': 12,
878
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
879
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
880
+ },
881
+ CB_STYLE_PROP_TWITTER: {
882
+ CB_STYLE_PROP_TWITTER_SPEC_THEME: 'LIGHT',
883
+ 'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null
884
+ }
885
+ },
886
+ minVersion: '2023-08-03',
887
+ version: '2023-08-03'
888
+ },
889
+ queryableDefinitionPreset: 'N/A',
890
+ queryableTapSrc: 'N/A',
891
+ updatedAt: '2023-08-06T13:30:49'
892
+ },
893
+ {
894
+ availablePlugins: [],
895
+ componentBlockCode: 'CB_DIVIDER',
896
+ componentBlockType: 'GENERAL',
897
+ dynamicLayoutSectionId: 18661,
898
+ id: 1300,
899
+ insertedAt: '2023-08-06T13:30:47',
900
+ jsonProperties: {
901
+ currentVersion: '2023-08-03',
902
+ data: {
903
+ CB_CONTENT_PROP_HOVER: {
904
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
905
+ },
906
+ CB_PLACEMENT_PROP_PLACEMENT: {
907
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
908
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 3,
909
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
910
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
911
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 2,
912
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 2,
913
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 3,
914
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 3,
915
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 2,
916
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 3
917
+ },
918
+ CB_CONTENT_PROP_VISIBILITY: {
919
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
920
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
921
+ },
922
+ CB_STYLE_PROP_DIVIDER: {
923
+ CB_STYLE_PROP_DIVIDER_SPEC_COLOR: '#555555FF',
924
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': '#555555FF',
925
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': null,
926
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': null,
927
+ CB_STYLE_PROP_DIVIDER_SPEC_STYLE: 'NONE',
928
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': 'NONE',
929
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': null,
930
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': null,
931
+ CB_STYLE_PROP_DIVIDER_SPEC_WIDTH: 2,
932
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': 2,
933
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': null,
934
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': null
935
+ },
936
+ CB_LAYOUT_PROP_ARRANGE: {
937
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
938
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': 'MIDDLE',
939
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null,
940
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
941
+ },
942
+ CB_LAYOUT_PROP_PADDING: {
943
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
944
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
945
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
946
+ bottom: 0,
947
+ left: 0,
948
+ right: 0,
949
+ top: 0
950
+ },
951
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
952
+ },
953
+ CB_EFFECT_PROP_ENTANIM: {
954
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'SLIDEINLEFT',
955
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': 'HEARTBEAT',
956
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 1,
957
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
958
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
959
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
960
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
961
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null
467
962
  }
468
963
  },
469
964
  minVersion: '2023-08-03',
@@ -488,7 +983,7 @@ exports.pages0803PreviewSections = [
488
983
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: false
489
984
  },
490
985
  CB_CONTENT_PROP_SECTION: {
491
- CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: false
986
+ CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: true
492
987
  },
493
988
  CB_CONTENT_PROP_VISIBILITY: {
494
989
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -61,19 +61,20 @@ var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
61
61
  function CustomSection(props) {
62
62
  var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, sectionActionHandler = _a.sectionActionHandler;
63
63
  var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
64
- var _b = jsonProperties, CB_PLACEMENT_PROP_SECTION = _b.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _b.CB_LAYOUT_PROP_PADDING;
64
+ var _b = jsonProperties, CB_PLACEMENT_PROP_SECTION = _b.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _b.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _b.CB_CONTENT_PROP_SECTION;
65
65
  var _c = (0, react_1.useState)(null), selectedCB = _c[0], setSelectedCB = _c[1];
66
66
  var gleRef = (0, react_1.useRef)(null);
67
67
  var _d = (0, react_1.useState)(50), rowHeight = _d[0], setRowHeight = _d[1];
68
+ var _e = (0, react_1.useState)(16), baseFontSize = _e[0], setBaseFontSize = _e[1];
68
69
  var isMobile = device === 'MOBILE';
69
70
  var isEditMode = mode === 'EDIT';
70
- var _e = (0, react_1.useState)(function () {
71
+ var _f = (0, react_1.useState)(function () {
71
72
  var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []), lg = _a.lg, sm = _a.sm;
72
73
  return {
73
74
  lg: lg,
74
75
  sm: sm
75
76
  };
76
- }), layouts = _e[0], setLayouts = _e[1];
77
+ }), layouts = _f[0], setLayouts = _f[1];
77
78
  (0, react_1.useEffect)(function () {
78
79
  var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []), lg = _a.lg, sm = _a.sm;
79
80
  setLayouts({ lg: lg, sm: sm });
@@ -83,10 +84,10 @@ function CustomSection(props) {
83
84
  setSelectedCB(null);
84
85
  }
85
86
  }, [editingSectionId]);
86
- var _f = (0, util_1.parseCustomSectionPlacement)({
87
+ var _g = (0, util_1.parseCustomSectionPlacement)({
87
88
  isMobile: isMobile,
88
89
  customSectionProps: CB_PLACEMENT_PROP_SECTION
89
- }), rows = _f.rows, width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
90
+ }), rows = _g.rows, width = _g.width, minHeight = _g.minHeight, isFullWidth = _g.isFullWidth;
90
91
  var customSectionStyles = {
91
92
  minHeight: "".concat(minHeight, "vh"),
92
93
  width: isFullWidth ? '100%' : "".concat(width, "px")
@@ -165,13 +166,18 @@ function CustomSection(props) {
165
166
  });
166
167
  };
167
168
  var onWidthChange = function (width) {
169
+ var responsiveFontMode =
170
+ // NOTE: local환경에서 CB_CONTENT_PROP_SECTION이 없는 경우가 있음.
171
+ !!(CB_CONTENT_PROP_SECTION === null || CB_CONTENT_PROP_SECTION === void 0 ? void 0 : CB_CONTENT_PROP_SECTION.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
168
172
  if (device === 'MOBILE') {
169
173
  var cellWidth_1 = width / MOBILE_GRID_COLS;
170
174
  setRowHeight(cellWidth_1 * 0.56);
175
+ baseFontSize !== 16 && setBaseFontSize(16);
171
176
  return;
172
177
  }
173
178
  var cellWidth = width / DESKTOP_GRID_COLS;
174
179
  setRowHeight(cellWidth * 0.56);
180
+ responsiveFontMode ? setBaseFontSize(cellWidth / 2.35) : setBaseFontSize(16);
175
181
  };
176
182
  var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
177
183
  var breakpoints = device === 'DESKTOP' ? { lg: 100, sm: 0 } : { lg: 1200, sm: 480 };
@@ -183,7 +189,8 @@ function CustomSection(props) {
183
189
  paddingLeft: padding.left
184
190
  } }, { 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: {
185
191
  width: customSectionStyles.width,
186
- minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX
192
+ minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
193
+ fontSize: "".concat(baseFontSize, "px")
187
194
  }, 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: {
188
195
  width: '100%',
189
196
  height: '100%'