pds-dev-kit-web-test 0.2.10 → 0.2.12
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/components/Section/Section.js +20 -3
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -0
- package/dist/src/sub/DynamicLayout/mock_customSection.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_samplePage.js +724 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +10 -9
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined.d.ts +2 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined.js +9 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgColor.js +6 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.js +6 -2
- package/package.json +1 -1
- package/webhook/node_modules/esrecurse/.babelrc +0 -3
|
@@ -32,6 +32,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
33
|
var react_1 = require("react");
|
|
34
34
|
var util_1 = require("../../../DynamicLayout/sections/CustomSection/util");
|
|
35
|
+
var isNullOrUndefined_1 = __importDefault(require("../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
|
35
36
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
37
|
var pdsOriginal_1 = require("../pdsOriginal");
|
|
37
38
|
var YouTubeIframe_1 = require("../YouTubeIframe");
|
|
@@ -153,12 +154,28 @@ function Background(_a) {
|
|
|
153
154
|
? CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER'] !== 'NONE'
|
|
154
155
|
: CB_STYLE_PROP_BGMEDIA.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE !== 'NONE';
|
|
155
156
|
}, [isMobile, isHover, CB_STYLE_PROP_BGOVERLAY]);
|
|
157
|
+
var mediaType = (0, react_1.useMemo)(function () {
|
|
158
|
+
if (!CB_STYLE_PROP_BGMEDIA) {
|
|
159
|
+
return 'NONE';
|
|
160
|
+
}
|
|
161
|
+
if (isMobile) {
|
|
162
|
+
if (isHover) {
|
|
163
|
+
return (0, isNullOrUndefined_1.default)(CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER'])
|
|
164
|
+
? CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER']
|
|
165
|
+
: CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER'];
|
|
166
|
+
}
|
|
167
|
+
return (0, isNullOrUndefined_1.default)(CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE'])
|
|
168
|
+
? CB_STYLE_PROP_BGMEDIA.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE
|
|
169
|
+
: CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE'];
|
|
170
|
+
}
|
|
171
|
+
return isHover
|
|
172
|
+
? CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER']
|
|
173
|
+
: CB_STYLE_PROP_BGMEDIA.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE;
|
|
174
|
+
}, [isMobile, isHover, CB_STYLE_PROP_BGOVERLAY]);
|
|
156
175
|
if (!jsonProperties) {
|
|
157
176
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_BackgroundWrapper, __assign({ ref: backgroundRef, color: backgroundColorInHex }, { children: backgroundMediaSrc && backgroundMedia }), void 0), (0, jsx_runtime_1.jsx)(S_BackgroundOverlay, { color: backgroundOverlayColorInHex }, void 0)] }, void 0));
|
|
158
177
|
}
|
|
159
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOverlay && CB_STYLE_PROP_BGOVERLAY && ((0, jsx_runtime_1.jsx)(S_CustomBackgroundOverlay, { className: "Overlay", ref: backgroundOverlayRef }, void 0)), (0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ className: "CustomSection", ref: backgroundRef, style: __assign(__assign(__assign(__assign({}, layout), effect), style), { visibility: isHover ? hoverStyle.visibility : style.visibility }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, playerId: id, mediaType:
|
|
160
|
-
? CB_STYLE_PROP_BGMEDIA['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER']
|
|
161
|
-
: CB_STYLE_PROP_BGMEDIA.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE }, void 0)) }), void 0)] }, void 0));
|
|
178
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOverlay && CB_STYLE_PROP_BGOVERLAY && ((0, jsx_runtime_1.jsx)(S_CustomBackgroundOverlay, { className: "Overlay", ref: backgroundOverlayRef }, void 0)), (0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ className: "CustomSection", ref: backgroundRef, style: __assign(__assign(__assign(__assign({}, layout), effect), style), { visibility: isHover ? hoverStyle.visibility : style.visibility }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, playerId: id, mediaType: mediaType || 'NONE' }, void 0)) }), void 0)] }, void 0));
|
|
162
179
|
}
|
|
163
180
|
var S_BackgroundWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -2;\n"], ["\n align-items: center;\n background-color: ", ";\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -2;\n"])), function (_a) {
|
|
164
181
|
var color = _a.color;
|
package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js
CHANGED
|
@@ -47,6 +47,7 @@ function CustomSectionBackgroundMedia(_a) {
|
|
|
47
47
|
return ((0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ isOverflowScroll: CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL, scaleType: scaleType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, width: "responsive", height: "responsive", scaleType: scaleType, shapeType: "rectangle" }, void 0) }), void 0));
|
|
48
48
|
case 'YOUTUBE':
|
|
49
49
|
return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, { children: (0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { id: playerId, src: CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, endSeconds: CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME }, void 0) }, void 0));
|
|
50
|
+
case 'NONE':
|
|
50
51
|
default:
|
|
51
52
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
|
|
52
53
|
}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
+
};
|
|
2
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
12
|
exports.samplePage = exports.samplePageMembershipSection = exports.samplePageFullscreenIframeSection = exports.samplePageFooterSection = exports.samplePageIntroSection3 = exports.samplePageInfoBoxSection = exports.samplePageContentsSection = exports.samplePageIntroSection2 = exports.samplePageContentsCarouselSection = exports.samplePageIntroSection = void 0;
|
|
4
|
-
var mock_customSection_1 = require("./mock_customSection");
|
|
5
13
|
exports.samplePageIntroSection = {
|
|
6
14
|
type: 'DESIGNED',
|
|
7
15
|
display: true,
|
|
@@ -1219,14 +1227,719 @@ exports.samplePageMembershipSection = {
|
|
|
1219
1227
|
insertedAt: '2023-01-30T10:24:35',
|
|
1220
1228
|
updatedAt: '2023-01-30T10:24:35'
|
|
1221
1229
|
};
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1230
|
+
var realMock = [
|
|
1231
|
+
{
|
|
1232
|
+
administrativeTitle: '',
|
|
1233
|
+
appearanceTemplate: 'CUSTOM',
|
|
1234
|
+
componentBlocks: [
|
|
1235
|
+
{
|
|
1236
|
+
availablePlugins: [],
|
|
1237
|
+
componentBlockCode: 'CB_TEXT',
|
|
1238
|
+
componentBlockType: 'GENERAL',
|
|
1239
|
+
dynamicLayoutSectionId: 5477,
|
|
1240
|
+
id: 412,
|
|
1241
|
+
insertedAt: '2023-08-02T10:47:21',
|
|
1242
|
+
jsonProperties: {
|
|
1243
|
+
currentVersion: '2023-08-03',
|
|
1244
|
+
data: {
|
|
1245
|
+
CB_CONTENT_PROP_CLINK: {
|
|
1246
|
+
CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
|
|
1247
|
+
CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
|
|
1248
|
+
CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
|
|
1249
|
+
},
|
|
1250
|
+
CB_CONTENT_PROP_HOVER: {
|
|
1251
|
+
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
1252
|
+
},
|
|
1253
|
+
CB_CONTENT_PROP_TEXT: {
|
|
1254
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'New Text'
|
|
1255
|
+
},
|
|
1256
|
+
CB_CONTENT_PROP_VISIBILITY: {
|
|
1257
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
1258
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
|
1259
|
+
},
|
|
1260
|
+
CB_EFFECT_PROP_ENTANIM: {
|
|
1261
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
|
|
1262
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
|
|
1263
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
|
|
1264
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
|
|
1265
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
|
1266
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
|
|
1267
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
|
|
1268
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
|
|
1269
|
+
},
|
|
1270
|
+
CB_LAYOUT_PROP_ARRANGE: {
|
|
1271
|
+
CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
|
|
1272
|
+
'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null,
|
|
1273
|
+
CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
|
|
1274
|
+
'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
|
|
1275
|
+
},
|
|
1276
|
+
CB_LAYOUT_PROP_PADDING: {
|
|
1277
|
+
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
|
1278
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
|
|
1279
|
+
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
|
1280
|
+
bottom: 0,
|
|
1281
|
+
left: 0,
|
|
1282
|
+
right: 0,
|
|
1283
|
+
top: 0
|
|
1284
|
+
},
|
|
1285
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
|
1286
|
+
},
|
|
1287
|
+
CB_PLACEMENT_PROP_PLACEMENT: {
|
|
1288
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 2,
|
|
1289
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
|
|
1290
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
|
|
1291
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 1,
|
|
1292
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 7,
|
|
1293
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 1,
|
|
1294
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 12,
|
|
1295
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
|
|
1296
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
|
|
1297
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
|
|
1298
|
+
},
|
|
1299
|
+
CB_STYLE_PROP_OPACITY: {
|
|
1300
|
+
CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
|
|
1301
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
|
|
1302
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
|
|
1303
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
|
|
1304
|
+
},
|
|
1305
|
+
CB_STYLE_PROP_TEXT: {
|
|
1306
|
+
CB_STYLE_PROP_TEXT_SPEC_COLOR: '#333333FF',
|
|
1307
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': '#333333FF',
|
|
1308
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
|
|
1309
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1310
|
+
CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
|
|
1311
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': 0,
|
|
1312
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
|
|
1313
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
|
|
1314
|
+
CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
|
|
1315
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': 130,
|
|
1316
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
|
|
1317
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
|
|
1318
|
+
CB_STYLE_PROP_TEXT_SPEC_SIZE: 16,
|
|
1319
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': 16,
|
|
1320
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
|
|
1321
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
|
|
1322
|
+
CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
|
|
1323
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': 'PRETENDARD',
|
|
1324
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
|
|
1325
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
|
|
1326
|
+
CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 500,
|
|
1327
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': 500,
|
|
1328
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
|
|
1329
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
|
|
1330
|
+
}
|
|
1331
|
+
},
|
|
1332
|
+
minVersion: '2023-08-03',
|
|
1333
|
+
version: '2023-08-03'
|
|
1334
|
+
},
|
|
1335
|
+
queryableDefinitionPreset: 'N/A',
|
|
1336
|
+
queryableTapSrc: 'N/A',
|
|
1337
|
+
updatedAt: '2023-08-02T10:53:43'
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
availablePlugins: [],
|
|
1341
|
+
componentBlockCode: 'CB_TEXT',
|
|
1342
|
+
componentBlockType: 'GENERAL',
|
|
1343
|
+
dynamicLayoutSectionId: 5477,
|
|
1344
|
+
id: 413,
|
|
1345
|
+
insertedAt: '2023-08-02T10:47:21',
|
|
1346
|
+
jsonProperties: {
|
|
1347
|
+
currentVersion: '2023-08-03',
|
|
1348
|
+
data: {
|
|
1349
|
+
CB_CONTENT_PROP_CLINK: {
|
|
1350
|
+
CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
|
|
1351
|
+
CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
|
|
1352
|
+
CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
|
|
1353
|
+
},
|
|
1354
|
+
CB_CONTENT_PROP_HOVER: {
|
|
1355
|
+
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
1356
|
+
},
|
|
1357
|
+
CB_CONTENT_PROP_TEXT: {
|
|
1358
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'New Text'
|
|
1359
|
+
},
|
|
1360
|
+
CB_CONTENT_PROP_VISIBILITY: {
|
|
1361
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
1362
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
|
1363
|
+
},
|
|
1364
|
+
CB_EFFECT_PROP_ENTANIM: {
|
|
1365
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
|
|
1366
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
|
|
1367
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
|
|
1368
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
|
|
1369
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
|
1370
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
|
|
1371
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
|
|
1372
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
|
|
1373
|
+
},
|
|
1374
|
+
CB_LAYOUT_PROP_ARRANGE: {
|
|
1375
|
+
CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: 'CENTER',
|
|
1376
|
+
'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': null,
|
|
1377
|
+
CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: 'MIDDLE',
|
|
1378
|
+
'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null
|
|
1379
|
+
},
|
|
1380
|
+
CB_LAYOUT_PROP_PADDING: {
|
|
1381
|
+
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
|
1382
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
|
|
1383
|
+
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
|
1384
|
+
bottom: 0,
|
|
1385
|
+
left: 0,
|
|
1386
|
+
right: 0,
|
|
1387
|
+
top: 0
|
|
1388
|
+
},
|
|
1389
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
|
1390
|
+
},
|
|
1391
|
+
CB_PLACEMENT_PROP_PLACEMENT: {
|
|
1392
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 5,
|
|
1393
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 2,
|
|
1394
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
|
|
1395
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 1,
|
|
1396
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 3,
|
|
1397
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 6,
|
|
1398
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 6,
|
|
1399
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
|
|
1400
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
|
|
1401
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
|
|
1402
|
+
},
|
|
1403
|
+
CB_STYLE_PROP_OPACITY: {
|
|
1404
|
+
CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
|
|
1405
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': 100,
|
|
1406
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
|
|
1407
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
|
|
1408
|
+
},
|
|
1409
|
+
CB_STYLE_PROP_TEXT: {
|
|
1410
|
+
CB_STYLE_PROP_TEXT_SPEC_COLOR: '#333333FF',
|
|
1411
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': '#333333FF',
|
|
1412
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
|
|
1413
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1414
|
+
CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
|
|
1415
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': 0,
|
|
1416
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
|
|
1417
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
|
|
1418
|
+
CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
|
|
1419
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': 130,
|
|
1420
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
|
|
1421
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
|
|
1422
|
+
CB_STYLE_PROP_TEXT_SPEC_SIZE: 16,
|
|
1423
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': 16,
|
|
1424
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
|
|
1425
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
|
|
1426
|
+
CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
|
|
1427
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': 'PRETENDARD',
|
|
1428
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
|
|
1429
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
|
|
1430
|
+
CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 500,
|
|
1431
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': 500,
|
|
1432
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
|
|
1433
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
|
|
1434
|
+
}
|
|
1435
|
+
},
|
|
1436
|
+
minVersion: '2023-08-03',
|
|
1437
|
+
version: '2023-08-03'
|
|
1438
|
+
},
|
|
1439
|
+
queryableDefinitionPreset: 'N/A',
|
|
1440
|
+
queryableTapSrc: 'N/A',
|
|
1441
|
+
updatedAt: '2023-08-02T10:49:32'
|
|
1442
|
+
}
|
|
1443
|
+
],
|
|
1444
|
+
display: true,
|
|
1445
|
+
dlSelectorId: 'DLSELTSTFQ5J77Y6KG4EK-RHPCU',
|
|
1446
|
+
dynamicLayoutPageId: 1553,
|
|
1447
|
+
dynamicLayoutSceneId: 1553,
|
|
1448
|
+
dynamicLayoutSectionItems: [],
|
|
1449
|
+
id: 5477,
|
|
1450
|
+
insertedAt: '2023-08-02T10:47:21',
|
|
1451
|
+
jsonProperties: {
|
|
1452
|
+
currentVersion: '2023-08-03',
|
|
1453
|
+
data: {
|
|
1454
|
+
CB_CONTENT_PROP_VISIBILITY: {
|
|
1455
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
1456
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
|
1457
|
+
},
|
|
1458
|
+
CB_EFFECT_PROP_ENTANIM: {
|
|
1459
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
|
|
1460
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
|
|
1461
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
|
|
1462
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
|
|
1463
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
|
1464
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
|
|
1465
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
|
|
1466
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
|
|
1467
|
+
},
|
|
1468
|
+
CB_LAYOUT_PROP_PADDING: {
|
|
1469
|
+
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
|
1470
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
|
|
1471
|
+
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
|
1472
|
+
bottom: 24,
|
|
1473
|
+
left: 24,
|
|
1474
|
+
right: 24,
|
|
1475
|
+
top: 24
|
|
1476
|
+
},
|
|
1477
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
|
1478
|
+
},
|
|
1479
|
+
CB_PLACEMENT_PROP_SECTION: {
|
|
1480
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: true,
|
|
1481
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': true,
|
|
1482
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: 500,
|
|
1483
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': null,
|
|
1484
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: 13,
|
|
1485
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': 8,
|
|
1486
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: 960,
|
|
1487
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': null
|
|
1488
|
+
},
|
|
1489
|
+
CB_STYLE_PROP_BGCOLOR: {
|
|
1490
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
|
|
1491
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
|
|
1492
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
|
|
1493
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
|
|
1494
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#EC0000FF',
|
|
1495
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
|
|
1496
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
|
|
1497
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1498
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
|
|
1499
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
|
1500
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
|
|
1501
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
|
1502
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
|
|
1503
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
|
|
1504
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
|
|
1505
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
|
|
1506
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
|
|
1507
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
|
|
1508
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
|
|
1509
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
|
|
1510
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
|
|
1511
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
|
|
1512
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
|
|
1513
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
|
1514
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
|
|
1515
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
|
|
1516
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
|
|
1517
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
|
|
1518
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
|
|
1519
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'GRADIENT',
|
|
1520
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
|
|
1521
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
|
|
1522
|
+
},
|
|
1523
|
+
CB_STYLE_PROP_BGMEDIA: {
|
|
1524
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
|
|
1525
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
|
|
1526
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
|
|
1527
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 1,
|
|
1528
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 1,
|
|
1529
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'CONTAIN',
|
|
1530
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'NONE',
|
|
1531
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': null,
|
|
1532
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': 'https://placekitten.com/976/549',
|
|
1533
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': null,
|
|
1534
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
|
|
1535
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://placekitten.com/960/540',
|
|
1536
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': null,
|
|
1537
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 0,
|
|
1538
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': null,
|
|
1539
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': null,
|
|
1540
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': null,
|
|
1541
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': null,
|
|
1542
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo',
|
|
1543
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
|
|
1544
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'CC',
|
|
1545
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
|
|
1546
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'NONE',
|
|
1547
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://www.youtube.com/watch?v=ryYFcl57bVo',
|
|
1548
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
|
1549
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'CONTAIN',
|
|
1550
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': null,
|
|
1551
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: false,
|
|
1552
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': null,
|
|
1553
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': null,
|
|
1554
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': null,
|
|
1555
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': null,
|
|
1556
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'CC',
|
|
1557
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': null,
|
|
1558
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': null,
|
|
1559
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': null,
|
|
1560
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
|
|
1561
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': null
|
|
1562
|
+
},
|
|
1563
|
+
CB_STYLE_PROP_BGOVERLAY: {
|
|
1564
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 90,
|
|
1565
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 90,
|
|
1566
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': null,
|
|
1567
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': null,
|
|
1568
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#455EEFFF',
|
|
1569
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#455EEFFF',
|
|
1570
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': null,
|
|
1571
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1572
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#27FFBFFF',
|
|
1573
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
|
1574
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': null,
|
|
1575
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
|
1576
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 100,
|
|
1577
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 100,
|
|
1578
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': null,
|
|
1579
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': null,
|
|
1580
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
|
|
1581
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'LINEAR',
|
|
1582
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': null,
|
|
1583
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': null,
|
|
1584
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#455EEFFF',
|
|
1585
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
|
|
1586
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': null,
|
|
1587
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
|
1588
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 0,
|
|
1589
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 0,
|
|
1590
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': null,
|
|
1591
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': null,
|
|
1592
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'NONE',
|
|
1593
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'NONE',
|
|
1594
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': null,
|
|
1595
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
|
|
1596
|
+
}
|
|
1597
|
+
},
|
|
1598
|
+
migrations: {
|
|
1599
|
+
'2023-08-03': {
|
|
1600
|
+
MG_TASK_0001_20230803_INIT: '2023-08-02'
|
|
1601
|
+
}
|
|
1602
|
+
},
|
|
1603
|
+
minVersion: '2023-08-03',
|
|
1604
|
+
version: '2023-08-03'
|
|
1605
|
+
},
|
|
1606
|
+
manifest: {
|
|
1607
|
+
availableProperties: [],
|
|
1608
|
+
availableStyles: [],
|
|
1609
|
+
availableTemplates: [],
|
|
1610
|
+
schema: 'GENERAL'
|
|
1611
|
+
},
|
|
1612
|
+
order: 1,
|
|
1613
|
+
program: '',
|
|
1614
|
+
programData: {},
|
|
1615
|
+
properties: {
|
|
1616
|
+
buttonAlphaLabel: '',
|
|
1617
|
+
buttonAlphaLinkSrc: '',
|
|
1618
|
+
buttonAlphaLinkType: 'WEB_LINK',
|
|
1619
|
+
buttonBravoLabel: '',
|
|
1620
|
+
buttonBravoLinkSrc: '',
|
|
1621
|
+
buttonBravoLinkType: 'WEB_LINK',
|
|
1622
|
+
buttonCharlieLabel: '',
|
|
1623
|
+
buttonCharlieLinkSrc: '',
|
|
1624
|
+
buttonCharlieLinkType: 'WEB_LINK',
|
|
1625
|
+
buttonDeltaLabel: '',
|
|
1626
|
+
buttonDeltaLinkSrc: '',
|
|
1627
|
+
buttonDeltaLinkType: 'WEB_LINK',
|
|
1628
|
+
buttonEchoLabel: '',
|
|
1629
|
+
buttonEchoLinkSrc: '',
|
|
1630
|
+
buttonEchoLinkType: 'WEB_LINK',
|
|
1631
|
+
carouselAutoplayMode: 'MANUAL',
|
|
1632
|
+
carouselAutoplayTime: 3,
|
|
1633
|
+
carouselInfiniteLoopMode: 'NO_USE',
|
|
1634
|
+
description: '',
|
|
1635
|
+
itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
|
|
1636
|
+
multiPurposeUrl: '',
|
|
1637
|
+
sectionContentMediaSrc: '',
|
|
1638
|
+
sectionContentMediaSrcMobile: '',
|
|
1639
|
+
sectionContentMediaType: 'IMAGE',
|
|
1640
|
+
title: ''
|
|
1641
|
+
},
|
|
1642
|
+
sectionCode: 'SC_CUSTOM_GENERAL',
|
|
1643
|
+
sectionTemplateCode: 'SCTP_000_BLANK',
|
|
1644
|
+
sectionTypeCode: 'CUSTOM',
|
|
1645
|
+
sectionUsecaseCode: 'CUSTOM',
|
|
1646
|
+
styles: {
|
|
1647
|
+
buttonCharlieBackgroundColorInHex: '#455EEFFF',
|
|
1648
|
+
buttonBravoSizeType: 'L',
|
|
1649
|
+
buttonDeltaLabelColorInHex: '#FFFFFFFF',
|
|
1650
|
+
buttonEchoLabelColorInHex: '#FFFFFFFF',
|
|
1651
|
+
buttonCharlieDesignType: 'A',
|
|
1652
|
+
itemTitleColorInHex: '#1E1E20FF',
|
|
1653
|
+
titleColorInHex: '#1E1E20FF',
|
|
1654
|
+
itemDescriptionColorInHex: '#68686BFF',
|
|
1655
|
+
buttonCharlieLabelColorInHex: '#FFFFFFFF',
|
|
1656
|
+
itemButtonSizeType: 'L',
|
|
1657
|
+
buttonDeltaSizeType: 'L',
|
|
1658
|
+
itemHighlightingColorInHex: '#455EEFFF',
|
|
1659
|
+
programmedItemActionButtonTextType: 'A',
|
|
1660
|
+
backgroundOverlayColorInHex: '#00000000',
|
|
1661
|
+
buttonEchoDesignType: 'A',
|
|
1662
|
+
backgroundMediaType: 'IMAGE',
|
|
1663
|
+
buttonDeltaBackgroundColorInHex: '#455EEFFF',
|
|
1664
|
+
itemButtonLabelColorInHex: '#FFFFFFFF',
|
|
1665
|
+
buttonBravoBackgroundColorInHex: '#455EEFFF',
|
|
1666
|
+
itemToneType: 'LIGHT',
|
|
1667
|
+
buttonAlphaDesignType: 'A',
|
|
1668
|
+
buttonDeltaDesignType: 'A',
|
|
1669
|
+
buttonEchoSizeType: 'L',
|
|
1670
|
+
buttonBravoDesignType: 'A',
|
|
1671
|
+
backgroundMediaSrc: '',
|
|
1672
|
+
itemButtonBackgroundColorInHex: '#455EEFFF',
|
|
1673
|
+
itemButtonDesignType: 'A',
|
|
1674
|
+
buttonAlphaBackgroundColorInHex: '#455EEFFF',
|
|
1675
|
+
backgroundColorInHex: '#EFF0F3FF',
|
|
1676
|
+
descriptionColorInHex: '#68686BFF',
|
|
1677
|
+
buttonCharlieSizeType: 'L',
|
|
1678
|
+
buttonBravoLabelColorInHex: '#FFFFFFFF',
|
|
1679
|
+
buttonAlphaLabelColorInHex: '#FFFFFFFF',
|
|
1680
|
+
buttonAlphaSizeType: 'L',
|
|
1681
|
+
buttonEchoBackgroundColorInHex: '#455EEFFF'
|
|
1682
|
+
},
|
|
1683
|
+
template: 'GENERAL_A',
|
|
1684
|
+
type: 'CUSTOM',
|
|
1685
|
+
updatedAt: '2023-08-02T10:47:21'
|
|
1686
|
+
},
|
|
1687
|
+
{
|
|
1688
|
+
administrativeTitle: '',
|
|
1689
|
+
appearanceTemplate: 'CUSTOM',
|
|
1690
|
+
componentBlocks: [],
|
|
1691
|
+
display: true,
|
|
1692
|
+
dlSelectorId: 'DLSEL7HJ255J77Y6LOX0I-FZJST',
|
|
1693
|
+
dynamicLayoutPageId: 1553,
|
|
1694
|
+
dynamicLayoutSceneId: 1553,
|
|
1695
|
+
dynamicLayoutSectionItems: [],
|
|
1696
|
+
id: 5478,
|
|
1697
|
+
insertedAt: '2023-08-02T10:53:46',
|
|
1698
|
+
jsonProperties: {
|
|
1699
|
+
currentVersion: '2023-08-03',
|
|
1700
|
+
data: {
|
|
1701
|
+
CB_CONTENT_PROP_VISIBILITY: {
|
|
1702
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
1703
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
|
1704
|
+
},
|
|
1705
|
+
CB_EFFECT_PROP_ENTANIM: {
|
|
1706
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
|
|
1707
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
|
|
1708
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 0,
|
|
1709
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
|
|
1710
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
|
1711
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
|
|
1712
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
|
|
1713
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
|
|
1714
|
+
},
|
|
1715
|
+
CB_LAYOUT_PROP_PADDING: {
|
|
1716
|
+
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
|
1717
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
|
|
1718
|
+
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
|
1719
|
+
bottom: 24,
|
|
1720
|
+
left: 24,
|
|
1721
|
+
right: 24,
|
|
1722
|
+
top: 24
|
|
1723
|
+
},
|
|
1724
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
|
1725
|
+
},
|
|
1726
|
+
CB_PLACEMENT_PROP_SECTION: {
|
|
1727
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: true,
|
|
1728
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': null,
|
|
1729
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: 500,
|
|
1730
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': null,
|
|
1731
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: 6,
|
|
1732
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': null,
|
|
1733
|
+
CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: 960,
|
|
1734
|
+
'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': null
|
|
1735
|
+
},
|
|
1736
|
+
CB_STYLE_PROP_BGCOLOR: {
|
|
1737
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: 90,
|
|
1738
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': 90,
|
|
1739
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': null,
|
|
1740
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': null,
|
|
1741
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: '#FFFFFFFF',
|
|
1742
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': '#455EEFFF',
|
|
1743
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': null,
|
|
1744
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1745
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: '#27FFBFFF',
|
|
1746
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
|
1747
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': null,
|
|
1748
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
|
1749
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: 100,
|
|
1750
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': 100,
|
|
1751
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': null,
|
|
1752
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': null,
|
|
1753
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: 'LINEAR',
|
|
1754
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': 'LINEAR',
|
|
1755
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': null,
|
|
1756
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': null,
|
|
1757
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: '#455EEFFF',
|
|
1758
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
|
|
1759
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': null,
|
|
1760
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
|
1761
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: 0,
|
|
1762
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': 0,
|
|
1763
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': null,
|
|
1764
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': null,
|
|
1765
|
+
CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: 'SOLID',
|
|
1766
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': 'NONE',
|
|
1767
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': null,
|
|
1768
|
+
'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': null
|
|
1769
|
+
},
|
|
1770
|
+
CB_STYLE_PROP_BGMEDIA: {
|
|
1771
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE:HOVER': null,
|
|
1772
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY: true,
|
|
1773
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE': null,
|
|
1774
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': 1,
|
|
1775
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: 1,
|
|
1776
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: 'CONTAIN',
|
|
1777
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:HOVER': 'NONE',
|
|
1778
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE': null,
|
|
1779
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:HOVER': 'https://placekitten.com/976/549',
|
|
1780
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE:HOVER': null,
|
|
1781
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME: 0,
|
|
1782
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: 'https://placekitten.com/960/540',
|
|
1783
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': null,
|
|
1784
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:HOVER': 0,
|
|
1785
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE': null,
|
|
1786
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE': null,
|
|
1787
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': null,
|
|
1788
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:MOBILE:HOVER': null,
|
|
1789
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: 'https://www.youtube.com/watch?v=ryYFcl57bVo',
|
|
1790
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': null,
|
|
1791
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': 'CC',
|
|
1792
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': false,
|
|
1793
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_TYPE: 'NONE',
|
|
1794
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': 'https://www.youtube.com/watch?v=ryYFcl57bVo',
|
|
1795
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY: true,
|
|
1796
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': 'CONTAIN',
|
|
1797
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': null,
|
|
1798
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: false,
|
|
1799
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:MOBILE:HOVER': null,
|
|
1800
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': null,
|
|
1801
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY:MOBILE': null,
|
|
1802
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': null,
|
|
1803
|
+
CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: 'CC',
|
|
1804
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': null,
|
|
1805
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR:MOBILE': null,
|
|
1806
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': null,
|
|
1807
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': true,
|
|
1808
|
+
'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': null
|
|
1809
|
+
},
|
|
1810
|
+
CB_STYLE_PROP_BGOVERLAY: {
|
|
1811
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 90,
|
|
1812
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': 90,
|
|
1813
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': null,
|
|
1814
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': null,
|
|
1815
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: '#455EEFFF',
|
|
1816
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': '#455EEFFF',
|
|
1817
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': null,
|
|
1818
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': null,
|
|
1819
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: '#27FFBFFF',
|
|
1820
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': '#27FFBFFF',
|
|
1821
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': null,
|
|
1822
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': null,
|
|
1823
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: 100,
|
|
1824
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': 100,
|
|
1825
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': null,
|
|
1826
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': null,
|
|
1827
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: 'LINEAR',
|
|
1828
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': 'LINEAR',
|
|
1829
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': null,
|
|
1830
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': null,
|
|
1831
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: '#455EEFFF',
|
|
1832
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': '#455EEFFF',
|
|
1833
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': null,
|
|
1834
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': null,
|
|
1835
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: 0,
|
|
1836
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': 0,
|
|
1837
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': null,
|
|
1838
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': null,
|
|
1839
|
+
CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: 'NONE',
|
|
1840
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': 'NONE',
|
|
1841
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': null,
|
|
1842
|
+
'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': null
|
|
1843
|
+
}
|
|
1844
|
+
},
|
|
1845
|
+
migrations: {
|
|
1846
|
+
'2023-08-03': {
|
|
1847
|
+
MG_TASK_0001_20230803_INIT: '2023-08-02'
|
|
1848
|
+
}
|
|
1849
|
+
},
|
|
1850
|
+
minVersion: '2023-08-03',
|
|
1851
|
+
version: '2023-08-03'
|
|
1852
|
+
},
|
|
1853
|
+
manifest: {
|
|
1854
|
+
availableProperties: [],
|
|
1855
|
+
availableStyles: [],
|
|
1856
|
+
availableTemplates: [],
|
|
1857
|
+
schema: 'GENERAL'
|
|
1858
|
+
},
|
|
1859
|
+
order: 2,
|
|
1860
|
+
program: '',
|
|
1861
|
+
programData: {},
|
|
1862
|
+
properties: {
|
|
1863
|
+
buttonAlphaLabel: '',
|
|
1864
|
+
buttonAlphaLinkSrc: '',
|
|
1865
|
+
buttonAlphaLinkType: 'WEB_LINK',
|
|
1866
|
+
buttonBravoLabel: '',
|
|
1867
|
+
buttonBravoLinkSrc: '',
|
|
1868
|
+
buttonBravoLinkType: 'WEB_LINK',
|
|
1869
|
+
buttonCharlieLabel: '',
|
|
1870
|
+
buttonCharlieLinkSrc: '',
|
|
1871
|
+
buttonCharlieLinkType: 'WEB_LINK',
|
|
1872
|
+
buttonDeltaLabel: '',
|
|
1873
|
+
buttonDeltaLinkSrc: '',
|
|
1874
|
+
buttonDeltaLinkType: 'WEB_LINK',
|
|
1875
|
+
buttonEchoLabel: '',
|
|
1876
|
+
buttonEchoLinkSrc: '',
|
|
1877
|
+
buttonEchoLinkType: 'WEB_LINK',
|
|
1878
|
+
carouselAutoplayMode: 'MANUAL',
|
|
1879
|
+
carouselAutoplayTime: 3,
|
|
1880
|
+
carouselInfiniteLoopMode: 'NO_USE',
|
|
1881
|
+
description: '',
|
|
1882
|
+
itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
|
|
1883
|
+
multiPurposeUrl: '',
|
|
1884
|
+
sectionContentMediaSrc: '',
|
|
1885
|
+
sectionContentMediaSrcMobile: '',
|
|
1886
|
+
sectionContentMediaType: 'IMAGE',
|
|
1887
|
+
title: ''
|
|
1888
|
+
},
|
|
1889
|
+
sectionCode: 'SC_CUSTOM_GENERAL',
|
|
1890
|
+
sectionTemplateCode: 'SCTP_000_BLANK',
|
|
1891
|
+
sectionTypeCode: 'CUSTOM',
|
|
1892
|
+
sectionUsecaseCode: 'CUSTOM',
|
|
1893
|
+
styles: {
|
|
1894
|
+
buttonCharlieBackgroundColorInHex: '#455EEFFF',
|
|
1895
|
+
buttonBravoSizeType: 'L',
|
|
1896
|
+
buttonDeltaLabelColorInHex: '#FFFFFFFF',
|
|
1897
|
+
buttonEchoLabelColorInHex: '#FFFFFFFF',
|
|
1898
|
+
buttonCharlieDesignType: 'A',
|
|
1899
|
+
itemTitleColorInHex: '#1E1E20FF',
|
|
1900
|
+
titleColorInHex: '#1E1E20FF',
|
|
1901
|
+
itemDescriptionColorInHex: '#68686BFF',
|
|
1902
|
+
buttonCharlieLabelColorInHex: '#FFFFFFFF',
|
|
1903
|
+
itemButtonSizeType: 'L',
|
|
1904
|
+
buttonDeltaSizeType: 'L',
|
|
1905
|
+
itemHighlightingColorInHex: '#455EEFFF',
|
|
1906
|
+
programmedItemActionButtonTextType: 'A',
|
|
1907
|
+
backgroundOverlayColorInHex: '#00000000',
|
|
1908
|
+
buttonEchoDesignType: 'A',
|
|
1909
|
+
backgroundMediaType: 'IMAGE',
|
|
1910
|
+
buttonDeltaBackgroundColorInHex: '#455EEFFF',
|
|
1911
|
+
itemButtonLabelColorInHex: '#FFFFFFFF',
|
|
1912
|
+
buttonBravoBackgroundColorInHex: '#455EEFFF',
|
|
1913
|
+
itemToneType: 'LIGHT',
|
|
1914
|
+
buttonAlphaDesignType: 'A',
|
|
1915
|
+
buttonDeltaDesignType: 'A',
|
|
1916
|
+
buttonEchoSizeType: 'L',
|
|
1917
|
+
buttonBravoDesignType: 'A',
|
|
1918
|
+
backgroundMediaSrc: '',
|
|
1919
|
+
itemButtonBackgroundColorInHex: '#455EEFFF',
|
|
1920
|
+
itemButtonDesignType: 'A',
|
|
1921
|
+
buttonAlphaBackgroundColorInHex: '#455EEFFF',
|
|
1922
|
+
backgroundColorInHex: '#EFF0F3FF',
|
|
1923
|
+
descriptionColorInHex: '#68686BFF',
|
|
1924
|
+
buttonCharlieSizeType: 'L',
|
|
1925
|
+
buttonBravoLabelColorInHex: '#FFFFFFFF',
|
|
1926
|
+
buttonAlphaLabelColorInHex: '#FFFFFFFF',
|
|
1927
|
+
buttonAlphaSizeType: 'L',
|
|
1928
|
+
buttonEchoBackgroundColorInHex: '#455EEFFF'
|
|
1929
|
+
},
|
|
1930
|
+
template: 'GENERAL_A',
|
|
1931
|
+
type: 'CUSTOM',
|
|
1932
|
+
updatedAt: '2023-08-02T10:53:46'
|
|
1933
|
+
}
|
|
1232
1934
|
];
|
|
1935
|
+
exports.samplePage = __spreadArray([], realMock
|
|
1936
|
+
// customSectionMock1,
|
|
1937
|
+
// samplePageIntroSection
|
|
1938
|
+
// samplePageContentsCarouselSection,
|
|
1939
|
+
// samplePageIntroSection2,
|
|
1940
|
+
// samplePageContentsSection,
|
|
1941
|
+
// samplePageInfoBoxSection,
|
|
1942
|
+
// samplePageIntroSection3,
|
|
1943
|
+
// samplePageFooterSection,
|
|
1944
|
+
// samplePageMembershipSection
|
|
1945
|
+
, true);
|
|
@@ -25,6 +25,7 @@ var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContex
|
|
|
25
25
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
26
26
|
var components_1 = require("../../components");
|
|
27
27
|
var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcher"));
|
|
28
|
+
var isNullOrUndefined_1 = __importDefault(require("./util/isNullOrUndefined"));
|
|
28
29
|
var parsePlacement_1 = require("./util/parsePlacement");
|
|
29
30
|
var Responsive = (0, publ_echo_1.WidthProvider)(publ_echo_1.ResponsiveGridEditor);
|
|
30
31
|
function CustomSection(props) {
|
|
@@ -54,30 +55,29 @@ function CustomSection(props) {
|
|
|
54
55
|
return CB_PLACEMENT_PROP_SECTION
|
|
55
56
|
? {
|
|
56
57
|
minHeight: isMobile &&
|
|
57
|
-
CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE']
|
|
58
|
-
undefined
|
|
58
|
+
!(0, isNullOrUndefined_1.default)(CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE'])
|
|
59
59
|
? CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE']
|
|
60
60
|
: CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT,
|
|
61
61
|
width: isMobile &&
|
|
62
|
-
CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE']
|
|
62
|
+
!(0, isNullOrUndefined_1.default)(CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE'])
|
|
63
63
|
? CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE']
|
|
64
64
|
: CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH,
|
|
65
65
|
rows: isMobile &&
|
|
66
|
-
CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE']
|
|
66
|
+
!(0, isNullOrUndefined_1.default)(CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'])
|
|
67
67
|
? CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE']
|
|
68
68
|
: CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_ROWS,
|
|
69
69
|
isFullWidth: isMobile &&
|
|
70
|
-
CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE']
|
|
71
|
-
undefined
|
|
70
|
+
!(0, isNullOrUndefined_1.default)(CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE'])
|
|
72
71
|
? CB_PLACEMENT_PROP_SECTION['CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE']
|
|
73
72
|
: CB_PLACEMENT_PROP_SECTION.CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH
|
|
74
73
|
}
|
|
75
74
|
: {};
|
|
76
75
|
}, [CB_PLACEMENT_PROP_SECTION, isMobile]);
|
|
77
76
|
var rows = customSectionProps.rows, width = customSectionProps.width, minHeight = customSectionProps.minHeight, isFullWidth = customSectionProps.isFullWidth;
|
|
77
|
+
// eslint-disable-next-line react/destructuring-assignment
|
|
78
78
|
var customSectionStyles = {
|
|
79
|
-
minHeight: minHeight,
|
|
80
|
-
width: isFullWidth ? '100%' : width,
|
|
79
|
+
minHeight: minHeight + "px",
|
|
80
|
+
width: isFullWidth ? '100%' : width + "px",
|
|
81
81
|
display: 'flex',
|
|
82
82
|
alignItems: 'center',
|
|
83
83
|
justifyContent: 'center'
|
|
@@ -142,7 +142,8 @@ function CustomSection(props) {
|
|
|
142
142
|
});
|
|
143
143
|
};
|
|
144
144
|
return ((0, jsx_runtime_1.jsx)(S_gleStyles, __assign({ customHeight: customMinHeight }, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { overrideStyles: customSectionStyles, isMobile: isMobile }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: { lg: 800, sm: 480 }, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: 50, margin: [10, 10], style: {
|
|
145
|
-
width: customSectionStyles.width
|
|
145
|
+
width: customSectionStyles.width,
|
|
146
|
+
minHeight: customMinHeight
|
|
146
147
|
}, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop }, { children: componentBlocks ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
|
147
148
|
width: '100%',
|
|
148
149
|
height: '100%',
|
|
@@ -10,7 +10,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var isNullOrUndefined_1 = __importDefault(require("../isNullOrUndefined"));
|
|
14
18
|
var AVAILABLE_SPECS = [
|
|
15
19
|
'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
|
|
16
20
|
'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
|
|
@@ -29,8 +33,8 @@ function parseStylePropBgColor(namedProps, device) {
|
|
|
29
33
|
var value = specs[baseKey];
|
|
30
34
|
var hoverValue = specs[baseKey + ":HOVER"];
|
|
31
35
|
return {
|
|
32
|
-
style: __assign(__assign({}, acc.style), (_a = {}, _a[baseKey] = value
|
|
33
|
-
hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[baseKey] = hoverValue
|
|
36
|
+
style: __assign(__assign({}, acc.style), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a)),
|
|
37
|
+
hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[baseKey] = (0, isNullOrUndefined_1.default)(hoverValue) ? specs[cur + ":HOVER"] : hoverValue, _b))
|
|
34
38
|
};
|
|
35
39
|
}, {
|
|
36
40
|
style: {},
|
|
@@ -10,7 +10,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var isNullOrUndefined_1 = __importDefault(require("../isNullOrUndefined"));
|
|
14
18
|
var AVAILABLE_SPECS = [
|
|
15
19
|
'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE',
|
|
16
20
|
'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR',
|
|
@@ -31,8 +35,8 @@ function parseStylePropBgOverlay(namedProps, device) {
|
|
|
31
35
|
return {
|
|
32
36
|
style: __assign({}, acc.style),
|
|
33
37
|
hoverStyle: __assign({}, acc.hoverStyle),
|
|
34
|
-
overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = value
|
|
35
|
-
overlayHoverStyle: __assign(__assign({}, acc.overlayHoverStyle), (_b = {}, _b[baseKey] = hoverValue
|
|
38
|
+
overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a)),
|
|
39
|
+
overlayHoverStyle: __assign(__assign({}, acc.overlayHoverStyle), (_b = {}, _b[baseKey] = (0, isNullOrUndefined_1.default)(hoverValue) ? specs[cur + ":HOVER"] : hoverValue, _b))
|
|
36
40
|
};
|
|
37
41
|
}, {
|
|
38
42
|
style: {},
|
package/package.json
CHANGED