pds-dev-kit-web-test 0.2.16 → 0.2.18

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 (35) hide show
  1. package/dist/src/sub/DynamicLayout/DynamicLayout.js +1 -0
  2. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +1 -16
  3. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +39 -34
  4. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.js +4 -2
  5. package/dist/src/sub/DynamicLayout/mock_customSection.js +14 -6
  6. package/dist/src/sub/DynamicLayout/mock_samplePage.js +943 -949
  7. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +924 -92
  8. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +2573 -994
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +25 -6
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +9 -13
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts +50 -42
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +26 -53
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts +6 -6
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts +24 -24
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -8
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +24 -24
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts +24 -24
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts +1 -1
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +3 -1
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.d.ts +4 -1
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js +8 -10
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +9 -7
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCustomSectionPlacement.d.ts +4 -4
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgColor.d.ts +24 -24
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.d.ts +6 -6
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.js +17 -53
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.d.ts +24 -24
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.d.ts +5 -5
  29. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.d.ts +9 -9
  30. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.d.ts +6 -6
  31. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.js +23 -56
  32. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.d.ts +3 -3
  33. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.d.ts +21 -21
  34. package/dist/src/sub/DynamicLayout/types.d.ts +37 -34
  35. package/package.json +2 -2
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCustomSectionPlacement.d.ts CHANGED
@@ -2,13 +2,13 @@ declare type Props = {
2
2
  isMobile: boolean;
3
3
  customSectionProps: {
4
4
  CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
5
- 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | undefined;
5
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
6
6
  CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
7
- 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | undefined;
7
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
8
8
  CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
9
- 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | undefined;
9
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
10
10
  CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
11
- 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | undefined;
11
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
12
12
  };
13
13
  };
14
14
  export declare function parseCustomSectionPlacement({ isMobile, customSectionProps }: Props): {
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgColor.d.ts CHANGED
@@ -16,28 +16,28 @@ export declare type CB_STYLE_PROP_BGCOLOR_SPECS_BASE = {
16
16
  CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: ENUM_STRING;
17
17
  };
18
18
  export declare type CB_STYLE_PROP_BGCOLOR_SPECS = CB_STYLE_PROP_BGCOLOR_SPECS_BASE & {
19
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
20
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
21
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
22
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
23
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
24
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
25
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX;
26
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
27
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
28
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
29
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
30
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
31
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': ENUM_STRING;
32
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined;
33
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined;
34
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX;
35
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
36
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
37
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
38
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
39
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
40
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': ENUM_STRING;
41
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
42
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
19
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
20
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
21
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
22
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
23
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
24
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
25
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
26
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
27
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
28
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
29
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
30
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
31
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
32
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
33
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
34
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
35
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
36
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
37
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
38
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
39
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
40
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
41
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
42
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
43
43
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.d.ts CHANGED
@@ -10,10 +10,10 @@ export declare type CB_STYLE_PROP_BGIMAGE_SPECS_BASE = {
10
10
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: ENUM_STRING;
11
11
  };
12
12
  export declare type CB_STYLE_PROP_BGIMAGE_SPECS = CB_STYLE_PROP_BGIMAGE_SPECS_BASE & {
13
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': STRING_PLAIN;
14
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': STRING_PLAIN | undefined;
15
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': STRING_PLAIN | undefined;
16
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': ENUM_STRING;
17
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': ENUM_STRING | undefined;
18
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': ENUM_STRING | undefined;
13
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': STRING_PLAIN | null | undefined;
14
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': STRING_PLAIN | null | undefined;
15
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
16
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': ENUM_STRING | null | undefined;
17
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': ENUM_STRING | null | undefined;
18
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
19
19
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.js CHANGED
@@ -18,20 +18,20 @@ var AVAILABLE_SPECS = [
18
18
  function parseStylePropBGImage(namedProps, device) {
19
19
  var specs = namedProps.specs;
20
20
  return AVAILABLE_SPECS.reduce(function (acc, cur) {
21
- var _a;
21
+ var _a, _b;
22
22
  var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
23
23
  var cssPropertyKey = getParsedKey(baseKey);
24
- var value = specs[baseKey];
25
- var isPosition = cssPropertyKey === 'position';
24
+ var value = specs[baseKey] || specs[cur];
25
+ var isPosition = cssPropertyKey === 'backgroundPosition';
26
26
  if (isPosition) {
27
27
  var positionCss = getCssProperties(value);
28
28
  return {
29
- style: __assign(__assign({}, acc.style), positionCss),
29
+ style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = positionCss, _a)),
30
30
  hoverStyle: __assign({}, acc.hoverStyle)
31
31
  };
32
32
  }
33
33
  return {
34
- style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
34
+ style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _b)),
35
35
  hoverStyle: __assign({}, acc.hoverStyle)
36
36
  };
37
37
  }, {
@@ -46,71 +46,35 @@ function getParsedKey(key) {
46
46
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER':
47
47
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE':
48
48
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER':
49
- return 'objectFit';
49
+ return 'backgroundSize';
50
50
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION':
51
51
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER':
52
52
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE':
53
53
  case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER':
54
- return 'position';
54
+ return 'backgroundPosition';
55
55
  }
56
56
  }
57
57
  function getCssProperties(value) {
58
58
  switch (value) {
59
59
  case 'LT':
60
- return {
61
- display: 'flex',
62
- alignItems: 'flex-start',
63
- justifyContent: 'flex-start'
64
- };
60
+ return 'left top';
65
61
  case 'CT':
66
- return {
67
- display: 'flex',
68
- alignItems: 'flex-start',
69
- justifyContent: 'center'
70
- };
62
+ return 'center top';
71
63
  case 'RT':
72
- return {
73
- display: 'flex',
74
- alignItems: 'flex-start',
75
- justifyContent: 'flex-end'
76
- };
64
+ return 'right top';
77
65
  case 'LC':
78
- return {
79
- display: 'flex',
80
- alignItems: 'center',
81
- justifyContent: 'flex-start'
82
- };
66
+ return 'left center';
83
67
  case 'CC':
84
- return {
85
- display: 'flex',
86
- alignItems: 'center',
87
- justifyContent: 'center'
88
- };
68
+ return 'center center';
89
69
  case 'RC':
90
- return {
91
- display: 'flex',
92
- alignItems: 'center',
93
- justifyContent: 'flex-end'
94
- };
70
+ return 'right center';
95
71
  case 'LB':
96
- return {
97
- display: 'flex',
98
- alignItems: 'flex-end',
99
- justifyContent: 'flex-start'
100
- };
72
+ return 'left bottom';
101
73
  case 'CB':
102
- return {
103
- display: 'flex',
104
- alignItems: 'flex-end',
105
- justifyContent: 'center'
106
- };
74
+ return 'center bottom';
107
75
  case 'RB':
108
- return {
109
- display: 'flex',
110
- alignItems: 'flex-end',
111
- justifyContent: 'flex-end'
112
- };
76
+ return 'right bottom';
113
77
  default:
114
- return {};
78
+ return '';
115
79
  }
116
80
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.d.ts CHANGED
@@ -16,28 +16,28 @@ export declare type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {
16
16
  CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: ENUM_STRING;
17
17
  };
18
18
  export declare type CB_STYLE_PROP_BGOVERLAY_SPECS = CB_STYLE_PROP_BGOVERLAY_SPECS_BASE & {
19
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
20
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
21
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
22
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
23
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
24
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
25
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX;
26
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
27
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
28
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
29
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
30
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
31
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING;
32
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined;
33
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined;
34
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX;
35
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
36
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
37
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
38
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
39
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
40
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING;
41
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
42
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
19
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
20
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
21
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
22
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
23
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
24
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
25
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
26
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
27
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
28
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
29
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
30
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
31
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
32
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
33
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
34
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
35
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
36
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
37
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
38
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
39
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
40
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
41
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
42
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
43
43
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.d.ts CHANGED
@@ -20,19 +20,19 @@ export declare type CB_STYLE_PROP_BORDER_SPECS_BASE = {
20
20
  CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
21
21
  };
22
22
  export declare type CB_STYLE_PROP_BORDER_SPECS = CB_STYLE_PROP_BORDER_SPECS_BASE & {
23
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE;
23
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
24
24
  'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
25
25
  'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
26
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
26
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
27
27
  'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
28
28
  'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
29
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
29
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
30
30
  'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
31
31
  'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
32
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ;
32
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
33
33
  'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
34
34
  'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
35
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean;
35
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean | null | undefined;
36
36
  'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': boolean | null | undefined;
37
37
  'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': boolean | null | undefined;
38
38
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.d.ts CHANGED
@@ -14,14 +14,14 @@ export declare type CB_STYLE_PROP_DIVIDER_SPECS_BASE = {
14
14
  CB_STYLE_PROP_DIVIDER_SPEC_COLOR: ENUM_STRING;
15
15
  };
16
16
  export declare type CB_STYLE_PROP_DIVIDER_SPECS = CB_STYLE_PROP_DIVIDER_SPECS_BASE & {
17
- 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE;
18
- 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
19
- 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
20
- 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
21
- 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | undefined;
22
- 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | undefined;
23
- 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING;
24
- 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | undefined;
25
- 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined;
17
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
18
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
19
+ 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
20
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
21
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
22
+ 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
23
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
24
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
25
+ 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
26
26
  };
27
27
  export {};
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.d.ts CHANGED
@@ -10,10 +10,10 @@ export declare type CB_STYLE_PROP_IMAGE_SPECS_BASE = {
10
10
  CB_STYLE_PROP_IMAGE_SPEC_POSITION: ENUM_STRING;
11
11
  };
12
12
  export declare type CB_STYLE_PROP_IMAGE_SPECS = CB_STYLE_PROP_IMAGE_SPECS_BASE & {
13
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN;
14
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | undefined;
15
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | undefined;
16
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING;
17
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | undefined;
18
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | undefined;
13
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN | null | undefined;
14
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | null | undefined;
15
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
16
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING | null | undefined;
17
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | null | undefined;
18
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
19
19
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.js CHANGED
@@ -18,32 +18,35 @@ var AVAILABLE_SPECS = [
18
18
  function parseStylePropImage(namedProps, device) {
19
19
  var specs = namedProps.specs;
20
20
  return AVAILABLE_SPECS.reduce(function (acc, cur) {
21
- var _a, _b, _c;
21
+ var _a, _b, _c, _d, _e, _f;
22
22
  var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
23
23
  var cssPropertyKey = getParsedKey(baseKey);
24
24
  var value = specs[baseKey];
25
25
  var hoverValue = specs[baseKey + ":HOVER"];
26
- var isPosition = cssPropertyKey === 'position';
26
+ var isPosition = cssPropertyKey === 'backgroundPosition';
27
27
  if (isPosition) {
28
28
  var positionCss = getCssProperties(value);
29
29
  var hoverPositionCss = getCssProperties(hoverValue);
30
30
  if (hoverPositionCss === null || hoverPositionCss === undefined) {
31
- return { style: __assign(__assign({}, acc.style), positionCss), hoverStyle: __assign({}, acc.hoverStyle) };
31
+ return {
32
+ style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = positionCss, _a)),
33
+ hoverStyle: __assign({}, acc.hoverStyle)
34
+ };
32
35
  }
33
36
  return {
34
- style: __assign(__assign({}, acc.style), positionCss),
35
- hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverPositionCss)
37
+ style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = positionCss, _b)),
38
+ hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverPositionCss, _c))
36
39
  };
37
40
  }
38
41
  if (hoverValue === null || hoverValue === undefined) {
39
42
  return {
40
- style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
43
+ style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _d)),
41
44
  hoverStyle: __assign({}, acc.hoverStyle)
42
45
  };
43
46
  }
44
47
  return {
45
- style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _b)),
46
- hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _c))
48
+ style: __assign(__assign({}, acc.style), (_e = {}, _e[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _e)),
49
+ hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _f))
47
50
  };
48
51
  }, {
49
52
  style: {},
@@ -57,71 +60,35 @@ function getParsedKey(key) {
57
60
  case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER':
58
61
  case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE':
59
62
  case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER':
60
- return 'objectFit';
63
+ return 'backgroundSize';
61
64
  case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION':
62
65
  case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER':
63
66
  case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE':
64
67
  case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER':
65
- return 'position';
68
+ return 'backgroundPosition';
66
69
  }
67
70
  }
68
71
  function getCssProperties(value) {
69
72
  switch (value) {
70
73
  case 'LT':
71
- return {
72
- display: 'flex',
73
- alignItems: 'flex-start',
74
- justifyContent: 'flex-start'
75
- };
74
+ return 'left top';
76
75
  case 'CT':
77
- return {
78
- display: 'flex',
79
- alignItems: 'flex-start',
80
- justifyContent: 'center'
81
- };
76
+ return 'center top';
82
77
  case 'RT':
83
- return {
84
- display: 'flex',
85
- alignItems: 'flex-start',
86
- justifyContent: 'flex-end'
87
- };
78
+ return 'right top';
88
79
  case 'LC':
89
- return {
90
- display: 'flex',
91
- alignItems: 'center',
92
- justifyContent: 'flex-start'
93
- };
80
+ return 'left center';
94
81
  case 'CC':
95
- return {
96
- display: 'flex',
97
- alignItems: 'center',
98
- justifyContent: 'center'
99
- };
82
+ return 'center center';
100
83
  case 'RC':
101
- return {
102
- display: 'flex',
103
- alignItems: 'center',
104
- justifyContent: 'flex-end'
105
- };
84
+ return 'right center';
106
85
  case 'LB':
107
- return {
108
- display: 'flex',
109
- alignItems: 'flex-end',
110
- justifyContent: 'flex-start'
111
- };
86
+ return 'left bottom';
112
87
  case 'CB':
113
- return {
114
- display: 'flex',
115
- alignItems: 'flex-end',
116
- justifyContent: 'center'
117
- };
88
+ return 'center bottom';
118
89
  case 'RB':
119
- return {
120
- display: 'flex',
121
- alignItems: 'flex-end',
122
- justifyContent: 'flex-end'
123
- };
90
+ return 'right bottom';
124
91
  default:
125
- return {};
92
+ return '';
126
93
  }
127
94
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare type CB_STYLE_PROP_TEXT_OPACITY_BASE = {
9
9
  CB_STYLE_PROP_OPACITY_SPEC_OPACITY: NUMBER_INTEGER;
10
10
  };
11
11
  export declare type CB_STYLE_PROP_TEXT_OPACITY_SPECS = CB_STYLE_PROP_TEXT_OPACITY_BASE & {
12
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
13
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
14
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
12
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
13
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
14
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
15
15
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.d.ts CHANGED
@@ -15,25 +15,25 @@ export declare type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
15
15
  CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
16
16
  };
17
17
  export declare type CB_STYLE_PROP_SHADOW_SPECS = CB_STYLE_PROP_SHADOW_SPECS_BASE & {
18
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING;
19
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
20
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
21
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
22
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
23
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
24
- 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER;
25
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | undefined;
26
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | undefined;
27
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER;
28
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | undefined;
29
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | undefined;
30
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER;
31
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | undefined;
32
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | undefined;
33
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER;
34
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | undefined;
35
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | undefined;
36
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
37
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
38
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
18
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
19
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
20
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
21
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
22
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
23
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
24
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER | null | undefined;
25
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | null | undefined;
26
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
27
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER | null | undefined;
28
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | null | undefined;
29
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
30
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER | null | undefined;
31
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | null | undefined;
32
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
33
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER | null | undefined;
34
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | null | undefined;
35
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
36
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
37
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
38
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
39
39
  };
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -8,7 +8,7 @@ import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/
8
8
  import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
9
9
  export { TypeOfSectionAction };
10
10
  export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
11
- export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A' | 'PRG_MEMBERSHIP_DISPLAY_A' | 'PRG_MEMBERSHIP_DISPLAY_B' | undefined;
11
+ export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A' | 'PRG_MEMBERSHIP_DISPLAY_A' | 'PRG_MEMBERSHIP_DISPLAY_B' | null | undefined;
12
12
  export declare type TypeOfSectionContentMediaType = 'IMAGE' | 'YOUTUBE';
13
13
  export declare type TypeOfSectionLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
14
14
  export declare type TypeOfSectionType = 'PROGRAMMED' | 'DESIGNED' | 'CUSTOM';
@@ -219,11 +219,14 @@ export declare type DynamicLayoutProps = {
219
219
  sections: ISection[];
220
220
  scrollDownTargetSectionId?: number;
221
221
  editingSectionId?: number;
222
- navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string) => void;
222
+ navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string, action?: NavHandlerAction) => void;
223
223
  onClickEditSection?: (section: ISection) => void;
224
224
  sectionActionHandler?: (action: TypeOfSectionAction) => void;
225
225
  programmedSectionComponents?: IProgrammedSectionComponents;
226
226
  };
227
+ export declare type NavHandlerAction = {
228
+ openNewTab: boolean;
229
+ };
227
230
  export declare type SubscriptionProductType = 'FREE_INFINITE' | 'FREE_FINITE' | 'ONCE_INFINITE' | 'ONCE_FINITE' | 'COUPON_FREE_INFINITE' | 'COUPON_FREE_FINITE' | 'COUPON_ONCE_INFINITE' | 'COUPON_ONCE_FINITE' | 'SUBSCRIPTION_30DAYS' | 'SUBSCRIPTION_90DAYS' | 'SUBSCRIPTION_180DAYS' | 'SUBSCRIPTION_365DAYS';
228
231
  declare type ExpiryPeriodInDaysType = 1 | 3 | 7 | 14 | 30;
229
232
  export declare type IMembershipCardTemplate = {
@@ -296,13 +299,13 @@ export declare type ISectionJsonProperties = {
296
299
  CB_LAYOUT_PROP_PADDING?: CB_LAYOUT_PROP_PADDING_SPECS;
297
300
  CB_PLACEMENT_PROP_SECTION: {
298
301
  CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
299
- 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | undefined;
302
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
300
303
  CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
301
- 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | undefined;
304
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
302
305
  CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
303
- 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | undefined;
306
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
304
307
  CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
305
- 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | undefined;
308
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
306
309
  };
307
310
  CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
308
311
  CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
@@ -321,32 +324,32 @@ export declare type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
321
324
  CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
322
325
  };
323
326
  export declare type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
324
- 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number;
325
- 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': number | undefined;
326
- 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': number | undefined;
327
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': string;
328
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': string | undefined;
329
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': string | undefined;
330
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': string;
331
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': string | undefined;
332
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': string | undefined;
333
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': string;
334
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': string | undefined;
335
- 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': string | undefined;
336
- 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': boolean | undefined;
337
- 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': boolean;
338
- 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': boolean | undefined;
339
- 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': boolean | undefined;
340
- 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': number;
341
- 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': number | undefined;
342
- 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': number | undefined;
343
- 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': boolean;
344
- 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': boolean | undefined;
345
- 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': boolean | undefined;
346
- 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': string;
347
- 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': string | undefined;
348
- 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': string | undefined;
349
- 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string;
350
- 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | undefined;
351
- 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | undefined;
327
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
328
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': number | null | undefined;
329
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': number | null | undefined;
330
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': string | null | undefined;
331
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': string | null | undefined;
332
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': string | null | undefined;
333
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': string | null | undefined;
334
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': string | null | undefined;
335
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': string | null | undefined;
336
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': string | null | undefined;
337
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': string | null | undefined;
338
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': string | null | undefined;
339
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': boolean | null | undefined;
340
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': boolean | null | undefined;
341
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': boolean | null | undefined;
342
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': boolean | null | undefined;
343
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': number | null | undefined;
344
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': number | null | undefined;
345
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': number | null | undefined;
346
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': boolean | null | undefined;
347
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': boolean | null | undefined;
348
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': boolean | null | undefined;
349
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': string | null | undefined;
350
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': string | null | undefined;
351
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': string | null | undefined;
352
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
353
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
354
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
352
355
  };