pds-dev-kit-web-test 2.7.199 → 2.7.201
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/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +4 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +36 -36
- package/package.json +1 -1
|
@@ -153,13 +153,13 @@ function ContentsCarousel(props) {
|
|
|
153
153
|
zIndex: 3 }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) { return renderElements(component); }) })) }), position));
|
|
154
154
|
}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box ccb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () {
|
|
155
155
|
setIsHovered(true);
|
|
156
|
-
}, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-columns":
|
|
156
|
+
}, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-columns": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-number-of-items": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-column-gap": columnGap, "data-cols": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-inset-top": parseFloat(ccbInset.top), "data-inset-bottom": parseFloat(ccbInset.bottom) }, { children: [(0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ ref: backgroundRef, style: __assign(__assign({}, effect), { background: style.background }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, componentStyle: style, playerId: index, mediaType: mediaType || 'NONE', device: isMobile ? 'MOBILE' : 'DESKTOP', backgroundRef: backgroundRef })) })), (0, jsx_runtime_1.jsx)(S_Overlay, { style: overlayStyle }), (0, jsx_runtime_1.jsx)(S_SwiperLayout, __assign({ className: "cb-contentscarousel-layout-box", ref: layoutRef, style: __assign({}, pointerEventsObj) }, { children: (0, jsx_runtime_1.jsx)(S_SwiperWrapper, __assign({ className: "cb-contentscarousel-wrapper", ccbInset: ccbInset, customStyle: isHovered
|
|
157
157
|
? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle
|
|
158
158
|
: contentsCarouselNormalStyle === null || contentsCarouselNormalStyle === void 0 ? void 0 : contentsCarouselNormalStyle.customStyle, style: {
|
|
159
159
|
display: layout.display,
|
|
160
160
|
flexDirection: layout.flexDirection,
|
|
161
161
|
justifyContent: layout.justifyContent
|
|
162
|
-
} }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === 'CARD'
|
|
162
|
+
} }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: Math.min(CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS.length), styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === 'CARD'
|
|
163
163
|
? 'cards'
|
|
164
164
|
: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === 'FADEOUTANDIN'
|
|
165
165
|
? 'fade'
|
|
@@ -108,12 +108,12 @@ function ContentsList(props) {
|
|
|
108
108
|
var numberOfColumns = CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS;
|
|
109
109
|
// NOTE: edit환경에서 hover가 작동하지 않아서 제외함 필요시 추가..
|
|
110
110
|
var columnGapEnum = device === 'DESKTOP'
|
|
111
|
-
? CB_STYLE_PROP_CONTENTSLIST.
|
|
112
|
-
: (_a = CB_STYLE_PROP_CONTENTSLIST['
|
|
111
|
+
? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING
|
|
112
|
+
: (_a = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE']) !== null && _a !== void 0 ? _a : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING;
|
|
113
113
|
var columnGap = columnGapEnum === 'NARROW' ? 8 : columnGapEnum === 'NORMAL' ? 24 : 36;
|
|
114
114
|
var rowGap = device === 'DESKTOP'
|
|
115
|
-
? CB_STYLE_PROP_CONTENTSLIST.
|
|
116
|
-
: (_b = CB_STYLE_PROP_CONTENTSLIST['
|
|
115
|
+
? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT
|
|
116
|
+
: (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT;
|
|
117
117
|
var standardComposition = getStandardComposition(compositions, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE);
|
|
118
118
|
var compositionMinValue = getCompositionMinValue(standardComposition, device);
|
|
119
119
|
var oneCompositionMinWidth = (_c = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _c !== void 0 ? _c : 0;
|
|
@@ -30,11 +30,11 @@ function getItemHeightFitContentPropStyleValues(value) {
|
|
|
30
30
|
}
|
|
31
31
|
function parseStylePropertyStyles(key, value) {
|
|
32
32
|
switch (key) {
|
|
33
|
-
case '
|
|
33
|
+
case 'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING':
|
|
34
34
|
return getItemSpacingPropStyleValues(value);
|
|
35
|
-
case '
|
|
35
|
+
case 'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT':
|
|
36
36
|
return getItemLineHeightPropStyleValues(value);
|
|
37
|
-
case '
|
|
37
|
+
case 'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT':
|
|
38
38
|
return getItemHeightFitContentPropStyleValues(value);
|
|
39
39
|
}
|
|
40
40
|
return undefined;
|
|
@@ -72,11 +72,10 @@ exports.parseGridStyleProp = parseGridStyleProp;
|
|
|
72
72
|
function parseGridContentProp(_a) {
|
|
73
73
|
var props = _a.props;
|
|
74
74
|
var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
|
|
75
|
-
console.log(availableSpecCodes);
|
|
76
|
-
var columns = props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS || 1;
|
|
77
75
|
var displayCounts = props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS ||
|
|
78
76
|
props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS ||
|
|
79
77
|
1;
|
|
78
|
+
var columns = Math.min(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, displayCounts);
|
|
80
79
|
var rows = Math.ceil(displayCounts / columns);
|
|
81
80
|
return availableSpecCodes.reduce(function (acc, currentKey) {
|
|
82
81
|
var value = props[currentKey];
|
|
@@ -13,48 +13,48 @@ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MED
|
|
|
13
13
|
export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONPRIMARYCOLOR = string;
|
|
14
14
|
export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSECONDARYCOLOR = string;
|
|
15
15
|
export type CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS = {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
17
|
+
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
|
|
18
|
+
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
19
|
+
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
20
20
|
};
|
|
21
21
|
export type CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS = CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS & {
|
|
22
|
-
'
|
|
23
|
-
'
|
|
24
|
-
'
|
|
25
|
-
'
|
|
26
|
-
'
|
|
27
|
-
'
|
|
28
|
-
'
|
|
29
|
-
'
|
|
30
|
-
'
|
|
31
|
-
'
|
|
32
|
-
'
|
|
33
|
-
'
|
|
22
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
23
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
24
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
25
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
|
|
26
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
|
|
27
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
|
|
28
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
29
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
30
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
31
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
32
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
33
|
+
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
34
34
|
};
|
|
35
35
|
export type CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS = {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
|
37
|
+
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
|
|
38
|
+
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
|
|
39
|
+
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONPRIMARYCOLOR;
|
|
40
|
+
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSECONDARYCOLOR;
|
|
41
41
|
};
|
|
42
42
|
export type CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS = CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS & {
|
|
43
|
-
'
|
|
44
|
-
'
|
|
45
|
-
'
|
|
46
|
-
'
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'
|
|
51
|
-
'
|
|
52
|
-
'
|
|
53
|
-
'
|
|
54
|
-
'
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'
|
|
43
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
|
44
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
|
45
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
|
46
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
|
|
47
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
|
|
48
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
|
|
49
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
|
|
50
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
|
|
51
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
|
|
52
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONPRIMARYCOLOR;
|
|
53
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONPRIMARYCOLOR;
|
|
54
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONPRIMARYCOLOR;
|
|
55
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSECONDARYCOLOR;
|
|
56
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSECONDARYCOLOR;
|
|
57
|
+
'CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSECONDARYCOLOR;
|
|
58
58
|
};
|
|
59
59
|
export type CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE = CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS & CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS;
|
|
60
60
|
export type CB_STYLE_PROP_CONTENTSLIST_SPECS = CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS & CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS;
|