@vaadin/multi-select-combo-box 24.5.0-alpha1 → 24.5.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/README.md +1 -1
- package/package.json +16 -16
- package/src/vaadin-multi-select-combo-box-internal.js +4 -0
- package/src/vaadin-multi-select-combo-box.js +4 -2
- package/theme/lumo/vaadin-multi-select-combo-box-chip-styles.js +4 -0
- package/theme/lumo/vaadin-multi-select-combo-box-styles.js +2 -2
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/README.md
CHANGED
|
@@ -54,7 +54,7 @@ import '@vaadin/multi-select-combo-box/src/vaadin-multi-select-combo-box.js';
|
|
|
54
54
|
|
|
55
55
|
## Contributing
|
|
56
56
|
|
|
57
|
-
Read the [contributing guide](https://vaadin.com/docs/latest/contributing
|
|
57
|
+
Read the [contributing guide](https://vaadin.com/docs/latest/contributing) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
|
|
58
58
|
|
|
59
59
|
## License
|
|
60
60
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/multi-select-combo-box",
|
|
3
|
-
"version": "24.5.0-
|
|
3
|
+
"version": "24.5.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -38,27 +38,27 @@
|
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@polymer/polymer": "^3.0.0",
|
|
41
|
-
"@vaadin/a11y-base": "24.5.0-
|
|
42
|
-
"@vaadin/combo-box": "24.5.0-
|
|
43
|
-
"@vaadin/component-base": "24.5.0-
|
|
44
|
-
"@vaadin/field-base": "24.5.0-
|
|
45
|
-
"@vaadin/input-container": "24.5.0-
|
|
46
|
-
"@vaadin/item": "24.5.0-
|
|
47
|
-
"@vaadin/lit-renderer": "24.5.0-
|
|
48
|
-
"@vaadin/overlay": "24.5.0-
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "24.5.0-
|
|
50
|
-
"@vaadin/vaadin-material-styles": "24.5.0-
|
|
51
|
-
"@vaadin/vaadin-themable-mixin": "24.5.0-
|
|
41
|
+
"@vaadin/a11y-base": "24.5.0-alpha10",
|
|
42
|
+
"@vaadin/combo-box": "24.5.0-alpha10",
|
|
43
|
+
"@vaadin/component-base": "24.5.0-alpha10",
|
|
44
|
+
"@vaadin/field-base": "24.5.0-alpha10",
|
|
45
|
+
"@vaadin/input-container": "24.5.0-alpha10",
|
|
46
|
+
"@vaadin/item": "24.5.0-alpha10",
|
|
47
|
+
"@vaadin/lit-renderer": "24.5.0-alpha10",
|
|
48
|
+
"@vaadin/overlay": "24.5.0-alpha10",
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "24.5.0-alpha10",
|
|
50
|
+
"@vaadin/vaadin-material-styles": "24.5.0-alpha10",
|
|
51
|
+
"@vaadin/vaadin-themable-mixin": "24.5.0-alpha10"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@
|
|
55
|
-
"@vaadin/testing-helpers": "^0.
|
|
54
|
+
"@vaadin/chai-plugins": "24.5.0-alpha10",
|
|
55
|
+
"@vaadin/testing-helpers": "^1.0.0",
|
|
56
56
|
"lit": "^3.0.0",
|
|
57
|
-
"sinon": "^
|
|
57
|
+
"sinon": "^18.0.0"
|
|
58
58
|
},
|
|
59
59
|
"web-types": [
|
|
60
60
|
"web-types.json",
|
|
61
61
|
"web-types.lit.json"
|
|
62
62
|
],
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "6f9c37308031af872a98017bfab4de89aeacda51"
|
|
64
64
|
}
|
|
@@ -399,6 +399,10 @@ class MultiSelectComboBoxInternal extends ComboBoxDataProviderMixin(ComboBoxMixi
|
|
|
399
399
|
}
|
|
400
400
|
|
|
401
401
|
if (this.opened) {
|
|
402
|
+
// Store filter value for checking if user input is matching
|
|
403
|
+
// an item which is already selected, to not un-select it.
|
|
404
|
+
this.lastFilter = this.filter;
|
|
405
|
+
|
|
402
406
|
this.dispatchEvent(
|
|
403
407
|
new CustomEvent('combo-box-item-selected', {
|
|
404
408
|
detail: {
|
|
@@ -460,7 +460,6 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
|
|
|
460
460
|
*/
|
|
461
461
|
placeholder: {
|
|
462
462
|
type: String,
|
|
463
|
-
value: '',
|
|
464
463
|
observer: '_placeholderChanged',
|
|
465
464
|
},
|
|
466
465
|
|
|
@@ -810,9 +809,12 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
|
|
|
810
809
|
// Use placeholder for announcing items
|
|
811
810
|
if (this._hasValue) {
|
|
812
811
|
const tmpPlaceholder = this._mergeItemLabels(selectedItems);
|
|
812
|
+
if (this.__tmpA11yPlaceholder === undefined) {
|
|
813
|
+
this.__savedPlaceholder = this.placeholder;
|
|
814
|
+
}
|
|
813
815
|
this.__tmpA11yPlaceholder = tmpPlaceholder;
|
|
814
816
|
this.placeholder = tmpPlaceholder;
|
|
815
|
-
} else {
|
|
817
|
+
} else if (this.__tmpA11yPlaceholder !== undefined) {
|
|
816
818
|
delete this.__tmpA11yPlaceholder;
|
|
817
819
|
this.placeholder = this.__savedPlaceholder;
|
|
818
820
|
}
|
|
@@ -72,8 +72,8 @@ const multiSelectComboBox = css`
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
/* Override input-container styles */
|
|
75
|
-
::slotted([slot='chip']),
|
|
76
|
-
::slotted([slot='overflow']) {
|
|
75
|
+
[part='input-field'] ::slotted([slot='chip']),
|
|
76
|
+
[part='input-field'] ::slotted([slot='overflow']) {
|
|
77
77
|
min-height: auto;
|
|
78
78
|
padding: 0.3125em calc(0.5em + var(--lumo-border-radius-s) / 4);
|
|
79
79
|
color: var(--lumo-body-text-color);
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED