@eui/ecl 19.3.3-snapshot-1754667754469 → 21.0.0-alpha.1

package/components/ecl-date-picker/index.d.ts

@@ -1,6 +1,143 @@
-import { EclDatePickerDirective } from './ecl-date-picker.directive';
-export * from './ecl-date-picker.module';
-export * from './ecl-date-picker.directive';
-export * from './events/ecl-date-picker-date-picked.event';
-export declare const EUI_ECL_DATE_PICKER: readonly [typeof EclDatePickerDirective];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, Provider } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+
+/**
+ * Custom event emitted by the ECL date picker when a date is selected.
+ */
+declare class EclDatePickerDatePickedEvent extends EclBaseEvent {
+    date: Date;
+    constructor(date: Date);
+}
+
+/**
+ * Value accessor provider for Angular reactive and template-driven forms.
+ */
+declare const ECL_DATE_PICKER_VALUE_ACCESSOR: Provider;
+/**
+ * Directive that enhances a native input element with an ECL-compliant date picker.
+ * Integrates Pikaday with support for localization (i18n), RTL layout, and responsive behavior.
+ */
+declare class EclDatePickerDirective extends ECLBaseDirective implements OnInit, ControlValueAccessor, OnDestroy {
+    protected translateService: TranslateService;
+    /**
+     * Number of years to show in the year dropdown.
+     */
+    yearRange: number;
+    /**
+     * Date format string used to display and parse dates.
+     * Follows the format syntax supported by Pikaday.
+     */
+    format: string;
+    /**
+     * Sets the type attribute of the host input element to 'text'.
+     */
+    type: string;
+    /**
+     * Binds base ECL CSS classes to the host input element.
+     */
+    get cssClasses(): string;
+    /**
+     * Emits an event when a date is selected.
+     */
+    datePicked: EventEmitter<EclDatePickerDatePickedEvent>;
+    /**
+     * Binds the 'disabled' attribute to the host element.
+     * Accepts `null` or an empty string.
+     */
+    isDisabled: any;
+    private picker;
+    private destroy$;
+    private onChange;
+    private onTouched;
+    private hostEl;
+    private hostParentEl;
+    private hostWrapperEl;
+    private eclIconComponentEl;
+    private value;
+    private isRtl;
+    private readonly DEBOUNCE_TIME;
+    private readonly MOBILE_BREAKPOINT;
+    private el;
+    private viewContainerRef;
+    private eclRtlService;
+    private renderer;
+    private platformId;
+    constructor();
+    /**
+     * Initializes the Pikaday instance and applies markup when running in browser.
+     */
+    ngOnInit(): void;
+    /**
+     * Cleans up subscriptions and event handlers on destroy.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Marks the input as touched when clicked.
+     */
+    onClick(): void;
+    /**
+     * On blur, checks input value and emits appropriate change.
+     */
+    onBlur(): void;
+    /**
+    * Writes a new value from the form model into the view or (if needed) DOM property.
+    * Required by ControlValueAccessor interface.
+    *
+    * @param value - The value to be written into the input.
+    */
+    writeValue(value: any): void;
+    /**
+     * Sets the disabled state of the component.
+     * Called by Angular forms when the control status changes.
+     *
+     * @param isDisabled - Boolean indicating whether the input should be disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Registers a callback function that should be called when the control's value changes in the UI.
+     * Required by ControlValueAccessor interface.
+     *
+     * @param fn - The callback function.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a callback function that should be called when the control is touched.
+     * Required by ControlValueAccessor interface.
+     *
+     * @param fn - The callback function.
+     */
+    registerOnTouched(fn: any): void;
+    private initPikaday;
+    private handlei18nEvents;
+    private handleRtlChangeState;
+    private handleResize;
+    private setPikadayElementStyles;
+    private onSelectDate;
+    private handleMarkup;
+    private getHostElement;
+    private getHostParentElement;
+    private createHostWrapperContainer;
+    private createIconComponent;
+    private destroyPikaday;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclDatePickerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclDatePickerDirective, "input[eclDatePicker]", never, { "yearRange": { "alias": "yearRange"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "datePicked": "datePicked"; }, never, never, true, never>;
+}
+
+/**
+ * Module that provides the EclDatePicker directive.
+ *
+ * @deprecated Use {@link EUI_ECL_DATE_PICKER} instead.
+ */
+declare class EclDatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclDatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclDatePickerModule, never, [typeof EclDatePickerDirective], [typeof EclDatePickerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclDatePickerModule>;
+}
+
+declare const EUI_ECL_DATE_PICKER: readonly [typeof EclDatePickerDirective];
+
+export { ECL_DATE_PICKER_VALUE_ACCESSOR, EUI_ECL_DATE_PICKER, EclDatePickerDatePickedEvent, EclDatePickerDirective, EclDatePickerModule };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4CAA4C,CAAC;AAE3D,eAAO,MAAM,mBAAmB,0CAEtB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-date-picker/events/ecl-date-picker-date-picked.event.ts","../../../components/ecl-date-picker/ecl-date-picker.directive.ts","../../../components/ecl-date-picker/ecl-date-picker.module.ts","../../../components/ecl-date-picker/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"mappings":";;;;;;AAEA;;AAEG;AACH,cAAA,4BAAA,SAAA,YAAA;AACoB,UAAA,IAAA;AAAA,sBAAA,IAAA;AAGnB;;AC8BD;;AAEG;AACH,cAAA,8BAAA,EAAA,QAAA;AAUA;;;AAGG;AACH,cAAA,sBAAA,SAAA,gBAAA,YAAA,MAAA,EAAA,oBAAA,EAAA,SAAA;;AAOI;;AAEG;AACM;AAET;;;AAGG;AACM;AAET;;AAEG;AACuB;AAE1B;;AAEG;;AAMH;;AAEG;AACO,gBAAA,YAAA,CAAA,4BAAA;AAEV;;;AAGG;AAEH;;;;;;;;;;;AAgBA;AACA;;;;;;;AAgBA;;AAEG;AACH;AAQA;;AAEG;AACH;AAKA;;AAEG;AAEH;AAIA;;AAEG;AAEH;AAUC;;;;;AAKE;AAEH;AAOA;;;;;AAKG;AACH;AAIA;;;;;AAKG;AAEH;AAIA;;;;;AAKG;AAEH;;AAuCA;AASA;AAWA;AAQA;AAiBA;AAKA;AAaA;AAIA;AAIA;AAOA;AASA;;;AAMH;;ACtVD;;;;AAIG;AACH,cAAA,mBAAA;;;;AAImC;;ACNnC,cAAA,mBAAA,mBAAA,sBAAA;;;;"}

package/components/ecl-expandable/index.d.ts

@@ -1,5 +1,70 @@
-import { EclExpandableComponent } from './ecl-expandable.component';
-export * from './ecl-expandable.module';
-export * from './ecl-expandable.component';
-export declare const EUI_ECL_EXPANDABLE: readonly [typeof EclExpandableComponent];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
+import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
+
+/**
+ * Event emitted when the expandable is toggled.
+ * Contains the next expanded state.
+ */
+declare class EclExpandableToggleEvent extends EclBaseEvent {
+    isExpanded: boolean;
+    constructor(isExpanded: boolean);
+}
+/**
+ * Expandable component used to toggle visibility of additional content.
+ * It displays a toggle button with configurable labels and emits an event on toggle.
+ */
+declare class EclExpandableComponent extends ECLBaseDirective implements OnInit {
+    /**
+     * Applies the expandable base CSS class to the host element.
+     */
+    get cssClasses(): string;
+    /**
+     * Whether the expandable content is currently expanded.
+     * Default is `false`.
+     */
+    isExpanded: boolean;
+    /**
+     * The label to display when the content is collapsed.
+     */
+    collapsedLabel: string;
+    /**
+     * The label to display when the content is expanded.
+     * If not set, `collapsedLabel` will be used as fallback.
+     */
+    expandedLabel: string;
+    /**
+     * Event emitted when the expandable is toggled.
+     * Consumers can prevent default behavior by calling `event.preventDefault()`.
+     */
+    toggle: EventEmitter<EclExpandableToggleEvent>;
+    /**
+     * Initializes the component.
+     * If `expandedLabel` is not provided, it falls back to `collapsedLabel`.
+     */
+    ngOnInit(): void;
+    /**
+     * Handles click on the toggle button.
+     * Emits a toggle event and updates the expanded state unless prevented.
+     */
+    onButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclExpandableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclExpandableComponent, "ecl-expandable", never, { "isExpanded": { "alias": "isExpanded"; "required": false; }; "collapsedLabel": { "alias": "collapsedLabel"; "required": false; }; "expandedLabel": { "alias": "expandedLabel"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_isExpanded: unknown;
+}
+
+/**
+ * Module that provides the EclExpandable component and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_EXPANDABLE} instead.
+ */
+declare class EclExpandableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclExpandableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclExpandableModule, never, [typeof EclExpandableComponent], [typeof EclExpandableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclExpandableModule>;
+}
+
+declare const EUI_ECL_EXPANDABLE: readonly [typeof EclExpandableComponent];
+
+export { EUI_ECL_EXPANDABLE, EclExpandableComponent, EclExpandableModule, EclExpandableToggleEvent };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-expandable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-expandable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAE3C,eAAO,MAAM,kBAAkB,0CAErB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-expandable/ecl-expandable.component.ts","../../../components/ecl-expandable/ecl-expandable.module.ts","../../../components/ecl-expandable/index.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;;AAOA;;;AAGG;AACH,cAAA,wBAAA,SAAA,YAAA;AACqB;AAAA;AAGpB;AAED;;;AAGG;AACH,cAAA,sBAAA,SAAA,gBAAA,YAAA,MAAA;AAaE;;AAEG;;AAMH;;;AAGG;AACqC;AAExC;;AAEG;;AAGH;;;AAGG;;AAGH;;;AAGG;AAEO,YAAA,YAAA,CAAA,wBAAA;AAEV;;;AAGG;AACH;AAMA;;;AAGG;AACH;;;;AAUD;;ACvFD;;;;AAIG;AACH,cAAA,mBAAA;;;;AAImC;;ACPnC,cAAA,kBAAA,mBAAA,sBAAA;;;;"}

package/components/ecl-fact-figures/index.d.ts

@@ -1,15 +1,137 @@
-import { EclFactFiguresComponent } from './ecl-fact-figures.component';
-import { EclFactFiguresItemComponent } from './ecl-fact-figures-item.component';
-import { EclFactFiguresViewAllComponent } from './ecl-fact-figures-view-all.component';
-import { EclFactFiguresDescriptionComponent } from './ecl-fact-figures-description.component';
-import { EclFactFiguresTitleComponent } from './ecl-fact-figures-title.component';
-import { EclFactFiguresValueComponent } from './ecl-fact-figures-value.component';
-export * from './ecl-fact-figures.module';
-export * from './ecl-fact-figures.component';
-export * from './ecl-fact-figures-description.component';
-export * from './ecl-fact-figures-title.component';
-export * from './ecl-fact-figures-value.component';
-export * from './ecl-fact-figures-item.component';
-export * from './ecl-fact-figures-view-all.component';
-export declare const EUI_ECL_FACT_FIGURES: readonly [typeof EclFactFiguresComponent, typeof EclFactFiguresItemComponent, typeof EclFactFiguresViewAllComponent, typeof EclFactFiguresDescriptionComponent, typeof EclFactFiguresTitleComponent, typeof EclFactFiguresValueComponent];
-//# sourceMappingURL=index.d.ts.map
+import { ECLBaseDirective } from '@eui/ecl/core';
+import * as i0 from '@angular/core';
+import { AfterContentInit, QueryList } from '@angular/core';
+import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
+import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
+
+/**
+ * Main component for displaying a collection of fact and figure items
+ * in a responsive, styled grid layout.
+ */
+declare class EclFactFiguresComponent extends ECLBaseDirective {
+    /**
+     * Sets the CSS classes for the component, including layout and font size modifiers.
+     * Automatically adds:
+     * - `ecl-fact-figures--font-m` when `fontSize` is `'m'`
+     * - `ecl-fact-figures--col-{n}` depending on the `columns` value
+     */
+    get cssClasses(): string;
+    /**
+     * Number of columns in the layout (as string).
+     * Default is `'3'`.
+     */
+    columns: string;
+    /**
+     * Font size variant. Can be:
+     * - `'m'` – medium (smaller text)
+     * - `'l'` – large (default)
+     */
+    fontSize: 'm' | 'l';
+    /**
+     * Whether the content should be centered.
+     * Adds `ecl-fact-figures--centered` class when true.
+     */
+    isCentered: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresComponent, "ecl-fact-figures", never, { "columns": { "alias": "columns"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "isCentered": { "alias": "isCentered"; "required": false; }; }, {}, never, ["*", "ecl-fact-figures-view-all"], true, never>;
+    static ngAcceptInputType_isCentered: unknown;
+}
+
+/**
+ * Component representing a single item within the Fact & Figures block.
+ * Optionally handles embedded icons and applies appropriate styling.
+ */
+declare class EclFactFiguresItemComponent extends ECLBaseDirective implements AfterContentInit {
+    /**
+     * Applies the base class `ecl-fact-figures__item` to the host element.
+     */
+    get cssClasses(): string;
+    /**
+     * Query for any EclIconComponent children projected into the component.
+     * These icons will receive an additional CSS class.
+     */
+    eclIconComponents: QueryList<EclIconComponent>;
+    /**
+     * Lifecycle hook that adds a CSS class to any EclIconComponent
+     * found within the projected content.
+     */
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresItemComponent, "ecl-fact-figures-item", never, {}, {}, ["eclIconComponents"], ["*"], true, never>;
+}
+
+/**
+ * Component representing the "View all" section in a Fact & Figures block.
+ * Used to display a link that allows users to view additional content.
+ */
+declare class EclFactFiguresViewAllComponent extends ECLBaseDirective implements AfterContentInit {
+    /**
+     * Applies the base class `ecl-fact-figures__view-all` to the host element.
+     */
+    get cssClasses(): string;
+    /**
+     * Reference to the projected link directive inside the component.
+     * Automatically decorated with a specific class upon initialization.
+     */
+    eclLink: EclLinkDirective;
+    /**
+     * Adds the `ecl-fact-figures__view-all-link` class to the projected link.
+     * This ensures consistent styling within the view-all section.
+     */
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresViewAllComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresViewAllComponent, "ecl-fact-figures-view-all", never, {}, {}, ["eclLink"], ["*"], true, never>;
+}
+
+/**
+ * Component representing the description text of a fact or figures section.
+ * Typically used to provide contextual or supporting information.
+ */
+declare class EclFactFiguresDescriptionComponent extends ECLBaseDirective {
+    /**
+     * Applies the base class `ecl-fact-figures__description` to the host element.
+     */
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresDescriptionComponent, "ecl-fact-figures-description", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Component representing the title section of a Fact & Figures item.
+ */
+declare class EclFactFiguresTitleComponent extends ECLBaseDirective {
+    /**
+     * Applies the base class `ecl-fact-figures__title` to the host element.
+     */
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresTitleComponent, "ecl-fact-figures-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Component representing the value section of a Fact & Figures item.
+ */
+declare class EclFactFiguresValueComponent extends ECLBaseDirective {
+    /**
+     * Applies the base class `ecl-fact-figures__value` to the host element.
+     */
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFactFiguresValueComponent, "ecl-fact-figures-value", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Module that provides the EclFactFigures component and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_FACT_FIGURES} instead.
+ */
+declare class EclFactFiguresModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFactFiguresModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclFactFiguresModule, never, [typeof EclFactFiguresComponent, typeof EclFactFiguresItemComponent, typeof EclFactFiguresViewAllComponent, typeof EclFactFiguresDescriptionComponent, typeof EclFactFiguresTitleComponent, typeof EclFactFiguresValueComponent], [typeof EclFactFiguresComponent, typeof EclFactFiguresItemComponent, typeof EclFactFiguresViewAllComponent, typeof EclFactFiguresDescriptionComponent, typeof EclFactFiguresTitleComponent, typeof EclFactFiguresValueComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclFactFiguresModule>;
+}
+
+declare const EUI_ECL_FACT_FIGURES: readonly [typeof EclFactFiguresComponent, typeof EclFactFiguresItemComponent, typeof EclFactFiguresViewAllComponent, typeof EclFactFiguresDescriptionComponent, typeof EclFactFiguresTitleComponent, typeof EclFactFiguresValueComponent];
+
+export { EUI_ECL_FACT_FIGURES, EclFactFiguresComponent, EclFactFiguresDescriptionComponent, EclFactFiguresItemComponent, EclFactFiguresModule, EclFactFiguresTitleComponent, EclFactFiguresValueComponent, EclFactFiguresViewAllComponent };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-fact-figures/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-fact-figures/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,kCAAkC,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AAEtD,eAAO,MAAM,oBAAoB,2OAOvB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-fact-figures/ecl-fact-figures.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures-item.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures-view-all.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures-description.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures-title.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures-value.component.ts","../../../components/ecl-fact-figures/ecl-fact-figures.module.ts","../../../components/ecl-fact-figures/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;AAGA;;;AAGG;AACH,cAAA,uBAAA,SAAA,gBAAA;AAYE;;;;;AAKG;;AAQH;;;AAGG;AACM;AAET;;;;AAIG;AACM;AAET;;;AAGG;AAGH;;;;AACD;;AChDD;;;AAGG;AACH,cAAA,2BAAA,SAAA,gBAAA,YAAA,gBAAA;AAKE;;AAEG;;AAMH;;;AAGG;AACgC,uBAAA,SAAA,CAAA,gBAAA;AAEnC;;;AAGG;AACH;;;AAOD;;AClCD;;;AAGG;AACH,cAAA,8BAAA,SAAA,gBAAA,YAAA,gBAAA;AAYE;;AAEG;;AAMH;;;AAGG;;AAGH;;;AAGG;AACH;;;AAKD;;ACxCD;;;AAGG;AACH,cAAA,kCAAA,SAAA,gBAAA;AAaE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACvBD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAYE;;AAEG;;;;AAKJ;;ACjBD;;;;AAIG;AACH,cAAA,oBAAA;;;;AAkBoC;;AChBpC,cAAA,oBAAA,mBAAA,uBAAA,SAAA,2BAAA,SAAA,8BAAA,SAAA,kCAAA,SAAA,4BAAA,SAAA,4BAAA;;;;"}

package/components/ecl-featured/index.d.ts

@@ -1,13 +1,100 @@
-import { EclFeaturedComponent } from './ecl-featured.component';
-import { EclFeaturedItemComponent } from './ecl-featured-item.component';
-import { EclFeaturedItemDescriptionComponent } from './ecl-featured-item-description.component';
-import { EclFeaturedItemFooterComponent } from './ecl-featured-item-footer.component';
-import { EclFeaturedItemLinkDirective } from './ecl-featured-item-link.directive';
-export * from './ecl-featured.module';
-export * from './ecl-featured.component';
-export * from './ecl-featured-item.component';
-export * from './ecl-featured-item-description.component';
-export * from './ecl-featured-item-footer.component';
-export * from './ecl-featured-item-link.directive';
-export declare const EUI_ECL_FEATURED: readonly [typeof EclFeaturedComponent, typeof EclFeaturedItemComponent, typeof EclFeaturedItemDescriptionComponent, typeof EclFeaturedItemFooterComponent, typeof EclFeaturedItemLinkDirective];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { OnInit, AfterContentInit } from '@angular/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import { EclMediaContainerComponent } from '@eui/ecl/components/ecl-media-container';
+
+/**
+ * Custom ECL component, that adds visual support to a piece of content. Uses <ecl-media-container>.
+ */
+declare class EclFeaturedComponent extends ECLBaseDirective implements OnInit {
+    /**
+     * The position of the image in the component. Can be 'left' or 'right'. The default value is 'left'.
+     */
+    position: 'left' | 'right';
+    /**
+     * 'highligh' varian, applies class to make more stand out appearance of the component.
+     */
+    variant: 'highlight' | 'simple';
+    role: string;
+    /**
+     * Adds specific classes to the component.
+     */
+    get cssClasses(): string;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFeaturedComponent, "ecl-featured", never, { "position": { "alias": "position"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*", "[eclFeaturedItemFooter]"], true, never>;
+}
+
+/**
+ * Container for the text part - title and description of the <ecl-featured> component.
+ */
+declare class EclFeaturedItemComponent extends ECLBaseDirective implements AfterContentInit {
+    eclTitle: string;
+    mediaContainer: EclMediaContainerComponent;
+    className: boolean;
+    get hasTitle(): boolean;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFeaturedItemComponent, "ecl-featured-item", never, { "eclTitle": { "alias": "eclTitle"; "required": false; }; }, {}, ["mediaContainer"], ["*"], true, never>;
+}
+
+/**
+ * Applies specific additional class to style <ecl-featured-item-description> component, as a part of the
+ *  <ecl-featured> component.
+ */
+declare class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFeaturedItemDescriptionComponent, "ecl-featured-item-description", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Applies specific additional class to style <ecl-featured-item-footer> component.
+ */
+declare class EclFeaturedItemFooterComponent extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclFeaturedItemFooterComponent, "[eclFeaturedItemFooter]", never, {}, {}, never, ["*", "[eclFeaturedItemFooterLink]", "[eclFeaturedItemFooterPicture]"], true, never>;
+}
+
+/**
+ * Applies specific additional class for the eclLink directive, used in <ecl-featured-item> construction.
+ */
+declare class EclFeaturedItemLinkDirective extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclFeaturedItemLinkDirective, "[eclFeaturedItemLink]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Applies specific additional class for the eclLink directive, used in <ecl-featured-item-footer>.
+ */
+declare class EclFeaturedItemFooterLinkDirective extends ECLBaseDirective {
+    className: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemFooterLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclFeaturedItemFooterLinkDirective, "[eclFeaturedItemFooterLink]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Applies specific additional class for the <picture> element, used in <ecl-featured-item-footer>.
+ */
+declare class EclFeaturedItemFooterPictureDirective extends ECLBaseDirective {
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedItemFooterPictureDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclFeaturedItemFooterPictureDirective, "picture[eclFeaturedItemFooterPicture]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @description
+ * Module that provides the EclFeatured component and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_FEATURED} instead.
+ */
+declare class EclFeaturedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeaturedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclFeaturedModule, never, [typeof EclFeaturedComponent, typeof EclFeaturedItemComponent, typeof EclFeaturedItemLinkDirective, typeof EclFeaturedItemDescriptionComponent, typeof EclFeaturedItemFooterPictureDirective, typeof EclFeaturedItemFooterLinkDirective, typeof EclFeaturedItemFooterComponent], [typeof EclFeaturedComponent, typeof EclFeaturedItemComponent, typeof EclFeaturedItemLinkDirective, typeof EclFeaturedItemDescriptionComponent, typeof EclFeaturedItemFooterPictureDirective, typeof EclFeaturedItemFooterLinkDirective, typeof EclFeaturedItemFooterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclFeaturedModule>;
+}
+
+declare const EUI_ECL_FEATURED: readonly [typeof EclFeaturedComponent, typeof EclFeaturedItemComponent, typeof EclFeaturedItemDescriptionComponent, typeof EclFeaturedItemFooterComponent, typeof EclFeaturedItemLinkDirective];
+
+export { EUI_ECL_FEATURED, EclFeaturedComponent, EclFeaturedItemComponent, EclFeaturedItemDescriptionComponent, EclFeaturedItemFooterComponent, EclFeaturedItemFooterLinkDirective, EclFeaturedItemFooterPictureDirective, EclFeaturedItemLinkDirective, EclFeaturedModule };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-featured/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-featured/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,mCAAmC,EAAE,MAAM,2CAA2C,CAAC;AAChG,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AAEnD,eAAO,MAAM,gBAAgB,iMAMnB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-featured/ecl-featured.component.ts","../../../components/ecl-featured/ecl-featured-item.component.ts","../../../components/ecl-featured/ecl-featured-item-description.component.ts","../../../components/ecl-featured/ecl-featured-item-footer.component.ts","../../../components/ecl-featured/ecl-featured-item-link.directive.ts","../../../components/ecl-featured/ecl-featured.module.ts","../../../components/ecl-featured/index.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":[],"mappings":";;;;;AAGA;;AAEG;AACH,cAAA,oBAAA,SAAA,gBAAA,YAAA,MAAA;AAKI;;AAEG;AACM;AAET;;AAEG;AACM;AAEiB;AAE1B;;AAEG;;AASH;;;AAKH;;ACnCD;;AAEG;AACH,cAAA,wBAAA,SAAA,gBAAA,YAAA,gBAAA;AAYa;;AAEqC;;AAM9C;;;AAKH;;AC7BD;;;AAGG;AACH,cAAA,mCAAA,SAAA,gBAAA;AAYyD;;;AACxD;;ACjBD;;AAEG;AACH,cAAA,8BAAA,SAAA,gBAAA;AAMoD;;;AACnD;;ACVD;;AAEG;AACH,cAAA,4BAAA,SAAA,gBAAA;AAIkD;;;AACjD;AAED;;AAEG;AACH,cAAA,kCAAA,SAAA,gBAAA;AAIyD;;;AACxD;AAED;;AAEG;AACH,cAAA,qCAAA,SAAA,gBAAA;;;;AAQC;;ACjBD;;;;;AAKG;AACH,cAAA,iBAAA;;;;AAIiC;;ACdjC,cAAA,gBAAA,mBAAA,oBAAA,SAAA,wBAAA,SAAA,mCAAA,SAAA,8BAAA,SAAA,4BAAA;;;;"}

package/components/ecl-feedback-message/index.d.ts

@@ -1,5 +1,45 @@
-import { EclFeedbackMessageDirective } from './ecl-feedback-message.directive';
-export * from './ecl-feedback-message.module';
-export * from './ecl-feedback-message.directive';
-export declare const EUI_ECL_FEEDBACK_MESSAGE: readonly [typeof EclFeedbackMessageDirective];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { AfterContentInit, QueryList } from '@angular/core';
+import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
+import { ECLBaseDirective } from '@eui/ecl/core';
+
+/**
+ * Directive that renders a feedback message following the ECL design system.
+ * It automatically styles its content and nested icon components accordingly.
+ *
+ * Should be applied to a container element that wraps a feedback message.
+ */
+declare class EclFeedbackMessageDirective extends ECLBaseDirective implements AfterContentInit {
+    /**
+     * Applies the appropriate ECL feedback message CSS class to the host element.
+     */
+    get cssClasses(): string;
+    /**
+     * Queries all nested `EclIconComponent` instances inside the host element.
+     * These icons will receive the `ecl-feedback-message__icon` styling class.
+     */
+    eclIconComponents: QueryList<EclIconComponent>;
+    /**
+     * Lifecycle hook that runs after content (e.g. projected icons) is initialized.
+     * Adds the `ecl-feedback-message__icon` CSS class to each nested icon component.
+     */
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeedbackMessageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclFeedbackMessageDirective, "[eclFeedbackMessage]", never, {}, {}, ["eclIconComponents"], never, true, never>;
+}
+
+/**
+ * Module that provides the EclFeedbackMessage directive.
+ *
+ * @deprecated Use {@link EUI_ECL_FEEDBACK_MESSAGE} instead.
+ */
+declare class EclFeedbackMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclFeedbackMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclFeedbackMessageModule, never, [typeof EclFeedbackMessageDirective], [typeof EclFeedbackMessageDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclFeedbackMessageModule>;
+}
+
+declare const EUI_ECL_FEEDBACK_MESSAGE: readonly [typeof EclFeedbackMessageDirective];
+
+export { EUI_ECL_FEEDBACK_MESSAGE, EclFeedbackMessageDirective, EclFeedbackMessageModule };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-feedback-message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-feedback-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AAEjD,eAAO,MAAM,wBAAwB,+CAE3B,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-feedback-message/ecl-feedback-message.directive.ts","../../../components/ecl-feedback-message/ecl-feedback-message.module.ts","../../../components/ecl-feedback-message/index.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;;;AAIA;;;;;AAKG;AACH,cAAA,2BAAA,SAAA,gBAAA,YAAA,gBAAA;AAII;;AAEG;;AAMH;;;AAGG;AACkD,uBAAA,SAAA,CAAA,gBAAA;AAErD;;;AAGG;AACH;;;AASH;;ACtCD;;;;AAIG;AACH,cAAA,wBAAA;;;;AAIwC;;ACPxC,cAAA,wBAAA,mBAAA,2BAAA;;;;"}