@vaadin/multi-select-combo-box 25.3.0-alpha3 → 25.3.0-alpha5

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.
Files changed (5) hide show
  1. package/custom-elements.json +4 -4
  2. package/package.json +15 -15
  3. package/src/vaadin-multi-select-combo-box-mixin.js +7 -1
  4. package/web-types.json +3 -3
  5. package/web-types.lit.json +2 -2
package/custom-elements.json CHANGED
@@ -170,7 +170,7 @@
170
170
  "type": {
171
171
  "text": "boolean"
172
172
  },
173
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
173
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
174
174
  "attribute": "clear-button-visible",
175
175
  "inheritedFrom": {
176
176
  "name": "ClearButtonMixin",
@@ -756,7 +756,7 @@
756
756
  "type": {
757
757
  "text": "boolean"
758
758
  },
759
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
759
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
760
760
  "fieldName": "clearButtonVisible",
761
761
  "inheritedFrom": {
762
762
  "name": "ClearButtonMixin",
@@ -1269,7 +1269,7 @@
1269
1269
  "type": {
1270
1270
  "text": "boolean"
1271
1271
  },
1272
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
1272
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
1273
1273
  "attribute": "clear-button-visible",
1274
1274
  "inheritedFrom": {
1275
1275
  "name": "ClearButtonMixin",
@@ -1948,7 +1948,7 @@
1948
1948
  "type": {
1949
1949
  "text": "boolean"
1950
1950
  },
1951
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
1951
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
1952
1952
  "fieldName": "clearButtonVisible",
1953
1953
  "inheritedFrom": {
1954
1954
  "name": "ClearButtonMixin",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/multi-select-combo-box",
3
- "version": "25.3.0-alpha3",
3
+ "version": "25.3.0-alpha5",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,23 +37,23 @@
37
37
  ],
38
38
  "dependencies": {
39
39
  "@open-wc/dedupe-mixin": "^1.3.0",
40
- "@vaadin/a11y-base": "25.3.0-alpha3",
41
- "@vaadin/combo-box": "25.3.0-alpha3",
42
- "@vaadin/component-base": "25.3.0-alpha3",
43
- "@vaadin/field-base": "25.3.0-alpha3",
44
- "@vaadin/input-container": "25.3.0-alpha3",
45
- "@vaadin/item": "25.3.0-alpha3",
46
- "@vaadin/lit-renderer": "25.3.0-alpha3",
47
- "@vaadin/overlay": "25.3.0-alpha3",
48
- "@vaadin/vaadin-themable-mixin": "25.3.0-alpha3",
40
+ "@vaadin/a11y-base": "25.3.0-alpha5",
41
+ "@vaadin/combo-box": "25.3.0-alpha5",
42
+ "@vaadin/component-base": "25.3.0-alpha5",
43
+ "@vaadin/field-base": "25.3.0-alpha5",
44
+ "@vaadin/input-container": "25.3.0-alpha5",
45
+ "@vaadin/item": "25.3.0-alpha5",
46
+ "@vaadin/lit-renderer": "25.3.0-alpha5",
47
+ "@vaadin/overlay": "25.3.0-alpha5",
48
+ "@vaadin/vaadin-themable-mixin": "25.3.0-alpha5",
49
49
  "lit": "^3.0.0"
50
50
  },
51
51
  "devDependencies": {
52
- "@vaadin/aura": "25.3.0-alpha3",
53
- "@vaadin/chai-plugins": "25.3.0-alpha3",
54
- "@vaadin/test-runner-commands": "25.3.0-alpha3",
52
+ "@vaadin/aura": "25.3.0-alpha5",
53
+ "@vaadin/chai-plugins": "25.3.0-alpha5",
54
+ "@vaadin/test-runner-commands": "25.3.0-alpha5",
55
55
  "@vaadin/testing-helpers": "^2.0.0",
56
- "@vaadin/vaadin-lumo-styles": "25.3.0-alpha3",
56
+ "@vaadin/vaadin-lumo-styles": "25.3.0-alpha5",
57
57
  "sinon": "^22.0.0"
58
58
  },
59
59
  "customElements": "custom-elements.json",
@@ -61,5 +61,5 @@
61
61
  "web-types.json",
62
62
  "web-types.lit.json"
63
63
  ],
64
- "gitHead": "ba0c4c55ea219eadd9aefe244f53e87803a066c8"
64
+ "gitHead": "0be2142cd8b95a562d58735033f947f7109103ab"
65
65
  }
package/src/vaadin-multi-select-combo-box-mixin.js CHANGED
@@ -481,8 +481,10 @@ export const MultiSelectComboBoxMixin = (superClass) =>
481
481
  getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`) || '65vh';
482
482
  }
483
483
 
484
+ const isClosing = this.hasAttribute('closing');
485
+
484
486
  this._scroller.setProperties({
485
- items: opened ? items : [],
487
+ items: opened || isClosing ? items : [],
486
488
  opened,
487
489
  focusedIndex,
488
490
  theme,
@@ -1314,6 +1316,10 @@ export const MultiSelectComboBoxMixin = (superClass) =>
1314
1316
  _overlaySelectedItemChanged(event) {
1315
1317
  event.stopPropagation();
1316
1318
 
1319
+ if (this.hasAttribute('closing')) {
1320
+ return;
1321
+ }
1322
+
1317
1323
  // Do not un-select on click when readonly
1318
1324
  if (this.readonly) {
1319
1325
  return;
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/multi-select-combo-box",
4
- "version": "25.3.0-alpha3",
4
+ "version": "25.3.0-alpha5",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -93,7 +93,7 @@
93
93
  },
94
94
  {
95
95
  "name": "clear-button-visible",
96
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
96
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
97
97
  "value": {
98
98
  "type": [
99
99
  "boolean"
@@ -395,7 +395,7 @@
395
395
  },
396
396
  {
397
397
  "name": "clearButtonVisible",
398
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
398
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
399
399
  "value": {
400
400
  "type": [
401
401
  "boolean"
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/multi-select-combo-box",
4
- "version": "25.3.0-alpha3",
4
+ "version": "25.3.0-alpha5",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "name": "?clearButtonVisible",
87
- "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
87
+ "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }