@eui/ecl 22.0.0-alpha.39 → 22.0.0-alpha.40

package/docs/json/EclLabelDirective.md

@@ -15,5 +15,8 @@ Adds appropriate ECL classes dynamically.
 ## Inputs
 - **variant**: `"low" | "medium" | "high" | "highlight"` - Defines the visual variant of the label.  - `'low'` – default styling - `'medium'` – medium emphasis - `'high'` – high emphasis - `'highlight'` – special highlight  'low'
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclLayoutWrapperComponent.md

@@ -30,5 +30,8 @@ ___COMPODOC_EMPTY_LINE___
 - **fullHeight**: `boolean` - Display all the elements at full height.
 - **infoPosition**: `"top" | "side"` - Position of the info block (title + description).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclLinkDirective.md

@@ -18,5 +18,8 @@
 - **isNoVisited**: `boolean` - 
 - **variant**: `"standalone" | "primary" | "secondary" | "secondary-neutral" | "primary-neutral" | "primary-highlight"` - With 'variant' property user can add some more specific styling to the <a> component.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclLinkLabelDirective.md

@@ -9,5 +9,8 @@
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclListIllustrationComponent.md

@@ -21,5 +21,8 @@ Supports zebra styling, responsive horizontal layout, and font size options.
 - **isZebra**: `boolean` - Enables zebra style (alternating background colors for list items).
 - **variant**: `'icon-list' | 'number-list' | null` - Two variants available: icon-list and number-list.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclListIllustrationIconDirective.md

@@ -13,5 +13,8 @@ Applies the correct ECL class for list item icons.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclListIllustrationImageDirective.md

@@ -14,5 +14,8 @@ Supports square variant and size options for image styling.
 ## Inputs
 - **size**: `"s" | "m" | "l"` - Defines the size variant of the image. Possible values: `'s'`, `'m'`, `'l'`.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclListIllustrationItemComponent.md

@@ -15,5 +15,8 @@ Displays optional title, value, and one or more illustration icons.
 - **eclTitle**: `string` - Text displayed as the item title.
 - **eclValue**: `string` - Text displayed as the item value.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclListIllustrationPictureDirective.md

@@ -14,5 +14,8 @@ Adds the necessary ECL CSS classes for illustration pictures.
 ## Inputs
 - **isSquare**: `boolean` - If true, image is styled with square dimensions.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclLoadingIndicatorComponent.md

@@ -17,5 +17,8 @@ Supports different sizes, color variants, centering and visibility options.
 - **size**: `"s" | "m" | "l"` - Size of the spinner.  Possible values: - `'s'` – small - `'m'` – medium (default) - `'l'` – large
 - **variant**: `"primary" | "inverted"` - Variant of the spinner color.  Possible values: - `'primary'` – default appearance - `'inverted'` – used on dark backgrounds
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclLoadingIndicatorOverlayDirective.md

@@ -13,5 +13,8 @@ Automatically applies the ECL spinner overlay classes.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerCaptionDirective.md

@@ -11,5 +11,8 @@ Adds styling and attributes to the media container caption element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerComponent.md

@@ -14,5 +14,8 @@ A media container is used to display media items (video, audio, image or other d
 - **eclAutoplay**: `boolean` - Used for a video only - if the video should play immediately.
 - **isFullWidth**: `boolean` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerCreditDirective.md

@@ -11,5 +11,8 @@ Adds styling and attributes to the media container credit element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerIframeDirective.md

@@ -13,5 +13,8 @@ Adds styling and attributes to the iframe element.
 - **height**: `undefined` - 
 - **width**: `undefined` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerItemAudioDescriptionDirective.md

@@ -11,5 +11,8 @@ Adds styling to the media container description.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerItemDirective.md

@@ -12,5 +12,8 @@ Adds styling and functionality to the media container item /image.
 ## Inputs
 - **ratio**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMediaContainerPictureDirective.md

@@ -11,5 +11,8 @@ Applies styles for the picture element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuComponent.md

@@ -14,9 +14,10 @@ hidden deep into the lower levels of the hierarchy.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **megaMenuItemSelect**: `EclMegaMenuItem` - The event that is emitted, when a menu item is selected.
+- **class**: `string` - 
 - **eclClickOutside**: `any` - From host directive: #[[file:ECLClickOutsideDirective.md]]

package/docs/json/EclMegaMenuContainerDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu container.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedComponent.md

@@ -13,5 +13,8 @@ This component represents the featured items panel.
 - **title**: `string` - 
 - **titleId**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedImageDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu featured image.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedListDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu featured list.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedListItemDescriptionDirective.md

@@ -9,5 +9,8 @@
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedListItemDirective.md

@@ -14,5 +14,8 @@ Also has method that returns item height.
 - **isCombo**: `boolean` - 
 - **isImageOnly**: `boolean` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuFeaturedPictureDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu featured picture.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuInfoComponent.md

@@ -13,5 +13,8 @@ Component for displaying some custom information for the current menu item.
 - **title**: `string` - 
 - **titleId**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuItemComponent.md

@@ -20,9 +20,10 @@ This component represents a mega menu item. Adds functionality and styling, acco
 - **routerLink**: `string | any[]` - 
 - **target**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **megaMenuItemClicked**: `EventEmitter` - 
 - **megaMenuItemKeydown**: `EventEmitter` - 
+- **class**: `string` - 

package/docs/json/EclMegaMenuListDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu list.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuSpacerDirective.md

@@ -11,5 +11,8 @@ Directive that adds specific class to the mega-menu spacer.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMegaMenuSubitemComponent.md

@@ -22,9 +22,10 @@ This component represents a sub-item in the mega-menu component. Applies styling
 - **routerLink**: `string | any[]` - 
 - **target**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **megaMenuSubItemClicked**: `EventEmitter` - 
 - **megaMenuSubItemKeydown**: `EventEmitter` - 
+- **class**: `string` - 

package/docs/json/EclMegaMenuSublistDirective.md

@@ -11,8 +11,9 @@ Directive that adds specific classes and functionality to the mega-menu sublist.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **megaMenuSubItemClicked**: `EventEmitter` - 
+- **class**: `string` - 

package/docs/json/EclMenuComponent.md

@@ -13,10 +13,11 @@ It directs users to the pages where they need to visit.
 ## Inputs
 - **maxLines**: `number` - Adds some additional styling for the menu items' labels.  Depending on that value, the labels can drop on 2-3 lines, if they are longer.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **closeHamburgerMenu**: `undefined` - 
 - **menuItemSelect**: `EclMenuItemSelectEvent` - 
 - **openHamburgerMenu**: `undefined` - 
+- **class**: `string` - 

package/docs/json/EclMenuItemComponent.md

@@ -21,8 +21,8 @@ This component represents a root menu item. Adds styling and functionality to me
 - **target**: `string` - 
 - **toggleAriaLabel**: `string` - When in mobile view, use this property to set aria-label for the toggle items button (to expand item's children).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **menuItemCaret**: `EventEmitter` - 
@@ -33,3 +33,4 @@ This component represents a root menu item. Adds styling and functionality to me
 - **menuItemSelect**: `EventEmitter` - 
 - **menuMegaItemSelect**: `EventEmitter` - 
 - **menuMegaLastItemTab**: `EventEmitter` - This event is emited when the keyboard nav reaches the last item in mobile view. Then the next focused element should be the 'close' btn.
+- **class**: `string` - 

package/docs/json/EclMenuMegaComponent.md

@@ -12,10 +12,11 @@ Provides functionality for some common events like keyboard navigation and manag
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **menuItemSelect**: `EventEmitter` - 
 - **menuMegaItemParentFocus**: `EventEmitter` - Used in keyboard navigation, when focus has to be moved to the parent item.
 - **menuMegaLastItemTab**: `EventEmitter` - Used when kyboard navigation with TAB reaches the last sub item.
+- **class**: `string` - 

package/docs/json/EclMenuMegaItemComponent.md

@@ -22,9 +22,10 @@ Adds some custom styling and functionality.
 - **routerLink**: `string | any[]` - 
 - **target**: `string` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **menuItemKeydown**: `EventEmitter` - 
 - **menuItemSelect**: `EventEmitter` - 
+- **class**: `string` - 

package/docs/json/EclModalBodyComponent.md

@@ -13,5 +13,8 @@ Optionally allows scrollable content inside the modal body.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclModalBodyFixedContentDirective.md

@@ -13,5 +13,8 @@ Applies the appropriate CSS class to mark the element as fixed inside the modal
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclModalCloseDirective.md

@@ -15,8 +15,9 @@ Can emit a result and indicate the role (e.g., confirm, cancel).
 - **eclModalClose**: `T` - Optional result value to emit when modal is closed.
 - **eclModalRole**: `'confirm' | 'cancel' | string` - Optional role associated with the modal close action (e.g., confirm, cancel).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **modalClose**: `undefined` - Event emitted when the element is clicked and the modal should be closed.
+- **class**: `string` - 

package/docs/json/EclModalComponent.md

@@ -11,9 +11,10 @@
 - **size**: `'s' | 'm' | 'l' | 'full' | string` - Defines the size of the modal. Possible values: 's', 'm', 'l' (default), 'full'.
 - **variant**: `'information' | 'success' | 'warning' | 'error' | string` - Defines the visual variant of the modal. Possible values: 'information', 'success', 'warning', 'error', or a custom string.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **modalClose**: `EclModalCloseEvent<T>` - Emits when the modal is closed. Carries an instance of `EclModalCloseEvent`.
 - **modalOpen**: `EclModalOpenEvent` - Emits when the modal is opened. Carries an instance of `EclModalOpenEvent`.
+- **class**: `string` - 

package/docs/json/EclModalFooterComponent.md

@@ -13,5 +13,8 @@ Automatically applies styling to buttons projected into the footer.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclModalHeaderComponent.md

@@ -14,8 +14,9 @@ and a close button that emits a close event.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **modalClose**: `EclModalCloseEvent<T>` - Event emitted when the close button is clicked. Emits an `EclModalCloseEvent` object.
+- **class**: `string` - 

package/docs/json/EclModalTriggerDirective.md

@@ -12,5 +12,8 @@ Directive used to trigger opening of a target ECL modal on click.
 ## Inputs
 - **eclModalTriggerFor**: `EclModalComponent<T>` - Reference to the modal component that should be opened on click.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMultiselectComponent.md

@@ -25,8 +25,9 @@ Replaces the original element with a custom dropdown rendered dynamically.
 - **isSubmitOnApply**: `boolean` - When true, the Apply button in the dropdown acts as a submit button (type="submit").
 - **toggleLabel**: `string | undefined` - Label used for the toggle button that expands or collapses the dropdown.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **eclChange**: `string[]` - Emits an array of selected option values when the selection changes.
+- **class**: `string` - 

package/docs/json/EclMultiselectDropdownComponent.md

@@ -12,8 +12,9 @@ Used internally by the `EclMultiselectComponent`.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **eclChange**: `string[]` - Emits the list of selected values whenever the selection changes.
+- **class**: `string` - 

package/docs/json/EclMultiselectInputComponent.md

@@ -23,9 +23,10 @@ Handles displaying selected items, opening the dropdown, and managing accessibil
 - **toggleId**: `string` - ID of the toggle button element (used for accessibility).
 - **toggleLabel**: `string | undefined` - Label for the toggle button (optional).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **mainInputClick**: `EclMultiselectMainInputClickEvent` - Event emitted when the input is clicked.
 - **mainInputKeydown**: `Event` - Event emitted when a key is pressed on the input.
+- **class**: `string` - 

package/docs/json/EclMultiselectOptgroupComponent.md

@@ -13,5 +13,8 @@ Used to group related options under a common label.
 ## Inputs
 - **label**: `string` - The visible label for the option group.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclMultiselectOptionComponent.md

@@ -15,10 +15,11 @@ Component representing a single selectable option in the multiselect dropdown.
 - **label**: `string` - Display label for the option.
 - **value**: `string` - Value assigned to the option.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **isChecked**: `boolean` - Indicates whether the option is selected.
 - **optionClick**: `EclMultiselectOptionClickEvent` - Emits when the option is clicked.
 - **optionKeydown**: `EclMultiselectOptionKeydownEvent` - Emits when a key is pressed while focused on the option.
+- **class**: `string` - 

package/docs/json/EclMultiselectOptionDirective.md

@@ -16,5 +16,8 @@ Adds support for value, label, disabled, selected states and styling.
 - **selected**: `boolean` - Indicates that the option is selected.
 - **value**: `string` - Value assigned to the option.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclNavigationListComponent.md

@@ -14,5 +14,8 @@ It can offer a quick description of the parent page and/or display child pages t
 - **columns**: `number` - Property that describes how many columns the navigation list has. Default value is 2.
 - **hasBorders**: `boolean` - Property that describes if each item will have a border. Default is 'true'.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` -