pds-dev-kit-web-test 2.7.441 → 2.7.442
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 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/elementPositions.js +13 -13
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js +12 -12
- package/package.json +1 -1
|
@@ -99,7 +99,6 @@ function ContentsCarousel(props) {
|
|
|
99
99
|
return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
|
|
100
100
|
});
|
|
101
101
|
var loop = contentsCarouselNormalStyle.loop && orderedCompositions.length >= displayCounts;
|
|
102
|
-
console.log('loop', loop);
|
|
103
102
|
// NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
|
|
104
103
|
var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
|
|
105
104
|
// NOTE: EFFECT와 관련된 함수들입니다.
|
|
@@ -137,9 +136,9 @@ function ContentsCarousel(props) {
|
|
|
137
136
|
var renderElements = function (component, style) {
|
|
138
137
|
switch (component.type) {
|
|
139
138
|
case 'PREV':
|
|
140
|
-
return ((0, jsx_runtime_1.jsx)(CustomNavigationPrevBtn_1.CustomNavigationPrevBtn, { isDisabled: loop ? false : isBeginning, hoverStyles: customNavigationHoverStyle, onClick: onClickPrevBtn, styles: customNavigationNormalStyle, style: style }));
|
|
139
|
+
return ((0, jsx_runtime_1.jsx)(CustomNavigationPrevBtn_1.CustomNavigationPrevBtn, { isDisabled: loop ? false : isBeginning, hoverStyles: customNavigationHoverStyle, onClick: onClickPrevBtn, styles: customNavigationNormalStyle, style: __assign(__assign({}, style), { visibility: isHovered ? 'visible' : 'hidden' }) }));
|
|
141
140
|
case 'NEXT':
|
|
142
|
-
return ((0, jsx_runtime_1.jsx)(CustomNavigationNextBtn_1.CustomNavigationNextBtn, { isDisabled: loop ? false : isEnd, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickNextBtn, style: style }));
|
|
141
|
+
return ((0, jsx_runtime_1.jsx)(CustomNavigationNextBtn_1.CustomNavigationNextBtn, { isDisabled: loop ? false : isEnd, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickNextBtn, style: __assign(__assign({}, style), { visibility: isHovered ? 'visible' : 'hidden' }) }));
|
|
143
142
|
case 'PROGRESSBAR':
|
|
144
143
|
return ((0, jsx_runtime_1.jsx)(CustomProgressbar_1.CustomProgressbar, { slidesLength: orderedCompositions.length, progressRef: progressRef, leftTimeMsRef: leftTimeMsRef, styles: isHovered ? customProgressbarHoverStyle : customProgressbarNormalStyle }));
|
|
145
144
|
default:
|
|
@@ -154,21 +154,21 @@ exports.POS_INSET = {
|
|
|
154
154
|
INSET6: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
|
|
155
155
|
INSET7: { left: GAP, bottom: GAP },
|
|
156
156
|
INSET8: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
|
|
157
|
-
INSET_PROGRESS: { bottom:
|
|
157
|
+
INSET_PROGRESS: { bottom: 0 }
|
|
158
158
|
};
|
|
159
159
|
exports.POS_OUTSET_NAVIGATION = {
|
|
160
|
-
OUTSET1: { bottom:
|
|
161
|
-
OUTSET2: { bottom:
|
|
162
|
-
OUTSET3: { bottom:
|
|
163
|
-
OUTSET4: { left:
|
|
164
|
-
OUTSET5: { left:
|
|
165
|
-
OUTSET6: { left:
|
|
166
|
-
OUTSET7: { top:
|
|
167
|
-
OUTSET8: { top:
|
|
168
|
-
OUTSET9: { top:
|
|
169
|
-
OUTSET10: { right:
|
|
170
|
-
OUTSET11: { right:
|
|
171
|
-
OUTSET12: { right:
|
|
160
|
+
OUTSET1: { bottom: 10 },
|
|
161
|
+
OUTSET2: { bottom: 10 },
|
|
162
|
+
OUTSET3: { bottom: 10 },
|
|
163
|
+
OUTSET4: { left: 15 },
|
|
164
|
+
OUTSET5: { left: 15 },
|
|
165
|
+
OUTSET6: { left: 15 },
|
|
166
|
+
OUTSET7: { top: 10 },
|
|
167
|
+
OUTSET8: { top: 10 },
|
|
168
|
+
OUTSET9: { top: 10 },
|
|
169
|
+
OUTSET10: { right: 15 },
|
|
170
|
+
OUTSET11: { right: 15 },
|
|
171
|
+
OUTSET12: { right: 15 }
|
|
172
172
|
};
|
|
173
173
|
var POS_OUTSET_GROUP = {
|
|
174
174
|
OUTSET1: {
|
|
@@ -125,9 +125,9 @@ function SlideBanner(props) {
|
|
|
125
125
|
var _a;
|
|
126
126
|
switch (component.type) {
|
|
127
127
|
case 'PREV':
|
|
128
|
-
return ((0, jsx_runtime_1.jsx)(CustomNavigationPrevBtn_1.CustomNavigationPrevBtn, { isDisabled: loop ? false : isBeginning, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickPrevBtn, style: positionStyle }));
|
|
128
|
+
return ((0, jsx_runtime_1.jsx)(CustomNavigationPrevBtn_1.CustomNavigationPrevBtn, { isDisabled: loop ? false : isBeginning, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickPrevBtn, style: __assign(__assign({}, positionStyle), { visibility: isHovered ? 'visible' : 'hidden' }) }));
|
|
129
129
|
case 'NEXT':
|
|
130
|
-
return ((0, jsx_runtime_1.jsx)(CustomNavigationNextBtn_1.CustomNavigationNextBtn, { isDisabled: loop ? false : isEnd, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickNextBtn, style: positionStyle }));
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)(CustomNavigationNextBtn_1.CustomNavigationNextBtn, { isDisabled: loop ? false : isEnd, styles: customNavigationNormalStyle, hoverStyles: customNavigationHoverStyle, onClick: onClickNextBtn, style: __assign(__assign({}, positionStyle), { visibility: isHovered ? 'visible' : 'hidden' }) }));
|
|
131
131
|
case 'PAGINATION':
|
|
132
132
|
return ((0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { styles: isHovered ? customPaginationHoverStyle : customPaginationNormalStyle, current: currentSlide, isPrevBtnDisabled: loop ? false : isBeginning, isNextBtnDisabled: loop ? false : isEnd, total: ((_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slides.length) || 0, onBulletClick: onClickBullet, onPrevBtnClick: onClickPrevBtn, onNextBtnClick: onClickNextBtn, style: positionStyle }));
|
|
133
133
|
case 'PROGRESSBAR':
|
|
@@ -157,18 +157,18 @@ exports.POS_INSET = {
|
|
|
157
157
|
INSET_PROGRESS: { bottom: GAP }
|
|
158
158
|
};
|
|
159
159
|
exports.POS_OUTSET_NAVIGATION = {
|
|
160
|
-
OUTSET1: { bottom:
|
|
161
|
-
OUTSET2: { bottom:
|
|
162
|
-
OUTSET3: { bottom:
|
|
163
|
-
OUTSET4: { left:
|
|
164
|
-
OUTSET5: { left:
|
|
165
|
-
OUTSET6: { left:
|
|
166
|
-
OUTSET7: { top:
|
|
167
|
-
OUTSET8: { top:
|
|
168
|
-
OUTSET9: { top:
|
|
169
|
-
OUTSET10: { right:
|
|
170
|
-
OUTSET11: { right:
|
|
171
|
-
OUTSET12: { right:
|
|
160
|
+
OUTSET1: { bottom: 10 },
|
|
161
|
+
OUTSET2: { bottom: 10 },
|
|
162
|
+
OUTSET3: { bottom: 10 },
|
|
163
|
+
OUTSET4: { left: 15 },
|
|
164
|
+
OUTSET5: { left: 15 },
|
|
165
|
+
OUTSET6: { left: 15 },
|
|
166
|
+
OUTSET7: { top: 10 },
|
|
167
|
+
OUTSET8: { top: 10 },
|
|
168
|
+
OUTSET9: { top: 10 },
|
|
169
|
+
OUTSET10: { right: 15 },
|
|
170
|
+
OUTSET11: { right: 15 },
|
|
171
|
+
OUTSET12: { right: 15 }
|
|
172
172
|
};
|
|
173
173
|
var POS_OUTSET_GROUP = {
|
|
174
174
|
OUTSET1: {
|