@vaadin/multi-select-combo-box 25.0.0-beta3 → 25.0.0-beta5
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/styles/vaadin-multi-select-combo-box-base-styles.js +8 -3
- package/src/styles/vaadin-multi-select-combo-box-chip-base-styles.js +1 -4
- package/src/vaadin-multi-select-combo-box-mixin.js +17 -0
- package/src/vaadin-multi-select-combo-box.js +2 -2
- 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/multi-select-combo-box",
|
|
3
|
-
"version": "25.0.0-
|
|
3
|
+
"version": "25.0.0-beta5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,27 +36,27 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
|
-
"@vaadin/a11y-base": "25.0.0-
|
|
40
|
-
"@vaadin/combo-box": "25.0.0-
|
|
41
|
-
"@vaadin/component-base": "25.0.0-
|
|
42
|
-
"@vaadin/field-base": "25.0.0-
|
|
43
|
-
"@vaadin/input-container": "25.0.0-
|
|
44
|
-
"@vaadin/item": "25.0.0-
|
|
45
|
-
"@vaadin/lit-renderer": "25.0.0-
|
|
46
|
-
"@vaadin/overlay": "25.0.0-
|
|
47
|
-
"@vaadin/vaadin-themable-mixin": "25.0.0-
|
|
39
|
+
"@vaadin/a11y-base": "25.0.0-beta5",
|
|
40
|
+
"@vaadin/combo-box": "25.0.0-beta5",
|
|
41
|
+
"@vaadin/component-base": "25.0.0-beta5",
|
|
42
|
+
"@vaadin/field-base": "25.0.0-beta5",
|
|
43
|
+
"@vaadin/input-container": "25.0.0-beta5",
|
|
44
|
+
"@vaadin/item": "25.0.0-beta5",
|
|
45
|
+
"@vaadin/lit-renderer": "25.0.0-beta5",
|
|
46
|
+
"@vaadin/overlay": "25.0.0-beta5",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "25.0.0-beta5",
|
|
48
48
|
"lit": "^3.0.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@vaadin/chai-plugins": "25.0.0-
|
|
52
|
-
"@vaadin/test-runner-commands": "25.0.0-
|
|
51
|
+
"@vaadin/chai-plugins": "25.0.0-beta5",
|
|
52
|
+
"@vaadin/test-runner-commands": "25.0.0-beta5",
|
|
53
53
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
54
|
-
"@vaadin/vaadin-lumo-styles": "25.0.0-
|
|
54
|
+
"@vaadin/vaadin-lumo-styles": "25.0.0-beta5",
|
|
55
55
|
"sinon": "^21.0.0"
|
|
56
56
|
},
|
|
57
57
|
"web-types": [
|
|
58
58
|
"web-types.json",
|
|
59
59
|
"web-types.lit.json"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "ba59e1404cc4bef2dd685476247f758eb28c9922"
|
|
62
62
|
}
|
|
@@ -13,7 +13,7 @@ export const multiSelectComboBoxStyles = [
|
|
|
13
13
|
:host {
|
|
14
14
|
max-width: 100%;
|
|
15
15
|
--_input-min-width: var(--vaadin-multi-select-combo-box-input-min-width, 4rem);
|
|
16
|
-
--_chip-min-width: var(--vaadin-multi-select-combo-box-chip-min-width,
|
|
16
|
+
--_chip-min-width: var(--vaadin-multi-select-combo-box-chip-min-width, 48px);
|
|
17
17
|
--_wrapper-gap: var(--vaadin-multi-select-combo-box-chips-gap, 2px);
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -43,6 +43,11 @@ export const multiSelectComboBoxStyles = [
|
|
|
43
43
|
padding: 0;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
+
:host([readonly]:not([disabled])) [part~='toggle-button'] {
|
|
47
|
+
display: block;
|
|
48
|
+
color: var(--vaadin-input-field-button-text-color, var(--vaadin-text-color-secondary));
|
|
49
|
+
}
|
|
50
|
+
|
|
46
51
|
:host([readonly]:not([disabled])) [part$='button'] {
|
|
47
52
|
cursor: var(--vaadin-clickable-cursor);
|
|
48
53
|
}
|
|
@@ -51,8 +56,8 @@ export const multiSelectComboBoxStyles = [
|
|
|
51
56
|
display: contents;
|
|
52
57
|
}
|
|
53
58
|
|
|
54
|
-
:host([auto-expand-horizontally])
|
|
55
|
-
width: auto;
|
|
59
|
+
:host([auto-expand-horizontally]) {
|
|
60
|
+
--vaadin-field-default-width: auto;
|
|
56
61
|
}
|
|
57
62
|
`,
|
|
58
63
|
];
|
|
@@ -28,10 +28,7 @@ export const multiSelectComboBoxChipStyles = css`
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
:host(:not([slot='overflow'])) {
|
|
31
|
-
min-width: min(
|
|
32
|
-
max-content,
|
|
33
|
-
var(--vaadin-multi-select-combo-box-chip-min-width, var(--vaadin-chip-min-width, 48px))
|
|
34
|
-
);
|
|
31
|
+
min-width: min(max-content, var(--vaadin-multi-select-combo-box-chip-min-width, 48px));
|
|
35
32
|
}
|
|
36
33
|
|
|
37
34
|
:host([focused]) {
|
|
@@ -392,6 +392,11 @@ export const MultiSelectComboBoxMixin = (superClass) =>
|
|
|
392
392
|
announce(this.__effectiveI18n.cleared);
|
|
393
393
|
}
|
|
394
394
|
|
|
395
|
+
/** @private */
|
|
396
|
+
__syncTopGroup() {
|
|
397
|
+
this._topGroup = this.selectedItemsOnTop ? [...this.selectedItems] : [];
|
|
398
|
+
}
|
|
399
|
+
|
|
395
400
|
/**
|
|
396
401
|
* Clears the cached pages and reloads data from data provider when needed.
|
|
397
402
|
* @override
|
|
@@ -403,6 +408,18 @@ export const MultiSelectComboBoxMixin = (superClass) =>
|
|
|
403
408
|
}
|
|
404
409
|
|
|
405
410
|
super.clearCache();
|
|
411
|
+
|
|
412
|
+
this.__syncTopGroup();
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
/**
|
|
416
|
+
* @private
|
|
417
|
+
* @override
|
|
418
|
+
*/
|
|
419
|
+
_itemsChanged(items, oldItems) {
|
|
420
|
+
super._itemsChanged(items, oldItems);
|
|
421
|
+
|
|
422
|
+
this.__syncTopGroup();
|
|
406
423
|
}
|
|
407
424
|
|
|
408
425
|
/**
|
|
@@ -146,6 +146,8 @@ class MultiSelectComboBox extends MultiSelectComboBoxMixin(
|
|
|
146
146
|
<div part="error-message">
|
|
147
147
|
<slot name="error-message"></slot>
|
|
148
148
|
</div>
|
|
149
|
+
|
|
150
|
+
<slot name="tooltip"></slot>
|
|
149
151
|
</div>
|
|
150
152
|
|
|
151
153
|
<vaadin-multi-select-combo-box-overlay
|
|
@@ -161,8 +163,6 @@ class MultiSelectComboBox extends MultiSelectComboBoxMixin(
|
|
|
161
163
|
>
|
|
162
164
|
<slot name="overlay"></slot>
|
|
163
165
|
</vaadin-multi-select-combo-box-overlay>
|
|
164
|
-
|
|
165
|
-
<slot name="tooltip"></slot>
|
|
166
166
|
`;
|
|
167
167
|
}
|
|
168
168
|
}
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED