pds-dev-kit-web-test 2.5.451 → 2.5.452
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.
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +46 -46
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +24 -2
- package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +3 -1
- package/dist/src/sub/DynamicLayout/mock_composition.js +6 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/types.d.ts +6 -2
- package/package.json +1 -1
|
@@ -1069,53 +1069,53 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
|
|
|
1069
1069
|
e.stopPropagation();
|
|
1070
1070
|
e.preventDefault();
|
|
1071
1071
|
onContextSection(e);
|
|
1072
|
-
} }, { children: (0, jsx_runtime_1.jsx)(CompositionBackground_1.default, __assign({}, props.compositionData, { isMobile: isMobile, overrideStyles: {
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1072
|
+
} }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: props.queryDataItem } }, { children: (0, jsx_runtime_1.jsx)(CompositionBackground_1.default, __assign({}, props.compositionData, { isMobile: isMobile, overrideStyles: {
|
|
1073
|
+
minHeight: customSectionStyles.minHeight,
|
|
1074
|
+
paddingTop: padding.top,
|
|
1075
|
+
paddingBottom: padding.bottom,
|
|
1076
|
+
paddingRight: padding.right,
|
|
1077
|
+
paddingLeft: padding.left
|
|
1078
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ sectionId: props.compositionData.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
|
|
1079
|
+
'selected-grid-layout': editingSectionId === props.compositionData.id
|
|
1080
|
+
}), allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [10, 10], style: {
|
|
1081
|
+
width: customSectionStyles.width,
|
|
1082
|
+
maxWidth: customSectionStyles.maxWidth,
|
|
1083
|
+
// minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
|
1084
|
+
fontSize: "".concat(baseFontSize, "px")
|
|
1085
|
+
}, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onDragStopForGroup: onBulkDragStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode, zoom: props.editorProps.zoomScale,
|
|
1086
|
+
// GROUP
|
|
1087
|
+
selectedGroupBlock: (_d = selectedBlockId === null || selectedBlockId === void 0 ? void 0 : selectedBlockId.toString()) !== null && _d !== void 0 ? _d : 'ROOT', editingGroupBlock: editingGroupBlock, blockStructure: newblock, bulkIds: bulkBlockIds, onDoubleClickGroup: onDoubleClickGroup, onClickGroup: onClickGroup, onDoubleClickOutsideGroup: onDoubleClickOutsideGroup, onContextGroup: onContextGroup }, { children: layouts[layoutByDevice].map(function (each, index) {
|
|
1088
|
+
var matchedCB = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.find(function (cb) { return cb.id.toString() === each.i; });
|
|
1089
|
+
var isInBulk = bulkBlockIds.includes((0, group_1.formatCbIdToBlockId)(Number(each.i)));
|
|
1090
|
+
if (!matchedCB) {
|
|
1091
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
1092
|
+
}
|
|
1093
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, clsx_1.clsx)({
|
|
1094
|
+
'react-grid-item-selected': selectedBlockId === (0, group_1.formatCbIdToBlockId)(matchedCB.id)
|
|
1095
|
+
}) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, clsx_1.clsx)({
|
|
1096
|
+
'grid-item-child': true
|
|
1097
|
+
}), style: {
|
|
1098
|
+
width: '100%',
|
|
1099
|
+
height: '100%'
|
|
1100
|
+
}, onClick: function (e) {
|
|
1101
|
+
e.stopPropagation();
|
|
1102
|
+
if (isInBulk) {
|
|
1103
|
+
clickOneCBInBulk(matchedCB.id);
|
|
1104
|
+
return;
|
|
1105
|
+
}
|
|
1106
|
+
if (editingGroupBlock !== 'ROOT') {
|
|
1107
|
+
if (!editableCBIDs.includes(matchedCB.id)) {
|
|
1108
|
+
e.preventDefault();
|
|
1109
|
+
return;
|
|
1110
|
+
}
|
|
1111
|
+
}
|
|
1112
|
+
onClickCB(matchedCB.id);
|
|
1113
|
+
}, onContextMenu: function (e) {
|
|
1114
|
+
e.stopPropagation();
|
|
1108
1115
|
e.preventDefault();
|
|
1109
|
-
|
|
1110
|
-
}
|
|
1111
|
-
|
|
1112
|
-
onClickCB(matchedCB.id);
|
|
1113
|
-
}, onContextMenu: function (e) {
|
|
1114
|
-
e.stopPropagation();
|
|
1115
|
-
e.preventDefault();
|
|
1116
|
-
onContextMenuCB(matchedCB.id, e);
|
|
1117
|
-
} }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: props.queryDataItem } }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) })) }) })) }), each.i));
|
|
1118
|
-
}) })) })) })) })) })) }));
|
|
1116
|
+
onContextMenuCB(matchedCB.id, e);
|
|
1117
|
+
} }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) })) }), each.i));
|
|
1118
|
+
}) })) })) })) }) })) })) })) }));
|
|
1119
1119
|
});
|
|
1120
1120
|
function isLayoutPlacementSame(current, prev) {
|
|
1121
1121
|
if (!prev) {
|
package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js
CHANGED
|
@@ -44,6 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
44
|
exports.CustomSectionBackgroundMedia = void 0;
|
|
45
45
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
46
46
|
var react_1 = require("react");
|
|
47
|
+
var compositionQueryContext_1 = require("../../../../DynamicLayout/compositionQueryContext");
|
|
47
48
|
var utils_1 = require("../../../../DynamicLayout/utils");
|
|
48
49
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
49
50
|
var YouTubeIframe_1 = require("../../YouTubeIframe");
|
|
@@ -51,7 +52,8 @@ var util_1 = require("../util");
|
|
|
51
52
|
var VideoBGMedia_1 = __importDefault(require("./VideoBGMedia"));
|
|
52
53
|
function CustomSectionBackgroundMedia(_a) {
|
|
53
54
|
var specs = _a.specs, playerId = _a.playerId, mediaType = _a.mediaType, componentStyle = _a.componentStyle, device = _a.device, backgroundRef = _a.backgroundRef;
|
|
54
|
-
var
|
|
55
|
+
var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
|
|
56
|
+
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, CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE, CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA = _b.CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA;
|
|
55
57
|
var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
|
|
56
58
|
var youTubeIframeKey = (0, react_1.useMemo)(function () {
|
|
57
59
|
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);
|
|
@@ -100,12 +102,32 @@ function CustomSectionBackgroundMedia(_a) {
|
|
|
100
102
|
observer.disconnect();
|
|
101
103
|
};
|
|
102
104
|
}, [device, specs, playerId, mediaType]);
|
|
105
|
+
var imgSrc = function () {
|
|
106
|
+
var isDataConnected = CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DATA' ||
|
|
107
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DELEGATEDDATA';
|
|
108
|
+
if (!isDataConnected) {
|
|
109
|
+
return CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR
|
|
110
|
+
? String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR)
|
|
111
|
+
: '';
|
|
112
|
+
}
|
|
113
|
+
if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
|
|
114
|
+
// eslint-disable-next-line
|
|
115
|
+
console.warn('ERROR: No query data found');
|
|
116
|
+
return 'ERROR';
|
|
117
|
+
}
|
|
118
|
+
if (!queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)]) {
|
|
119
|
+
// eslint-disable-next-line
|
|
120
|
+
console.warn("ERROR: ".concat(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA, " NOT found in query data"));
|
|
121
|
+
return 'ERROR';
|
|
122
|
+
}
|
|
123
|
+
return queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)];
|
|
124
|
+
};
|
|
103
125
|
if ('background' in componentStyle) {
|
|
104
126
|
delete componentStyle.background;
|
|
105
127
|
}
|
|
106
128
|
switch (mediaType) {
|
|
107
129
|
case 'IMAGE':
|
|
108
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children:
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: imgSrc() && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: imgSrc(), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: imgSrc(), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
|
|
109
131
|
case 'YOUTUBE':
|
|
110
132
|
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
133
|
case 'VIDEO':
|
package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js
CHANGED
|
@@ -26,7 +26,9 @@ var AVAILABLE_SPECS = [
|
|
|
26
26
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR',
|
|
27
27
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT',
|
|
28
28
|
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME',
|
|
29
|
-
'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR'
|
|
29
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR',
|
|
30
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE',
|
|
31
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA'
|
|
30
32
|
// 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'
|
|
31
33
|
];
|
|
32
34
|
function UseCustomSectionBackgroundMediaData(specs, device) {
|
|
@@ -355,7 +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: '
|
|
358
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'DELEGATEDDATA',
|
|
359
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: 'itemThumbnail',
|
|
359
360
|
CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://example.com/video.mp4',
|
|
360
361
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
|
|
361
362
|
CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
|
|
@@ -379,7 +380,7 @@ exports.sampleMockComposition1 = {
|
|
|
379
380
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
|
|
380
381
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': null,
|
|
381
382
|
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': null,
|
|
382
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: '
|
|
383
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'IMAGE',
|
|
383
384
|
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': null,
|
|
384
385
|
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
|
385
386
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': null,
|
|
@@ -1445,7 +1446,7 @@ exports.sampleMockComposition2 = {
|
|
|
1445
1446
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': null,
|
|
1446
1447
|
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': null,
|
|
1447
1448
|
CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
|
|
1448
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: '
|
|
1449
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: 'DELEGATEDDATA',
|
|
1449
1450
|
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://static.publ.site/pages-sample/img_cb_style_prop_bgmedia_spec_imageselector_01.png',
|
|
1450
1451
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': null,
|
|
1451
1452
|
'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE': null,
|
|
@@ -1453,7 +1454,7 @@ exports.sampleMockComposition2 = {
|
|
|
1453
1454
|
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': null,
|
|
1454
1455
|
CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4',
|
|
1455
1456
|
'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE': null,
|
|
1456
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: '
|
|
1457
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: 'itemThumbnail',
|
|
1457
1458
|
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': null,
|
|
1458
1459
|
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': null,
|
|
1459
1460
|
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': null,
|
|
@@ -1461,7 +1462,7 @@ exports.sampleMockComposition2 = {
|
|
|
1461
1462
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
|
|
1462
1463
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': null,
|
|
1463
1464
|
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': null,
|
|
1464
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: '
|
|
1465
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'IMAGE',
|
|
1465
1466
|
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': null,
|
|
1466
1467
|
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
|
1467
1468
|
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': null,
|
|
@@ -24,6 +24,7 @@ export type NUMBER_INTEGER = number;
|
|
|
24
24
|
export type STRING_8DIGIT_HEX = string;
|
|
25
25
|
export type CCB_VALUE_TYPE = 'VALUE' | 'DATA';
|
|
26
26
|
export type CB_VALUE_TYPE = 'VALUE' | 'DELEGATEDDATA' | 'QUERYDATA';
|
|
27
|
+
export type COMPOSITION_VALUE_TYPE = 'VALUE' | 'DELEGATEDDATA' | 'QUERYDATA';
|
|
27
28
|
export type SECTION_VALUE_TYPE = 'VALUE' | 'QUERYDATA';
|
|
28
29
|
export type CB_GENERAL_PROPERTIES_TYPE = {
|
|
29
30
|
CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
|
|
@@ -5,7 +5,7 @@ import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util
|
|
|
5
5
|
import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
|
|
6
6
|
import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
|
|
7
7
|
import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
|
|
8
|
-
import type { CCB_VALUE_TYPE } from './sections/CustomSection/util/types';
|
|
8
|
+
import type { CCB_VALUE_TYPE, COMPOSITION_VALUE_TYPE } from './sections/CustomSection/util/types';
|
|
9
9
|
import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
|
|
10
10
|
import type { Ref } from 'react';
|
|
11
11
|
export { TypeOfSectionAction };
|
|
@@ -359,7 +359,8 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
|
|
|
359
359
|
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
|
|
360
360
|
CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
|
|
361
361
|
CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
|
|
362
|
-
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE;
|
|
362
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE | COMPOSITION_VALUE_TYPE;
|
|
363
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA: string;
|
|
363
364
|
};
|
|
364
365
|
export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
|
|
365
366
|
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
|
|
@@ -396,6 +397,9 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
|
|
|
396
397
|
'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: CCB_VALUE_TYPE | null;
|
|
397
398
|
'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: CCB_VALUE_TYPE | null;
|
|
398
399
|
'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: CCB_VALUE_TYPE | null;
|
|
400
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:HOVER'?: string | null;
|
|
401
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE'?: string | null;
|
|
402
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA:MOBILE:HOVER'?: string | null;
|
|
399
403
|
};
|
|
400
404
|
export interface IComposition {
|
|
401
405
|
id: number;
|