pds-dev-kit-web-test 2.7.212 → 2.7.213
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/mock_contentsCarousel.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +4 -4
- package/package.json +1 -1
|
@@ -309,11 +309,11 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
|
|
|
309
309
|
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR: {
|
|
310
310
|
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBAR: 'DESIGN1',
|
|
311
311
|
'CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBAR:MOBILE': null,
|
|
312
|
-
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARPRIMARYCOLOR: '
|
|
312
|
+
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARPRIMARYCOLOR: 'rgba(239, 69, 69, 1)',
|
|
313
313
|
'CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARPRIMARYCOLOR:MOBILE': null,
|
|
314
|
-
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSECONDARYCOLOR: '
|
|
314
|
+
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSECONDARYCOLOR: 'rgba(234, 194, 34, 1)',
|
|
315
315
|
'CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSECONDARYCOLOR:MOBILE': null,
|
|
316
|
-
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSIZE: '
|
|
316
|
+
CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSIZE: 'LARGE',
|
|
317
317
|
'CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPEC_PROGRESSBARSIZE:MOBILE': null
|
|
318
318
|
},
|
|
319
319
|
CB_STYLE_PROP_OPACITY: {
|
|
@@ -85,13 +85,13 @@ var ProgressDesign8 = function (_a) {
|
|
|
85
85
|
} }) })) })));
|
|
86
86
|
};
|
|
87
87
|
exports.ProgressDesign8 = ProgressDesign8;
|
|
88
|
-
var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n
|
|
88
|
+
var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n justify-content: center;\n position: relative;\n svg {\n --progress: 0;\n fill: none;\n /* height: calc(100% - 10px); */\n /* left: 5px; */\n position: absolute;\n stroke: ", ";\n stroke-dasharray: 125.6;\n stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n stroke-width: 4px;\n /* top: 5px; */\n transform: rotate(-90deg);\n /* width: calc(100% - 10px); */\n z-index: 10;\n height: ", "px;\n width: ", "px;\n\n .bg-circle {\n stroke: ", ";\n stroke-dasharray: none;\n stroke-width: 4px;\n }\n }\n\n span {\n font-size: ", "px;\n }\n"], ["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n justify-content: center;\n position: relative;\n svg {\n --progress: 0;\n fill: none;\n /* height: calc(100% - 10px); */\n /* left: 5px; */\n position: absolute;\n stroke: ", ";\n stroke-dasharray: 125.6;\n stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n stroke-width: 4px;\n /* top: 5px; */\n transform: rotate(-90deg);\n /* width: calc(100% - 10px); */\n z-index: 10;\n height: ", "px;\n width: ", "px;\n\n .bg-circle {\n stroke: ", ";\n stroke-dasharray: none;\n stroke-width: 4px;\n }\n }\n\n span {\n font-size: ", "px;\n }\n"])), function (_a) {
|
|
89
89
|
var barColor = _a.barColor;
|
|
90
90
|
return barColor;
|
|
91
|
-
}, function (
|
|
91
|
+
}, function (_a) {
|
|
92
92
|
var barColor = _a.barColor;
|
|
93
93
|
return barColor;
|
|
94
|
-
}, function (_a) {
|
|
94
|
+
}, function (props) { return props.size; }, function (props) { return props.size; }, function (_a) {
|
|
95
95
|
var bgColor = _a.bgColor;
|
|
96
96
|
return bgColor;
|
|
97
97
|
}, function (props) { return Math.floor(props.size / 4); });
|
|
@@ -65,7 +65,6 @@ function SlideBanner(props) {
|
|
|
65
65
|
var index = props.index, _b = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE;
|
|
66
66
|
var compositions = props.compositions;
|
|
67
67
|
var CB_STYLE_PROP_SLIDEBANNER = __assign(__assign(__assign(__assign(__assign({}, CB_STYLE_PROP_SLIDEBANNERDESIGN), CB_STYLE_PROP_SLIDEBANNERPAGINATION), CB_STYLE_PROP_SLIDEBANNERBUTTON), CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD), CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
|
|
68
|
-
console.log(CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
|
|
69
68
|
var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, overlayStyle = _c.overlayStyle, effect = _c.effect;
|
|
70
69
|
var _d = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
|
|
71
70
|
props: CB_STYLE_PROP_SLIDEBANNER,
|
|
@@ -85,7 +85,10 @@ var ProgressDesign8 = function (_a) {
|
|
|
85
85
|
} }) })) })));
|
|
86
86
|
};
|
|
87
87
|
exports.ProgressDesign8 = ProgressDesign8;
|
|
88
|
-
var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n
|
|
88
|
+
var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n\n justify-content: center;\n position: relative;\n\n svg {\n --progress: 0;\n fill: none;\n /* height: calc(100% - 10px); */\n /* left: 5px; */\n position: absolute;\n stroke: ", ";\n stroke-dasharray: 125.6;\n stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n stroke-width: 4px;\n /* top: 5px; */\n transform: rotate(-90deg);\n /* width: calc(100% - 10px); */\n z-index: 10;\n height: ", "px;\n width: ", "px;\n\n .bg-circle {\n stroke: ", ";\n stroke-dasharray: none;\n stroke-width: 4px;\n }\n }\n\n span {\n font-size: ", "px;\n }\n"], ["\n align-items: center;\n color: ", ";\n display: flex;\n font-weight: bold;\n\n justify-content: center;\n position: relative;\n\n svg {\n --progress: 0;\n fill: none;\n /* height: calc(100% - 10px); */\n /* left: 5px; */\n position: absolute;\n stroke: ", ";\n stroke-dasharray: 125.6;\n stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n stroke-width: 4px;\n /* top: 5px; */\n transform: rotate(-90deg);\n /* width: calc(100% - 10px); */\n z-index: 10;\n height: ", "px;\n width: ", "px;\n\n .bg-circle {\n stroke: ", ";\n stroke-dasharray: none;\n stroke-width: 4px;\n }\n }\n\n span {\n font-size: ", "px;\n }\n"])), function (_a) {
|
|
89
|
+
var barColor = _a.barColor;
|
|
90
|
+
return barColor;
|
|
91
|
+
}, function (_a) {
|
|
89
92
|
var barColor = _a.barColor;
|
|
90
93
|
return barColor;
|
|
91
94
|
}, function (_a) {
|
|
@@ -94,9 +97,6 @@ var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (tem
|
|
|
94
97
|
}, function (_a) {
|
|
95
98
|
var size = _a.size;
|
|
96
99
|
return size;
|
|
97
|
-
}, function (_a) {
|
|
98
|
-
var barColor = _a.barColor;
|
|
99
|
-
return barColor;
|
|
100
100
|
}, function (_a) {
|
|
101
101
|
var bgColor = _a.bgColor;
|
|
102
102
|
return bgColor;
|