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

package/docs/json/ECLBaseDirective.md

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

package/docs/json/ECLClickOutsideDirective.md

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

package/docs/json/EclAddToCalendarComponent.md

@@ -17,5 +17,8 @@ Displays event information with optional date, time, and location metadata.
 - **eclTitle**: `string` - Title displayed in the component.
 - **isFullWidth**: `boolean` - Indicates whether the component should span the full width of its container.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclAnimatedNumbersComponent.md

@@ -31,5 +31,8 @@ Wraps animated number items and an optional sources footer.
 - **isFullWidth**: `boolean` - 
 - **sourcesLabel**: `string` - Label displayed before the sources list.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclAnimatedNumbersItemComponent.md

@@ -31,5 +31,8 @@ requestAnimationFrame for smooth count-up with cubic ease-out.
 - **suffix**: `string` - Text displayed after the animated number (e.g. '€', 'billions').
 - **suffixLabel**: `string` - Accessible label for the suffix symbol, used for screen readers (e.g. '%' -> 'percent').
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclAppComponent.md

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

package/docs/json/EclBannerComponent.md

@@ -22,5 +22,8 @@ Allows customization of layout, alignment, and appearance through inputs.
 - **isFullWidth**: `boolean` - When true, the banner stretches to full width of its container. Default: false.
 - **verticalAlignment**: `'top' | 'center' | 'bottom' | string` - Sets the vertical alignment of the content inside the banner. Allowed values: 'top' | 'center' | 'bottom'. Default: 'center'.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerDescriptionDirective.md

@@ -11,5 +11,8 @@ Directive for the main banner description container.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerDescriptionLinkDirective.md

@@ -12,5 +12,8 @@ Adds link classes and marks the link as standalone.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerDescriptionTextDirective.md

@@ -11,5 +11,8 @@ Directive for the textual content inside the banner description.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerImageDirective.md

@@ -19,5 +19,8 @@ which controls the focal point of the image.
 ## Inputs
 - **eclImageAnchor**: `'center' | 'top left' | 'bottom right' | '20% 20%'` - Sets the image anchor point via the `--ecl-image-anchor` CSS custom property. Accepts values 'center', 'top left', 'bottom right', '20% 20%'.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerPictureDirective.md

@@ -12,5 +12,8 @@ Adds the appropriate classes for styling the banner picture.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerTitleDirective.md

@@ -12,5 +12,8 @@ Adds appropriate styling class to the host element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerTitleLinkDirective.md

@@ -12,5 +12,8 @@ Adds link classes and marks the link as standalone.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerTitleTextDirective.md

@@ -12,5 +12,8 @@ Adds appropriate styling class to the host element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBannerVideoDirective.md

@@ -12,5 +12,8 @@ Adds appropriate styling classes to the host element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBlockquoteComponent.md

@@ -14,5 +14,8 @@ Supports language awareness through the I18n service.
 ## Inputs
 - **author**: `string` - Author name associated with the quoted content. If provided, it will be displayed below the blockquote.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBlockquoteImageDirective.md

@@ -12,5 +12,8 @@ Automatically applies the `ecl-blockquote__image` CSS class.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBlockquotePictureDirective.md

@@ -12,5 +12,8 @@ Automatically applies the `ecl-picture` and `ecl-blockquote__picture` CSS classe
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBreadcrumbComponent.md

@@ -10,7 +10,12 @@ Displays navigation segments and handles overflow with ellipsis.
 **Selector:** `nav[eclBreadcrumb]`
 
 ## Inputs
+- **ellipsisAriaLabel**: `string | undefined` - Accessible label for the ellipsis button. When not provided, falls back to the translated value of `ecl.breadcrumb.SHOW-MORE-ITEMS`.
+- **ellipsisLabel**: `string` - Visible label for the ellipsis button. Defaults to the ellipsis character.
 - **isExpanded**: `boolean` - Expands all breadcrumb segments instead of collapsing them.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBreadcrumbContainerDirective.md

@@ -11,5 +11,8 @@ Used to wrap breadcrumb segments inside the breadcrumb component.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclBreadcrumbSegmentComponent.md

@@ -17,8 +17,9 @@ Displays a single breadcrumb segment with optional navigation or ellipsis.
 - **queryParamsHandling**: `QueryParamsHandling` - Strategy for handling existing query parameters during navigation.
 - **routerLink**: `string | any[] | null` - Router link for navigation.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **segmentClick**: `EclBreadcrumbSegmentClickEvent` - Emits when the segment is clicked.
+- **class**: `string` - 

package/docs/json/EclButtonComponent.md

@@ -18,5 +18,8 @@ Supports multiple visual variants and optional icon/indicator content.
 - **size**: `"s" | "m" | "l"` - 
 - **variant**: `"primary" | "secondary" | "tertiary"` - Visual variant of the button. Can be 'primary', 'secondary', 'tertiary', 'cta', 'ghost', or 'ghost-inverted'. Defaults to 'primary'.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclButtonLabelDirective.md

@@ -12,5 +12,8 @@ Automatically applies the `ecl-button__label` CSS class.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCardBodyComponent.md

@@ -12,5 +12,8 @@ Provides a wrapper for the main content area of the card.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCardComponent.md

@@ -12,5 +12,8 @@ Combines image, title, and content block areas into a unified card layout.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCardImageDirective.md

@@ -12,5 +12,8 @@ Applies the ECL-specific image class for card usage.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCardPictureDirective.md

@@ -13,5 +13,8 @@ Applies required ECL CSS classes and optionally enables zoom effect.
 ## Inputs
 - **hasZoom**: `boolean` - When true, adds the `ecl-picture--zoom` class to enable zoom styling.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCarouselComponent.md

@@ -15,8 +15,9 @@ and support for RTL layouts. Extends the ECLBaseDirective for consistent styling
 - **isAutoplay**: `boolean` - Determines whether the carousel should autoplay.
 - **playInterval**: `number` - Interval in milliseconds between automatic slide transitions.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **slide**: `EclSlideEvent` - Event emitted when a slide change occurs.
+- **class**: `string` - 

package/docs/json/EclCarouselItemComponent.md

@@ -14,8 +14,9 @@ Each slide can optionally include an EclBannerComponent and supports click event
 - **id**: `string` - The unique identifier of the slide.
 - **isCurrent**: `boolean` - Indicates whether this slide is currently active/visible. Automatically coerced to a boolean value.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **slideClick**: `EclSlideEvent` - Emits an event when the slide is clicked.
+- **class**: `string` - 

package/docs/json/EclCategoryFilterComponent.md

@@ -11,5 +11,8 @@
 - **aria-label**: `string | null` - Aria-label for the navigation role. Defaults to "Category filter".
 - **currentItemId**: `string` - ID of the currently selected item. When provided, the item with the matching ID will be marked as current and automatically expanded on initialization.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCategoryFilterItemComponent.md

@@ -11,8 +11,9 @@
 - **id**: `string` - Unique identifier for the item. Used to manage selection state.
 - **href**: `string` - Link URL associated with this category filter item. If not provided, the item acts as a toggle only.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **itemSelect**: `EventEmitter` - Emits when the item is selected by the user (clicked).
+- **class**: `string` - 

package/docs/json/EclCategoryFilterListComponent.md

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

package/docs/json/EclCheckboxDirective.md

@@ -14,5 +14,8 @@ Directive that applies ECL styles and manages state for checkbox groups or stand
 - **isInvalid**: `boolean` - Indicates whether the checkbox is in an invalid state.
 - **isSingle**: `boolean` - Indicates whether the checkbox is rendered as a single (standalone) item.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCheckboxHelpComponent.md

@@ -12,5 +12,8 @@ Displays help text associated with a checkbox.
 ## Inputs
 - **isDisabled**: `boolean` - Indicates whether the help text is disabled (e.g. visually muted).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCheckboxInputDirective.md

@@ -11,5 +11,8 @@ Directive that decorates the native checkbox input with ECL styles and syncs val
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclCheckboxLabelComponent.md

@@ -14,5 +14,8 @@ Label component for a checkbox, supporting state styles.
 - **isInvalid**: `boolean` - Indicates whether the checkbox is in an invalid state.
 - **isRequired**: `boolean` - Indicates whether the checkbox is required.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContainerDirective.md

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

package/docs/json/EclContentBlockComponent.md

@@ -12,5 +12,8 @@ Serves as a container for structured content such as titles, texts, and links.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockDescriptionDirective.md

@@ -11,5 +11,8 @@ Directive for the description section of the content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockLabelDirective.md

@@ -11,5 +11,8 @@ Directive representing a single label inside a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockLabelsDirective.md

@@ -11,5 +11,8 @@ Directive for the container that wraps multiple labels in a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockLinkDirective.md

@@ -11,5 +11,8 @@ Directive for a single link inside a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockLinksContainerDirective.md

@@ -11,5 +11,8 @@ Directive for the container that wraps link elements.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockLinksDirective.md

@@ -11,5 +11,8 @@ Directive for the list of links inside a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockListContainerDirective.md

@@ -11,5 +11,8 @@ Directive for the container holding a list inside a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockListDirective.md

@@ -11,5 +11,8 @@ Directive for a list element inside a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockPrimaryMetaDirective.md

@@ -11,5 +11,8 @@ Directive for a single primary metadata item in a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockPrimaryMetasDirective.md

@@ -11,5 +11,8 @@ Directive for the primary metadata container in a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockSecondaryMetaDirective.md

@@ -11,5 +11,8 @@ Directive for a single secondary metadata item in a content block.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockSecondaryMetaIconDirective.md

@@ -11,5 +11,8 @@ Directive for the icon element of a secondary metadata item.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclContentBlockSecondaryMetaLabelDirective.md

@@ -11,5 +11,8 @@ Directive for the label element of a secondary metadata item.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` -