pds-dev-kit-web 2.2.2 → 2.2.4

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 (12) hide show
  1. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +566 -3
  2. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +500 -5
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +5 -3
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +4 -2
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +5 -3
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -3
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -3
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +4 -2
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -2
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.js +1 -1
  11. package/package.json +1 -1
  12. package/release-note.md +5 -5
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',
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js CHANGED
@@ -39,7 +39,7 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
39
39
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
40
40
  function Button(props) {
41
41
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
42
- var CB_STYLE_PROP_BTNCOLOR = props.CB_STYLE_PROP_BTNCOLOR, _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;
42
+ var CB_STYLE_PROP_BTNCOLOR = props.CB_STYLE_PROP_BTNCOLOR, _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;
43
43
  var _c = (0, useCLINK_1.default)({
44
44
  src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
45
45
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
@@ -57,8 +57,10 @@ function Button(props) {
57
57
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
58
58
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
59
59
  var effectCssProperties = isVisible ? effect : {};
60
- var hasEffect = props.CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
61
- props.CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
60
+ var isNoneEffectType = device === 'DESKTOP'
61
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
62
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
63
+ var hasEffect = !isNoneEffectType;
62
64
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
63
65
  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, style: {
64
66
  paddingLeft: paddingLeft,
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js CHANGED
@@ -59,8 +59,10 @@ function Divider(props) {
59
59
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
60
60
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
61
61
  var effectCssProperties = isVisible ? effect : {};
62
- var hasEffect = CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
63
- CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
62
+ var isNoneEffectType = device === 'DESKTOP'
63
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
64
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
65
+ var hasEffect = !isNoneEffectType;
64
66
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
65
67
  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_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: layoutStyle, hoverStyle: {} }, { children: (0, jsx_runtime_1.jsx)(S_DIVIDER, { className: "cb-divider", normalStyle: __assign(__assign({}, propsStyle), effectCssProperties), hoverStyle: __assign({}, propsHoverStyle) }) })) }))] }));
66
68
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js CHANGED
@@ -67,10 +67,12 @@ function Image(props) {
67
67
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
68
68
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
69
69
  var effectCssProperties = isVisible ? effect : {};
70
- var hasEffect = CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
71
- CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
70
+ var isNoneEffectType = device === 'DESKTOP'
71
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
72
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
73
+ var hasEffect = !isNoneEffectType;
72
74
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
73
- 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_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%' } }) })) })) })) }))] }));
75
+ 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_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, 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%' } }) })) })) })) }))] }));
74
76
  }
75
77
  function parseImageCBStyle(style, hoverStyle, mode) {
76
78
  var boxStyle = {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js CHANGED
@@ -32,7 +32,7 @@ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
32
32
  var S_HiddenCover_1 = require("../components/S_HiddenCover");
33
33
  function RichText(props) {
34
34
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
35
- var CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW;
35
+ var 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;
36
36
  var _b = (0, util_1.parseProperties)(props, device), propsStyle = _b.style, propsHoverStyle = _b.hoverStyle, layoutStyle = _b.layout, effect = _b.effect;
37
37
  var _c = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _c.style, bgColorHoverStyle = _c.hoverStyle;
38
38
  var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
@@ -43,8 +43,10 @@ function RichText(props) {
43
43
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
44
44
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
45
45
  var effectCssProperties = isVisible ? effect : {};
46
- var hasEffect = props.CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
47
- props.CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
46
+ var isNoneEffectType = device === 'DESKTOP'
47
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
48
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
49
+ var hasEffect = !isNoneEffectType;
48
50
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
49
51
  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.jsx)(S_RichTextWrapper, { children: (0, jsx_runtime_1.jsx)(RichText_1.RichText, { text: props.CB_CONTENT_PROP_TEXTEDIT.CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR }) }) })) }))] }));
50
52
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -27,7 +27,7 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
27
27
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
28
28
  function Text(props) {
29
29
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
30
- var _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;
30
+ var _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_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
31
31
  var _c = (0, useCLINK_1.default)({
32
32
  src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
33
33
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
@@ -44,8 +44,10 @@ function Text(props) {
44
44
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
45
45
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
46
46
  var effectCssProperties = isVisible ? effect : {};
47
- var hasEffect = props.CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
48
- props.CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
47
+ var isNoneEffectType = device === 'DESKTOP'
48
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
49
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
50
+ var hasEffect = !isNoneEffectType;
49
51
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
50
52
  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_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
51
53
  }