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

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

@@ -1,13 +1,369 @@
-import { EclGalleryFooterComponent } from './ecl-gallery-footer.component';
-import { EclGalleryItemComponent } from './ecl-gallery-item.component';
-import { EclGalleryMediaDirective, EclGalleryPictureDirective, EclGalleryThumbnailDirective } from './ecl-gallery-media.directive';
-import { EclGalleryComponent } from './ecl-gallery.component';
-export * from './ecl-gallery.module';
-export * from './ecl-gallery.component';
-export * from './ecl-gallery-item.component';
-export * from './ecl-gallery-footer.component';
-export * from './ecl-gallery-media.directive';
-export * from './events/index';
-export * from './models/ecl-gallery-item.model';
-export declare const EUI_ECL_GALLERY: readonly [typeof EclGalleryComponent, typeof EclGalleryFooterComponent, typeof EclGalleryItemComponent, typeof EclGalleryMediaDirective, typeof EclGalleryPictureDirective, typeof EclGalleryThumbnailDirective];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, AfterContentInit, OnDestroy, QueryList, ElementRef } from '@angular/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import { SafeResourceUrl } from '@angular/platform-browser';
+
+interface EclGalleryItem {
+    src: string;
+    meta: string;
+    description: string;
+}
+
+declare class EclGalleryShowEvent extends EclBaseEvent {
+}
+declare class EclGalleryHideEvent extends EclBaseEvent {
+}
+declare class EclGalleryFullScreenEvent extends EclBaseEvent {
+    galleryItem: EclGalleryItem;
+    constructor(galleryItem: EclGalleryItem);
+}
+declare class EclGalleryShareEvent extends EclBaseEvent {
+    galleryItem: EclGalleryItem;
+    constructor(galleryItem: EclGalleryItem);
+}
+
+declare class EclGalleryItemEvent extends EclBaseEvent {
+    galleryItem: EclGalleryItem;
+    constructor(galleryItem: EclGalleryItem);
+}
+
+declare class EclGalleryItemClickEvent extends EclBaseEvent {
+}
+
+declare class EclGalleryToggleItemsEvent extends EclBaseEvent {
+    expandAll: boolean;
+    constructor(expandAll: boolean);
+}
+
+/**
+ * Manages styling and functionality for gallery footer.
+ */
+declare class EclGalleryFooterComponent implements OnInit {
+    hasClass: boolean;
+    infoId: string;
+    /**
+     * Event, that is emitted when items are expanded/collapsed.
+     */
+    toggleItems: EventEmitter<EclGalleryToggleItemsEvent>;
+    private _itemsCount;
+    private _isExpanded;
+    private _isShowToggleBtn;
+    ngOnInit(): void;
+    get isExpanded(): boolean;
+    set isExpanded(value: boolean);
+    get itemsCount(): number;
+    set itemsCount(value: number);
+    get isShowToggleBtn(): boolean;
+    set isShowToggleBtn(value: boolean);
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclGalleryFooterComponent, "ecl-gallery-footer", never, { "infoId": { "alias": "infoId"; "required": false; }; }, { "toggleItems": "toggleItems"; }, never, ["*"], true, never>;
+}
+
+declare class EclGalleryMediaSource {
+    src?: string;
+    type?: string;
+}
+declare class EclGalleryMediaTrack {
+    src?: string;
+    kind?: string;
+    srcLang?: string;
+    label?: string;
+}
+declare class EclGalleryPictureSource {
+    srcset?: string;
+    media?: string;
+}
+declare class EclGalleryPictureImage {
+    src?: string;
+    alt?: string;
+    loading?: string;
+}
+/**
+ * Manages image/video for the thumbnail in the gallery. Adding some styling and functionality.
+ */
+declare class EclGalleryMediaDirective extends ECLBaseDirective implements OnInit {
+    /**
+     * To be used when there is no thimbnail added. Instead the 'poster' attribute in the <video> element is used
+     */
+    poster: string;
+    /**
+     * When this is true, on mousehover the image will be zoomed.
+     */
+    hasZoom: boolean;
+    sources: Array<EclGalleryMediaSource>;
+    tracks: Array<EclGalleryMediaTrack>;
+    /**
+     * Applies the ECL classes for the component.
+     */
+    get cssClasses(): string;
+    isVideo: boolean;
+    private el;
+    constructor();
+    ngOnInit(): void;
+    private checkIsVideo;
+    private createGalleryMediaChildren;
+    private getHostElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryMediaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclGalleryMediaDirective, "[eclGalleryMedia], [eclGalleryImage]", never, { "poster": { "alias": "poster"; "required": false; }; "hasZoom": { "alias": "hasZoom"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_hasZoom: unknown;
+}
+/**
+ * Adds styling and functionality for gallery picture component.
+ */
+declare class EclGalleryPictureDirective extends ECLBaseDirective {
+    isThumbnail: boolean;
+    sources: Array<EclGalleryPictureSource>;
+    img: EclGalleryPictureImage;
+    private el;
+    private cd;
+    get cssClasses(): string;
+    constructor();
+    private createGalleryPictureChildren;
+    private getHostElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryPictureDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclGalleryPictureDirective, "picture[eclGalleryPicture]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Applies classes for the gallery thumbnail.
+ */
+declare class EclGalleryThumbnailDirective extends ECLBaseDirective {
+    get cssClasses(): string;
+    hasZoom: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryThumbnailDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclGalleryThumbnailDirective, "picture[eclGalleryThumbnail]", never, { "hasZoom": { "alias": "hasZoom"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_hasZoom: unknown;
+}
+
+/**
+ * Wrapper component for gallery item's elements.
+ */
+declare class EclGalleryItemComponent extends ECLBaseDirective implements EclGalleryItem, OnInit, AfterContentInit {
+    /**
+     * Can this item be shared, i.e. show/hide share button.
+     */
+    isShareable: boolean;
+    mediaType: 'image' | 'video' | 'externalVideo';
+    /**
+     * 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).
+     */
+    src: string;
+    meta: string;
+    description: string;
+    /**
+     * Embeded audio description.
+     */
+    srVideoAudioDescription: string;
+    icon: string;
+    title: string;
+    itemId: string;
+    itemClick: EventEmitter<EclGalleryItemClickEvent>;
+    mediaChild: EclGalleryMediaDirective;
+    galleryThumbnail: EclGalleryThumbnailDirective;
+    galleryPicture: EclGalleryPictureDirective;
+    /**
+     * Binds specific classes for the item. Some depend on some of the properties of the component.
+     */
+    get cssClasses(): string;
+    /**
+     * The role attribute of the item is 'listitem', should not be changed.
+     */
+    role: string;
+    private _isNoOverlay;
+    private _isHidden;
+    private externalVideoUrl;
+    private domSanitizer;
+    private renderer;
+    private el;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /**
+     * Set if the item should be shown in the gallery by default.
+     */
+    set isHidden(value: boolean);
+    onItemClick(evt: MouseEvent): void;
+    getDownloadLink(): string;
+    getUrlExternalVideo(): SafeResourceUrl;
+    get isNoOverlay(): boolean;
+    set isNoOverlay(value: boolean);
+    get isImage(): boolean;
+    get isVideo(): boolean;
+    get isExternalVideo(): boolean;
+    get isOpenInFullScreenPossible(): boolean;
+    /**
+     * Creates id for the title
+     */
+    get titleId(): string;
+    /**
+     * If the thimbnail was added by user. If not -> we are adding it in the view.
+     */
+    get hasGalleryThumbnail(): boolean;
+    onFocus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclGalleryItemComponent, "ecl-gallery-item", never, { "isShareable": { "alias": "isShareable"; "required": false; }; "mediaType": { "alias": "mediaType"; "required": false; }; "src": { "alias": "src"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "description": { "alias": "description"; "required": false; }; "srVideoAudioDescription": { "alias": "srVideoAudioDescription"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "itemId": { "alias": "itemId"; "required": false; }; }, { "itemClick": "itemClick"; }, ["mediaChild", "galleryThumbnail", "galleryPicture"], ["[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]"], true, never>;
+    static ngAcceptInputType_isShareable: unknown;
+}
+
+/**
+ * This component represents a collection of images or videos and allows a user to browse them.
+ * Adds functionality and styling, according to the ECL standards.
+ */
+declare class EclGalleryComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy, OnInit {
+    isOpenInFullScreenPossible: boolean;
+    /**
+     * If the items in the gallery can be shared. I.e. if the link for sharing will be present for each item.
+     */
+    isShareable: boolean;
+    /**
+     * If set to true, the gallery will have 100 view width.
+     */
+    isFullWidth: boolean;
+    /**
+     * If set to true, no overlay will be displayed when user clicks on an image.
+     */
+    isNoOverlay: boolean;
+    /**
+     * If set to false, no title will be displayed when user hover on a gallery item.
+     */
+    isShowTitleOnHover: boolean;
+    /**
+     * Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.
+     */
+    maxVisibleItems: number;
+    /**
+     * If set to true, a specific class will be applied, so the gallery thumbnails are displayed as a grid, all with same size.
+     */
+    isGrid: boolean;
+    columns: 2 | 3 | 4 | number;
+    /**
+     * 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.
+     */
+    gridTemplate: '0' | '1' | '2' | '3' | '4' | string;
+    /**
+     * The ratio that will be applied to the gallery thumbnails.
+     */
+    ratio: '3-1' | '3-2' | string;
+    /**
+     * Emits event when user clicks on an item to expand it.
+     */
+    show: EventEmitter<EclGalleryShowEvent>;
+    /**
+     * Emits event when an expanded item is closed.
+     */
+    hide: EventEmitter<EclGalleryHideEvent>;
+    /**
+     * Emits event when an item is opened in full screen.
+     */
+    openFullScreen: EventEmitter<EclGalleryFullScreenEvent>;
+    /**
+     * Emits event when an item is shared.
+     */
+    share: EventEmitter<EclGalleryShareEvent>;
+    /**
+     * Emits event when user is browsing items, opened in an overlay.
+     */
+    itemSwitch: EventEmitter<EclGalleryItemEvent>;
+    galleryItems: QueryList<EclGalleryItemComponent>;
+    galleryFooter: EclGalleryFooterComponent;
+    overlayChild: ElementRef;
+    headerChild: ElementRef;
+    footerChild: ElementRef;
+    /**
+     * Applies specific clases to the component, related to the component properties values.
+     */
+    get cssClasses(): string;
+    /**
+     * The default role of the component is 'region' and should not be changed.
+     */
+    role: string;
+    isDialogVisible: boolean;
+    isMobile: boolean;
+    itemsCount: number;
+    itemIndex: number;
+    item: EclGalleryItemComponent;
+    private iframeWidth;
+    private iframeHeight;
+    private BREAKPOINT_CHANGES_TIMEOUT;
+    private destroy$;
+    private visibleItems;
+    private MAX_VISIBLE_ITEMS_MOBILE;
+    private RESOLUTION_16_9_PROPOTION;
+    private RESOLUTION_4_3_PROPOTION;
+    private cdkBreakpointObserver;
+    private platformId;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Emit 'itemSwitch' event, when switching to the previous item. Event contains the new current item.
+     * @param evt
+     */
+    onPrevious(evt: MouseEvent): void;
+    /**
+     * Emit 'itemSwitch' event, when switching to the next item. Event contains the new current item.
+     * @param evt
+     */
+    onNext(evt: MouseEvent): void;
+    /**
+     * Emit 'hide' event, when closing item dialog.
+     * @param evt
+     */
+    onClose(evt: MouseEvent): void;
+    /**
+     * On pressing 'esc' key - close the item dialog and emit 'hide' event.
+     * @param event
+     */
+    onEscapeKeydownHandler(event: KeyboardEvent): void;
+    onFullScreenOpen(evt: MouseEvent): void;
+    onShare(evt: MouseEvent): void;
+    canBeOpenInFullScreen(): boolean;
+    canBeShared(): boolean;
+    getIframeWidth(): number;
+    getIframeHeight(): number;
+    setIframeDimensions(): void;
+    iframeResize(): void;
+    private getCalculatedIframeDimensions;
+    private findItemIndex;
+    private findPreviousItem;
+    private findNextItem;
+    private findPreviousItemIndex;
+    private findNextItemIndex;
+    private observeBreakpointChanges;
+    private manageItemsMobile;
+    private manageItemsDesktop;
+    private hasHiddenGaleryItems;
+    private collapseItems;
+    private showAllItems;
+    private hideGaleryItem;
+    private showGaleryItem;
+    private getHiddenItems;
+    private getVisibleItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclGalleryComponent, "ecl-gallery", never, { "isOpenInFullScreenPossible": { "alias": "isOpenInFullScreenPossible"; "required": false; }; "isShareable": { "alias": "isShareable"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "isNoOverlay": { "alias": "isNoOverlay"; "required": false; }; "isShowTitleOnHover": { "alias": "isShowTitleOnHover"; "required": false; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; }; "isGrid": { "alias": "isGrid"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "gridTemplate": { "alias": "gridTemplate"; "required": false; }; "ratio": { "alias": "ratio"; "required": false; }; }, { "show": "show"; "hide": "hide"; "openFullScreen": "openFullScreen"; "share": "share"; "itemSwitch": "itemSwitch"; }, ["galleryFooter", "galleryItems"], ["*", "ecl-gallery-footer"], true, never>;
+    static ngAcceptInputType_isOpenInFullScreenPossible: unknown;
+    static ngAcceptInputType_isShareable: unknown;
+    static ngAcceptInputType_isFullWidth: unknown;
+    static ngAcceptInputType_isNoOverlay: unknown;
+    static ngAcceptInputType_isShowTitleOnHover: unknown;
+    static ngAcceptInputType_maxVisibleItems: unknown;
+    static ngAcceptInputType_isGrid: unknown;
+    static ngAcceptInputType_columns: unknown;
+}
+
+/**
+ * Module that provides the EclGalleryComponent and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_GALLERY} instead.
+ */
+declare class EclGalleryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclGalleryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclGalleryModule, never, [typeof EclGalleryComponent, typeof EclGalleryFooterComponent, typeof EclGalleryItemComponent, typeof EclGalleryMediaDirective, typeof EclGalleryPictureDirective, typeof EclGalleryThumbnailDirective], [typeof EclGalleryComponent, typeof EclGalleryFooterComponent, typeof EclGalleryItemComponent, typeof EclGalleryMediaDirective, typeof EclGalleryPictureDirective, typeof EclGalleryThumbnailDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclGalleryModule>;
+}
+
+declare const EUI_ECL_GALLERY: readonly [typeof EclGalleryComponent, typeof EclGalleryFooterComponent, typeof EclGalleryItemComponent, typeof EclGalleryMediaDirective, typeof EclGalleryPictureDirective, typeof EclGalleryThumbnailDirective];
+
+export { EUI_ECL_GALLERY, EclGalleryComponent, EclGalleryFooterComponent, EclGalleryFullScreenEvent, EclGalleryHideEvent, EclGalleryItemClickEvent, EclGalleryItemComponent, EclGalleryItemEvent, EclGalleryMediaDirective, EclGalleryMediaSource, EclGalleryMediaTrack, EclGalleryModule, EclGalleryPictureDirective, EclGalleryPictureImage, EclGalleryPictureSource, EclGalleryShareEvent, EclGalleryShowEvent, EclGalleryThumbnailDirective, EclGalleryToggleItemsEvent };
+export type { EclGalleryItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EACH,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAEhD,eAAO,MAAM,eAAe,kNAOlB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-gallery/models/ecl-gallery-item.model.ts","../../../components/ecl-gallery/events/ecl-gallery.event.ts","../../../components/ecl-gallery/events/ecl-gallery-item.event.ts","../../../components/ecl-gallery/events/ecl-gallery-item-click.event.ts","../../../components/ecl-gallery/events/ecl-gallery-toggle-items.event.ts","../../../components/ecl-gallery/ecl-gallery-footer.component.ts","../../../components/ecl-gallery/ecl-gallery-media.directive.ts","../../../components/ecl-gallery/ecl-gallery-item.component.ts","../../../components/ecl-gallery/ecl-gallery.component.ts","../../../components/ecl-gallery/ecl-gallery.module.ts","../../../components/ecl-gallery/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;AAIC;;ACDD;AAAwD;AACxD;AAAwD;AACxD;AACoB;AAAA;AAGnB;AACD;AACoB;AAAA;AAGnB;;ACXD;AACoB;AAAA;AAGnB;;ACLD;AAA6D;;ACA7D;AACoB;AAAA;AAGnB;;ACDD;;AAEG;AACH;AAM8C;;AAE1C;;AAEG;AACO;;;;AAMV;;AAQA;;AAOA;;AAOA;AAIA;;;AAIH;;ACpDD;;;AAGC;AAED;;;;;AAKC;AAED;;;AAGC;AAED;;;;AAIC;AAED;;AAEG;AACH;AAII;;AAEG;;AAEH;;AAEG;AACqC;AACxC;AACA;AAEA;;AAEG;;AAQ6B;;;AAUhC;AAIA;AAKA;AAqBA;;;;AAGH;AAED;;AAEG;AACH;AAKI;AACA;;;;;;AAiBA;AAwBA;;;AAGH;AAED;;AAEG;AACH;;AAQoF;;;;AACnF;;AC1JD;;AAEG;AACH;AAMI;;AAEG;AACqC;AAC/B;AACT;;AAEG;;;;AAIH;;AAEG;;;;;AAKO;;;;AAKV;;AAEG;;AAKH;;AAEG;AACuB;;;;;;;AAS1B;AAgBA;AAMA;;AAEG;AACH;AAKA;AAKA;AAIA;;AAQA;;;;;AAoBA;;AAEG;;AAKH;;AAEG;;AAKH;;;;AAGH;;AClID;;;AAGG;AACH;AAa4C;AACxC;;AAEG;AACqC;AACxC;;AAEG;AACqC;AACxC;;AAEG;AACqC;AACxC;;AAEG;AACqC;AACxC;;AAEG;;AAEH;;AAEG;AACqC;;AAGxC;;;AAGG;AACM;AACT;;AAEG;AACM;AAET;;AAEG;AAEO;AACV;;AAEG;AACO;AACV;;AAEG;AACO;AACV;;AAEG;AACO;AACV;;AAEG;AACO;AACgC;;;;;AAM1C;;AAEG;;AAYH;;AAEG;AACuB;AAE1B;AACA;;;;;;;;;;;;;;AAeA;AAOA;AAsCA;AAKA;;;AAGG;AACH;AAQA;;;AAGG;AACH;AAOA;;;AAGG;AACH;AAOA;;;AAGG;AAEH;AAKA;AAIA;AAKA;AAIA;AAIA;AAIA;AAIA;AAOA;AAIA;AA2BA;AAIA;AAKA;AAKA;AAKA;AAKA;AAcA;AAQA;AASA;AAQA;AAIA;AAMA;AAIA;AAIA;AAGA;;;;;;;;;;;AAGH;;ACtWD;;;;AAIG;AACH;;;;AAIgC;;ACXhC;;;"}

package/components/ecl-help-block/index.d.ts

@@ -1,5 +1,39 @@
-import { EclHelpBlockDirective } from './ecl-help-block.directive';
-export * from './ecl-help-block.module';
-export * from './ecl-help-block.directive';
-export declare const EUI_ECL_HELP_BLOCK: readonly [typeof EclHelpBlockDirective];
-//# sourceMappingURL=index.d.ts.map
+import { ECLBaseDirective } from '@eui/ecl/core';
+import * as i0 from '@angular/core';
+
+/**
+ * Directive for rendering a help block element following the ECL design system.
+ *
+ * This directive allows conditional styling for disabled state.
+ */
+declare class EclHelpBlockDirective extends ECLBaseDirective {
+    /**
+     * Indicates whether the help block is in a disabled state.
+     * When true, the `ecl-help-block--disabled` class is added.
+     */
+    isDisabled: boolean;
+    /**
+     * Applies ECL base class and optional modifier to the host element.
+     * Returns a space-separated list of CSS classes.
+     */
+    get cssClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclHelpBlockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclHelpBlockDirective, "[eclHelpBlock]", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_isDisabled: unknown;
+}
+
+/**
+ * Module that provides the EclHelpBlock directive.
+ *
+ * @deprecated Use {@link EUI_ECL_HELP_BLOCK} instead.
+ */
+declare class EclHelpBlockModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclHelpBlockModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclHelpBlockModule, never, [typeof EclHelpBlockDirective], [typeof EclHelpBlockDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclHelpBlockModule>;
+}
+
+declare const EUI_ECL_HELP_BLOCK: readonly [typeof EclHelpBlockDirective];
+
+export { EUI_ECL_HELP_BLOCK, EclHelpBlockDirective, EclHelpBlockModule };
+//# sourceMappingURL=index.d.ts.map

package/components/ecl-help-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-help-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAE3C,eAAO,MAAM,kBAAkB,yCAErB,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-help-block/ecl-help-block.directive.ts","../../../components/ecl-help-block/ecl-help-block.module.ts","../../../components/ecl-help-block/index.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;AAGA;;;;AAIG;AACH,cAAA,qBAAA,SAAA,gBAAA;AAII;;;AAGG;AACqC;AAExC;;;AAGG;;;;;AAKN;;ACvBD;;;;AAIG;AACH,cAAA,kBAAA;;;;AAIkC;;ACPlC,cAAA,kBAAA,mBAAA,qBAAA;;;;"}

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

@@ -1,5 +1,109 @@
-import { EclIconComponent } from './ecl-icon.component';
-export * from './ecl-icon.module';
-export * from './ecl-icon.component';
-export declare const EUI_ECL_ICON: readonly [typeof EclIconComponent];
-//# sourceMappingURL=index.d.ts.map
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i1 from '@eui/ecl/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
+
+/**
+ * ECL icon component – renders SVG icons from various sets depending on current theme.
+ * Integrates with ECL theming and supports accessibility options.
+ */
+declare class EclIconComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    el: ElementRef<any>;
+    /**
+     * Defines the icon set to use.
+     * Available sets: `default`, `social`, `social-media`, `flag`, or a custom URL prefix.
+     * Defaults to `'default'`.
+     */
+    iconSet: 'default' | 'social' | 'social-media' | 'flag' | string;
+    /**
+     * Name of the icon to render from the selected set.
+     */
+    icon: string;
+    /**
+     * Size of the icon.
+     * Supported values: `'2xs'`, `'xs'`, `'s'`, `'m'`, `'l'`, `'xl'`, `'2xl'`, `'fluid'`.
+     * Defaults to `'xs'`.
+     */
+    size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | 'fluid' | string;
+    /**
+     * Applies color styling to the icon.
+     * Use `'inverted'` for icons on dark backgrounds, or `'primary'` for emphasis.
+     */
+    color: 'inverted' | 'primary' | null;
+    /**
+     * Adds a transformation modifier to the icon (e.g., rotation).
+     */
+    transform: string;
+    /**
+     * ID reference for an external element that labels this icon for screen readers.
+     */
+    ariaLabelledby: string;
+    /**
+     * ARIA role of the icon. If a `title` is provided and no role is defined, defaults to `'img'`.
+     */
+    role: string;
+    /**
+     * Title used for accessibility. Also affects `aria-hidden` and `role`.
+     */
+    title: string;
+    /**
+     * Determines whether the icon should be hidden from assistive technologies.
+     * Defaults to `true` unless a title is provided.
+     */
+    ariaHidden: boolean;
+    /**
+     * Controls whether the icon is focusable via keyboard.
+     * Defaults to `false`.
+     */
+    focusable: boolean;
+    /**
+     * Flips the icon horizontally if set to `true`.
+     */
+    isFlipHorizontal: boolean;
+    /**
+     * Adds a dark background utility class if the color is set to `'inverted'`.
+     */
+    get isColorInverted(): boolean;
+    svgEl: ElementRef;
+    iconUrl$: Observable<string>;
+    baseDirective: ECLBaseDirective;
+    private renderer;
+    private eclThemeService;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Returns a map of CSS classes applied to the icon.
+     * Includes classes for size, color, transform, and base ECL styles.
+     */
+    getClasses(): {
+        [x: string]: any;
+    };
+    private initiateIconUrl;
+    private overrideRoleValueBasedOnTitle;
+    private overrideAriaLabelValueBasedOnTitle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EclIconComponent, "ecl-icon", never, { "iconSet": { "alias": "iconSet"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "role": { "alias": "role"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "isFlipHorizontal": { "alias": "isFlipHorizontal"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.ECLBaseDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_ariaHidden: unknown;
+    static ngAcceptInputType_focusable: unknown;
+    static ngAcceptInputType_isFlipHorizontal: unknown;
+}
+
+/**
+ * Module that provides the EclIcon component and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_ICON} instead.
+ */
+declare class EclIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EclIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EclIconModule, never, [typeof EclIconComponent], [typeof EclIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EclIconModule>;
+}
+
+declare const EUI_ECL_ICON: readonly [typeof EclIconComponent];
+
+export { EUI_ECL_ICON, EclIconComponent, EclIconModule };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ecl-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AAErC,eAAO,MAAM,YAAY,oCAEf,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../../../components/ecl-icon/ecl-icon.component.ts","../../../components/ecl-icon/ecl-icon.module.ts","../../../components/ecl-icon/index.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;;;;AAMA;;;AAGG;AACH,cAAA,gBAAA,YAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA;AAYI,QAAA,UAAA;AAEA;;;;AAIG;;AAGH;;AAEG;;AAGH;;;;AAIG;AACM;AAET;;;AAGG;AACM;AAET;;AAEG;;AAGH;;AAEG;;AAGH;;AAEG;;AAGH;;AAEG;;AAGH;;;AAGG;;AAGH;;;AAGG;AACqC;AAExC;;AAEG;AAGH;AAEA;;AAEG;;;AAQH,cAAA,UAAA;;;;;AAWA,yBAAA,aAAA;AAMA;AAMA;AAYA;AAaA;;;AAGG;AAEH;AAAgB;AAAkB;AAWlC;AAqBA;AAMA;;;;;;AAOH;;ACjMD;;;;AAIG;AACH,cAAA,aAAA;;;;AAI6B;;ACR7B,cAAA,YAAA,mBAAA,gBAAA;;;;"}