pds-dev-kit-web-test 2.5.321 → 2.5.322
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/CompositionRenderer/ComponentBlockMatcher.js +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +2 -7
- package/dist/src/sub/DynamicLayout/mock_composition.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1 -1
- package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +72 -72
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/mocks.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +7 -7
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +5 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +60 -60
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +77 -77
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +8 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +6 -6
- package/package.json +1 -1
- package/release-note.md +3 -3
|
@@ -46,7 +46,7 @@ function ComponentBlockMatcher(_a) {
|
|
|
46
46
|
return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
|
|
47
47
|
case types_1.CB_ALL_CODES.CB_EMBED:
|
|
48
48
|
return (0, jsx_runtime_1.jsx)(Embed_1.default, __assign({}, propsWithValue, { index: index }));
|
|
49
|
-
case types_1.CB_ALL_CODES.
|
|
49
|
+
case types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL: {
|
|
50
50
|
return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CAROUSEL" });
|
|
51
51
|
}
|
|
52
52
|
default:
|
|
@@ -53,11 +53,6 @@ var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizab
|
|
|
53
53
|
var util_1 = require("../sections/CustomSection/util");
|
|
54
54
|
var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
|
|
55
55
|
var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
|
|
56
|
-
// const GRID_CELL_MIN = 24;
|
|
57
|
-
// const DESKTOP_GRID_COLS = 24;
|
|
58
|
-
// const MOBILE_GRID_COLS = 8;
|
|
59
|
-
// const GLE_MIN_WIDTH_DESKTOP_PX = `${GRID_CELL_MIN * DESKTOP_GRID_COLS}px`;
|
|
60
|
-
// const GLE_MIN_WIDTH_MOBILE_PX = `${GRID_CELL_MIN * MOBILE_GRID_COLS}px`;
|
|
61
56
|
var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
62
57
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
63
58
|
var _h = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext),
|
|
@@ -133,8 +128,8 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
|
133
128
|
var canvasWidth = 50 * cols;
|
|
134
129
|
var customSectionStyles = {
|
|
135
130
|
minHeight: "".concat(minHeight, "vh"),
|
|
136
|
-
width: ""
|
|
137
|
-
maxWidth: isFullWidth ?
|
|
131
|
+
width: "100%",
|
|
132
|
+
maxWidth: isFullWidth ? undefined : "".concat(canvasWidth, "px")
|
|
138
133
|
};
|
|
139
134
|
var onClickSection = function () {
|
|
140
135
|
if (!isEditMode) {
|
|
@@ -419,7 +419,7 @@ exports.sampleMockComposition2 = {
|
|
|
419
419
|
},
|
|
420
420
|
CB_CONTENT_PROP_TEXT: {
|
|
421
421
|
CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'BANNER',
|
|
422
|
-
CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: '
|
|
422
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: ''
|
|
423
423
|
},
|
|
424
424
|
CB_CONTENT_PROP_VISIBILITY: {
|
|
425
425
|
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const SAMPLE_CONTENTSCAROUSEL_CB:
|
|
1
|
+
import type { CB_CONTENTSCAROUSEL } from './sections/CustomSection/types';
|
|
2
|
+
export declare const SAMPLE_CONTENTSCAROUSEL_CB: CB_CONTENTSCAROUSEL;
|
|
@@ -5,7 +5,7 @@ var mock_composition_1 = require("./mock_composition");
|
|
|
5
5
|
var types_1 = require("./sections/CustomSection/types");
|
|
6
6
|
exports.SAMPLE_CONTENTSCAROUSEL_CB = {
|
|
7
7
|
availablePlugins: [],
|
|
8
|
-
componentBlockCode: types_1.CB_ALL_CODES.
|
|
8
|
+
componentBlockCode: types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL,
|
|
9
9
|
dynamicLayoutSectionId: 18661,
|
|
10
10
|
type: 'GENERAL',
|
|
11
11
|
id: 188290,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const
|
|
1
|
+
import type { CB_SLIDEBANNER } from './sections/CustomSection/types';
|
|
2
|
+
export declare const SAMPLE_SLIDEBANNER_CB: CB_SLIDEBANNER;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.SAMPLE_SLIDEBANNER_CB = void 0;
|
|
4
4
|
var mock_composition_1 = require("./mock_composition");
|
|
5
5
|
var types_1 = require("./sections/CustomSection/types");
|
|
6
|
-
exports.
|
|
6
|
+
exports.SAMPLE_SLIDEBANNER_CB = {
|
|
7
7
|
availablePlugins: [],
|
|
8
|
-
componentBlockCode: types_1.CB_ALL_CODES.
|
|
8
|
+
componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER,
|
|
9
9
|
dynamicLayoutSectionId: 18662,
|
|
10
10
|
type: 'GENERAL',
|
|
11
11
|
id: 188291,
|
|
@@ -26,80 +26,80 @@ exports.SAMPLE_SLIDE_BANNER_CB = {
|
|
|
26
26
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LATEST_LOCKED_STARTY:MOBILE': 2,
|
|
27
27
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
|
|
28
28
|
},
|
|
29
|
-
|
|
29
|
+
CB_STYLE_PROP_SLIDEBANNER: {
|
|
30
30
|
// Base properties
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: 'OPTION_1',
|
|
32
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: 'OPTION_4',
|
|
33
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: 'OPTION_20',
|
|
34
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: 'MEDIUM',
|
|
35
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: 'OPTION_14',
|
|
36
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: 'OPTION_20',
|
|
37
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: 'MEDIUM',
|
|
38
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: 'OPTION_14',
|
|
39
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: 'OPTION_16',
|
|
40
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: 'MEDIUM',
|
|
41
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: 'NONE',
|
|
42
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: 'SMALL',
|
|
43
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: 'NONE',
|
|
44
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: 5,
|
|
45
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: 'NONE',
|
|
46
46
|
// Hover state
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'
|
|
51
|
-
'
|
|
52
|
-
'
|
|
53
|
-
'
|
|
54
|
-
'
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
47
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER': 'OPTION_1',
|
|
48
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER': 'OPTION_4',
|
|
49
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER': 'OPTION_3',
|
|
50
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
|
|
51
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': 'OPTION_14',
|
|
52
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER': 'OPTION_20',
|
|
53
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': 'MEDIUM',
|
|
54
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': 'OPTION_14',
|
|
55
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER': 'OPTION_16',
|
|
56
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': 'MEDIUM',
|
|
57
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': 'NONE',
|
|
58
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': 'SMALL',
|
|
59
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': 'NONE',
|
|
60
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER': 5,
|
|
61
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER': 'NONE',
|
|
62
62
|
// Mobile state
|
|
63
|
-
'
|
|
64
|
-
'
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
70
|
-
'
|
|
71
|
-
'
|
|
72
|
-
'
|
|
73
|
-
'
|
|
74
|
-
'
|
|
75
|
-
'
|
|
76
|
-
'
|
|
77
|
-
'
|
|
63
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE': 'OPTION_1',
|
|
64
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE': 'OPTION_10',
|
|
65
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE': 'OPTION_19',
|
|
66
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
|
|
67
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': 'OPTION_2',
|
|
68
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE': 'OPTION_1',
|
|
69
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': 'MEDIUM',
|
|
70
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': 'OPTION_2',
|
|
71
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE': 'OPTION_3',
|
|
72
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': 'MEDIUM',
|
|
73
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': 'OPTION_2',
|
|
74
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': 'SMALL',
|
|
75
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': 'USE',
|
|
76
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE': 5,
|
|
77
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE': 'USE',
|
|
78
78
|
// Mobile hover state
|
|
79
|
-
'
|
|
80
|
-
'
|
|
81
|
-
'
|
|
82
|
-
'
|
|
83
|
-
'
|
|
84
|
-
'
|
|
85
|
-
'
|
|
86
|
-
'
|
|
87
|
-
'
|
|
88
|
-
'
|
|
89
|
-
'
|
|
90
|
-
'
|
|
91
|
-
'
|
|
92
|
-
'
|
|
93
|
-
'
|
|
79
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER': 'OPTION_1',
|
|
80
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'OPTION_12',
|
|
81
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'OPTION_20',
|
|
82
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'SMALL',
|
|
83
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
|
|
84
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': 'OPTION_1',
|
|
85
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': 'MEDIUM',
|
|
86
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': 'OPTION_2',
|
|
87
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': 'OPTION_3',
|
|
88
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': 'MEDIUM',
|
|
89
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': 'OPTION_2',
|
|
90
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': 'SMALL',
|
|
91
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': 'USE',
|
|
92
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': 5,
|
|
93
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': 'NONE'
|
|
94
94
|
},
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
95
|
+
CB_CONTENT_PROP_SLIDEBANNER: {
|
|
96
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A',
|
|
97
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: '아티클:포스트',
|
|
98
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
|
|
99
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: '1',
|
|
100
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: [],
|
|
101
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: 50,
|
|
102
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: 1
|
|
103
103
|
},
|
|
104
104
|
CB_STYLE_PROP_BORDER: {
|
|
105
105
|
CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const MOCK_SECTIONS: {
|
|
2
2
|
administrativeTitle: string;
|
|
3
3
|
appearanceTemplate: string;
|
|
4
|
-
componentBlocks: (import("./sections/CustomSection/types").
|
|
4
|
+
componentBlocks: (import("./sections/CustomSection/types").CB_CONTENTSCAROUSEL | import("./sections/CustomSection/types").CB_SLIDEBANNER | {
|
|
5
5
|
availablePlugins: never[];
|
|
6
6
|
blockId: string;
|
|
7
7
|
componentBlockCode: string;
|
|
@@ -8,7 +8,7 @@ exports.MOCK_SECTIONS = [
|
|
|
8
8
|
administrativeTitle: 'Daily Pages',
|
|
9
9
|
appearanceTemplate: 'GENERAL_A',
|
|
10
10
|
componentBlocks: [
|
|
11
|
-
mock_slideBanner_1.
|
|
11
|
+
mock_slideBanner_1.SAMPLE_SLIDEBANNER_CB,
|
|
12
12
|
mock_contentsCarousel_1.SAMPLE_CONTENTSCAROUSEL_CB,
|
|
13
13
|
{
|
|
14
14
|
availablePlugins: [],
|
|
@@ -49,11 +49,11 @@ function ComponentBlockMatcher(_a) {
|
|
|
49
49
|
return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
|
|
50
50
|
case types_1.CB_ALL_CODES.CB_EMBED:
|
|
51
51
|
return (0, jsx_runtime_1.jsx)(Embed_1.default, __assign({}, propsWithValue, { index: index }));
|
|
52
|
-
case types_1.CB_ALL_CODES.
|
|
52
|
+
case types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL: {
|
|
53
53
|
var compositions = cbProps.compositions;
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(ContentsCarousel_1.ContentsCarousel, __assign({}, propsWithValue, { compositions: compositions, index: index })));
|
|
55
55
|
}
|
|
56
|
-
case types_1.CB_ALL_CODES.
|
|
56
|
+
case types_1.CB_ALL_CODES.CB_SLIDEBANNER: {
|
|
57
57
|
var compositions = cbProps.compositions;
|
|
58
58
|
return ((0, jsx_runtime_1.jsx)(SlideBanner_1.SlideBanner, __assign({}, propsWithValue, { compositions: compositions, index: index })));
|
|
59
59
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
type Props =
|
|
5
|
-
compositions:
|
|
2
|
+
import type { CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
|
|
3
|
+
import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
|
4
|
+
type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
|
|
5
|
+
compositions: CB_CONTENTSCAROUSEL['compositions'];
|
|
6
6
|
};
|
|
7
7
|
declare function ContentsCarousel(props: Props): JSX.Element;
|
|
8
8
|
export default ContentsCarousel;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
type Props =
|
|
5
|
-
compositions:
|
|
2
|
+
import type { CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
|
|
3
|
+
import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
|
4
|
+
type Props = CB_SLIDEBANNER_PROPERTIES_TYPE & IndexForIntersection & {
|
|
5
|
+
compositions: CB_SLIDEBANNER['compositions'];
|
|
6
6
|
};
|
|
7
7
|
declare function SlideBanner(props: Props): JSX.Element;
|
|
8
8
|
export default SlideBanner;
|
|
@@ -34,9 +34,9 @@ var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
|
|
|
34
34
|
var slideBannerUtils_1 = require("./slideBannerUtils");
|
|
35
35
|
function SlideBanner(props) {
|
|
36
36
|
var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
|
|
37
|
-
var index = props.index,
|
|
37
|
+
var index = props.index, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_SLIDEBANNER.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS,
|
|
38
38
|
// STYLE: 슬라이드배너
|
|
39
|
-
|
|
39
|
+
CB_STYLE_PROP_SLIDEBANNER = props.CB_STYLE_PROP_SLIDEBANNER,
|
|
40
40
|
// STYLE: 그림자
|
|
41
41
|
CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW,
|
|
42
42
|
// EFFECT: 진입
|
|
@@ -51,19 +51,19 @@ function SlideBanner(props) {
|
|
|
51
51
|
var _h = (0, react_1.useState)(0), leftTime = _h[0], setLeftTime = _h[1];
|
|
52
52
|
var swiperRef = (0, react_1.useRef)(null);
|
|
53
53
|
var _j = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
|
|
54
|
-
props:
|
|
54
|
+
props: CB_STYLE_PROP_SLIDEBANNER,
|
|
55
55
|
device: device
|
|
56
56
|
}), slideBannerNormalStyle = _j.normalStyle, slideBannerHoverStyle = _j.hoverStyle;
|
|
57
57
|
var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
|
|
58
|
-
props:
|
|
58
|
+
props: CB_STYLE_PROP_SLIDEBANNER,
|
|
59
59
|
device: device
|
|
60
60
|
}), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
|
|
61
61
|
var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
|
|
62
|
-
props:
|
|
62
|
+
props: CB_STYLE_PROP_SLIDEBANNER,
|
|
63
63
|
device: device
|
|
64
64
|
}), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
|
|
65
65
|
var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
|
|
66
|
-
props:
|
|
66
|
+
props: CB_STYLE_PROP_SLIDEBANNER,
|
|
67
67
|
device: device
|
|
68
68
|
}), customProgressbarNormalStyle = _m.normalStyle, customProgressbarHoverStyle = _m.hoverStyle;
|
|
69
69
|
var _o = (0, util_1.parseProperties)(props, device), style = _o.style, hoverStyle = _o.hoverStyle, layout = _o.layout, effect = _o.effect;
|
|
@@ -121,7 +121,7 @@ function SlideBanner(props) {
|
|
|
121
121
|
swiperRef.current.swiper.slideNext();
|
|
122
122
|
}
|
|
123
123
|
};
|
|
124
|
-
return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView:
|
|
124
|
+
return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
|
|
125
125
|
? customNavigationHoverStyle.prevBtnType
|
|
126
126
|
: customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
|
|
127
127
|
? customNavigationHoverStyle.prevBtnOffset
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
2
|
+
import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
|
|
3
3
|
export type NavigationOffset = {
|
|
4
4
|
top?: string;
|
|
5
5
|
bottom?: string;
|
|
@@ -11,11 +11,11 @@ export type NavigationOffset = {
|
|
|
11
11
|
};
|
|
12
12
|
export interface CustomNavigationProps {
|
|
13
13
|
prevBtnDisabled?: boolean;
|
|
14
|
-
prevBtnType?:
|
|
14
|
+
prevBtnType?: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
|
15
15
|
prevBtnOffset?: NavigationOffset;
|
|
16
16
|
prevBtnSize?: number;
|
|
17
17
|
nextBtnDisabled?: boolean;
|
|
18
|
-
nextBtnType?:
|
|
18
|
+
nextBtnType?: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
|
|
19
19
|
nextBtnOffset?: NavigationOffset;
|
|
20
20
|
nextBtnSize?: number;
|
|
21
21
|
onPrevBtnClick?: () => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
2
|
+
import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
|
|
3
3
|
export interface CustomPaginationProps {
|
|
4
4
|
current?: number;
|
|
5
5
|
total?: number;
|
|
6
|
-
type?:
|
|
6
|
+
type?: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
|
|
7
7
|
offset?: {
|
|
8
8
|
top?: string;
|
|
9
9
|
bottom?: string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
2
|
+
import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE } from '../types';
|
|
3
3
|
export interface CustomProgressbarProps {
|
|
4
4
|
progress?: number;
|
|
5
5
|
leftTime?: number;
|
|
6
|
-
type?:
|
|
6
|
+
type?: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
|
|
7
7
|
offset?: {
|
|
8
8
|
top?: string;
|
|
9
9
|
bottom?: string;
|
|
@@ -3,10 +3,10 @@ import type { CustomNavigationProps } from './components/CustomNavigation';
|
|
|
3
3
|
import type { CustomPaginationProps } from './components/CustomPagination';
|
|
4
4
|
import type { CustomProgressbarProps } from './components/CustomProgressbar';
|
|
5
5
|
import type { SlideBannerCoreProps } from './SlideBannerCore';
|
|
6
|
-
import type {
|
|
6
|
+
import type { CB_STYLE_PROP_SLIDEBANNER_SPECS, SlideBannerPropsKeys } from './types';
|
|
7
7
|
import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
|
8
8
|
type ParseSlideBannerStyleToSlideBannerCoreProps = {
|
|
9
|
-
props:
|
|
9
|
+
props: CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
10
10
|
device: Device;
|
|
11
11
|
};
|
|
12
12
|
export declare function parseSlideBannerStyleToSlideBannerCoreProp({ props, device }: ParseSlideBannerStyleToSlideBannerCoreProps): {
|
|
@@ -19,7 +19,7 @@ export declare function parseSlideBannerStyleToSlideBannerCoreProp({ props, devi
|
|
|
19
19
|
};
|
|
20
20
|
export declare function getSlideBannerCorePropKey(key: SlideBannerPropsKeys): "" | "loop" | "customStyle" | "useAutoplay" | "autoplayDelay";
|
|
21
21
|
type ParseSlideBannerStyleToCustomPaginationProps = {
|
|
22
|
-
props:
|
|
22
|
+
props: CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
23
23
|
device: Device;
|
|
24
24
|
};
|
|
25
25
|
export declare function parseSlideBannerStyleToCustomPaginationProp({ props, device }: ParseSlideBannerStyleToCustomPaginationProps): {
|
|
@@ -28,7 +28,7 @@ export declare function parseSlideBannerStyleToCustomPaginationProp({ props, dev
|
|
|
28
28
|
};
|
|
29
29
|
export declare function getCustomPaginationPropKey(key: SlideBannerPropsKeys): "" | "size" | "type" | "offset";
|
|
30
30
|
type ParseSlideBannerStyleToCustomNavigationProps = {
|
|
31
|
-
props:
|
|
31
|
+
props: CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
32
32
|
device: Device;
|
|
33
33
|
};
|
|
34
34
|
export declare function parseSlideBannerStyleToCustomNavigationProp({ props, device }: ParseSlideBannerStyleToCustomNavigationProps): {
|
|
@@ -37,7 +37,7 @@ export declare function parseSlideBannerStyleToCustomNavigationProp({ props, dev
|
|
|
37
37
|
};
|
|
38
38
|
export declare function getCustomNavigationPropKey(key: SlideBannerPropsKeys): "" | "prevBtnType" | "prevBtnOffset" | "prevBtnSize" | "nextBtnType" | "nextBtnOffset" | "nextBtnSize";
|
|
39
39
|
type ParseSlideBannerStyleToCustomProgressbarProps = {
|
|
40
|
-
props:
|
|
40
|
+
props: CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
41
41
|
device: Device;
|
|
42
42
|
};
|
|
43
43
|
export declare function parseSlideBannerStyleToCustomProgressbarProp({ props, device }: ParseSlideBannerStyleToCustomProgressbarProps): {
|
|
@@ -79,25 +79,25 @@ function parseSlideBannerStyleToSlideBannerCoreProp(_a) {
|
|
|
79
79
|
exports.parseSlideBannerStyleToSlideBannerCoreProp = parseSlideBannerStyleToSlideBannerCoreProp;
|
|
80
80
|
function getSlideBannerCorePropKey(key) {
|
|
81
81
|
switch (key) {
|
|
82
|
-
case "
|
|
83
|
-
case "
|
|
84
|
-
case "
|
|
85
|
-
case "
|
|
82
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE":
|
|
83
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER":
|
|
84
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE":
|
|
85
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER":
|
|
86
86
|
return 'customStyle';
|
|
87
|
-
case "
|
|
88
|
-
case "
|
|
89
|
-
case "
|
|
90
|
-
case "
|
|
87
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE":
|
|
88
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER":
|
|
89
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE":
|
|
90
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER":
|
|
91
91
|
return 'useAutoplay';
|
|
92
|
-
case "
|
|
93
|
-
case "
|
|
94
|
-
case "
|
|
95
|
-
case "
|
|
92
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME":
|
|
93
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER":
|
|
94
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE":
|
|
95
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER":
|
|
96
96
|
return 'autoplayDelay';
|
|
97
|
-
case "
|
|
98
|
-
case "
|
|
99
|
-
case "
|
|
100
|
-
case "
|
|
97
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL":
|
|
98
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER":
|
|
99
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE":
|
|
100
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER":
|
|
101
101
|
return 'loop';
|
|
102
102
|
default:
|
|
103
103
|
return '';
|
|
@@ -160,20 +160,20 @@ function parseSlideBannerStyleToCustomPaginationProp(_a) {
|
|
|
160
160
|
exports.parseSlideBannerStyleToCustomPaginationProp = parseSlideBannerStyleToCustomPaginationProp;
|
|
161
161
|
function getCustomPaginationPropKey(key) {
|
|
162
162
|
switch (key) {
|
|
163
|
-
case "
|
|
164
|
-
case "
|
|
165
|
-
case "
|
|
166
|
-
case "
|
|
163
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE":
|
|
164
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER":
|
|
165
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE":
|
|
166
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER":
|
|
167
167
|
return 'type';
|
|
168
|
-
case "
|
|
169
|
-
case "
|
|
170
|
-
case "
|
|
171
|
-
case "
|
|
168
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION":
|
|
169
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER":
|
|
170
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE":
|
|
171
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER":
|
|
172
172
|
return 'offset';
|
|
173
|
-
case "
|
|
174
|
-
case "
|
|
175
|
-
case "
|
|
176
|
-
case "
|
|
173
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE":
|
|
174
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER":
|
|
175
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE":
|
|
176
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER":
|
|
177
177
|
return 'size';
|
|
178
178
|
default:
|
|
179
179
|
return '';
|
|
@@ -420,35 +420,35 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
|
|
|
420
420
|
exports.parseSlideBannerStyleToCustomNavigationProp = parseSlideBannerStyleToCustomNavigationProp;
|
|
421
421
|
function getCustomNavigationPropKey(key) {
|
|
422
422
|
switch (key) {
|
|
423
|
-
case "
|
|
424
|
-
case "
|
|
425
|
-
case "
|
|
426
|
-
case "
|
|
423
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE":
|
|
424
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER":
|
|
425
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE":
|
|
426
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER":
|
|
427
427
|
return 'prevBtnType';
|
|
428
|
-
case "
|
|
429
|
-
case "
|
|
430
|
-
case "
|
|
431
|
-
case "
|
|
428
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION":
|
|
429
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER":
|
|
430
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE":
|
|
431
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER":
|
|
432
432
|
return 'prevBtnOffset';
|
|
433
|
-
case "
|
|
434
|
-
case "
|
|
435
|
-
case "
|
|
436
|
-
case "
|
|
433
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE":
|
|
434
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER":
|
|
435
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE":
|
|
436
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER":
|
|
437
437
|
return 'prevBtnSize';
|
|
438
|
-
case "
|
|
439
|
-
case "
|
|
440
|
-
case "
|
|
441
|
-
case "
|
|
438
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE":
|
|
439
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER":
|
|
440
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE":
|
|
441
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER":
|
|
442
442
|
return 'nextBtnType';
|
|
443
|
-
case "
|
|
444
|
-
case "
|
|
445
|
-
case "
|
|
446
|
-
case "
|
|
443
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION":
|
|
444
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER":
|
|
445
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE":
|
|
446
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER":
|
|
447
447
|
return 'nextBtnOffset';
|
|
448
|
-
case "
|
|
449
|
-
case "
|
|
450
|
-
case "
|
|
451
|
-
case "
|
|
448
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE":
|
|
449
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER":
|
|
450
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE":
|
|
451
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER":
|
|
452
452
|
return 'nextBtnSize';
|
|
453
453
|
default:
|
|
454
454
|
return '';
|
|
@@ -664,15 +664,15 @@ function parseSlideBannerStyleToCustomProgressbarProp(_a) {
|
|
|
664
664
|
exports.parseSlideBannerStyleToCustomProgressbarProp = parseSlideBannerStyleToCustomProgressbarProp;
|
|
665
665
|
function getCustomProgressbarPropKey(key) {
|
|
666
666
|
switch (key) {
|
|
667
|
-
case "
|
|
668
|
-
case "
|
|
669
|
-
case "
|
|
670
|
-
case "
|
|
667
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR":
|
|
668
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER":
|
|
669
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE":
|
|
670
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER":
|
|
671
671
|
return 'type';
|
|
672
|
-
case "
|
|
673
|
-
case "
|
|
674
|
-
case "
|
|
675
|
-
case "
|
|
672
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE":
|
|
673
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER":
|
|
674
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE":
|
|
675
|
+
case "CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER":
|
|
676
676
|
return 'size';
|
|
677
677
|
default:
|
|
678
678
|
return '';
|
|
@@ -1,80 +1,80 @@
|
|
|
1
1
|
import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
|
2
|
-
export type SlideBannerPropsKeys = keyof
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
5
|
-
export type
|
|
6
|
-
export type
|
|
7
|
-
export type
|
|
8
|
-
export type
|
|
9
|
-
export type
|
|
10
|
-
export type
|
|
11
|
-
export type
|
|
12
|
-
export type
|
|
13
|
-
export type
|
|
14
|
-
export type
|
|
15
|
-
export type
|
|
16
|
-
export type
|
|
17
|
-
export type
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
2
|
+
export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
3
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE = 'OPTION_1' | 'OPTION_2';
|
|
4
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE = 'NONE' | 'USE';
|
|
5
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17';
|
|
6
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
|
|
7
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
|
|
8
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
|
|
9
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
|
|
10
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
|
|
11
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
|
|
12
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
|
|
13
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
|
|
14
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8';
|
|
15
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
|
|
16
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE = 'NONE' | 'USE';
|
|
17
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE = {
|
|
18
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
|
|
19
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
|
|
20
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
|
|
21
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
|
|
22
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
|
23
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
|
|
24
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
|
|
25
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
|
|
26
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
|
|
27
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
|
|
28
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
|
|
29
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
|
|
30
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
|
|
31
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
|
|
32
|
+
CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
|
|
33
33
|
};
|
|
34
|
-
export type
|
|
35
|
-
'
|
|
36
|
-
'
|
|
37
|
-
'
|
|
38
|
-
'
|
|
39
|
-
'
|
|
40
|
-
'
|
|
41
|
-
'
|
|
42
|
-
'
|
|
43
|
-
'
|
|
44
|
-
'
|
|
45
|
-
'
|
|
46
|
-
'
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'
|
|
51
|
-
'
|
|
52
|
-
'
|
|
53
|
-
'
|
|
54
|
-
'
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
62
|
-
'
|
|
63
|
-
'
|
|
64
|
-
'
|
|
65
|
-
'
|
|
66
|
-
'
|
|
67
|
-
'
|
|
68
|
-
'
|
|
69
|
-
'
|
|
70
|
-
'
|
|
71
|
-
'
|
|
72
|
-
'
|
|
73
|
-
'
|
|
74
|
-
'
|
|
75
|
-
'
|
|
76
|
-
'
|
|
77
|
-
'
|
|
78
|
-
'
|
|
79
|
-
'
|
|
34
|
+
export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE & {
|
|
35
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
|
|
36
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
|
|
37
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
|
|
38
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
|
|
39
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
|
|
40
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
|
|
41
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
|
|
42
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
|
|
43
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
|
|
44
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
|
|
45
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
|
|
46
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
|
|
47
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
|
48
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
|
49
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
|
50
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
|
|
51
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
|
|
52
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
|
|
53
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
|
|
54
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
|
|
55
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
|
|
56
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
|
|
57
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
|
|
58
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
|
|
59
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
|
|
60
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
|
|
61
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
|
|
62
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
|
|
63
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
|
|
64
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
|
|
65
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
|
|
66
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
|
|
67
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
|
|
68
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
|
|
69
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
|
|
70
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
|
|
71
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
|
|
72
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
|
|
73
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
|
|
74
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
|
|
75
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
|
|
76
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
|
|
77
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
|
|
78
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
|
|
79
|
+
'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
|
|
80
80
|
};
|
|
@@ -32,14 +32,14 @@ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
|
|
|
32
32
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
|
|
33
33
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
|
|
34
34
|
};
|
|
35
|
-
export type
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
export type CB_CONTENT_PROP_SLIDEBANNER = {
|
|
36
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A' | 'B';
|
|
37
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
|
|
38
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
|
|
39
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
|
|
40
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: MockComposition[];
|
|
41
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
|
|
42
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
|
|
43
43
|
};
|
|
44
44
|
export type MockComposition = {
|
|
45
45
|
title: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE,
|
|
1
|
+
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
|
|
2
2
|
import type { IComposition } from '../../../DynamicLayout/types';
|
|
3
3
|
export type CB_TYPES = 'GENERAL';
|
|
4
|
-
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP |
|
|
4
|
+
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
|
|
5
5
|
type GeneralCustomSectionType = {
|
|
6
6
|
id: number;
|
|
7
7
|
type: 'GENERAL';
|
|
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
|
|
|
19
19
|
queryableDefinitionPreset: string;
|
|
20
20
|
dynamicLayoutSectionId: number;
|
|
21
21
|
};
|
|
22
|
-
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
|
22
|
+
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
|
|
23
23
|
export type CB_TEXT_TYPE = GeneralCustomSectionType & {
|
|
24
24
|
componentBlockCode: CB_ALL_CODES.CB_TEXT;
|
|
25
25
|
jsonProperties: {
|
|
@@ -74,17 +74,17 @@ export type CB_GROUP = GeneralCustomSectionType & {
|
|
|
74
74
|
data: CB_BTN_PROPERTIES_TYPE;
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
|
-
export type
|
|
78
|
-
componentBlockCode: CB_ALL_CODES.
|
|
77
|
+
export type CB_CONTENTSCAROUSEL = GeneralCustomSectionType & {
|
|
78
|
+
componentBlockCode: CB_ALL_CODES.CB_CONTENTSCAROUSEL;
|
|
79
79
|
jsonProperties: {
|
|
80
|
-
data:
|
|
80
|
+
data: CB_CONTENTSCAROUSEL_PROPERTIES_TYPE;
|
|
81
81
|
};
|
|
82
82
|
compositions: Array<IComposition>;
|
|
83
83
|
};
|
|
84
|
-
export type
|
|
85
|
-
componentBlockCode: CB_ALL_CODES.
|
|
84
|
+
export type CB_SLIDEBANNER = GeneralCustomSectionType & {
|
|
85
|
+
componentBlockCode: CB_ALL_CODES.CB_SLIDEBANNER;
|
|
86
86
|
jsonProperties: {
|
|
87
|
-
data:
|
|
87
|
+
data: CB_SLIDEBANNER_PROPERTIES_TYPE;
|
|
88
88
|
};
|
|
89
89
|
compositions: Array<IComposition>;
|
|
90
90
|
};
|
|
@@ -98,7 +98,7 @@ export declare enum CB_ALL_CODES {
|
|
|
98
98
|
CB_TWITTER = "CB_TWITTER",
|
|
99
99
|
CB_EMBED = "CB_EMBED",
|
|
100
100
|
CB_GROUP = "CB_GROUP",
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
|
|
102
|
+
CB_SLIDEBANNER = "CB_SLIDEBANNER"
|
|
103
103
|
}
|
|
104
104
|
export {};
|
|
@@ -12,6 +12,6 @@ var CB_ALL_CODES;
|
|
|
12
12
|
CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
|
|
13
13
|
CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
|
|
14
14
|
CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
|
|
15
|
-
CB_ALL_CODES["
|
|
16
|
-
CB_ALL_CODES["
|
|
15
|
+
CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
|
|
16
|
+
CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
|
|
17
17
|
})(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
|
|
2
2
|
import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
|
|
3
|
-
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE,
|
|
3
|
+
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
|
|
4
4
|
export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
|
|
5
|
-
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
|
5
|
+
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
|
|
2
|
-
import type {
|
|
2
|
+
import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
|
|
3
3
|
import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
|
|
4
|
-
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL,
|
|
4
|
+
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
|
|
5
5
|
import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
|
|
6
6
|
import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
|
|
7
7
|
import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
|
|
@@ -126,7 +126,7 @@ export type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
|
126
126
|
CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
|
|
127
127
|
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
|
128
128
|
};
|
|
129
|
-
export type
|
|
129
|
+
export type CB_CONTENTSCAROUSEL_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
130
130
|
CB_CONTENT_PROP_CONTENTSCAROUSEL: CB_CONTENT_PROP_CONTENTSCAROUSEL;
|
|
131
131
|
CB_STYLE_PROP_CONTENTSCAROUSEL: CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
|
|
132
132
|
CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
|
|
@@ -140,9 +140,9 @@ export type CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE &
|
|
|
140
140
|
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
|
141
141
|
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
|
142
142
|
};
|
|
143
|
-
export type
|
|
144
|
-
|
|
145
|
-
|
|
143
|
+
export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
144
|
+
CB_CONTENT_PROP_SLIDEBANNER: CB_CONTENT_PROP_SLIDEBANNER;
|
|
145
|
+
CB_STYLE_PROP_SLIDEBANNER: CB_STYLE_PROP_SLIDEBANNER_SPECS;
|
|
146
146
|
CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
|
|
147
147
|
CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
|
|
148
148
|
CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
|
package/package.json
CHANGED
package/release-note.md
CHANGED