fix: add custom-value-set event types [skip ci] (#990)

src/interfaces.d.ts

@@ -29,6 +29,11 @@ export type ComboBoxDataProvider = (
   callback: ComboBoxDataProviderCallback
 ) => void;
 
+/**
+ * Fired when the user sets a custom value.
+ */
+export type ComboBoxCustomValueSet = CustomEvent<string>;
+
 /**
  * Fired when the `opened` property changes.
  */
@@ -55,6 +60,8 @@ export type ComboBoxFilterChanged = CustomEvent<{ value: string }>;
 export type ComboBoxSelectedItemChanged<T> = CustomEvent<{ value: T }>;
 
 export interface ComboBoxElementEventMap {
+  'custom-value-set': ComboBoxCustomValueSet;
+
   'opened-changed': ComboBoxOpenedChanged;
 
   'filter-changed': ComboBoxFilterChanged;

src/vaadin-combo-box-light.d.ts

@@ -50,6 +50,7 @@ import { ComboBoxEventMap } from './interfaces';
  * ```
  *
  * @fires {Event} change - Fired when the user commits a value change.
+ * @fires {CustomEvent} custom-value-set - Fired when the user sets a custom value.
  * @fires {CustomEvent} filter-changed - Fired when the `filter` property changes.
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.

src/vaadin-combo-box-light.js

@@ -54,6 +54,7 @@ import './vaadin-combo-box-dropdown-wrapper.js';
  * ```
  *
  * @fires {Event} change - Fired when the user commits a value change.
+ * @fires {CustomEvent} custom-value-set - Fired when the user sets a custom value.
  * @fires {CustomEvent} filter-changed - Fired when the `filter` property changes.
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.

src/vaadin-combo-box.d.ts

@@ -166,6 +166,7 @@ import { ComboBoxEventMap } from './interfaces';
  * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
  *
  * @fires {Event} change - Fired when the user commits a value change.
+ * @fires {CustomEvent} custom-value-set - Fired when the user sets a custom value.
  * @fires {CustomEvent} filter-changed - Fired when the `filter` property changes.
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.

src/vaadin-combo-box.js

@@ -166,6 +166,7 @@ import { ComboBoxDataProviderMixin } from './vaadin-combo-box-data-provider-mixi
  * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
  *
  * @fires {Event} change - Fired when the user commits a value change.
+ * @fires {CustomEvent} custom-value-set - Fired when the user sets a custom value.
  * @fires {CustomEvent} filter-changed - Fired when the `filter` property changes.
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.

test/typings/combo-box.types.ts

@@ -6,6 +6,10 @@ const assert = <T>(value: T) => value;
 
 const comboBox = document.createElement('vaadin-combo-box');
 
+comboBox.addEventListener('custom-value-set', (event) => {
+  assert<string>(event.detail);
+});
+
 comboBox.addEventListener('opened-changed', (event) => {
   assert<boolean>(event.detail.value);
 });
@@ -31,6 +35,10 @@ comboBox.addEventListener(
 
 const light = document.createElement('vaadin-combo-box-light');
 
+light.addEventListener('custom-value-set', (event) => {
+  assert<string>(event.detail);
+});
+
 light.addEventListener('opened-changed', (event) => {
   assert<boolean>(event.detail.value);
 });