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

package/docs/json/EclStoryCardGridDetailsComponent.md

@@ -35,5 +35,8 @@ For the 'testimonial' variant, additional inputs are available:
 - **role**: `string` - Author role/position (testimonial variant).
 - **source**: `string` - Publication source (testimonial variant).
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclStoryCardItemComponent.md

@@ -27,9 +27,10 @@ the loading bar, and the title wrapper.
 ## Inputs
 - **gridTitle**: `string` - Short title displayed in the accordion tab button.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **itemClick**: `number` - Emitted when the item's button is clicked.
 - **loadingBarAnimationEnd**: `void` - Emitted when the loading bar animation ends.
+- **class**: `string` - 

package/docs/json/EclStoryCardLinkDirective.md

@@ -15,5 +15,8 @@ Adds the ECL link classes for the "Read more" link.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclStoryCardListDirective.md

@@ -15,5 +15,8 @@ Adds the grid container class and tablist role.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclStoryCardPictureDirective.md

@@ -18,5 +18,8 @@ Adds the ECL picture classes.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTabComponent.md

@@ -16,10 +16,11 @@ Manages its label, state (active, hidden), and interaction events like click or
 - **isActive**: `boolean` - Marks the tab as active.
 - **isHidden**: `boolean` - Hides the tab when true by applying the `ecl-tabs__item--hidden` CSS class.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
-- **keydownTab**: `EventEmitter` - Emits when a keydown event occurs on the tab.
-- **selectTab**: `EventEmitter` - Emits when the tab is selected via click.
 - **isHidden**: `boolean` - Hides the tab when true by applying the `ecl-tabs__item--hidden` CSS class.
+- **keydownTab**: `Event` - Emits when a keydown event occurs on the tab.
+- **selectTab**: `EclTabSelectEvent` - Emits when the tab is selected via click.
+- **class**: `string` - 

package/docs/json/EclTabLabelComponent.md

@@ -12,5 +12,8 @@ Used as a container for the tab's visual label content.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableBodyDirective.md

@@ -4,10 +4,15 @@
 
 
 
+Directive for applying ECL body styling to a table body element.
+
 
 **Selector:** `[eclTableBody]`
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableCaptionDirective.md

@@ -4,10 +4,15 @@
 
 
 
+Directive for applying styling to a table caption element.
+
 
 **Selector:** `caption[eclTableCaption]`
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableCellDirective.md

@@ -4,6 +4,8 @@
 
 
 
+Directive for styling individual table cells in the ECL table.
+
 
 **Selector:** `[eclTableCell]`
 
@@ -11,5 +13,8 @@
 - **eclTableCellHeader**: `string` - Provides a reference to the related table header. Sets the `data-ecl-table-header` attribute for accessibility or responsive behavior.
 - **isGroup**: `boolean` - If `true`, applies additional group styling to the cell.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableCellGroupDirective.md

@@ -4,11 +4,16 @@
 
 
 
+Directive used to group multiple table cells under a shared header group.
+
 
 **Selector:** `[eclTableCellGroup]`
 
 ## Inputs
 - **eclTableCellGroup**: `string` - Sets the `data-ecl-table-header-group` attribute to link to a header group.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableDirective.md

@@ -13,11 +13,12 @@ Applies ECL-specific table classes and emits sort events when columns are sorted
 
 ## Inputs
 - **id**: `string` - The HTML ID attribute of the table. If not provided, a UUID is generated.
-- **isSimple**: `boolean` - Applies the "simple" table variant if true. Automatically enabled if no header is detected.
+- **isSimple**: `boolean` - Opts out of the enhanced mobile layout and applies the "simple" table variant by adding the `ecl-table--simple` class.  This only affects narrow (mobile) viewports; on desktop both variants render as a standard table, so this input is effectively a no-op there. - Default (enhanced): on mobile each row collapses into a stacked, card-like layout   that uses the `eclTableCellHeader` value as the label for each cell. - Simple: on mobile the table keeps its native structure and scrolls horizontally   inside the responsive wrapper instead of collapsing.  Automatically enabled if no header is detected, since the enhanced mobile layout has no header labels to project onto the cells.
 - **isZebra**: `boolean` - Applies zebra striping to the table rows by adding the `ecl-table--zebra` class if true.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
-- **sort**: `EventEmitter` - Emits an event when a column sort is triggered.
+- **sort**: `EclSortTableEvent` - Emits an event when a column sort is triggered.
+- **class**: `string` - 

package/docs/json/EclTableHeadDirective.md

@@ -12,5 +12,8 @@ Detects header changes and manages ARIA attributes.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableHeaderDirective.md

@@ -4,17 +4,21 @@
 
 
 
+Directive representing a single table header cell in an ECL table.
+Supports sorting functionality and accessibility attributes.
+
 
 **Selector:** `[eclTableHeader]`
 
 ## Inputs
-- **eclSortable**: `null` - Enables sorting on the header. Also sets the `data-ecl-table-sort-toggle` attribute. Acts as the unique identifier for the column when sorting.
+- **eclSortable**: `string` - Enables sorting on the header. Also sets the `data-ecl-table-sort-toggle` attribute. Acts as the unique identifier for the column when sorting.
 - **id**: `string` - HTML `id` attribute of the table header cell. If not provided, a UUID will be generated.
 - **scope**: `string` - Scope of the table header. Default is `col`. Sets the `scope` attribute.
-- **sortButtonAriaLabel**: `string` - Aria-label for the sort button that will be injected into the header cell.
+- **sortButtonAriaLabel**: `string` - Aria-label for the sort button that will be injected into the header cell.  When provided, the value is used verbatim: it is NOT translated and is NOT updated as the sort direction changes. The consumer is responsible for passing an already-localized string (e.g. `[sortButtonAriaLabel]="'my.key' | translate"`).  When omitted, the directive manages the label internally and translates it via the `ecl.table.SORT-LABEL.*` keys, updating it on each sort toggle.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
-- **sort**: `EventEmitter` - Emits an `EclSortTableEvent` when the header is clicked and sorting is triggered.
+- **sort**: `EclSortTableEvent` - Emits an `EclSortTableEvent` when the header is clicked and sorting is triggered.
+- **class**: `string` - 

package/docs/json/EclTableResponsiveDirective.md

@@ -4,10 +4,15 @@
 
 
 
+Directive for applying ECL responsive wrapper to a table container.
+
 
 **Selector:** `[eclTableResponsive]`
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableRowDirective.md

@@ -4,10 +4,15 @@
 
 
 
+Directive for applying ECL row styling to a table row element.
+
 
 **Selector:** `[eclTableRow]`
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTableSortButtonComponent.md

@@ -14,5 +14,8 @@ accessibility label for screen readers.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTabsComponent.md

@@ -12,8 +12,9 @@ ECL Tabs component for displaying tabbed content and managing tab selection and
 ## Inputs
 - **bodyClass**: `string` - Class applied to the tab body container.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **tabSelect**: `EclTabSelectEvent` - Emits an event when a tab is selected.
+- **class**: `string` - 

package/docs/json/EclTagComponent.md

@@ -11,8 +11,9 @@
 - **isWrapped**: `boolean` - Whether the tag content should be allowed to wrap onto multiple lines. Set to false to force single-line display (adds `ecl-tag--nowrap` class). Defaults to true.
 - **variant**: `'removable'` - Defines the variant of the tag. Currently only 'removable' is supported.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **remove**: `EclTagRemoveEvent` - Event emitted when the tag is removed. Can be prevented by calling `preventDefault()` on the emitted event.
+- **class**: `string` - 

package/docs/json/EclTagIconExternalDirective.md

@@ -12,5 +12,8 @@ Adds specific CSS classes to render an "external" icon next to the tag content.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTagSetDirective.md

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

package/docs/json/EclTagSetItemDirective.md

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

package/docs/json/EclTextAreaDirective.md

@@ -13,5 +13,8 @@ Directive to be used with <textarea> HTML component. Applies custom styles and f
 - **eclSize**: `string` - Width of the component, can be 's', 'm' or 'l'. Default value is 'm'.
 - **isInvalid**: `boolean` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTextInputDirective.md

@@ -14,5 +14,8 @@ Directive, to be used with the HTMl element text <input>. Adds ECL compliant sty
 - **isInvalid**: `boolean` - 
 - **type**: `string` - This directive should be used with the input type 'text'.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTextMediaComponent.md

@@ -14,5 +14,8 @@ A media container is used to display media items (video, audio, image or other d
 - **mediaPosition**: `"left" | "right"` - 
 - **variant**: `"default" | "primary"` - 
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTimelineComponent.md

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

package/docs/json/EclTimelineItemComponent.md

@@ -16,9 +16,10 @@
 - **isTogglerExpanded**: `boolean` - Indicates whether the toggler is initially expanded. Used for toggler-type items.
 - **toggleGroup**: `string` - Name of the toggle group that this item belongs to. Used to coordinate collapsing/expanding related items.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **toggle**: `EventEmitter` - Event emitted when the toggler is clicked. Consumers can call `preventDefault()` on the event to cancel toggle behavior.
 - **isTogglerExpanded**: `boolean` - Indicates whether the toggler is initially expanded. Used for toggler-type items.
+- **class**: `string` - 

package/docs/json/EclTimelineItemLabelDirective.md

@@ -12,5 +12,8 @@ Used to mark the label section within a timeline item.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTimelineItemTitleDirective.md

@@ -12,5 +12,8 @@ Used to mark the title section within a timeline item.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclTimelineItemTogglerComponent.md

@@ -12,8 +12,9 @@ Emits a `toggle` event when clicked.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
 
 ## Outputs
 - **toggle**: `EventEmitter<void>` - Event emitted when the toggler is activated (clicked). Used to trigger expand/collapse behavior in the parent timeline item.
+- **class**: `string` - 

package/docs/json/EclTimelineSetDirective.md

@@ -11,5 +11,8 @@ Directive that applies the `ecl-timeline-set` class to an element.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclUnorderedListDirective.md

@@ -15,5 +15,8 @@ Supports optional variants like divider and no-marker.
 - **isDivider**: `boolean` - Adds a divider between list items.
 - **isNoMarker**: `boolean` - Removes markers from list items.
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` - 

package/docs/json/EclUnorderedListItemDirective.md

@@ -11,5 +11,8 @@ Directive for a single item within an ECL unordered list.
 
 ## Inputs
 - **class**: `string` - 
-- **e2eAttr**: `any` - 
-- **tabindex**: `number` - 
+- **e2eAttr**: `string` - 
+- **tabindex**: `undefined` - 
+
+## Outputs
+- **class**: `string` -