pds-dev-kit-web-test 2.5.355 → 2.5.356

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 (20) hide show
  1. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +9 -6
  2. package/dist/src/sub/DynamicLayout/mock_composition.js +4 -0
  3. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +2 -0
  4. package/dist/src/sub/DynamicLayout/mock_contentsList.js +2 -0
  5. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -0
  6. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  7. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  8. package/dist/src/sub/DynamicLayout/mocks.d.ts +52 -644
  9. package/dist/src/sub/DynamicLayout/mocks.js +4269 -4238
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -0
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +5 -0
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +123 -0
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +1 -0
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +8 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +11 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -4
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +11 -1
  19. package/dist/src/sub/DynamicLayout/types.d.ts +9 -0
  20. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js CHANGED
@@ -47,7 +47,7 @@ var YouTubeIframe_1 = require("../../YouTubeIframe");
47
47
  var util_1 = require("../util");
48
48
  function CustomSectionBackgroundMedia(_a) {
49
49
  var specs = _a.specs, playerId = _a.playerId, mediaType = _a.mediaType, componentStyle = _a.componentStyle, device = _a.device, backgroundRef = _a.backgroundRef;
50
- var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR;
50
+ var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR;
51
51
  var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
52
52
  var youTubeIframeKey = (0, react_1.useMemo)(function () {
53
53
  return "".concat(utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)), "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME);
@@ -105,28 +105,31 @@ function CustomSectionBackgroundMedia(_a) {
105
105
  case 'YOUTUBE':
106
106
  return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) })));
107
107
  case 'NONE':
108
+ case 'VIDEO':
109
+ return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ autoPlay: true, loop: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR), type: "video/mp4" }) })));
108
110
  default:
109
111
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
110
112
  }
111
113
  }
112
114
  exports.CustomSectionBackgroundMedia = CustomSectionBackgroundMedia;
113
- var S_Image = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-image: ", ";\n background-repeat: no-repeat;\n height: 100%;\n width: 100%;\n\n ", ";\n\n & img {\n ", ";\n }\n"], ["\n background-image: ", ";\n background-repeat: no-repeat;\n height: 100%;\n width: 100%;\n\n ", ";\n\n & img {\n ", ";\n }\n"])), function (_a) {
115
+ var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -9999;\n"], ["\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -9999;\n"])));
116
+ var S_Image = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-image: ", ";\n background-repeat: no-repeat;\n height: 100%;\n width: 100%;\n\n ", ";\n\n & img {\n ", ";\n }\n"], ["\n background-image: ", ";\n background-repeat: no-repeat;\n height: 100%;\n width: 100%;\n\n ", ";\n\n & img {\n ", ";\n }\n"])), function (_a) {
114
117
  var src = _a.src;
115
118
  return "url(".concat(src, ")");
116
119
  }, function (_a) {
117
120
  var normalStyle = _a.normalStyle;
118
121
  var isContain = normalStyle.backgroundSize === 'contain';
119
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), __assign(__assign({}, normalStyle), { backgroundPosition: isContain ? 'center' : normalStyle.backgroundPosition }));
122
+ return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), __assign(__assign({}, normalStyle), { backgroundPosition: isContain ? 'center' : normalStyle.backgroundPosition }));
120
123
  }, function (_a) {
121
124
  var normalStyle = _a.normalStyle;
122
125
  var isContain = normalStyle.backgroundSize === 'contain';
123
- return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), isContain ? 'contain' : 'cover');
126
+ return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), isContain ? 'contain' : 'cover');
124
127
  });
125
- var S_YoutubeContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
128
+ var S_YoutubeContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n"], ["\n height: ", ";\n width: ", ";\n"])), function (_a) {
126
129
  var height = _a.height;
127
130
  return "".concat(height, "px");
128
131
  }, function (_a) {
129
132
  var width = _a.width;
130
133
  return "".concat(width, "px");
131
134
  });
132
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
135
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/sub/DynamicLayout/mock_composition.js CHANGED
@@ -355,6 +355,8 @@ exports.sampleMockComposition1 = {
355
355
  'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
356
356
  },
357
357
  CB_STYLE_PROP_BGMEDIA: {
358
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
359
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
358
360
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
359
361
  CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
360
362
  'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
@@ -691,6 +693,8 @@ exports.sampleMockComposition2 = {
691
693
  'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
692
694
  },
693
695
  CB_STYLE_PROP_BGMEDIA: {
696
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
697
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
694
698
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
695
699
  CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
696
700
  'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js CHANGED
@@ -247,6 +247,8 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
247
247
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
248
248
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
249
249
  CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
250
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
251
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
250
252
  // Hover state
251
253
  'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
252
254
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
package/dist/src/sub/DynamicLayout/mock_contentsList.js CHANGED
@@ -209,6 +209,8 @@ exports.SAMPLE_LIST_CB = {
209
209
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
210
210
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
211
211
  CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
212
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
213
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
212
214
  // Hover state
213
215
  'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
214
216
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED
@@ -239,6 +239,8 @@ exports.SAMPLE_SLIDEBANNER_CB = {
239
239
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: '.background-image',
240
240
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'cover',
241
241
  CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 60,
242
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'VALUE',
243
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
242
244
  // Hover state
243
245
  'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 65,
244
246
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'contain',
package/dist/src/sub/DynamicLayout/mock_video.d.ts ADDED
@@ -0,0 +1,368 @@
1
+ export declare const MOCK_VIDEO_CB: {
2
+ availablePlugins: never[];
3
+ blockId: string;
4
+ componentBlockCode: string;
5
+ componentBlockType: string;
6
+ compositions: never[];
7
+ dynamicLayoutSectionId: number;
8
+ id: number;
9
+ insertedAt: string;
10
+ jsonProperties: {
11
+ currentVersion: string;
12
+ data: {
13
+ CB_CONTENT_PROP_HOVER: {
14
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
15
+ };
16
+ CB_CONTENT_PROP_VIDEO: {
17
+ CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: string;
18
+ CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
19
+ CB_CONTENT_PROP_VIDEO_SPEC_MPLAY: boolean;
20
+ CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
21
+ CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: string;
22
+ CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
23
+ CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
24
+ CB_CONTENT_PROP_VIDEO_SPEC_TYPE: string;
25
+ CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE: string;
26
+ };
27
+ CB_CONTENT_PROP_VISIBILITY: {
28
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
29
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
30
+ };
31
+ CB_EFFECT_PROP_ENTANIM: {
32
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
33
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
34
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
35
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
36
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
37
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
38
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
39
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
40
+ };
41
+ CB_EFFECT_PROP_HOVERANIM: {
42
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
43
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
44
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
45
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
46
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
47
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
48
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
49
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
50
+ };
51
+ CB_LAYOUT_PROP_ARRANGE: {
52
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
53
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null;
54
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: string;
55
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
56
+ };
57
+ CB_LAYOUT_PROP_PADDING: {
58
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
59
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
60
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
61
+ bottom: number;
62
+ left: number;
63
+ right: number;
64
+ top: number;
65
+ };
66
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
67
+ };
68
+ CB_PLACEMENT_PROP_PLACEMENT: {
69
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
70
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
71
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
72
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
73
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
74
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
75
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
76
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
77
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
78
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
79
+ };
80
+ CB_STYLE_PROP_BGCOLOR: {
81
+ CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: number;
82
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null;
83
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null;
84
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null;
85
+ CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: string;
86
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null;
87
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null;
88
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null;
89
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: string;
90
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null;
91
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null;
92
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null;
93
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: number;
94
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': null;
95
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null;
96
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null;
97
+ CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: string;
98
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': null;
99
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null;
100
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null;
101
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: string;
102
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': null;
103
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null;
104
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null;
105
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: number;
106
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null;
107
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null;
108
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null;
109
+ CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: string;
110
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null;
111
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null;
112
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null;
113
+ };
114
+ CB_STYLE_PROP_BORDER: {
115
+ CB_STYLE_PROP_BORDER_SPEC_COLOR: string;
116
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null;
117
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null;
118
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null;
119
+ CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
120
+ bl: number;
121
+ br: number;
122
+ tl: number;
123
+ tr: number;
124
+ };
125
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null;
126
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null;
127
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null;
128
+ CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
129
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null;
130
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null;
131
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null;
132
+ CB_STYLE_PROP_BORDER_SPEC_STYLE: string;
133
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null;
134
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null;
135
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null;
136
+ CB_STYLE_PROP_BORDER_SPEC_WIDTH: number;
137
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null;
138
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null;
139
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null;
140
+ };
141
+ CB_STYLE_PROP_OPACITY: {
142
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
143
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null;
144
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
145
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
146
+ };
147
+ CB_STYLE_PROP_SHADOW: {
148
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
149
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;
150
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
151
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
152
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
153
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null;
154
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
155
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
156
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
157
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null;
158
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
159
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
160
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
161
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null;
162
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
163
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
164
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
165
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null;
166
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
167
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
168
+ CB_STYLE_PROP_SHADOW_SPEC_X: number;
169
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null;
170
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
171
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
172
+ CB_STYLE_PROP_SHADOW_SPEC_Y: number;
173
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null;
174
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
175
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
176
+ };
177
+ };
178
+ minVersion: string;
179
+ version: string;
180
+ };
181
+ queryableDefinitionPreset: string;
182
+ queryableTapSrc: string;
183
+ updatedAt: string;
184
+ };
185
+ export declare const MOCK_VIDEO_CB_2: {
186
+ availablePlugins: never[];
187
+ blockId: string;
188
+ componentBlockCode: string;
189
+ componentBlockType: string;
190
+ compositions: never[];
191
+ dynamicLayoutSectionId: number;
192
+ id: number;
193
+ insertedAt: string;
194
+ jsonProperties: {
195
+ currentVersion: string;
196
+ data: {
197
+ CB_CONTENT_PROP_HOVER: {
198
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
199
+ };
200
+ CB_CONTENT_PROP_VIDEO: {
201
+ CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: string;
202
+ CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
203
+ CB_CONTENT_PROP_VIDEO_SPEC_MPLAY: boolean;
204
+ CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
205
+ CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: string;
206
+ CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
207
+ CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
208
+ CB_CONTENT_PROP_VIDEO_SPEC_TYPE: string;
209
+ CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE: string;
210
+ };
211
+ CB_CONTENT_PROP_VISIBILITY: {
212
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
213
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
214
+ };
215
+ CB_EFFECT_PROP_ENTANIM: {
216
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
217
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
218
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
219
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
220
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
221
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
222
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
223
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
224
+ };
225
+ CB_EFFECT_PROP_HOVERANIM: {
226
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
227
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
228
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
229
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
230
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
231
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
232
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
233
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
234
+ };
235
+ CB_LAYOUT_PROP_ARRANGE: {
236
+ CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
237
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null;
238
+ CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: string;
239
+ 'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
240
+ };
241
+ CB_LAYOUT_PROP_PADDING: {
242
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
243
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
244
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
245
+ bottom: number;
246
+ left: number;
247
+ right: number;
248
+ top: number;
249
+ };
250
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
251
+ };
252
+ CB_PLACEMENT_PROP_PLACEMENT: {
253
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
254
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
255
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
256
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
257
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
258
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
259
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
260
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
261
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
262
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
263
+ };
264
+ CB_STYLE_PROP_BGCOLOR: {
265
+ CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: number;
266
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': null;
267
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null;
268
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null;
269
+ CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: string;
270
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': null;
271
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null;
272
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null;
273
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: string;
274
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': null;
275
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null;
276
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null;
277
+ CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: number;
278
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': null;
279
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null;
280
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null;
281
+ CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: string;
282
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': null;
283
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null;
284
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null;
285
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: string;
286
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': null;
287
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null;
288
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null;
289
+ CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: number;
290
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': null;
291
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null;
292
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null;
293
+ CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: string;
294
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': null;
295
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null;
296
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null;
297
+ };
298
+ CB_STYLE_PROP_BORDER: {
299
+ CB_STYLE_PROP_BORDER_SPEC_COLOR: string;
300
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null;
301
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null;
302
+ 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null;
303
+ CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
304
+ bl: number;
305
+ br: number;
306
+ tl: number;
307
+ tr: number;
308
+ };
309
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null;
310
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null;
311
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null;
312
+ CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
313
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': null;
314
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null;
315
+ 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null;
316
+ CB_STYLE_PROP_BORDER_SPEC_STYLE: string;
317
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null;
318
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null;
319
+ 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null;
320
+ CB_STYLE_PROP_BORDER_SPEC_WIDTH: number;
321
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null;
322
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null;
323
+ 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null;
324
+ };
325
+ CB_STYLE_PROP_OPACITY: {
326
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
327
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null;
328
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
329
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
330
+ };
331
+ CB_STYLE_PROP_SHADOW: {
332
+ CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
333
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;
334
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
335
+ 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
336
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
337
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null;
338
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
339
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
340
+ CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
341
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null;
342
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
343
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
344
+ CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
345
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null;
346
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
347
+ 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
348
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
349
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': null;
350
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
351
+ 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
352
+ CB_STYLE_PROP_SHADOW_SPEC_X: number;
353
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null;
354
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
355
+ 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
356
+ CB_STYLE_PROP_SHADOW_SPEC_Y: number;
357
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null;
358
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
359
+ 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
360
+ };
361
+ };
362
+ minVersion: string;
363
+ version: string;
364
+ };
365
+ queryableDefinitionPreset: string;
366
+ queryableTapSrc: string;
367
+ updatedAt: string;
368
+ };