pds-dev-kit-web-test 2.5.369 → 2.5.371

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 (22) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +1 -1
  2. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +11 -1
  3. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +8 -0
  4. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +62 -0
  5. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +3 -1
  6. package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +368 -0
  7. package/dist/src/sub/DynamicLayout/mock_video_cb.js +371 -0
  8. package/dist/src/sub/DynamicLayout/mocks.d.ts +184 -0
  9. package/dist/src/sub/DynamicLayout/mocks.js +14 -3
  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 +104 -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 +10 -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/parseProperties.d.ts +2 -2
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +11 -1
  20. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
  21. package/dist/src/sub/DynamicLayout/types.d.ts +4 -0
  22. package/package.json +1 -1
@@ -180,7 +180,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
180
180
  return size.width * 0.0133;
181
181
  }
182
182
  if (size.width < 1200) {
183
- return Math.max(getDefensiveFontSize(device, size.width), 16);
183
+ return Math.max(getDefensiveFontSize(device, size.width), 14);
184
184
  }
185
185
  return 16;
186
186
  })();
@@ -37,6 +37,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
37
37
  __setModuleDefault(result, mod);
38
38
  return result;
39
39
  };
40
+ var __importDefault = (this && this.__importDefault) || function (mod) {
41
+ return (mod && mod.__esModule) ? mod : { "default": mod };
42
+ };
40
43
  Object.defineProperty(exports, "__esModule", { value: true });
41
44
  exports.CustomSectionBackgroundMedia = void 0;
42
45
  var jsx_runtime_1 = require("react/jsx-runtime");
@@ -45,9 +48,10 @@ var utils_1 = require("../../../../DynamicLayout/utils");
45
48
  var styled_components_1 = __importStar(require("styled-components"));
46
49
  var YouTubeIframe_1 = require("../../YouTubeIframe");
47
50
  var util_1 = require("../util");
51
+ var VideoBGMedia_1 = __importDefault(require("./VideoBGMedia"));
48
52
  function CustomSectionBackgroundMedia(_a) {
49
53
  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;
54
+ 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
55
  var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
52
56
  var youTubeIframeKey = (0, react_1.useMemo)(function () {
53
57
  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);
@@ -104,6 +108,12 @@ function CustomSectionBackgroundMedia(_a) {
104
108
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
105
109
  case 'YOUTUBE':
106
110
  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)) })));
111
+ case 'VIDEO':
112
+ return ((0, jsx_runtime_1.jsx)(VideoBGMedia_1.default
113
+ // autoPlayOnMobile={}
114
+ , {
115
+ // autoPlayOnMobile={}
116
+ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR), startTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), loop: !!CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY }));
107
117
  case 'NONE':
108
118
  default:
109
119
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ declare function VideoBGMedia({ src, startTime, endTime, loop }: {
3
+ src: string;
4
+ startTime?: number;
5
+ endTime?: number;
6
+ loop?: boolean;
7
+ }): JSX.Element;
8
+ export default VideoBGMedia;
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
19
+ };
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = require("react");
23
+ var styled_components_1 = __importDefault(require("styled-components"));
24
+ function VideoBGMedia(_a) {
25
+ var src = _a.src, startTime = _a.startTime, endTime = _a.endTime, loop = _a.loop;
26
+ var videoRef = (0, react_1.useRef)(null);
27
+ var onLoadedMetadata = function () {
28
+ var video = videoRef.current;
29
+ if (!video)
30
+ return;
31
+ if (typeof startTime === 'number') {
32
+ video.currentTime = startTime;
33
+ }
34
+ video.play();
35
+ };
36
+ var onTimeUpdate = function () {
37
+ var video = videoRef.current;
38
+ if (!video)
39
+ return;
40
+ if (typeof startTime === 'number' && typeof endTime === 'number') {
41
+ if (video.currentTime < startTime) {
42
+ video.currentTime = startTime;
43
+ }
44
+ if (video.currentTime >= endTime) {
45
+ video.currentTime = startTime;
46
+ }
47
+ }
48
+ };
49
+ var onEnded = function () {
50
+ var video = videoRef.current;
51
+ if (!video)
52
+ return;
53
+ if (loop) {
54
+ video.currentTime = startTime || 0;
55
+ video.play();
56
+ }
57
+ };
58
+ return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ ref: videoRef, onLoadedMetadata: onLoadedMetadata, onTimeUpdate: onTimeUpdate, onEnded: onEnded, autoPlay: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: src, type: "video/mp4" }) }), src));
59
+ }
60
+ 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"])));
61
+ exports.default = VideoBGMedia;
62
+ var templateObject_1;
@@ -25,7 +25,9 @@ var AVAILABLE_SPECS = [
25
25
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION',
26
26
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR',
27
27
  'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT',
28
- 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME'
28
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME',
29
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR'
30
+ // 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'
29
31
  ];
30
32
  function UseCustomSectionBackgroundMediaData(specs, device) {
31
33
  return AVAILABLE_SPECS.reduce(function (acc, cur) {
@@ -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
+ };