publ-echo-test 0.0.281 → 0.0.282
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/lib/GridItem/GridItem.js +19 -18
- package/package.json +1 -1
|
@@ -142,9 +142,9 @@ var GridItem = function (_a) {
|
|
|
142
142
|
mutation.attributeName === "data-min-height";
|
|
143
143
|
var keepWidth = true;
|
|
144
144
|
var hasPaddingChanged = true;
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
var minWidth =
|
|
145
|
+
// const insetTop = Number(mutation.target.dataset.insetTop!);
|
|
146
|
+
// const insetBottom = Number(mutation.target.dataset.insetBottom!);
|
|
147
|
+
var minWidth = 0;
|
|
148
148
|
// const minHeight =
|
|
149
149
|
// Number(mutation.target.dataset.minHeight) + insetTop + insetBottom;
|
|
150
150
|
var contentsWrapper = mutation.target.querySelector(".cb-contentslist-wrapper");
|
|
@@ -152,13 +152,12 @@ var GridItem = function (_a) {
|
|
|
152
152
|
var minHeight = 0;
|
|
153
153
|
if (contentsWrapper && oneComposition) {
|
|
154
154
|
var minCellWidth = 10;
|
|
155
|
-
var minColHeight = 11;
|
|
156
155
|
var numberOfItems = Number(mutation.target.getAttribute("data-number-of-items"));
|
|
157
156
|
var numberOfColumns = Number(mutation.target.getAttribute("data-number-of-columns"));
|
|
158
157
|
var rowGap = Number(mutation.target.getAttribute("data-row-gap"));
|
|
159
158
|
var columnGap = Number(mutation.target.getAttribute("data-column-gap"));
|
|
160
|
-
var
|
|
161
|
-
var
|
|
159
|
+
var insetTop = Number(mutation.target.getAttribute("data-inset-top"));
|
|
160
|
+
var insetBottom = Number(mutation.target.getAttribute("data-inset-bottom"));
|
|
162
161
|
var compositionCols = Number(oneComposition.getAttribute("data-cols"));
|
|
163
162
|
var compositionRows = Number(oneComposition.getAttribute("data-rows"));
|
|
164
163
|
var oneCompositionMinWidth = minCellWidth * compositionCols + 20; /* 20px padding */
|
|
@@ -167,11 +166,13 @@ var GridItem = function (_a) {
|
|
|
167
166
|
if (contentsWrapper) {
|
|
168
167
|
var gridWrapperInnerH = contentsWrapper.clientHeight;
|
|
169
168
|
var oneCompositionH = oneComposition.clientHeight;
|
|
170
|
-
var
|
|
171
|
-
var
|
|
169
|
+
var compositionBGwrapperPaddingT = Number(oneComposition.getAttribute("data-wrapper-paddingT"));
|
|
170
|
+
var compositionBGwrapperPaddingB = Number(oneComposition.getAttribute("data-wrapper-paddingB"));
|
|
171
|
+
var compositionBGwrapperPaddingL = Number(oneComposition.getAttribute("data-wrapper-paddingL"));
|
|
172
|
+
var compositionBGwrapperPaddingR = Number(oneComposition.getAttribute("data-wrapper-paddingR"));
|
|
172
173
|
var oneCompositionMinHeight = oneCompositionH +
|
|
173
|
-
|
|
174
|
-
|
|
174
|
+
compositionBGwrapperPaddingT +
|
|
175
|
+
compositionBGwrapperPaddingB;
|
|
175
176
|
var styles = getComputedStyle(mutation.target);
|
|
176
177
|
var paddingL = parseFloat(styles.paddingLeft);
|
|
177
178
|
var paddingR = parseFloat(styles.paddingRight);
|
|
@@ -179,23 +180,23 @@ var GridItem = function (_a) {
|
|
|
179
180
|
var paddingB = parseFloat(styles.paddingBottom);
|
|
180
181
|
var paddingLR = paddingL + paddingR;
|
|
181
182
|
var paddingTB = paddingT + paddingB;
|
|
183
|
+
var compositionWrapperPaddingLR = (compositionBGwrapperPaddingL + compositionBGwrapperPaddingR) *
|
|
184
|
+
(numberOfColumns - 1);
|
|
182
185
|
var listMinWidth = oneCompositionMinWidth * numberOfColumns +
|
|
183
186
|
(numberOfColumns - 1) * columnGap +
|
|
184
|
-
paddingLR
|
|
187
|
+
paddingLR +
|
|
188
|
+
compositionWrapperPaddingLR;
|
|
185
189
|
var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
|
|
186
|
-
var gridWrapperTotalH = gridWrapperInnerH +
|
|
190
|
+
var gridWrapperTotalH = gridWrapperInnerH + insetTop + insetBottom;
|
|
187
191
|
var listMinHeight = oneCompositionMinHeight * numberOfRows +
|
|
188
192
|
(numberOfRows - 1) * rowGap +
|
|
189
193
|
paddingTB +
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
console.log("minH", listMinHeight);
|
|
193
|
-
console.log("oneCompositionMinHeight", oneCompositionMinHeight);
|
|
194
|
-
console.log("insetTop, insetBottom", insetTop_1, insetBottom_1);
|
|
194
|
+
insetTop +
|
|
195
|
+
insetBottom;
|
|
195
196
|
if (listMinHeight > gridWrapperTotalH) {
|
|
196
197
|
minHeight = listMinHeight;
|
|
197
198
|
}
|
|
198
|
-
|
|
199
|
+
minWidth = listMinWidth;
|
|
199
200
|
}
|
|
200
201
|
}
|
|
201
202
|
// If minWidth or minHeight is NaN, return early to prevent errors
|