publ-echo-test 0.0.280 → 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 +25 -20
- package/package.json +1 -1
|
@@ -140,12 +140,11 @@ var GridItem = function (_a) {
|
|
|
140
140
|
var mutation = mutationsList_2[_i];
|
|
141
141
|
var isSizeChanged = mutation.attributeName === "data-min-width" ||
|
|
142
142
|
mutation.attributeName === "data-min-height";
|
|
143
|
-
console.log("mutation", mutation);
|
|
144
143
|
var keepWidth = true;
|
|
145
144
|
var hasPaddingChanged = true;
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
var minWidth =
|
|
145
|
+
// const insetTop = Number(mutation.target.dataset.insetTop!);
|
|
146
|
+
// const insetBottom = Number(mutation.target.dataset.insetBottom!);
|
|
147
|
+
var minWidth = 0;
|
|
149
148
|
// const minHeight =
|
|
150
149
|
// Number(mutation.target.dataset.minHeight) + insetTop + insetBottom;
|
|
151
150
|
var contentsWrapper = mutation.target.querySelector(".cb-contentslist-wrapper");
|
|
@@ -153,13 +152,12 @@ var GridItem = function (_a) {
|
|
|
153
152
|
var minHeight = 0;
|
|
154
153
|
if (contentsWrapper && oneComposition) {
|
|
155
154
|
var minCellWidth = 10;
|
|
156
|
-
var minColHeight = 11;
|
|
157
155
|
var numberOfItems = Number(mutation.target.getAttribute("data-number-of-items"));
|
|
158
156
|
var numberOfColumns = Number(mutation.target.getAttribute("data-number-of-columns"));
|
|
159
157
|
var rowGap = Number(mutation.target.getAttribute("data-row-gap"));
|
|
160
158
|
var columnGap = Number(mutation.target.getAttribute("data-column-gap"));
|
|
161
|
-
var
|
|
162
|
-
var
|
|
159
|
+
var insetTop = Number(mutation.target.getAttribute("data-inset-top"));
|
|
160
|
+
var insetBottom = Number(mutation.target.getAttribute("data-inset-bottom"));
|
|
163
161
|
var compositionCols = Number(oneComposition.getAttribute("data-cols"));
|
|
164
162
|
var compositionRows = Number(oneComposition.getAttribute("data-rows"));
|
|
165
163
|
var oneCompositionMinWidth = minCellWidth * compositionCols + 20; /* 20px padding */
|
|
@@ -168,11 +166,13 @@ var GridItem = function (_a) {
|
|
|
168
166
|
if (contentsWrapper) {
|
|
169
167
|
var gridWrapperInnerH = contentsWrapper.clientHeight;
|
|
170
168
|
var oneCompositionH = oneComposition.clientHeight;
|
|
171
|
-
var
|
|
172
|
-
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"));
|
|
173
173
|
var oneCompositionMinHeight = oneCompositionH +
|
|
174
|
-
|
|
175
|
-
|
|
174
|
+
compositionBGwrapperPaddingT +
|
|
175
|
+
compositionBGwrapperPaddingB;
|
|
176
176
|
var styles = getComputedStyle(mutation.target);
|
|
177
177
|
var paddingL = parseFloat(styles.paddingLeft);
|
|
178
178
|
var paddingR = parseFloat(styles.paddingRight);
|
|
@@ -180,23 +180,23 @@ var GridItem = function (_a) {
|
|
|
180
180
|
var paddingB = parseFloat(styles.paddingBottom);
|
|
181
181
|
var paddingLR = paddingL + paddingR;
|
|
182
182
|
var paddingTB = paddingT + paddingB;
|
|
183
|
+
var compositionWrapperPaddingLR = (compositionBGwrapperPaddingL + compositionBGwrapperPaddingR) *
|
|
184
|
+
(numberOfColumns - 1);
|
|
183
185
|
var listMinWidth = oneCompositionMinWidth * numberOfColumns +
|
|
184
186
|
(numberOfColumns - 1) * columnGap +
|
|
185
|
-
paddingLR
|
|
187
|
+
paddingLR +
|
|
188
|
+
compositionWrapperPaddingLR;
|
|
186
189
|
var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
|
|
187
|
-
var gridWrapperTotalH = gridWrapperInnerH +
|
|
190
|
+
var gridWrapperTotalH = gridWrapperInnerH + insetTop + insetBottom;
|
|
188
191
|
var listMinHeight = oneCompositionMinHeight * numberOfRows +
|
|
189
192
|
(numberOfRows - 1) * rowGap +
|
|
190
193
|
paddingTB +
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
console.log("minH", listMinHeight);
|
|
194
|
-
console.log("oneCompositionMinHeight", oneCompositionMinHeight);
|
|
195
|
-
console.log("insetTop, insetBottom", insetTop_1, insetBottom_1);
|
|
194
|
+
insetTop +
|
|
195
|
+
insetBottom;
|
|
196
196
|
if (listMinHeight > gridWrapperTotalH) {
|
|
197
197
|
minHeight = listMinHeight;
|
|
198
198
|
}
|
|
199
|
-
|
|
199
|
+
minWidth = listMinWidth;
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
// If minWidth or minHeight is NaN, return early to prevent errors
|
|
@@ -242,8 +242,13 @@ var GridItem = function (_a) {
|
|
|
242
242
|
props.onFitToContent(i, w_2, h_2, newX, newY, { hasPaddingChanged: hasPaddingChanged });
|
|
243
243
|
}
|
|
244
244
|
};
|
|
245
|
+
var callbackLater = function (mutationsList) {
|
|
246
|
+
setTimeout(function () {
|
|
247
|
+
callback(mutationsList);
|
|
248
|
+
}, 0);
|
|
249
|
+
};
|
|
245
250
|
// MutationObserver 인스턴스 생성
|
|
246
|
-
var observer = new MutationObserver(
|
|
251
|
+
var observer = new MutationObserver(callbackLater);
|
|
247
252
|
// 관찰할 DOM 변이 설정
|
|
248
253
|
var config = { attributes: true, characterData: true };
|
|
249
254
|
// 대상 노드와 설정으로 관찰 시작
|