@vaadin/form-layout 24.2.0-alpha1 → 24.2.0-alpha10
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/package.json +9 -9
- package/src/vaadin-form-layout.js +16 -4
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/form-layout",
|
|
3
|
-
"version": "24.2.0-
|
|
3
|
+
"version": "24.2.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "24.2.0-
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "24.2.0-
|
|
41
|
-
"@vaadin/vaadin-material-styles": "24.2.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "24.2.0-
|
|
39
|
+
"@vaadin/component-base": "24.2.0-alpha10",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "24.2.0-alpha10",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "24.2.0-alpha10",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "24.2.0-alpha10"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@esm-bundle/chai": "^4.3.4",
|
|
46
|
-
"@vaadin/custom-field": "24.2.0-
|
|
47
|
-
"@vaadin/testing-helpers": "^0.
|
|
48
|
-
"@vaadin/text-field": "24.2.0-
|
|
46
|
+
"@vaadin/custom-field": "24.2.0-alpha10",
|
|
47
|
+
"@vaadin/testing-helpers": "^0.5.0",
|
|
48
|
+
"@vaadin/text-field": "24.2.0-alpha10",
|
|
49
49
|
"sinon": "^13.0.2"
|
|
50
50
|
},
|
|
51
51
|
"web-types": [
|
|
52
52
|
"web-types.json",
|
|
53
53
|
"web-types.lit.json"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "ca16b5f88b00ae05fb6d7c7e9874525048e389f0"
|
|
56
56
|
}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
7
6
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
8
7
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
9
8
|
import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
|
|
@@ -296,9 +295,20 @@ class FormLayout extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement))
|
|
|
296
295
|
});
|
|
297
296
|
});
|
|
298
297
|
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
298
|
+
// Observe changes to initial children
|
|
299
|
+
[...this.children].forEach((child) => {
|
|
300
|
+
this.__mutationObserver.observe(child, mutationObserverConfig);
|
|
301
|
+
});
|
|
302
|
+
|
|
303
|
+
// Observe changes to lazily added nodes
|
|
304
|
+
this.__childObserver = new MutationObserver((mutations) => {
|
|
305
|
+
const addedNodes = [];
|
|
306
|
+
const removedNodes = [];
|
|
307
|
+
|
|
308
|
+
mutations.forEach((mutation) => {
|
|
309
|
+
addedNodes.push(...this._getObservableNodes(mutation.addedNodes));
|
|
310
|
+
removedNodes.push(...this._getObservableNodes(mutation.removedNodes));
|
|
311
|
+
});
|
|
302
312
|
|
|
303
313
|
addedNodes.forEach((child) => {
|
|
304
314
|
this.__mutationObserver.observe(child, mutationObserverConfig);
|
|
@@ -308,6 +318,8 @@ class FormLayout extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement))
|
|
|
308
318
|
this._updateLayout();
|
|
309
319
|
}
|
|
310
320
|
});
|
|
321
|
+
|
|
322
|
+
this.__childObserver.observe(this, { childList: true });
|
|
311
323
|
}
|
|
312
324
|
|
|
313
325
|
/** @private */
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED