@vaadin/radio-group 24.2.0-alpha4 → 24.2.0-alpha6
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/radio-group",
|
|
3
|
-
"version": "24.2.0-
|
|
3
|
+
"version": "24.2.0-alpha6",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -38,21 +38,21 @@
|
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@polymer/polymer": "^3.0.0",
|
|
41
|
-
"@vaadin/a11y-base": "24.2.0-
|
|
42
|
-
"@vaadin/component-base": "24.2.0-
|
|
43
|
-
"@vaadin/field-base": "24.2.0-
|
|
44
|
-
"@vaadin/vaadin-lumo-styles": "24.2.0-
|
|
45
|
-
"@vaadin/vaadin-material-styles": "24.2.0-
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "24.2.0-
|
|
41
|
+
"@vaadin/a11y-base": "24.2.0-alpha6",
|
|
42
|
+
"@vaadin/component-base": "24.2.0-alpha6",
|
|
43
|
+
"@vaadin/field-base": "24.2.0-alpha6",
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "24.2.0-alpha6",
|
|
45
|
+
"@vaadin/vaadin-material-styles": "24.2.0-alpha6",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "24.2.0-alpha6"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@esm-bundle/chai": "^4.3.4",
|
|
50
|
-
"@vaadin/testing-helpers": "^0.4.
|
|
50
|
+
"@vaadin/testing-helpers": "^0.4.3",
|
|
51
51
|
"sinon": "^13.0.2"
|
|
52
52
|
},
|
|
53
53
|
"web-types": [
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "3ef6e6cd66919b3ef7637e42916e4c54656beb51"
|
|
58
58
|
}
|
|
@@ -3,12 +3,12 @@
|
|
|
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 { DisabledMixin } from '@vaadin/a11y-base/src/disabled-mixin.js';
|
|
9
8
|
import { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';
|
|
10
9
|
import { KeyboardMixin } from '@vaadin/a11y-base/src/keyboard-mixin.js';
|
|
11
10
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
11
|
+
import { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';
|
|
12
12
|
import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
|
|
13
13
|
import { generateUniqueId } from '@vaadin/component-base/src/unique-id-utils.js';
|
|
14
14
|
import { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';
|
|
@@ -95,6 +95,11 @@ class RadioGroup extends FieldMixin(
|
|
|
95
95
|
width: 100%;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
+
[part='group-field'] {
|
|
99
|
+
display: flex;
|
|
100
|
+
flex-wrap: wrap;
|
|
101
|
+
}
|
|
102
|
+
|
|
98
103
|
:host(:not([has-label])) [part='label'] {
|
|
99
104
|
display: none;
|
|
100
105
|
}
|
|
@@ -208,7 +213,8 @@ class RadioGroup extends FieldMixin(
|
|
|
208
213
|
|
|
209
214
|
this._fieldName = `${this.localName}-${generateUniqueId()}`;
|
|
210
215
|
|
|
211
|
-
|
|
216
|
+
const slot = this.shadowRoot.querySelector('slot:not([name])');
|
|
217
|
+
this._observer = new SlotObserver(slot, ({ addedNodes, removedNodes }) => {
|
|
212
218
|
// Registers the added radio buttons in the reverse order
|
|
213
219
|
// in order for the group to take the value of the most recent button.
|
|
214
220
|
this.__filterRadioButtons(addedNodes).reverse().forEach(this.__registerRadioButton);
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED