pds-dev-kit-web-test 2.7.245 → 2.7.246

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.
Files changed (5) hide show
  1. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -2
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +1 -3
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +2 -2
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js +108 -108
  5. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED
@@ -4569,7 +4569,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4569
4569
  'CB_STYLE_PROP_SLIDEBANNERDESIGN_SPEC_STYLE:MOBILE': null
4570
4570
  },
4571
4571
  CB_STYLE_PROP_SLIDEBANNERPAGINATION: {
4572
- CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION: 'OUTSET1',
4572
+ CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION: 'OUTSET4',
4573
4573
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION:MOBILE': null,
4574
4574
  CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR: '#A500CFF0',
4575
4575
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE': null,
@@ -4577,7 +4577,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4577
4577
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE': null,
4578
4578
  CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE: 'LARGE',
4579
4579
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSIZE:MOBILE': null,
4580
- CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: 'DESIGN11',
4580
+ CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE: 'DESIGN1',
4581
4581
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONSTYLE:MOBILE': null
4582
4582
  },
4583
4583
  CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD: {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js CHANGED
@@ -148,9 +148,7 @@ function SlideBanner(props) {
148
148
  delete positionRefs.current[position];
149
149
  }
150
150
  }, style: __assign(__assign({}, getPositionStyle(position, ccbInset, 'GROUP', 'GROUP', 'GROUP')), { zIndex: 3, position: 'absolute' }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) {
151
- return renderElements(component,
152
- // getPosition(position, component.designType, component.size, component.type)
153
- getPositionStyle(position, ccbInset, component.designType, component.size, component.type));
151
+ return renderElements(component, getPositionStyle(position, ccbInset, component.designType, component.size, component.type));
154
152
  }) })) }), position));
155
153
  }), (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 () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { 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-slidebanner-layout-box", ref: layoutRef }, { children: (0, jsx_runtime_1.jsx)(S_SwiperWrapper, __assign({ className: "cb-slidebanner-wrapper", ccbInset: ccbInset, 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, className: "cb-slidebanner", onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: 1, styles: isHovered ? slideBannerHoverStyle : slideBannerNormalStyle, effect: CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE.toLowerCase() }, { children: (0, createCompositions_1.createCompositions)({
156
154
  valueType: CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE,
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js CHANGED
@@ -52,7 +52,7 @@ var CustomPagination = function (_a) {
52
52
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
53
53
  case 'DESIGN1': {
54
54
  var _j = SLIDE_BANNER_PAGINATION_SIZES.DESIGN1[(_a = styles.size) !== null && _a !== void 0 ? _a : 'MEDIUM'], SELECTED_TEXT_STYLE_THEME = _j.SELECTED_TEXT_STYLE_THEME, UNSELECTED_TEXT_STYLE_THEME = _j.UNSELECTED_TEXT_STYLE_THEME;
55
- return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: SELECTED_TEXT_STYLE_THEME, style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: "/ ".concat(total) }))] })));
55
+ return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px", style: { color: styles.secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: SELECTED_TEXT_STYLE_THEME, style: { color: styles.primaryColor || 'inherit' } }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: "/" })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: total }))] })));
56
56
  }
57
57
  // case 'DESIGN2': {
58
58
  // return (
@@ -96,7 +96,7 @@ var CustomPagination = function (_a) {
96
96
  marginLeft: '8px',
97
97
  marginRight: '4px',
98
98
  color: styles.primaryColor || 'inherit'
99
- }, styleTheme: SELECTED_TEXT_STYLE_THEME }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: "/ ".concat(total) })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: ICON_SIZE, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
99
+ }, styleTheme: SELECTED_TEXT_STYLE_THEME }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginLeft: '4px', opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: "/" })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { marginRight: '8px', marginLeft: '4px', opacity: 0.6 }, styleTheme: UNSELECTED_TEXT_STYLE_THEME }, { children: total })), (0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onNextBtnClick, disabled: isNextBtnDisabled }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { overrideColorHex: styles.primaryColor, iconName: "ic_arrow_right", size: ICON_SIZE, colorKey: "ui_cpnt_icon_sys_dark" }) }))] })));
100
100
  }
101
101
  // case 'DESIGN6':
102
102
  // return (
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js CHANGED
@@ -26,124 +26,124 @@ function getPosition(position, designType, size, elementType) {
26
26
  exports.getPosition = getPosition;
27
27
  var POS_OUTSET_PAGINATION = {
28
28
  OUTSET1: {
29
- DESIGN1: { top: -15 },
30
- DESIGN3: { top: -15 },
31
- DESIGN5: { top: -15 },
32
- DESIGN7: { top: -15 },
33
- DESIGN9: { top: -15 },
34
- DESIGN11: { top: -15 },
35
- DESIGN13: { top: -15 },
36
- DESIGN15: { top: -20 }
29
+ DESIGN1: { bottom: 15 },
30
+ DESIGN3: { bottom: 15 },
31
+ DESIGN5: { bottom: 15 },
32
+ DESIGN7: { bottom: 15 },
33
+ DESIGN9: { bottom: 15 },
34
+ DESIGN11: { bottom: 15 },
35
+ DESIGN13: { bottom: 15 },
36
+ DESIGN15: { bottom: 20 }
37
37
  },
38
38
  OUTSET2: {
39
- DESIGN1: { top: -15 },
40
- DESIGN3: { top: -15 },
41
- DESIGN5: { top: -15 },
42
- DESIGN7: { top: -15 },
43
- DESIGN9: { top: -15 },
44
- DESIGN11: { top: -15 },
45
- DESIGN13: { top: -15 },
46
- DESIGN15: { top: -20 }
39
+ DESIGN1: { bottom: 15 },
40
+ DESIGN3: { bottom: 15 },
41
+ DESIGN5: { bottom: 15 },
42
+ DESIGN7: { bottom: 15 },
43
+ DESIGN9: { bottom: 15 },
44
+ DESIGN11: { bottom: 15 },
45
+ DESIGN13: { bottom: 15 },
46
+ DESIGN15: { bottom: 20 }
47
47
  },
48
48
  OUTSET3: {
49
- DESIGN1: { top: -15 },
50
- DESIGN3: { top: -15 },
51
- DESIGN5: { top: -15 },
52
- DESIGN7: { top: -15 },
53
- DESIGN9: { top: -15 },
54
- DESIGN11: { top: -15 },
55
- DESIGN13: { top: -15 },
56
- DESIGN15: { top: -20 }
49
+ DESIGN1: { bottom: 15 },
50
+ DESIGN3: { bottom: 15 },
51
+ DESIGN5: { bottom: 15 },
52
+ DESIGN7: { bottom: 15 },
53
+ DESIGN9: { bottom: 15 },
54
+ DESIGN11: { bottom: 15 },
55
+ DESIGN13: { bottom: 15 },
56
+ DESIGN15: { bottom: 20 }
57
57
  },
58
58
  OUTSET4: {
59
- DESIGN1: { right: -15 },
60
- DESIGN3: { right: -15 },
61
- DESIGN5: { right: -15 },
62
- DESIGN7: { right: -15 },
63
- DESIGN9: { right: -15 },
64
- DESIGN11: { left: -15 },
65
- DESIGN13: { right: -15 },
66
- DESIGN15: { left: -15, right: -20 }
59
+ DESIGN1: { left: 15 },
60
+ DESIGN3: { left: 15 },
61
+ DESIGN5: { left: 15 },
62
+ DESIGN7: { left: 15 },
63
+ DESIGN9: { left: 15 },
64
+ DESIGN11: { left: 15 },
65
+ DESIGN13: { left: 15 },
66
+ DESIGN15: { left: 15 }
67
67
  },
68
68
  OUTSET5: {
69
- DESIGN1: { right: -15 },
70
- DESIGN3: { right: -15 },
71
- DESIGN5: { right: -15 },
72
- DESIGN7: { right: -15 },
73
- DESIGN9: { right: -15 },
74
- DESIGN11: { left: -15 },
75
- DESIGN13: { right: -15 },
76
- DESIGN15: { left: -15, right: -20 }
69
+ DESIGN1: { left: 15 },
70
+ DESIGN3: { left: 15 },
71
+ DESIGN5: { left: 15 },
72
+ DESIGN7: { left: 15 },
73
+ DESIGN9: { left: 15 },
74
+ DESIGN11: { left: 15 },
75
+ DESIGN13: { left: 15 },
76
+ DESIGN15: { left: 15 }
77
77
  },
78
78
  OUTSET6: {
79
- DESIGN1: { right: -15 },
80
- DESIGN3: { right: -15 },
81
- DESIGN5: { right: -15 },
82
- DESIGN7: { right: -15 },
83
- DESIGN9: { right: -15 },
84
- DESIGN11: { left: -15 },
85
- DESIGN13: { right: -15 },
86
- DESIGN15: { left: -15, right: -20 }
79
+ DESIGN1: { left: 15 },
80
+ DESIGN3: { left: 15 },
81
+ DESIGN5: { left: 15 },
82
+ DESIGN7: { left: 15 },
83
+ DESIGN9: { left: 15 },
84
+ DESIGN11: { left: 15 },
85
+ DESIGN13: { left: 15 },
86
+ DESIGN15: { left: 15 }
87
87
  },
88
88
  OUTSET7: {
89
- DESIGN1: { bottom: -15 },
90
- DESIGN3: { bottom: -15 },
91
- DESIGN5: { bottom: -15 },
92
- DESIGN7: { bottom: -15 },
93
- DESIGN9: { bottom: -15 },
94
- DESIGN11: { bottom: -15 },
95
- DESIGN13: { bottom: -15 },
96
- DESIGN15: { bottom: -20 }
89
+ DESIGN1: { top: 15 },
90
+ DESIGN3: { top: 15 },
91
+ DESIGN5: { top: 15 },
92
+ DESIGN7: { top: 15 },
93
+ DESIGN9: { top: 15 },
94
+ DESIGN11: { top: 15 },
95
+ DESIGN13: { top: 15 },
96
+ DESIGN15: { top: 20 }
97
97
  },
98
98
  OUTSET8: {
99
- DESIGN1: { bottom: -15 },
100
- DESIGN3: { bottom: -15 },
101
- DESIGN5: { bottom: -15 },
102
- DESIGN7: { bottom: -15 },
103
- DESIGN9: { bottom: -15 },
104
- DESIGN11: { bottom: -15 },
105
- DESIGN13: { bottom: -15 },
106
- DESIGN15: { bottom: -20 }
99
+ DESIGN1: { top: 15 },
100
+ DESIGN3: { top: 15 },
101
+ DESIGN5: { top: 15 },
102
+ DESIGN7: { top: 15 },
103
+ DESIGN9: { top: 15 },
104
+ DESIGN11: { top: 15 },
105
+ DESIGN13: { top: 15 },
106
+ DESIGN15: { top: 20 }
107
107
  },
108
108
  OUTSET9: {
109
- DESIGN1: { bottom: -15 },
110
- DESIGN3: { bottom: -15 },
111
- DESIGN5: { bottom: -15 },
112
- DESIGN7: { bottom: -15 },
113
- DESIGN9: { bottom: -15 },
114
- DESIGN11: { bottom: -15 },
115
- DESIGN13: { bottom: -15 },
116
- DESIGN15: { bottom: -20 }
109
+ DESIGN1: { top: 15 },
110
+ DESIGN3: { top: 15 },
111
+ DESIGN5: { top: 15 },
112
+ DESIGN7: { top: 15 },
113
+ DESIGN9: { top: 15 },
114
+ DESIGN11: { top: 15 },
115
+ DESIGN13: { top: 15 },
116
+ DESIGN15: { top: 20 }
117
117
  },
118
118
  OUTSET10: {
119
- DESIGN1: { left: -15 },
120
- DESIGN3: { left: -15 },
121
- DESIGN5: { left: -15 },
122
- DESIGN7: { left: -15 },
123
- DESIGN9: { left: -15 },
124
- DESIGN11: { right: -15 },
125
- DESIGN13: { left: -15 },
126
- DESIGN15: { right: -15, left: -20 }
119
+ DESIGN1: { right: 15 },
120
+ DESIGN3: { right: 15 },
121
+ DESIGN5: { right: 15 },
122
+ DESIGN7: { right: 15 },
123
+ DESIGN9: { right: 15 },
124
+ DESIGN11: { right: 15 },
125
+ DESIGN13: { right: 15 },
126
+ DESIGN15: { right: 15 }
127
127
  },
128
128
  OUTSET11: {
129
- DESIGN1: { left: -15 },
130
- DESIGN3: { left: -15 },
131
- DESIGN5: { left: -15 },
132
- DESIGN7: { left: -15 },
133
- DESIGN9: { left: -15 },
134
- DESIGN11: { right: -15 },
135
- DESIGN13: { left: -15 },
136
- DESIGN15: { right: -15, left: -20 }
129
+ DESIGN1: { right: 15 },
130
+ DESIGN3: { right: 15 },
131
+ DESIGN5: { right: 15 },
132
+ DESIGN7: { right: 15 },
133
+ DESIGN9: { right: 15 },
134
+ DESIGN11: { right: 15 },
135
+ DESIGN13: { right: 15 },
136
+ DESIGN15: { right: 15 }
137
137
  },
138
138
  OUTSET12: {
139
- DESIGN1: { left: -15 },
140
- DESIGN3: { left: -15 },
141
- DESIGN5: { left: -15 },
142
- DESIGN7: { left: -15 },
143
- DESIGN9: { left: -15 },
144
- DESIGN11: { right: -15 },
145
- DESIGN13: { left: -15 },
146
- DESIGN15: { right: -15, left: -20 }
139
+ DESIGN1: { right: 15 },
140
+ DESIGN3: { right: 15 },
141
+ DESIGN5: { right: 15 },
142
+ DESIGN7: { right: 15 },
143
+ DESIGN9: { right: 15 },
144
+ DESIGN11: { right: 15 },
145
+ DESIGN13: { right: 15 },
146
+ DESIGN15: { right: 15 }
147
147
  }
148
148
  };
149
149
  exports.POS_INSET = {
@@ -189,18 +189,18 @@ exports.POS_INSET = {
189
189
  }
190
190
  };
191
191
  exports.POS_OUTSET_NAVIGATION = {
192
- OUTSET1: { top: -20 },
193
- OUTSET2: { top: -20 },
194
- OUTSET3: { top: -20 },
195
- OUTSET4: { right: -20 },
196
- OUTSET5: { right: -20 },
197
- OUTSET6: { right: -20 },
198
- OUTSET7: { bottom: -20 },
199
- OUTSET8: { bottom: -20 },
200
- OUTSET9: { bottom: -20 },
201
- OUTSET10: { left: -20 },
202
- OUTSET11: { left: -20 },
203
- OUTSET12: { left: -20 }
192
+ OUTSET1: { bottom: 20 },
193
+ OUTSET2: { bottom: 20 },
194
+ OUTSET3: { bottom: 20 },
195
+ OUTSET4: { left: 20 },
196
+ OUTSET5: { left: 20 },
197
+ OUTSET6: { left: 20 },
198
+ OUTSET7: { top: 20 },
199
+ OUTSET8: { top: 20 },
200
+ OUTSET9: { top: 20 },
201
+ OUTSET10: { right: 20 },
202
+ OUTSET11: { right: 20 },
203
+ OUTSET12: { right: 20 }
204
204
  };
205
205
  var POS_OUTSET_GROUP = {
206
206
  OUTSET1: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.245",
3
+ "version": "2.7.246",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",