diff --git a/demo/api.md b/demo/api.md index f34fb44..8df9dda 100644 --- a/demo/api.md +++ b/demo/api.md @@ -28,10 +28,11 @@ ## Events -| Event | Type | Description | -|-------------------------|--------------------|--------------------------------------------------| -| `auroCombobox-ready` | `CustomEvent` | Notifies that the component has finished initializing. | -| `auroCombobox-valueSet` | `CustomEvent` | Notifies that the component has a new value set. | +| Event | Type | Description | +|-----------------------------|--------------------|--------------------------------------------------| +| `auroCombobox-ready` | `CustomEvent` | Notifies that the component has finished initializing. | +| `auroCombobox-valueSet` | `CustomEvent` | Notifies that the component has a new value set. | +| `auroFormElement-validated` | | Notifies that the component value(s) have been validated. | ## Slots diff --git a/docs/api.md b/docs/api.md index 813e64d..870eab7 100644 --- a/docs/api.md +++ b/docs/api.md @@ -25,10 +25,11 @@ ## Events -| Event | Type | Description | -|-------------------------|--------------------|--------------------------------------------------| -| `auroCombobox-ready` | `CustomEvent` | Notifies that the component has finished initializing. | -| `auroCombobox-valueSet` | `CustomEvent` | Notifies that the component has a new value set. | +| Event | Type | Description | +|-----------------------------|--------------------|--------------------------------------------------| +| `auroCombobox-ready` | `CustomEvent` | Notifies that the component has finished initializing. | +| `auroCombobox-valueSet` | `CustomEvent` | Notifies that the component has a new value set. | +| `auroFormElement-validated` | | Notifies that the component value(s) have been validated. | ## Slots diff --git a/src/auro-combobox.js b/src/auro-combobox.js index 2ec9ca4..934cfa4 100644 --- a/src/auro-combobox.js +++ b/src/auro-combobox.js @@ -40,8 +40,9 @@ import styleCss from "./style-css.js"; * @slot - Default slot for the menu content. * @slot label - Defines the content of the label. * @slot helpText - Defines the content of the helpText. - * @event auroCombobox-ready - Notifies that the component has finished initializing. - * @event auroCombobox-valueSet - Notifies that the component has a new value set. + * @fires auroCombobox-ready - Notifies that the component has finished initializing. + * @fires auroCombobox-valueSet - Notifies that the component has a new value set. + * @fires auroFormElement-validated - Notifies that the component value(s) have been validated. */ // build the component class @@ -432,7 +433,7 @@ export class AuroCombobox extends LitElement { } }); - this.input.addEventListener('auroInput-helpText', (evt) => { + this.input.addEventListener('auroFormElement-validated', (evt) => { this.auroInputHelpText = evt.detail.message; }); }