@vaadin/multi-select-combo-box 25.2.0-alpha9 → 25.2.0-beta2

package/custom-elements.json

@@ -98,6 +98,20 @@
               "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.",
               "attribute": "auto-expand-vertically"
             },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specify that this control should have input focus when the page loads.",
+              "attribute": "autofocus",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "autoOpenDisabled",
@@ -134,12 +148,20 @@
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
               }
             },
             {
               "kind": "method",
               "name": "clear",
-              "description": "Clears the selected items."
+              "description": "Clears the selected items.",
+              "inheritedFrom": {
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
+              }
             },
             {
               "kind": "field",
@@ -173,6 +195,16 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseChips",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to collapse all selected items chips into the overflow\nchip when they don't all fit, instead of showing as many as possible.\nHas no effect when `autoExpandVertically` is true.",
+              "attribute": "collapse-chips"
+            },
             {
               "kind": "field",
               "name": "dataProvider",
@@ -187,6 +219,20 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "errorMessage",
@@ -257,6 +303,20 @@
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "attribute": "invalid",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "itemClassNameGenerator",
@@ -367,6 +427,20 @@
               "description": "True when loading items from the data provider, false otherwise.",
               "attribute": "loading"
             },
+            {
+              "kind": "field",
+              "name": "manualValidation",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "attribute": "manual-validation",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -461,6 +535,20 @@
               "name": "requestContentUpdate",
               "description": "Requests an update for the content of items.\nWhile performing the update, it invokes the renderer (passed in the `renderer` property) once an item.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested."
             },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "selectedItems",
@@ -508,6 +596,34 @@
                 "name": "InputControlMixin",
                 "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the field.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
+              }
             }
           ],
           "events": [
@@ -515,6 +631,10 @@
               "name": "change",
               "type": {
                 "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "InputConstraintsMixin",
+                "package": "@vaadin/field-base/src/input-constraints-mixin.js"
               }
             },
             {
@@ -522,6 +642,16 @@
               "type": {
                 "text": "CustomEvent"
               }
+            },
+            {
+              "name": "validated",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
             }
           ],
           "attributes": [
@@ -597,6 +727,18 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specify that this control should have input focus when the page loads.",
+              "fieldName": "autofocus",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "name": "autoselect",
               "type": {
@@ -621,6 +763,14 @@
                 "package": "@vaadin/field-base/src/clear-button-mixin.js"
               }
             },
+            {
+              "name": "collapse-chips",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to collapse all selected items chips into the overflow\nchip when they don't all fit, instead of showing as many as possible.\nHas no effect when `autoExpandVertically` is true.",
+              "fieldName": "collapseChips"
+            },
             {
               "name": "data-provider",
               "type": {
@@ -633,6 +783,18 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
               }
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "name": "error-message",
               "type": {
@@ -681,6 +843,18 @@
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "fieldName": "invalid",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "item-id-path",
               "type": {
@@ -741,6 +915,18 @@
               "description": "True when loading items from the data provider, false otherwise.",
               "fieldName": "loading"
             },
+            {
+              "name": "manual-validation",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "fieldName": "manualValidation",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "name",
               "type": {
@@ -809,6 +995,18 @@
               "description": "Custom function for rendering the content of every item.\nReceives three arguments:\n\n- `root` The `<vaadin-multi-select-combo-box-item>` internal container DOM element.\n- `comboBox` The reference to the `<vaadin-multi-select-combo-box>` element.\n- `model` The object with the properties related with the rendered\n  item, contains:\n  - `model.index` The index of the rendered item.\n  - `model.item` The item.",
               "fieldName": "renderer"
             },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "selected-items",
               "type": {
@@ -848,6 +1046,18 @@
                 "name": "InputControlMixin",
                 "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the field.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "ClearButtonMixin",
+                "package": "@vaadin/field-base/src/clear-button-mixin.js"
+              }
             }
           ],
           "mixins": [
@@ -855,6 +1065,10 @@
               "name": "I18nMixin",
               "package": "@vaadin/component-base/src/i18n-mixin.js"
             },
+            {
+              "name": "ComboBoxFocusIndexMixin",
+              "package": "@vaadin/combo-box/src/vaadin-combo-box-focus-index-mixin.js"
+            },
             {
               "name": "ComboBoxDataProviderMixin",
               "package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
@@ -983,6 +1197,20 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specify that this control should have input focus when the page loads.",
+              "attribute": "autofocus",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "autoOpenDisabled",
@@ -1066,6 +1294,20 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseChips",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to collapse all selected items chips into the overflow\nchip when they don't all fit, instead of showing as many as possible.\nHas no effect when `autoExpandVertically` is true.",
+              "attribute": "collapse-chips",
+              "inheritedFrom": {
+                "name": "MultiSelectComboBoxMixin",
+                "module": "src/vaadin-multi-select-combo-box-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "dataProvider",
@@ -1080,6 +1322,20 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "errorMessage",
@@ -1150,6 +1406,20 @@
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "attribute": "invalid",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "itemClassNameGenerator",
@@ -1276,6 +1546,20 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "manualValidation",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "attribute": "manual-validation",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -1378,6 +1662,20 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "selectedItems",
@@ -1433,6 +1731,20 @@
                 "name": "InputControlMixin",
                 "package": "@vaadin/field-base/src/input-control-mixin.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
             }
           ],
           "events": [
@@ -1607,6 +1919,18 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
               }
             },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specify that this control should have input focus when the page loads.",
+              "fieldName": "autofocus",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "name": "autoselect",
               "type": {
@@ -1631,6 +1955,18 @@
                 "package": "@vaadin/field-base/src/clear-button-mixin.js"
               }
             },
+            {
+              "name": "collapse-chips",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to collapse all selected items chips into the overflow\nchip when they don't all fit, instead of showing as many as possible.\nHas no effect when `autoExpandVertically` is true.",
+              "fieldName": "collapseChips",
+              "inheritedFrom": {
+                "name": "MultiSelectComboBoxMixin",
+                "module": "src/vaadin-multi-select-combo-box-mixin.js"
+              }
+            },
             {
               "name": "data-provider",
               "type": {
@@ -1643,6 +1979,18 @@
                 "package": "@vaadin/combo-box/src/vaadin-combo-box-data-provider-mixin.js"
               }
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DelegateFocusMixin",
+                "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
+              }
+            },
             {
               "name": "error-message",
               "type": {
@@ -1691,6 +2039,18 @@
                 "package": "@vaadin/component-base/src/i18n-mixin.js"
               }
             },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true when the field is invalid.",
+              "fieldName": "invalid",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "item-id-path",
               "type": {
@@ -1763,6 +2123,18 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "name": "manual-validation",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
+              "fieldName": "manualValidation",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "name",
               "type": {
@@ -1835,6 +2207,18 @@
                 "module": "src/vaadin-multi-select-combo-box-mixin.js"
               }
             },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Specifies that the user must fill in a value.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "FieldMixin",
+                "package": "@vaadin/field-base/src/field-mixin.js"
+              }
+            },
             {
               "name": "selected-items",
               "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.2.0-alpha9",
+  "version": "25.2.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -37,29 +37,29 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.2.0-alpha9",
-    "@vaadin/combo-box": "25.2.0-alpha9",
-    "@vaadin/component-base": "25.2.0-alpha9",
-    "@vaadin/field-base": "25.2.0-alpha9",
-    "@vaadin/input-container": "25.2.0-alpha9",
-    "@vaadin/item": "25.2.0-alpha9",
-    "@vaadin/lit-renderer": "25.2.0-alpha9",
-    "@vaadin/overlay": "25.2.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha9",
+    "@vaadin/a11y-base": "25.2.0-beta2",
+    "@vaadin/combo-box": "25.2.0-beta2",
+    "@vaadin/component-base": "25.2.0-beta2",
+    "@vaadin/field-base": "25.2.0-beta2",
+    "@vaadin/input-container": "25.2.0-beta2",
+    "@vaadin/item": "25.2.0-beta2",
+    "@vaadin/lit-renderer": "25.2.0-beta2",
+    "@vaadin/overlay": "25.2.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "25.2.0-beta2",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.2.0-alpha9",
-    "@vaadin/chai-plugins": "25.2.0-alpha9",
-    "@vaadin/test-runner-commands": "25.2.0-alpha9",
+    "@vaadin/aura": "25.2.0-beta2",
+    "@vaadin/chai-plugins": "25.2.0-beta2",
+    "@vaadin/test-runner-commands": "25.2.0-beta2",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha9",
-    "sinon": "^21.0.2"
+    "@vaadin/vaadin-lumo-styles": "25.2.0-beta2",
+    "sinon": "^22.0.0"
   },
   "customElements": "custom-elements.json",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "a38a03e8a8be45821f39c14054c63634dafe08d0"
+  "gitHead": "9e18feb8057baf278b72fec4e42657b19e48f499"
 }

package/src/vaadin-multi-select-combo-box-item.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2018 - 2026 Vaadin Ltd.
+ * Copyright (c) 2021 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import type { ComboBoxDefaultItem, ComboBoxItemMixinClass } from '@vaadin/combo-box/src/vaadin-combo-box-item-mixin.js';

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

@@ -35,9 +35,6 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  *
  * @customElement vaadin-multi-select-combo-box-item
- * @mixes ComboBoxItemMixin
- * @mixes ThemableMixin
- * @mixes DirMixin
  * @private
  */
 export class MultiSelectComboBoxItem extends ComboBoxItemMixin(