@vaadin/multi-select-combo-box 25.3.0-alpha11 → 25.3.0-alpha12

package/custom-elements.json

@@ -126,6 +126,20 @@
                 "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "autoFocusPartialMatch",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "attribute": "auto-focus-partial-match",
+              "inheritedFrom": {
+                "name": "ComboBoxItemsMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "autoOpenDisabled",
@@ -741,6 +755,18 @@
               "description": "Set to true to not collapse selected items chips into the overflow\nchip and instead always expand vertically, causing input field to\nwrap into multiple lines when width is limited.",
               "fieldName": "autoExpandVertically"
             },
+            {
+              "name": "auto-focus-partial-match",
+              "type": {
+                "text": "string"
+              },
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "fieldName": "autoFocusPartialMatch",
+              "inheritedFrom": {
+                "name": "ComboBoxItemsMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
+              }
+            },
             {
               "name": "auto-open-disabled",
               "type": {
@@ -1251,6 +1277,20 @@
                 "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "autoFocusPartialMatch",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "attribute": "auto-focus-partial-match",
+              "inheritedFrom": {
+                "name": "ComboBoxItemsMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "autoOpenDisabled",
@@ -1931,6 +1971,18 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "name": "auto-focus-partial-match",
+              "type": {
+                "text": "string"
+              },
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "fieldName": "autoFocusPartialMatch",
+              "inheritedFrom": {
+                "name": "ComboBoxItemsMixin",
+                "package": "@vaadin/combo-box/src/vaadin-combo-box-items-mixin.js"
+              }
+            },
             {
               "name": "auto-open-disabled",
               "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.3.0-alpha11",
+  "version": "25.3.0-alpha12",
   "publishConfig": {
     "access": "public"
   },
@@ -37,23 +37,23 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.3.0-alpha11",
-    "@vaadin/combo-box": "25.3.0-alpha11",
-    "@vaadin/component-base": "25.3.0-alpha11",
-    "@vaadin/field-base": "25.3.0-alpha11",
-    "@vaadin/input-container": "25.3.0-alpha11",
-    "@vaadin/item": "25.3.0-alpha11",
-    "@vaadin/lit-renderer": "25.3.0-alpha11",
-    "@vaadin/overlay": "25.3.0-alpha11",
-    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha11",
+    "@vaadin/a11y-base": "25.3.0-alpha12",
+    "@vaadin/combo-box": "25.3.0-alpha12",
+    "@vaadin/component-base": "25.3.0-alpha12",
+    "@vaadin/field-base": "25.3.0-alpha12",
+    "@vaadin/input-container": "25.3.0-alpha12",
+    "@vaadin/item": "25.3.0-alpha12",
+    "@vaadin/lit-renderer": "25.3.0-alpha12",
+    "@vaadin/overlay": "25.3.0-alpha12",
+    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha12",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.3.0-alpha11",
-    "@vaadin/chai-plugins": "25.3.0-alpha11",
-    "@vaadin/test-runner-commands": "25.3.0-alpha11",
+    "@vaadin/aura": "25.3.0-alpha12",
+    "@vaadin/chai-plugins": "25.3.0-alpha12",
+    "@vaadin/test-runner-commands": "25.3.0-alpha12",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.3.0-alpha11",
+    "@vaadin/vaadin-lumo-styles": "25.3.0-alpha12",
     "sinon": "^22.0.0"
   },
   "customElements": "custom-elements.json",
@@ -61,5 +61,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "7e0c61a37e68d8971def9cdf28ad0548a0f530a9"
+  "gitHead": "0f0337783efe38332f5dc6a8968f207d2982de4b"
 }

package/src/vaadin-multi-select-combo-box-mixin.js

@@ -537,6 +537,16 @@ export const MultiSelectComboBoxMixin = (superClass) =>
     __commitUserInput() {
       if (this._focusedIndex > -1) {
         const focusedItem = this._dropdownItems[this._focusedIndex];
+        // Do not unselect an already selected item when it was focused by
+        // filtering, in which case the input value still equals the filter.
+        if (
+          this._lastFilter &&
+          this._lastFilter === this._inputElementValue &&
+          this._findIndex(focusedItem, this.selectedItems, this.itemIdPath) !== -1
+        ) {
+          this.__clearInternalValue();
+          return;
+        }
         this.__selectItem(focusedItem);
       } else if (this._inputElementValue) {
         // Detect if input value doesn't match an existing item
@@ -754,7 +764,7 @@ export const MultiSelectComboBoxMixin = (superClass) =>
       } else {
         // When the user filled in something that is different from the current value = filtering is enabled,
         // set the focused index to the item that matches the filter query.
-        this._focusedIndex = this.__getItemIndexByLabel(newItems, this.filter);
+        this._focusedIndex = this.__getItemIndexByFilter(newItems);
       }
     }
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.3.0-alpha11",
+  "version": "25.3.0-alpha12",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -73,6 +73,15 @@
                 ]
               }
             },
+            {
+              "name": "auto-focus-partial-match",
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "value": {
+                "type": [
+                  "string"
+                ]
+              }
+            },
             {
               "name": "auto-open-disabled",
               "description": "Set true to prevent the overlay from opening automatically.",
@@ -391,6 +400,15 @@
                   ]
                 }
               },
+              {
+                "name": "autoFocusPartialMatch",
+                "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+                "value": {
+                  "type": [
+                    "string"
+                  ]
+                }
+              },
               {
                 "name": "autoOpenDisabled",
                 "description": "Set true to prevent the overlay from opening automatically.",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.3.0-alpha11",
+  "version": "25.3.0-alpha12",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -75,6 +75,13 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": ".autoFocusPartialMatch",
+              "description": "Controls whether an item whose label partially matches the typed\nfilter is automatically focused. The focused item is highlighted\nin the dropdown while typing and is selected when committing the\nvalue, for example on Enter press:\n\n- `none` (default): do not focus partial matches.\n- `first-match`: focus the first item in the filtered results.\n- `only-match`: focus the item when filtering narrows the results to a single item.\n\nAn item whose label matches the filter exactly is always focused,\nregardless of this property. Matching is case-insensitive. A partial\nmatch is not focused when `allowCustomValue` is enabled, or while\nthe dropdown is closed. For example, with `autoOpenDisabled`, typing\ndoes not focus or select a match until the dropdown is opened.",
+              "value": {
+                "kind": "expression"
+              }
+            },
             {
               "name": "?autoOpenDisabled",
               "description": "Set true to prevent the overlay from opening automatically.",