@vaadin/select 23.0.0-beta1 → 23.0.0-beta2
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 +14 -14
- package/src/vaadin-select.js +15 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/select",
|
|
3
|
-
"version": "23.0.0-
|
|
3
|
+
"version": "23.0.0-beta2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,24 +35,24 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@polymer/iron-media-query": "^3.0.0",
|
|
37
37
|
"@polymer/polymer": "^3.2.0",
|
|
38
|
-
"@vaadin/button": "23.0.0-
|
|
39
|
-
"@vaadin/component-base": "23.0.0-
|
|
40
|
-
"@vaadin/field-base": "23.0.0-
|
|
41
|
-
"@vaadin/input-container": "23.0.0-
|
|
42
|
-
"@vaadin/item": "23.0.0-
|
|
43
|
-
"@vaadin/list-box": "23.0.0-
|
|
44
|
-
"@vaadin/vaadin-list-mixin": "23.0.0-
|
|
45
|
-
"@vaadin/vaadin-lumo-styles": "23.0.0-
|
|
46
|
-
"@vaadin/vaadin-material-styles": "23.0.0-
|
|
47
|
-
"@vaadin/vaadin-overlay": "23.0.0-
|
|
48
|
-
"@vaadin/vaadin-themable-mixin": "23.0.0-
|
|
38
|
+
"@vaadin/button": "23.0.0-beta2",
|
|
39
|
+
"@vaadin/component-base": "23.0.0-beta2",
|
|
40
|
+
"@vaadin/field-base": "23.0.0-beta2",
|
|
41
|
+
"@vaadin/input-container": "23.0.0-beta2",
|
|
42
|
+
"@vaadin/item": "23.0.0-beta2",
|
|
43
|
+
"@vaadin/list-box": "23.0.0-beta2",
|
|
44
|
+
"@vaadin/vaadin-list-mixin": "23.0.0-beta2",
|
|
45
|
+
"@vaadin/vaadin-lumo-styles": "23.0.0-beta2",
|
|
46
|
+
"@vaadin/vaadin-material-styles": "23.0.0-beta2",
|
|
47
|
+
"@vaadin/vaadin-overlay": "23.0.0-beta2",
|
|
48
|
+
"@vaadin/vaadin-themable-mixin": "23.0.0-beta2"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@esm-bundle/chai": "^4.3.4",
|
|
52
|
-
"@vaadin/polymer-legacy-adapter": "23.0.0-
|
|
52
|
+
"@vaadin/polymer-legacy-adapter": "23.0.0-beta2",
|
|
53
53
|
"@vaadin/testing-helpers": "^0.3.2",
|
|
54
54
|
"lit": "^2.0.0",
|
|
55
55
|
"sinon": "^9.2.0"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "a276f7a0fd00e5459b87267468e0dd0d4fb6f7f3"
|
|
58
58
|
}
|
package/src/vaadin-select.js
CHANGED
|
@@ -162,7 +162,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
|
|
|
162
162
|
>
|
|
163
163
|
<slot name="prefix" slot="prefix"></slot>
|
|
164
164
|
<slot name="value"></slot>
|
|
165
|
-
<div part="toggle-button" slot="suffix"></div>
|
|
165
|
+
<div part="toggle-button" slot="suffix" aria-hidden="true"></div>
|
|
166
166
|
</vaadin-input-container>
|
|
167
167
|
|
|
168
168
|
<div part="helper-text">
|
|
@@ -432,10 +432,14 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
|
|
|
432
432
|
_assignMenuElement(menuElement) {
|
|
433
433
|
if (menuElement && menuElement !== this.__lastMenuElement) {
|
|
434
434
|
this._menuElement = menuElement;
|
|
435
|
+
|
|
436
|
+
// Ensure items are initialized
|
|
437
|
+
this.__initMenuItems(menuElement);
|
|
438
|
+
|
|
435
439
|
menuElement.addEventListener('items-changed', () => {
|
|
436
|
-
this.
|
|
437
|
-
this._items.forEach((item) => item.setAttribute('role', 'option'));
|
|
440
|
+
this.__initMenuItems(menuElement);
|
|
438
441
|
});
|
|
442
|
+
|
|
439
443
|
menuElement.addEventListener('selected-changed', () => this.__updateValueButton());
|
|
440
444
|
// Use capture phase to make it possible for `<vaadin-grid-pro-edit-select>`
|
|
441
445
|
// to override and handle the keydown event before the value change happens.
|
|
@@ -456,6 +460,14 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
|
|
|
456
460
|
}
|
|
457
461
|
}
|
|
458
462
|
|
|
463
|
+
/** @private */
|
|
464
|
+
__initMenuItems(menuElement) {
|
|
465
|
+
if (menuElement.items) {
|
|
466
|
+
this._items = menuElement.items;
|
|
467
|
+
this._items.forEach((item) => item.setAttribute('role', 'option'));
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
|
|
459
471
|
/** @private */
|
|
460
472
|
_valueChanged(value, oldValue) {
|
|
461
473
|
this.toggleAttribute('has-value', Boolean(value));
|