pds-dev-kit-web-test 2.5.364 → 2.5.366

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 (24) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +2 -2
  2. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +7 -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 +61 -0
  5. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +2 -1
  6. package/dist/src/sub/DynamicLayout/mock_composition.js +4 -0
  7. package/dist/src/sub/DynamicLayout/mock_contentsList.js +2 -0
  8. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -0
  9. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  10. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  11. package/dist/src/sub/DynamicLayout/mocks.d.ts +185 -1
  12. package/dist/src/sub/DynamicLayout/mocks.js +4268 -4239
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -0
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +5 -0
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +126 -0
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +1 -0
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +9 -0
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +18 -7
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -4
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +14 -2
  23. package/dist/src/sub/DynamicLayout/types.d.ts +9 -0
  24. package/package.json +1 -1
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- import type { VALUE_TYPE } from '../sections/CustomSection/util/types';
2
+ import type { CB_VALUE_TYPE, CCB_VALUE_TYPE } from '../sections/CustomSection/util/types';
3
3
  import type { IComposition, QueryData } from '../../DynamicLayout/types';
4
4
  export declare function createCompositions({ valueType, queryPath, queryData, compositions }: {
5
- valueType: VALUE_TYPE;
5
+ valueType: CCB_VALUE_TYPE | CB_VALUE_TYPE;
6
6
  queryPath: string;
7
7
  queryData: QueryData | undefined;
8
8
  compositions: IComposition[];
@@ -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,8 @@ 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, { 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
113
  case 'NONE':
108
114
  default:
109
115
  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,61 @@
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
+ (0, react_1.useEffect)(function () {
28
+ var video = videoRef.current;
29
+ if (!video)
30
+ return;
31
+ // 시작 시간으로 이동
32
+ var handleLoadedMetadata = function () {
33
+ if (typeof startTime === 'number') {
34
+ video.currentTime = startTime;
35
+ video.play();
36
+ }
37
+ };
38
+ // 구간 반복
39
+ var handleTimeUpdate = function () {
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
+ video.play();
47
+ }
48
+ }
49
+ };
50
+ video.addEventListener('loadedmetadata', handleLoadedMetadata);
51
+ video.addEventListener('timeupdate', handleTimeUpdate);
52
+ return function () {
53
+ video.removeEventListener('loadedmetadata', handleLoadedMetadata);
54
+ video.removeEventListener('timeupdate', handleTimeUpdate);
55
+ };
56
+ }, [startTime, loop, endTime]);
57
+ return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ ref: videoRef, autoPlay: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: src, type: "video/mp4" }) }), src));
58
+ }
59
+ 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"])));
60
+ exports.default = VideoBGMedia;
61
+ var templateObject_1;
@@ -25,7 +25,8 @@ 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'
29
30
  ];
30
31
  function UseCustomSectionBackgroundMediaData(specs, device) {
31
32
  return AVAILABLE_SPECS.reduce(function (acc, cur) {
@@ -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,
@@ -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',
@@ -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',
@@ -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
+ };