@eui/ecl 23.0.0-alpha.3 → 23.0.0-alpha.5

package/docs/json/EclAddToCalendarComponent.md

@@ -15,7 +15,7 @@ Displays event information with optional date, time, and location metadata.
 - **calendarLocation**: `string` - Location of the event (e.g. "San Francisco, CA").
 - **calendarTime**: `string` - Time of the event (e.g. "2:00 PM - 4:00 PM").
 - **eclTitle**: `string` - Title displayed in the component.
-- **isFullWidth**: `boolean` - 
+- **isFullWidth**: `boolean` - Indicates whether the component should span the full width of its container.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclBannerComponent.md

@@ -11,16 +11,16 @@ Allows customization of layout, alignment, and appearance through inputs.
 **Selector:** `ecl-banner`
 
 ## Inputs
-- **boxBackground**: `"none" | "light" | "dark" | string` - Defines the background color of the banner content box. Allowed values: 'none' | 'light' | 'dark'. Default: 'light'.
+- **boxBackground**: `'none' | 'light' | 'dark' | string` - Defines the background color of the banner content box. Allowed values: 'none' | 'light' | 'dark'. Default: 'light'.
 - **copyright**: `string` - Sets the copyright text displayed in the banner.
-- **eclSize**: `"xs" | "s" | "m" | "l" | string` - Defines the size of the banner. Affects its height-to-width aspect ratio. Allowed values: 'xs' | 's' | 'm' | 'l'. Default: 'm'.
-- **fontColor**: `"light" | "dark" | string` - Defines the color of the font inside the banner content box. Allowed values: 'light' | 'dark'. Default: 'dark'.
-- **fontSize**: `"s" | "m" | "l" | string` - Defines the font size inside the banner content box. Allowed values: 'm' | 'l'. Default: 'm'.
-- **horizontalAlignment**: `"right" | "left" | "center" | string` - Sets the horizontal alignment of the content inside the banner. Allowed values: 'left' | 'center' | 'right'. Default: 'left'.
-- **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'.
+- **eclSize**: `'xs' | 's' | 'm' | 'l' | string` - Defines the size of the banner. Affects its height-to-width aspect ratio. Allowed values: 'xs' | 's' | 'm' | 'l'. Default: 'm'.
+- **fontColor**: `'light' | 'dark' | string` - Defines the color of the font inside the banner content box. Allowed values: 'light' | 'dark'. Default: 'dark'.
+- **fontSize**: `'s' | 'm' | 'l' | string` - Defines the font size inside the banner content box. Allowed values: 'm' | 'l'. Default: 'm'.
 - **fontWeight**: `"light" | "bold"` - 
 - **hasOverlay**: `boolean` - 
+- **horizontalAlignment**: `'right' | 'left' | 'center' | string` - Sets the horizontal alignment of the content inside the banner. Allowed values: 'left' | 'center' | 'right'. Default: 'left'.
+- **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` - 

package/docs/json/EclCategoryFilterItemComponent.md

@@ -8,8 +8,8 @@
 **Selector:** `ecl-category-filter-item`
 
 ## Inputs
-- **href**: `string` - Link URL associated with this category filter item. If not provided, the item acts as a toggle only.
 - **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` - 

package/docs/json/EclDateBlockComponent.md

@@ -11,9 +11,9 @@ Designed for use within content components such as content blocks or items.
 **Selector:** `time[eclDateBlock]`
 
 ## Inputs
+- **datetime**: `string` - Sets the `datetime` attribute of the `<time>` element. If not provided, it is derived from `date` and `dateFormat`.
 - **date**: `Date` - The date to be displayed. If not null, it's used to generate the `datetime` attribute and visual output.
 - **dateFormat**: `string` - The format to be used when rendering the date string (Angular DatePipe format). Default is `'dd/M/yyyy'`.
-- **datetime**: `string` - Sets the `datetime` attribute of the `<time>` element. If not provided, it is derived from `date` and `dateFormat`.
 - **day**: `string` - Explicit string for day part of the date (optional). Used when date is not set or overridden manually.
 - **month**: `string` - Explicit string for month part of the date (optional). Used when date is not set or overridden manually.
 - **monthTitle**: `string` - Explicit string used as an accessible or verbose label for the month (optional).

package/docs/json/EclExpandableComponent.md

@@ -19,4 +19,6 @@ It displays a toggle button with configurable labels and emits an event on toggl
 - **tabindex**: `number` - 
 
 ## Outputs
+- **expandedLabel**: `string` - The label to display when the content is expanded. If not set, `collapsedLabel` will be used as fallback.
+- **isExpanded**: `boolean` - Whether the expandable content is currently expanded. Default is `false`.
 - **toggle**: `EclExpandableToggleEvent` - Event emitted when the expandable is toggled. Consumers can prevent default behavior by calling `event.preventDefault()`.

package/docs/json/EclFeaturedComponent.md

@@ -10,11 +10,11 @@ Custom ECL component, that adds visual support to a piece of content. Uses <ecl-
 **Selector:** `ecl-featured, article[eclFeatured]`
 
 ## Inputs
-- **isLinkHighlighted**: `boolean` - Gives a different display for the link in highlighted mode
-- **position**: `"left" | "right"` - The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.
-- **variant**: `unknown` - 'highligh' varian, applies class to make more stand out appearance of the component.
 - **horizontalAlign**: `'left' | 'center' | undefined` - 
 - **isDynamicImage**: `boolean` - 
+- **isLinkHighlighted**: `boolean` - Gives a different display for the link in highlighted mode
+- **position**: `"left" | "right"` - The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.
+- **variant**: `'highlight'` - 'highligh' varian, applies class to make more stand out appearance of the component.
 - **verticalAlign**: `'top' | 'center' | undefined` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 

package/docs/json/EclFileComponent.md

@@ -11,9 +11,9 @@ and image (thumbnail) support.
 **Selector:** `ecl-file`
 
 ## Inputs
-- **id**: `string` - Optional ID for the file component, useful for accessibility or referencing.
 - **description**: `string` - Optional description displayed under the file title.
 - **detailMeta**: `string[]` - Additional details displayed in the file component (e.g. file size, date).
+- **id**: `string` - Optional ID for the file component, useful for accessibility or referencing.
 - **labelInfo**: `string` - Additional label shown next to the language label, e.g. file type or status.
 - **langId**: `string` - Optional language ID (e.g., for translation or accessibility attributes).
 - **language**: `string` - Language indicator string (e.g. "EN", "FR") used in the label.

package/docs/json/EclFileItemsComponent.md

@@ -18,4 +18,5 @@ It can be expanded or collapsed, and emits an event when toggled.
 - **tabindex**: `number` - 
 
 ## Outputs
+- **isExpanded**: `boolean` - Whether the list is initially expanded.
 - **toggle**: `EclFileItemsToggleEvent` - Emits a toggle event when the translations list is expanded or collapsed.  Consumers can call `preventDefault()` on the event to cancel the toggle.

package/docs/json/EclGalleryComponent.md

@@ -11,16 +11,16 @@ Adds functionality and styling, according to the ECL standards.
 **Selector:** `ecl-gallery`
 
 ## Inputs
-- **columns**: `"2" | "3" | "4" | number` - 
-- **gridTemplate**: `"0" | "1" | "2" | "3" | "4" | string` - This property can be used with 'isGrid' property set to true. By default gridTemplate is 0 and all the thimbnails have same size. If another template value is set, some additional formatting is applied and the thumbnails will have different sizes.
+- **maxVisibleItems**: `number` - Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.
+- **columns**: `2 | 3 | 4 | number` - 
+- **gridTemplate**: `'0' | '1' | '2' | '3' | '4' | string` - This property can be used with 'isGrid' property set to true. By default gridTemplate is 0 and all the thimbnails have same size. If another template value is set, some additional formatting is applied and the thumbnails will have different sizes.
 - **isFullWidth**: `boolean` - If set to true, the gallery will have 100 view width.
 - **isGrid**: `boolean` - If set to true, a specific class will be applied, so the gallery thumbnails are displayed as a grid, all with same size.
 - **isNoOverlay**: `boolean` - If set to true, no overlay will be displayed when user clicks on an image.
 - **isOpenInFullScreenPossible**: `boolean` - 
 - **isShareable**: `boolean` - If the items in the gallery can be shared. I.e. if the link for sharing will be present for each item.
 - **isShowTitleOnHover**: `boolean` - If set to false, no title will be displayed when user hover on a gallery item.
-- **maxVisibleItems**: `number` - Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.
-- **ratio**: `"3-1" | "3-2" | string` - The ratio that will be applied to the gallery thumbnails.
+- **ratio**: `'3-1' | '3-2' | string` - The ratio that will be applied to the gallery thumbnails.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclGalleryItemComponent.md

@@ -12,14 +12,14 @@ Wrapper component for gallery item's elements.
 ## Inputs
 - **description**: `string` - 
 - **icon**: `string` - 
-- **isShareable**: `boolean` - Can this item be shared, i.e. show/hide share button.
 - **itemId**: `string` - 
-- **mediaType**: `"image" | "video" | "externalVideo"` - 
 - **meta**: `string` - 
 - **src**: `string` - The source link to the image/video, that will be shown in the original size (when open image/video in overlay or in orginal size).
 - **srVideoAudioDescription**: `string` - Embeded audio description.
 - **title**: `string` - 
 - **ariaLabel**: `string | null` - 
+- **isShareable**: `boolean` - Can this item be shared, i.e. show/hide share button.
+- **mediaType**: `"image" | "video" | "externalVideo"` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclIconComponent.md

@@ -13,12 +13,12 @@ Integrates with ECL theming and supports accessibility options.
 ## Inputs
 - **ariaHidden**: `boolean` - Determines whether the icon should be hidden from assistive technologies. Defaults to `true` unless a title is provided.
 - **ariaLabelledby**: `string` - ID reference for an external element that labels this icon for screen readers.
+- **color**: `'inverted' | 'primary' | null` - Applies color styling to the icon. Use `'inverted'` for icons on dark backgrounds, or `'primary'` for emphasis.
 - **focusable**: `boolean` - Controls whether the icon is focusable via keyboard. Defaults to `false`.
+- **icon**: `string` - Name of the icon to render from the selected set.
+- **iconSet**: `'default' | 'social' | 'social-media' | 'social-media-color' | 'flag' | 'flag-non-members' |        'phosphor' | string` - Defines the icon set to use. Available sets: `default`, `social`, `social-media`, `flag`, or a custom URL prefix. Defaults to `'default'`.
 - **isFlipHorizontal**: `boolean` - Flips the icon horizontally if set to `true`.
 - **role**: `string` - ARIA role of the icon. If a `title` is provided and no role is defined, defaults to `'img'`.
-- **title**: `string` - Title used for accessibility. Also affects `aria-hidden` and `role`.
-- **color**: `'inverted' | 'primary' | null` - Applies color styling to the icon. Use `'inverted'` for icons on dark backgrounds, or `'primary'` for emphasis.
-- **icon**: `string` - Name of the icon to render from the selected set.
-- **iconSet**: `'default' | 'social' | 'social-media' | 'social-media-color' | 'flag' | 'flag-non-members' |         'phosphor' | string` - Defines the icon set to use. Available sets: `default`, `social`, `social-media`, `flag`, or a custom URL prefix. Defaults to `'default'`.
 - **size**: `'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | 'fluid' | string` - Size of the icon. Supported values: `'2xs'`, `'xs'`, `'s'`, `'m'`, `'l'`, `'xl'`, `'2xl'`, `'fluid'`. Defaults to `'xs'`.
+- **title**: `string` - Title used for accessibility. Also affects `aria-hidden` and `role`.
 - **transform**: `string` - Adds a transformation modifier to the icon (e.g., rotation).

package/docs/json/EclInpageNavigationItemComponent.md

@@ -23,3 +23,4 @@ Represent a single navigation item. contains the link, that activates/scrolls to
 - **itemClick**: `EventEmitter` - Emited when user clicks on the item.
 - **itemEnter**: `EventEmitter` - Emitted when on keyboard navigation, user clicks the ENTER.
 - **itemTab**: `EventEmitter` - Emitted when on keyboard navigation, user clicks the TAB.
+- **isActive**: `boolean` - 

package/docs/json/EclListIllustrationComponent.md

@@ -12,14 +12,14 @@ Supports zebra styling, responsive horizontal layout, and font size options.
 **Selector:** `ecl-list-illustration, ul[eclListIllustration], ol[eclListIllustration]`
 
 ## Inputs
+- **counterStart**: `number | null` - If we have a number-list, the user can set the start of the counter.
 - **fontSize**: `"m" | "l"` - Font size for list content. Possible values: - `'m'` – medium - `'l'` – large (default)
 - **hasDividers**: `boolean` - If this is an icon-list, it can have dividers between each item.
+- **horizontalColumns**: `number` - Number of horizontal columns. If greater than `0`, items are displayed in a grid layout.
 - **isCentered**: `boolean` - If content should be centered
 - **isIconInline**: `boolean` - If the icon should be on the same row as title - for list with icons
 - **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.
-- **counterStart**: `number | null` - If we have a number-list, the user can set the start of the counter.
-- **horizontalColumns**: `number` - Number of horizontal columns. If greater than `0`, items are displayed in a grid layout.
+- **variant**: `'icon-list' | 'number-list' | null` - Two variants available: icon-list and number-list.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclMediaContainerComponent.md

@@ -10,9 +10,9 @@ A media container is used to display media items (video, audio, image or other d
 **Selector:** `ecl-media-container`
 
 ## Inputs
+- **captionPosition**: `"over" | "bottom" | "hidden"` - 
 - **eclAutoplay**: `boolean` - Used for a video only - if the video should play immediately.
 - **isFullWidth**: `boolean` - 
-- **captionPosition**: `"over" | "bottom" | "hidden"` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclMediaContainerIframeDirective.md

@@ -10,9 +10,9 @@ Adds styling and attributes to the iframe element.
 **Selector:** `iframe[eclMediaContainerIframe]`
 
 ## Inputs
-- **height**: `any` - 
 - **ratio**: `string` - 
-- **width**: `any` - 
+- **height**: `undefined` - 
+- **width**: `undefined` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclMegaMenuItemComponent.md

@@ -11,14 +11,14 @@ This component represents a mega menu item. Adds functionality and styling, acco
 
 ## Inputs
 - **href**: `string` - 
+- **isOneLevelOnly**: `boolean` - This property should be used, when user wants the menu sub-items to use the maximum space available. For example, if we have 10 sub-items, normally they will appear in one column only. If isOneLevelOnly is used, the sub-items will take 2, 3, 4 columns, depending on presence of other sub-components.
 - **isPromotional**: `boolean` - 
 - **label**: `string` - 
-- **linkExtraAttributes**: `{  }` - Used in case user wants to set some custom attributes for the anchr tag.
+- **linkExtraAttributes**: `{        [key: string]: string;    }` - Used in case user wants to set some custom attributes for the anchr tag.
 - **queryParams**: `Params | null` - 
 - **queryParamsHandling**: `QueryParamsHandling` - 
 - **routerLink**: `string | any[]` - 
 - **target**: `string` - 
-- **isOneLevelOnly**: `boolean` - This property should be used, when user wants the menu sub-items to use the maximum space available. For example, if we have 10 sub-items, normally they will appear in one column only. If isOneLevelOnly is used, the sub-items will take 2, 3, 4 columns, depending on presence of other sub-components.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclMegaMenuSubitemComponent.md

@@ -10,13 +10,13 @@ This component represents a sub-item in the mega-menu component. Applies styling
 **Selector:** `li[eclMegaMenuSubitem]`
 
 ## Inputs
+- **href**: `string` - 
+- **label**: `string` - 
 - **buttonId**: `string` - Sets id for the button element.
 - **externalIconTitle**: `string` - If the link is external, this will be the title of the external icon.
-- **href**: `string` - 
 - **isExternal**: `boolean` - If the link redirects to external page. Adds an 'external' icon.
 - **isSeeAll**: `boolean` - Used for the 'View all' link.
-- **label**: `string` - 
-- **linkExtraAttributes**: `{  }` - Adds custom attributes to an anchor element.
+- **linkExtraAttributes**: `{        [key: string]: string;    }` - Adds custom attributes to an anchor element.
 - **queryParams**: `Params | null` - 
 - **queryParamsHandling**: `QueryParamsHandling` - 
 - **routerLink**: `string | any[]` - 

package/docs/json/EclMenuItemComponent.md

@@ -14,7 +14,7 @@ This component represents a root menu item. Adds styling and functionality to me
 - **id**: `string` - 
 - **isCurrent**: `boolean` - 
 - **label**: `string` - 
-- **linkExtraAttributes**: `{  }` - Custom attributes, to be added to the <a> tag of the menu item.
+- **linkExtraAttributes**: `Record<string, string>` - Custom attributes, to be added to the <a> tag of the menu item.
 - **queryParams**: `Params | null` - 
 - **queryParamsHandling**: `QueryParamsHandling` - 
 - **routerLink**: `string | any[]` - 

package/docs/json/EclMenuMegaItemComponent.md

@@ -16,7 +16,7 @@ Adds some custom styling and functionality.
 - **isCurrent**: `boolean` - 
 - **isSeeAll**: `boolean` - An additional item, that represents a link.
 - **label**: `string` - 
-- **linkExtraAttributes**: `{  }` - 
+- **linkExtraAttributes**: `Record<string, string>` - 
 - **queryParams**: `Params | null` - 
 - **queryParamsHandling**: `QueryParamsHandling` - 
 - **routerLink**: `string | any[]` - 

package/docs/json/EclMultiselectComponent.md

@@ -13,16 +13,16 @@ Replaces the original element with a custom dropdown rendered dynamically.
 **Selector:** `select[eclMultiselect]`
 
 ## Inputs
-- **ariaDescribedby**: `string | undefined` - Defines the `aria-describedby` attribute for accessibility.
 - **counterLabel**: `string` - Label for the selections counter, read by screen readers. Accepts a translation key or plain text. Default: 'ecl.multiselect.SELECTED'.
 - **disabled**: `BooleanInput` - Disables the multiselect component when set to true.
 - **eclPlaceholder**: `string` - Placeholder text to show in the multiselect input field when no options are selected.
-- **eclSize**: `string` - Multiselect size: 's' | 'm' | 'l'. Default is 'm'.
 - **hasSearchBox**: `string` - Enables the search box within the dropdown.
 - **hasSelectAll**: `string` - Displays the "Select all" option in the dropdown.
-- **id**: `string | undefined` - Sets the `id` attribute of the multiselect component.
 - **isInvalid**: `boolean | undefined` - Marks the multiselect as invalid.
 - **isSubmitOnApply**: `string` - When true, the Apply button in the dropdown acts as a submit button (type="submit").
+- **ariaDescribedby**: `string | undefined` - Defines the `aria-describedby` attribute for accessibility.
+- **eclSize**: `string` - Multiselect size: 's' | 'm' | 'l'. Default is 'm'.
+- **id**: `string | undefined` - Sets the `id` attribute of the multiselect component.
 - **toggleLabel**: `string | undefined` - Label used for the toggle button that expands or collapses the dropdown.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 

package/docs/json/EclMultiselectOptionDirective.md

@@ -12,8 +12,8 @@ Adds support for value, label, disabled, selected states and styling.
 
 ## Inputs
 - **disabled**: `boolean` - Indicates that the option is disabled.
-- **label**: `string` - Label displayed for the option.
 - **selected**: `boolean` - Indicates that the option is selected.
+- **label**: `string` - Label displayed for the option.
 - **value**: `string` - Value assigned to the option.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 

package/docs/json/EclNavigationListItemComponent.md

@@ -10,7 +10,7 @@ Component that represents one navigation list item, has title and image and/or l
 **Selector:** `ecl-navigation-list-item`
 
 ## Inputs
-- **variant**: `"illustration" | "image-as-illustration" | string` - Different variants, that add styling for different type of displaing the picture, used in the list item.
+- **variant**: `'illustration' | 'image-as-illustration' | ''` - Different variants, that add styling for different type of displaing the picture, used in the list item.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclNotificationComponent.md

@@ -18,3 +18,4 @@
 
 ## Outputs
 - **close**: `EclNotificationCloseEvent` - Emits an event when the close button is clicked. Consumers can call `preventDefault()` on the emitted event to prevent the notification from closing.
+- **isVisible**: `boolean` - Controls the visibility of the notification. When false, the component is hidden using CSS utility class.

package/docs/json/EclPaginationItemComponent.md

@@ -8,17 +8,17 @@
 **Selector:** `li[eclPaginationItem]`
 
 ## Inputs
+- **isTruncated**: `boolean` - Adds the `ecl-pagination__item--truncation` class when true.
+- **pagesCount**: `string` - Total number of pages displayed by the pagination component.
+- **routerLink**: `string | any[]` - Router navigation link for Angular routing.
 - **ariaLabel**: `string` - Value for the `aria-label` attribute used for accessibility.
 - **href**: `string` - Href link for navigation.
 - **isCurrent**: `boolean` - Adds the `ecl-pagination__item--current` class when true.
 - **isNext**: `boolean` - Adds the `ecl-pagination__item--next` class when true.
 - **isPrevious**: `boolean` - Adds the `ecl-pagination__item--previous` class when true.
-- **isTruncated**: `boolean` - Adds the `ecl-pagination__item--truncation` class when true.
 - **label**: `string` - Text content of the pagination item.
-- **pagesCount**: `string` - Total number of pages displayed by the pagination component.
 - **queryParams**: `Params | null` - Query parameters for the router link.
 - **queryParamsHandling**: `QueryParamsHandling` - Determines how query parameters are handled during navigation.
-- **routerLink**: `string | any[]` - Router navigation link for Angular routing.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclRadioDirective.md

@@ -13,9 +13,9 @@ with ECL styles and support for invalid, disabled and binary states.
 **Selector:** `[eclRadio]`
 
 ## Inputs
-- **isBinary**: `boolean` - Adds the `ecl-radio--binary` class when true.
 - **isDisabled**: `boolean` - Adds the `ecl-radio--disabled` class to the host element when true.
 - **isInvalid**: `boolean` - Adds the `ecl-radio--invalid` class to the host element when true.
+- **isBinary**: `boolean` - Adds the `ecl-radio--binary` class when true.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclRatingFieldComponent.md

@@ -20,4 +20,5 @@ Typically used when the user needs to evaluate something.
 - **tabindex**: `number` - 
 
 ## Outputs
+- **disabled**: `boolean` - Can be used to set disabled status.
 - **ratingChange**: `any` - The event to be emitted when rating is changed.

package/docs/json/EclSearchFormComponent.md

@@ -22,3 +22,4 @@ Component representing search field - input and button, in a responsive, styled
 
 ## Outputs
 - **searchEvent**: `EclSearchFormEvent` - This event is emited, when user performs the search action. Includes the search text from the input field.
+- **searchInputText**: `string` - The current/default search text.

package/docs/json/EclSelectContainerComponent.md

@@ -17,3 +17,9 @@ Container component, which wraps the <select> component. Ataches custom select b
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 
+
+## Outputs
+- **disabled**: `boolean` - 
+- **eclSize**: `string` - Size/length of the field and the dropdown, can be 's', 'm' or 'l'. Default is 'm'. Same as the size of the main host element.
+- **isInvalid**: `boolean` - 
+- **toggleLabel**: `string | undefined` - Custom label for the arrow-down button. Set from the main host element.

package/docs/json/EclSiteFooterSectionDirective.md

@@ -10,7 +10,7 @@ Directive, that applies specific classes to the section element in site footer.
 **Selector:** `[eclSiteFooterSection]`
 
 ## Inputs
-- **variant**: `"links" | "contact" | "about" | "more" | "related" | "site-info" | string` - 
+- **variant**: `'links' | 'contact' | 'about' | 'more' | 'related' | 'site-info' | string` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclSiteHeaderComponent.md

@@ -13,10 +13,10 @@ The elements required in the site header are different depending wether it is th
 **Selector:** `ecl-site-header`
 
 ## Inputs
-- **isSiteNameMobileOnly**: `boolean` - Determines if the site name should be displayed only on mobile devices.
 - **languageCode**: `string` - Language code of the current language of the site.
-- **logoSize**: `"s" | "m" | "l"` - The size of the logo, 's', 'm' or 'l', default to 'm'.
 - **siteName**: `string` - The name of the site, to be added in the header, next to the logo.
+- **isSiteNameMobileOnly**: `boolean` - Determines if the site name should be displayed only on mobile devices.
+- **logoSize**: `"s" | "m" | "l"` - The size of the logo, 's', 'm' or 'l', default to 'm'.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclSiteHeaderLanguagePopoverComponent.md

@@ -12,19 +12,19 @@ Emits events when language is selected and when dialog is closed.
 **Selector:** `ecl-site-header-language-popover`
 
 ## Inputs
-- **euColumnsCount**: `number` - Number of columns for eu languages. Calculated by the parent component 'ecl-site-header-language'.
 - **euLanguages**: `Array<EuiLanguage>` - 
+- **languageArrowPosition**: `string` - Property to position the arrow of the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+- **languageCode**: `string` - Current language
+- **leftPosition**: `number` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+- **nonEuLanguages**: `Array<EuiLanguage>` - 
+- **rightPosition**: `number` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
+- **euColumnsCount**: `number` - Number of columns for eu languages. Calculated by the parent component 'ecl-site-header-language'.
 - **isFull**: `boolean` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
 - **isHidden**: `boolean` - Property to show/hide the dialog.
 - **isPushLeft**: `boolean` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
 - **isPushRight**: `boolean` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
 - **isStack**: `boolean` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-- **languageArrowPosition**: `string` - Property to position the arrow of the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
-- **languageCode**: `string` - Current language
-- **leftPosition**: `number` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
 - **nonEuColumnsCount**: `number` - Number of columns for non-eu languages. Calculated by the parent component 'ecl-site-header-language'.
-- **nonEuLanguages**: `Array<EuiLanguage>` - 
-- **rightPosition**: `number` - Property to position the dialog correctly. Calculated by the parent component 'ecl-site-header-language'.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclSiteHeaderSearchComponent.md

@@ -11,9 +11,9 @@ This component builds the search box in the ecl-site-header component. Adds spec
 **Selector:** `ecl-site-header-search`
 
 ## Inputs
+- **searchInputText**: `string` - 
 - **searchButtonLabel**: `string` - 
 - **searchInputPlaceholder**: `string` - 
-- **searchInputText**: `string` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclSocialMediaFollowComponent.md

@@ -9,7 +9,7 @@
 
 ## Inputs
 - **description**: `string` - 
-- **horizontalAlignment**: `"right" | "left" | string` - 
+- **horizontalAlignment**: `'right' | 'left' | string` - 
 - **isVertical**: `boolean` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 

package/docs/json/EclSocialMediaFollowItemComponent.md

@@ -8,14 +8,14 @@
 **Selector:** `ecl-social-media-follow-item`
 
 ## Inputs
-- **extraAttributes**: `{ name: string; value?: string | null }[]` - 
+- **extraAttributes**: `{        name: string;        value?: string | null;    }[]` - 
 - **href**: `string` - 
-- **isInverted**: `unknown` - 
+- **icon**: `string` - 
+- **iconSet**: `string` - 
+- **isInverted**: `false` - 
 - **routerLink**: `string` - 
 - **size**: `string` - 
 - **target**: `string` - 
-- **icon**: `string` - 
-- **iconSet**: `string` - 
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclTabComponent.md

@@ -12,9 +12,9 @@ Manages its label, state (active, hidden), and interaction events like click or
 
 ## Inputs
 - **anchorExtraClasses**: `string` - Extra classes to be added to the anchor tag.
-- **isHidden**: `boolean` - Hides the tab when true by applying the `ecl-tabs__item--hidden` CSS class.
 - **id**: `string` - Unique identifier for the tab.
 - **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` - 
@@ -22,3 +22,4 @@ Manages its label, state (active, hidden), and interaction events like click or
 ## 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.

package/docs/json/EclTagComponent.md

@@ -9,7 +9,7 @@
 
 ## Inputs
 - **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**: `unknown` - Defines the variant of the tag. Currently only 'removable' is supported.
+- **variant**: `'removable'` - Defines the variant of the tag. Currently only 'removable' is supported.
 - **class**: `string` - 
 - **e2eAttr**: `any` - 
 - **tabindex**: `number` - 

package/docs/json/EclTextMediaMediaAnchorDirective.md

@@ -14,4 +14,4 @@ from the `ecl-media-container` component.
 **Selector:** `img[eclTextMediaImgAnchor]`
 
 ## Inputs
-- **eclTextMediaImgAnchor**: `"center" | "top left" | "bottom right" | "20% 20%"` - 
+- **eclTextMediaImgAnchor**: `'center' | 'top left' | 'bottom right' | '20% 20%'` - 

package/docs/json/EclTimelineItemComponent.md

@@ -21,3 +21,4 @@
 
 ## 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.