pds-dev-kit-web-test 2.5.323 → 2.5.324
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.
|
@@ -3965,11 +3965,11 @@ exports.MOCK_SECTIONS = [
|
|
|
3965
3965
|
},
|
|
3966
3966
|
CB_PLACEMENT_PROP_PLACEMENT: {
|
|
3967
3967
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 10,
|
|
3968
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE':
|
|
3968
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 5,
|
|
3969
3969
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 1,
|
|
3970
3970
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 1,
|
|
3971
3971
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 7,
|
|
3972
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE':
|
|
3972
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 5,
|
|
3973
3973
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 1,
|
|
3974
3974
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 1,
|
|
3975
3975
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: -2,
|
|
@@ -45,24 +45,26 @@ function getMaxHeight(props, device, rowHeight) {
|
|
|
45
45
|
var height = rowsMobile * rowHeight + (rowsMobile - 1) * gap;
|
|
46
46
|
return height;
|
|
47
47
|
}
|
|
48
|
+
function clamp(num, min, max) {
|
|
49
|
+
return Math.max(Math.min(num, max), min);
|
|
50
|
+
}
|
|
48
51
|
function getGridAreaFromCB(props, device) {
|
|
49
52
|
var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
|
|
50
53
|
if (device === 'DESKTOP') {
|
|
51
|
-
var colStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1;
|
|
52
|
-
var rowStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1;
|
|
53
|
-
var rowEnd_1 = rows + rowStart_1;
|
|
54
|
-
var colEnd_1 =
|
|
55
|
-
// <grid-row-start> / <grid-column-start> / <grid-row-end> / <grid-column-end>;
|
|
54
|
+
var colStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1, 1, Math.max(1, 25 - cols));
|
|
55
|
+
var rowStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1, 1, Infinity);
|
|
56
|
+
var rowEnd_1 = clamp(rows + rowStart_1, rowStart_1 + 1, Infinity);
|
|
57
|
+
var colEnd_1 = clamp(colStart_1 + cols, colStart_1 + 1, 25);
|
|
56
58
|
return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
|
|
57
59
|
}
|
|
58
60
|
var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
|
|
59
61
|
var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
|
|
60
62
|
var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
|
|
61
63
|
var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
|
|
62
|
-
var colStart = startXMobile + 1;
|
|
63
|
-
var rowStart = startYMobile + 1;
|
|
64
|
-
var rowEnd = rowsMobile + rowStart;
|
|
65
|
-
var colEnd =
|
|
64
|
+
var colStart = clamp(startXMobile + 1, 1, Math.max(1, 9 - colsMobile));
|
|
65
|
+
var rowStart = clamp(startYMobile + 1, 1, Infinity);
|
|
66
|
+
var rowEnd = clamp(rowsMobile + rowStart, rowStart + 1, Infinity);
|
|
67
|
+
var colEnd = clamp(colStart + colsMobile, colStart + 1, 9);
|
|
66
68
|
return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
|
|
67
69
|
}
|
|
68
70
|
exports.default = FlexGridItem;
|