@eui/ecl 22.0.0-alpha.30 → 22.0.0-alpha.32

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 (30) hide show
  1. package/docs/changelog.html +76 -0
  2. package/docs/components/EclMultiselectComponent.html +88 -605
  3. package/docs/components/EclMultiselectDropdownComponent.html +204 -2316
  4. package/docs/components/EclMultiselectInputComponent.html +3 -545
  5. package/docs/components/EclMultiselectOptionComponent.html +48 -443
  6. package/docs/components/EclRatingFieldComponent.html +0 -45
  7. package/docs/components/EclSearchFormComponent.html +4 -447
  8. package/docs/directives/EclMultiselectOptionDirective.html +21 -286
  9. package/docs/interfaces/EclMultiselectOption.html +6 -6
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/json/EclMultiselectComponent.md +6 -6
  12. package/docs/json/EclMultiselectDropdownComponent.md +1 -6
  13. package/docs/json/EclMultiselectInputComponent.md +1 -1
  14. package/docs/json/EclMultiselectOptionComponent.md +2 -1
  15. package/docs/json/EclMultiselectOptionDirective.md +1 -1
  16. package/docs/json/documentation.json +834 -1416
  17. package/docs/llms.txt +33 -95
  18. package/docs/properties.html +1 -1
  19. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +320 -430
  20. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
  21. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +4 -6
  22. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map +1 -1
  23. package/fesm2022/eui-ecl-components-ecl-search-form.mjs +22 -27
  24. package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/types/eui-ecl-components-ecl-multiselect.d.ts +163 -192
  27. package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
  28. package/types/eui-ecl-components-ecl-rating-field.d.ts.map +1 -1
  29. package/types/eui-ecl-components-ecl-search-form.d.ts +14 -14
  30. package/types/eui-ecl-components-ecl-search-form.d.ts.map +1 -1
@@ -13,16 +13,16 @@ Replaces the original element with a custom dropdown rendered dynamically.
13
13
  **Selector:** `select[eclMultiselect]`
14
14
 
15
15
  ## Inputs
16
+ - **ariaDescribedby**: `string | undefined` - Defines the `aria-describedby` attribute for accessibility.
16
17
  - **counterLabel**: `string` - Label for the selections counter, read by screen readers. Accepts a translation key or plain text. Default: 'ecl.multiselect.SELECTED'.
17
- - **disabled**: `BooleanInput` - Disables the multiselect component when set to true.
18
+ - **disabled**: `boolean` - Disables the multiselect component when set to true.
18
19
  - **eclPlaceholder**: `string` - Placeholder text to show in the multiselect input field when no options are selected.
19
- - **hasSearchBox**: `string` - Enables the search box within the dropdown.
20
- - **hasSelectAll**: `string` - Displays the "Select all" option in the dropdown.
21
- - **isInvalid**: `boolean | undefined` - Marks the multiselect as invalid.
22
- - **isSubmitOnApply**: `string` - When true, the Apply button in the dropdown acts as a submit button (type="submit").
23
- - **ariaDescribedby**: `string | undefined` - Defines the `aria-describedby` attribute for accessibility.
24
20
  - **eclSize**: `string` - Multiselect size: 's' | 'm' | 'l'. Default is 'm'.
21
+ - **hasSearchBox**: `boolean` - Enables the search box within the dropdown.
22
+ - **hasSelectAll**: `boolean` - Displays the "Select all" option in the dropdown.
25
23
  - **id**: `string | undefined` - Sets the `id` attribute of the multiselect component.
24
+ - **isInvalid**: `boolean` - Marks the multiselect as invalid.
25
+ - **isSubmitOnApply**: `boolean` - When true, the Apply button in the dropdown acts as a submit button (type="submit").
26
26
  - **toggleLabel**: `string | undefined` - Label used for the toggle button that expands or collapses the dropdown.
27
27
  - **class**: `string` -
28
28
  - **e2eAttr**: `any` -
@@ -11,14 +11,9 @@ Used internally by the `EclMultiselectComponent`.
11
11
  **Selector:** `div[eclMultiselectDropdown]`
12
12
 
13
13
  ## Inputs
14
- - **disabled**: `boolean | undefined` - Disables the component when true.
15
- - **eclSize**: `string` - Size of the multiselect dropdown (e.g., 'm', 'l').
16
- - **isInvalid**: `boolean | undefined` - Marks the component as visually invalid.
17
- - **mainInputPlaceholder**: `string` - Placeholder for the main multiselect input.
18
- - **searchFieldPlaceholder**: `string` - Placeholder for the search field input.
19
14
  - **class**: `string` -
20
15
  - **e2eAttr**: `any` -
21
16
  - **tabindex**: `number` -
22
17
 
23
18
  ## Outputs
24
- - **eclChange**: `EventEmitter` - Emits the list of selected values whenever the selection changes.
19
+ - **eclChange**: `string[]` - Emits the list of selected values whenever the selection changes.
@@ -19,7 +19,7 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
19
19
  - **isDisabled**: `boolean` - Marks the component as disabled.
20
20
  - **isDropdownExpanded**: `boolean` - Indicates that the dropdown is currently expanded.
21
21
  - **isInvalid**: `boolean` - Marks the component as being in an invalid state.
22
- - **selectedItems**: `string[]` - Array of currently selected item labels.
22
+ - **selectedItemsLabels**: `string[]` - Array of currently selected item labels.
23
23
  - **toggleId**: `string` - ID of the toggle button element (used for accessibility).
24
24
  - **toggleLabel**: `string | undefined` - Label for the toggle button (optional).
25
25
  - **class**: `string` -
@@ -13,11 +13,12 @@ Component representing a single selectable option in the multiselect dropdown.
13
13
  - **disabled**: `boolean` - Disables the option when true.
14
14
  - **isChecked**: `boolean` - Indicates whether the option is selected.
15
15
  - **label**: `string` - Display label for the option.
16
- - **value**: `string` -
16
+ - **value**: `string` - Value assigned to the option.
17
17
  - **class**: `string` -
18
18
  - **e2eAttr**: `any` -
19
19
  - **tabindex**: `number` -
20
20
 
21
21
  ## Outputs
22
+ - **isChecked**: `boolean` - Indicates whether the option is selected.
22
23
  - **optionClick**: `EclMultiselectOptionClickEvent` - Emits when the option is clicked.
23
24
  - **optionKeydown**: `EclMultiselectOptionKeydownEvent` - Emits when a key is pressed while focused on the option.
@@ -12,8 +12,8 @@ Adds support for value, label, disabled, selected states and styling.
12
12
 
13
13
  ## Inputs
14
14
  - **disabled**: `boolean` - Indicates that the option is disabled.
15
- - **selected**: `boolean` - Indicates that the option is selected.
16
15
  - **label**: `string` - Label displayed for the option.
16
+ - **selected**: `boolean` - Indicates that the option is selected.
17
17
  - **value**: `string` - Value assigned to the option.
18
18
  - **class**: `string` -
19
19
  - **e2eAttr**: `any` -