publ-echo-test 0.0.271 → 0.0.273
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.
|
@@ -145,7 +145,56 @@ var GridItem = function (_a) {
|
|
|
145
145
|
var insetTop = Number(mutation.target.dataset.insetTop);
|
|
146
146
|
var insetBottom = Number(mutation.target.dataset.insetBottom);
|
|
147
147
|
var minWidth = Number(mutation.target.dataset.minWidth);
|
|
148
|
-
|
|
148
|
+
// const minHeight =
|
|
149
|
+
// Number(mutation.target.dataset.minHeight) + insetTop + insetBottom;
|
|
150
|
+
var contentsWrapper = mutation.target.querySelector(".cb-contentslist-wrapper");
|
|
151
|
+
var oneComposition = mutation.target.querySelector(".composition-container");
|
|
152
|
+
var minHeight = 0;
|
|
153
|
+
if (contentsWrapper && oneComposition) {
|
|
154
|
+
var minCellWidth = 10;
|
|
155
|
+
var minColHeight = 11;
|
|
156
|
+
var numberOfItems = Number(mutation.target.getAttribute("data-number-of-items"));
|
|
157
|
+
var numberOfColumns = Number(mutation.target.getAttribute("data-number-of-columns"));
|
|
158
|
+
var rowGap = Number(mutation.target.getAttribute("data-row-gap"));
|
|
159
|
+
var columnGap = Number(mutation.target.getAttribute("data-column-gap"));
|
|
160
|
+
var insetTop_1 = Number(mutation.target.getAttribute("data-inset-top"));
|
|
161
|
+
var insetBottom_1 = Number(mutation.target.getAttribute("data-inset-bottom"));
|
|
162
|
+
var compositionCols = Number(oneComposition.getAttribute("data-cols"));
|
|
163
|
+
var compositionRows = Number(oneComposition.getAttribute("data-rows"));
|
|
164
|
+
var oneCompositionMinWidth = minCellWidth * compositionCols + 20; /* 20px padding */
|
|
165
|
+
// let oneCompositionMinHeight =
|
|
166
|
+
// minColHeight * compositionRows + 20; /* 20px padding */
|
|
167
|
+
if (contentsWrapper) {
|
|
168
|
+
var gridWrapperInnerH = contentsWrapper.clientHeight;
|
|
169
|
+
var oneCompositionH = oneComposition.clientHeight;
|
|
170
|
+
var CompositionBGwrapperPaddingT = Number(oneComposition.getAttribute("data-wrapper-paddingT"));
|
|
171
|
+
var CompositionBGwrapperPaddingB = Number(oneComposition.getAttribute("data-wrapper-paddingB"));
|
|
172
|
+
var oneCompositionMinHeight = oneCompositionH +
|
|
173
|
+
CompositionBGwrapperPaddingT +
|
|
174
|
+
CompositionBGwrapperPaddingB;
|
|
175
|
+
var styles = getComputedStyle(mutation.target);
|
|
176
|
+
var paddingL = parseFloat(styles.paddingLeft);
|
|
177
|
+
var paddingR = parseFloat(styles.paddingRight);
|
|
178
|
+
var paddingT = parseFloat(styles.paddingTop);
|
|
179
|
+
var paddingB = parseFloat(styles.paddingBottom);
|
|
180
|
+
var paddingLR = paddingL + paddingR;
|
|
181
|
+
var paddingTB = paddingT + paddingB;
|
|
182
|
+
var listMinWidth = oneCompositionMinWidth * numberOfColumns +
|
|
183
|
+
(numberOfColumns - 1) * columnGap +
|
|
184
|
+
paddingLR;
|
|
185
|
+
var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
|
|
186
|
+
var gridWrapperTotalH = gridWrapperInnerH + insetTop_1 + insetBottom_1;
|
|
187
|
+
var listMinHeight = oneCompositionMinHeight * numberOfRows +
|
|
188
|
+
(numberOfRows - 1) * rowGap +
|
|
189
|
+
paddingTB +
|
|
190
|
+
insetTop_1 +
|
|
191
|
+
insetBottom_1;
|
|
192
|
+
if (listMinHeight > gridWrapperTotalH) {
|
|
193
|
+
minHeight = listMinHeight;
|
|
194
|
+
}
|
|
195
|
+
// minWidth = listMinWidth;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
149
198
|
// If minWidth or minHeight is NaN, return early to prevent errors
|
|
150
199
|
if (isNaN(minWidth) || isNaN(minHeight)) {
|
|
151
200
|
return;
|
|
@@ -165,14 +165,12 @@ var Resizable = function (_a) {
|
|
|
165
165
|
(numberOfColumns - 1) * columnGap +
|
|
166
166
|
paddingLR;
|
|
167
167
|
var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
|
|
168
|
-
var gridWrapperTotalH = gridWrapperInnerH +
|
|
168
|
+
var gridWrapperTotalH = gridWrapperInnerH + insetTop + insetBottom;
|
|
169
169
|
var listMinHeight = oneCompositionMinHeight * numberOfRows +
|
|
170
170
|
(numberOfRows - 1) * rowGap +
|
|
171
171
|
paddingTB +
|
|
172
172
|
insetTop +
|
|
173
173
|
insetBottom;
|
|
174
|
-
console.log("grdwrapperTotalH", gridWrapperTotalH);
|
|
175
|
-
console.log("listminheight", listMinHeight);
|
|
176
174
|
if (listMinHeight > gridWrapperTotalH) {
|
|
177
175
|
minHeight.current = listMinHeight;
|
|
178
176
|
}
|