@eui/ecl 21.0.0-next.9 → 21.0.0-rc.1

package/fesm2022/eui-ecl-components-ecl-breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-breadcrumb.mjs","sources":["../../components/ecl-breadcrumb/events/ecl-breadcrumb-segment-click.event.ts","../../components/ecl-breadcrumb/ecl-breadcrumb-segment.component.ts","../../components/ecl-breadcrumb/ecl-breadcrumb-segment.component.html","../../components/ecl-breadcrumb/ecl-breadcrumb-container.directive.ts","../../components/ecl-breadcrumb/ecl-breadcrumb.component.ts","../../components/ecl-breadcrumb/ecl-breadcrumb.component.html","../../components/ecl-breadcrumb/ecl-breadcrumb.module.ts","../../components/ecl-breadcrumb/index.ts","../../components/ecl-breadcrumb/eui-ecl-components-ecl-breadcrumb.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted when a breadcrumb segment is clicked.\n */\nexport class EclBreadcrumbSegmentClickEvent extends EclBaseEvent {}\n","import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n    ViewEncapsulation,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Params, QueryParamsHandling, RouterLink, RouterLinkWithHref } from '@angular/router';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbSegmentClickEvent } from './events/ecl-breadcrumb-segment-click.event';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\n\n// TODO: ecl-breadcrumb-segment selector is deprecated and should be removed in v20\n\n/**\n * Displays a single breadcrumb segment with optional navigation or ellipsis.\n */\n@Component({\n    selector: 'ecl-breadcrumb-segment, li[eclBreadcrumbSegment]',\n    templateUrl: './ecl-breadcrumb-segment.component.html',\n    imports: [NgTemplateOutlet, RouterLink, RouterLinkWithHref, ...EUI_ECL_ICON, ...EUI_ECL_LINK],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EclBreadcrumbSegmentComponent extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * Defines the tabindex attribute for accessibility.\n     */\n    @HostBinding('attr.tabindex') tabIndex = '-1';\n\n    /**\n     * Defines the ARIA role for accessibility.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    /**\n     * Router link for navigation.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() routerLink: string | any[] = null;\n\n    /**\n     * Query parameters used with routerLink.\n     */\n    @Input() queryParams: Params | null = null;\n\n    /**\n     * Href used for standard navigation.\n     */\n    @Input() href = '';\n\n    /**\n     * Strategy for handling existing query parameters during navigation.\n     */\n    @Input() queryParamsHandling: QueryParamsHandling = null;\n\n    /**\n     * Displays the segment as an ellipsis instead of a link.\n     */\n    @Input({ transform: booleanAttribute }) isEllipsis = false;\n\n    /**\n     * Highlights the segment as the current page.\n     */\n    @Input({ transform: booleanAttribute }) isCurrentPage = false;\n\n    /**\n     * Hides the segment visually and from assistive technologies.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.aria-hidden')\n    isHidden = false;\n\n    /**\n     * Emits when the segment is clicked.\n     */\n    @Output() segmentClick = new EventEmitter<EclBreadcrumbSegmentClickEvent>();\n\n    constructor() {\n        super();\n        const el = this.el;\n\n        if (el.nativeElement.tagName.toLowerCase() === 'ecl-breadcrumb-segment') {\n            console.warn('\"ecl-breadcrumb-segment\" selector is deprecated; use \"li[eclBreadcrumbSegment]\" instead.');\n        }\n    }\n\n    /**\n     * Computes the CSS classes applied to the segment.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-breadcrumb__segment'),\n            this.isCurrentPage ? 'ecl-breadcrumb__current-page' : '',\n            this.isEllipsis ? 'ecl-breadcrumb__segment--ellipsis' : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Handles the click event on the segment.\n     */\n    onSegmentClick(evt: MouseEvent): void {\n        this.segmentClick.next(new EclBreadcrumbSegmentClickEvent());\n        if (!this.href) {\n            evt.stopPropagation();\n        }\n    }\n}\n","@if (!isEllipsis) {\n@if (!isCurrentPage && href) {\n<a eclLink variant=\"standalone\" [isNoVisited]=\"true\" [href]=\"href\" tabindex=\"0\" (click)=\"onSegmentClick($event)\"\n    class=\"ecl-breadcrumb__link ecl-link ecl-link--standalone ecl-link--no-visited\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n}\n@if (!isCurrentPage && !href) {\n<a eclLink [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    variant=\"standalone\" [isNoVisited]=\"true\" tabindex=\"0\" (click)=\"onSegmentClick($event)\"\n    class=\"ecl-breadcrumb__link ecl-link ecl-link--standalone ecl-link--no-visited\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n}\n} @else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n@if (isCurrentPage) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n<ecl-icon role=\"presentation\" icon=\"corner-arrow\" ariaHidden=\"true\" focusable=\"false\" size=\"fluid\"\n    class=\"ecl-breadcrumb__icon\">\n</ecl-icon>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>","import { Directive, ElementRef, HostBinding, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Used to wrap breadcrumb segments inside the breadcrumb component.\n */\n@Directive({\n    selector: '[eclBreadcrumbContainer]',\n})\nexport class EclBreadcrumbContainerDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * Adds breadcrumb container CSS class to the host element.\n     */\n    @HostBinding('class.ecl-breadcrumb__container') hasClass = true;\n}\n","import {\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    Renderer2,\n    ViewChild,\n    booleanAttribute,\n    forwardRef,\n    HostListener,\n    afterNextRender,\n    ContentChild,\n    inject,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TranslateService, TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';\nimport { EclBreadcrumbContainerDirective } from './ecl-breadcrumb-container.directive';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\n\n/**\n * Displays navigation segments and handles overflow with ellipsis.\n */\n@Component({\n    selector: 'ecl-breadcrumb',\n    templateUrl: './ecl-breadcrumb.component.html',\n    imports: [NgTemplateOutlet, TranslateModule, ...EUI_ECL_BUTTON, EclBreadcrumbSegmentComponent],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclBreadcrumbComponent extends ECLBaseDirective implements OnInit, OnDestroy {\n    /**\n     * Expands all breadcrumb segments instead of collapsing them.\n     */\n    @Input({ transform: booleanAttribute }) isExpanded = false;\n\n    /**\n     * ARIA role attribute for accessibility.\n     */\n    @HostBinding('attr.role') role = 'navigation';\n\n    /**\n     * ARIA label describing the breadcrumb purpose.\n     */\n    @HostBinding('attr.aria-label') ariaLabel;\n\n    /**\n     * Reference to the ellipsis segment element.\n     */\n    @ViewChild('ellipsisSegment') eclEllipsisSegment: EclBreadcrumbSegmentComponent;\n\n    /**\n     * @deprecated To be removed in v20. Not needed, replaced by 'eclBreadcrumbContainer'\n     */\n    @ViewChild('breadcrumbContainer') breadcrumbContainer: ElementRef;\n\n    /**\n     * Reference to the breadcrumb container directive inside this component.\n     */\n    @ContentChild(EclBreadcrumbContainerDirective) eclBreadcrumbContainer: EclBreadcrumbContainerDirective;\n\n    /**\n     * List of breadcrumb segment components.\n     */\n    @ContentChildren(forwardRef(() => EclBreadcrumbSegmentComponent), { descendants: true })\n    eclSegments: QueryList<EclBreadcrumbSegmentComponent>;\n    private el = inject(ElementRef);\n    private translate = inject(TranslateService);\n    private renderer = inject(Renderer2);\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private nonStaticSegments: EclBreadcrumbSegmentComponent[] = [];\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.init();\n            this.handleOverflownSegments();\n        });\n    }\n\n    /**\n     * CSS classes applied to the breadcrumb element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-breadcrumb'),\n            this.isExpanded ? 'ecl-breadcrumb--wrap' : 'ecl-breadcrumb--collapsed',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Returns true if breadcrumb was auto-initialized.\n     */\n    @HostBinding('attr.data-ecl-auto-initialized')\n    get autoInitialized(): boolean | null {\n        return this.isExpanded || null;\n    }\n\n    /**\n     * Initializes translations for ARIA label.\n     */\n    ngOnInit(): void {\n        this.translate\n            .stream('ecl.breadcrumb.YOU-ARE-HERE')\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((text) => {\n                this.ariaLabel = text;\n            });\n    }\n\n    /**\n     * Cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Handles window resize and recalculates overflown segments.\n     */\n    @HostListener('window:resize')\n    onWindowResize(): void {\n        this.handleOverflownSegments();\n    }\n\n    /**\n     * Returns true if breadcrumb container directive exists.\n     */\n    get hasContainer(): boolean {\n        return !!this.eclBreadcrumbContainer;\n    }\n\n    /**\n     * Expands hidden breadcrumb segments after clicking ellipsis.\n     */\n    onEllipsisSegmentClick(evt: MouseEvent): void {\n        this.eclSegments.forEach((segment) => {\n            segment.isHidden = false;\n        });\n        this.hideEllipsis();\n        this.isExpanded = true;\n    }\n\n    private init(): void {\n        setTimeout(() => {\n            this.insertEllipsisSegmentIntoPosition();\n            this.handleStaticAndNonStaticSegments();\n        });\n    }\n\n    private insertEllipsisSegmentIntoPosition(): void {\n        if (this.hasEnoughSegments()) {\n            const secondEclSegmentEl: HTMLElement = this.eclSegments.get(1).el.nativeElement;\n            const ellipsisSegmentEl: HTMLElement = this.eclEllipsisSegment.el.nativeElement;\n            if (this.hasContainer) {\n                this.renderer.insertBefore(this.eclBreadcrumbContainer.el.nativeElement, ellipsisSegmentEl, secondEclSegmentEl);\n            } else {\n                this.renderer.insertBefore(this.breadcrumbContainer.nativeElement, ellipsisSegmentEl, secondEclSegmentEl);\n            }\n        }\n    }\n\n    private handleOverflownSegments(): void {\n        if (this.hasEnoughSegments()) {\n            setTimeout(() => {\n                if (this.isBreadcrumbOverflowed()) {\n                        this.hideNonStaticSegments();\n                        this.showEllipsis();\n                        this.collapse();\n                } else {\n                    this.hideEllipsis();\n                    this.showNonStaticSegments()\n                    this.expand();\n                }\n            });\n        }\n    }\n\n    private hideNonStaticSegments(): void {\n        this.nonStaticSegments.forEach((segment) => {\n            segment.isHidden = true;\n        });\n    }\n\n    private showNonStaticSegments(): void {\n        this.nonStaticSegments.forEach((segment) => {\n            segment.isHidden = false;\n        });\n    }\n\n    private collapse(): void {\n        this.isExpanded = false;\n    }\n\n    private expand(): void {\n        this.isExpanded = true;\n    }\n\n    private hideEllipsis(): void {\n        this.eclEllipsisSegment.isHidden = true;\n    }\n\n    private showEllipsis(): void {\n        this.eclEllipsisSegment.isHidden = false;\n    }\n\n    private hasEnoughSegments(): boolean {\n        return this.eclSegments && this.eclSegments.length > 3;\n    }\n\n    private handleStaticAndNonStaticSegments(): void {\n        if (this.hasEnoughSegments()) {\n            this.nonStaticSegments = this.eclSegments.toArray().slice(1, this.eclSegments.length - 2);\n        }\n    }\n\n    private isBreadcrumbOverflowed(): boolean {\n        const breadcrumbTotalWidth = this.getBreadcrumbTotalWidth();\n        const segmentsTotalWidth = this.getSegmentsTotalWidth();\n        const marginOfError = 1.1;\n\n        return segmentsTotalWidth * marginOfError >= breadcrumbTotalWidth;\n    }\n\n    private getBreadcrumbTotalWidth(): number {\n        return this.el.nativeElement.offsetWidth;\n    }\n\n    private getSegmentsTotalWidth(): number {\n        return this.eclSegments.reduce((width: number, segmentComponent) => width + segmentComponent.el.nativeElement.offsetWidth, 0);\n    }\n}\n","@if (!hasContainer) {\n<ol class=\"ecl-breadcrumb__container\" #breadcrumbContainer>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n} @else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n<ng-template #content>\n    <li eclBreadcrumbSegment #ellipsisSegment [isHidden]=\"true\" isEllipsis>\n        <button tabindex=\"0\" eclButton variant=\"tertiary\" size=\"m\" eclStyle=\"neutral\" class=\"ecl-breadcrumb__ellipsis\"\n            [attr.aria-label]=\"'ecl.breadcrumb.SHOW-MORE-ITEMS' | translate\" (click)=\"onEllipsisSegmentClick($event)\">\n            ...\n        </button>\n    </li>\n    <ng-content></ng-content>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { EclBreadcrumbComponent } from './ecl-breadcrumb.component';\nimport { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';\nimport { EclBreadcrumbContainerDirective } from './ecl-breadcrumb-container.directive';\n\nconst COMPONENTS = [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent, EclBreadcrumbContainerDirective];\n/**\n * Module that provides the EclBreadcrumbComponent and it's dependencies.\n *\n * @deprecated Use {@link EUI_ECL_BREADCRUMB} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclBreadcrumbModule {}\n","import { EclBreadcrumbComponent } from './ecl-breadcrumb.component';\nimport { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';\nimport { EclBreadcrumbContainerDirective } from './ecl-breadcrumb-container.directive';\n\nexport * from './ecl-breadcrumb.module';\nexport * from './ecl-breadcrumb.component';\nexport * from './ecl-breadcrumb-segment.component';\nexport * from './models/ecl-breadcrumb.model';\nexport * from './events/ecl-breadcrumb-segment-click.event';\nexport * from './ecl-breadcrumb-container.directive';\n\nexport const EUI_ECL_BREADCRUMB = [\n    EclBreadcrumbComponent, EclBreadcrumbSegmentComponent, EclBreadcrumbContainerDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-breadcrumb.mjs","sources":["../../components/ecl-breadcrumb/events/ecl-breadcrumb-segment-click.event.ts","../../components/ecl-breadcrumb/ecl-breadcrumb-segment.component.ts","../../components/ecl-breadcrumb/ecl-breadcrumb-segment.component.html","../../components/ecl-breadcrumb/ecl-breadcrumb-container.directive.ts","../../components/ecl-breadcrumb/ecl-breadcrumb.component.ts","../../components/ecl-breadcrumb/ecl-breadcrumb.component.html","../../components/ecl-breadcrumb/index.ts","../../components/ecl-breadcrumb/eui-ecl-components-ecl-breadcrumb.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\n/**\n * Event emitted when a breadcrumb segment is clicked.\n */\nexport class EclBreadcrumbSegmentClickEvent extends EclBaseEvent {}\n","import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n    ViewEncapsulation,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Params, QueryParamsHandling, RouterLink, RouterLinkWithHref } from '@angular/router';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbSegmentClickEvent } from './events/ecl-breadcrumb-segment-click.event';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\n\n/**\n * Displays a single breadcrumb segment with optional navigation or ellipsis.\n */\n@Component({\n    selector: 'li[eclBreadcrumbSegment]',\n    templateUrl: './ecl-breadcrumb-segment.component.html',\n    imports: [NgTemplateOutlet, RouterLink, RouterLinkWithHref, ...EUI_ECL_ICON, ...EUI_ECL_LINK],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EclBreadcrumbSegmentComponent extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * Defines the tabindex attribute for accessibility.\n     */\n    @HostBinding('attr.tabindex') tabIndex = '-1';\n\n    /**\n     * Defines the ARIA role for accessibility.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    /**\n     * Router link for navigation.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() routerLink: string | any[] = null;\n\n    /**\n     * Query parameters used with routerLink.\n     */\n    @Input() queryParams: Params | null = null;\n\n    /**\n     * Href used for standard navigation.\n     */\n    @Input() href = '';\n\n    /**\n     * Strategy for handling existing query parameters during navigation.\n     */\n    @Input() queryParamsHandling: QueryParamsHandling = null;\n\n    /**\n     * Displays the segment as an ellipsis instead of a link.\n     */\n    @Input({ transform: booleanAttribute }) isEllipsis = false;\n\n    /**\n     * Highlights the segment as the current page.\n     */\n    @Input({ transform: booleanAttribute }) isCurrentPage = false;\n\n    /**\n     * Hides the segment visually and from assistive technologies.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.aria-hidden')\n    isHidden = false;\n\n    /**\n     * Emits when the segment is clicked.\n     */\n    @Output() segmentClick = new EventEmitter<EclBreadcrumbSegmentClickEvent>();\n\n    constructor() {\n        super();\n        const el = this.el;\n\n        if (el.nativeElement.tagName.toLowerCase() === 'ecl-breadcrumb-segment') {\n            console.warn('\"ecl-breadcrumb-segment\" selector is deprecated; use \"li[eclBreadcrumbSegment]\" instead.');\n        }\n    }\n\n    /**\n     * Computes the CSS classes applied to the segment.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-breadcrumb__segment'),\n            this.isCurrentPage ? 'ecl-breadcrumb__current-page' : '',\n            this.isEllipsis ? 'ecl-breadcrumb__segment--ellipsis' : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Handles the click event on the segment.\n     */\n    onSegmentClick(evt: MouseEvent): void {\n        this.segmentClick.next(new EclBreadcrumbSegmentClickEvent());\n        if (!this.href) {\n            evt.stopPropagation();\n        }\n    }\n}\n","@if (!isEllipsis) {\n@if (!isCurrentPage && href) {\n<a eclLink variant=\"standalone\" [isNoVisited]=\"true\" [href]=\"href\" tabindex=\"0\" (click)=\"onSegmentClick($event)\"\n    class=\"ecl-breadcrumb__link ecl-link ecl-link--standalone ecl-link--no-visited\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n}\n@if (!isCurrentPage && !href) {\n<a eclLink [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    variant=\"standalone\" [isNoVisited]=\"true\" tabindex=\"0\" (click)=\"onSegmentClick($event)\"\n    class=\"ecl-breadcrumb__link ecl-link ecl-link--standalone ecl-link--no-visited\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n}\n} @else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n@if (isCurrentPage) {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n<ecl-icon role=\"presentation\" icon=\"corner-arrow\" ariaHidden=\"true\" focusable=\"false\" size=\"fluid\"\n    class=\"ecl-breadcrumb__icon\">\n</ecl-icon>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Used to wrap breadcrumb segments inside the breadcrumb component.\n */\n@Directive({\n    selector: '[eclBreadcrumbContainer]',\n})\nexport class EclBreadcrumbContainerDirective extends ECLBaseDirective {\n\n    /**\n     * Adds breadcrumb container CSS class to the host element.\n     */\n    @HostBinding('class.ecl-breadcrumb__container') hasClass = true;\n}\n","import {\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    Renderer2,\n    ViewChild,\n    booleanAttribute,\n    forwardRef,\n    HostListener,\n    afterNextRender,\n    ContentChild,\n    inject,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TranslateService, TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';\nimport { EclBreadcrumbContainerDirective } from './ecl-breadcrumb-container.directive';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\n\n/**\n * Displays navigation segments and handles overflow with ellipsis.\n */\n@Component({\n    selector: 'ecl-breadcrumb',\n    templateUrl: './ecl-breadcrumb.component.html',\n    imports: [NgTemplateOutlet, TranslateModule, ...EUI_ECL_BUTTON, EclBreadcrumbSegmentComponent],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclBreadcrumbComponent extends ECLBaseDirective implements OnInit, OnDestroy {\n    /**\n     * Expands all breadcrumb segments instead of collapsing them.\n     */\n    @Input({ transform: booleanAttribute }) isExpanded = false;\n\n    /**\n     * ARIA role attribute for accessibility.\n     */\n    @HostBinding('attr.role') role = 'navigation';\n\n    /**\n     * ARIA label describing the breadcrumb purpose.\n     */\n    @HostBinding('attr.aria-label') ariaLabel;\n\n    /**\n     * Reference to the ellipsis segment element.\n     */\n    @ViewChild('ellipsisSegment') eclEllipsisSegment: EclBreadcrumbSegmentComponent;\n\n    /**\n     * Reference to the breadcrumb container directive inside this component.\n     */\n    @ContentChild(EclBreadcrumbContainerDirective, { read: ElementRef }) eclBreadcrumbContainer: ElementRef;\n\n    /**\n     * List of breadcrumb segment components.\n     */\n    @ContentChildren(forwardRef(() => EclBreadcrumbSegmentComponent), { descendants: true })\n    eclSegments: QueryList<EclBreadcrumbSegmentComponent>;\n    private el = inject(ElementRef);\n    private translate = inject(TranslateService);\n    private renderer = inject(Renderer2);\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private nonStaticSegments: EclBreadcrumbSegmentComponent[] = [];\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.init();\n            this.handleOverflownSegments();\n        });\n    }\n\n    /**\n     * CSS classes applied to the breadcrumb element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-breadcrumb'),\n            this.isExpanded ? 'ecl-breadcrumb--wrap' : 'ecl-breadcrumb--collapsed',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Returns true if breadcrumb was auto-initialized.\n     */\n    @HostBinding('attr.data-ecl-auto-initialized')\n    get autoInitialized(): boolean | null {\n        return this.isExpanded || null;\n    }\n\n    /**\n     * Initializes translations for ARIA label.\n     */\n    ngOnInit(): void {\n        this.translate\n            .stream('ecl.breadcrumb.YOU-ARE-HERE')\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((text) => {\n                this.ariaLabel = text;\n            });\n    }\n\n    /**\n     * Cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Handles window resize and recalculates overflown segments.\n     */\n    @HostListener('window:resize')\n    onWindowResize(): void {\n        this.handleOverflownSegments();\n    }\n\n    /**\n     * Returns true if breadcrumb container directive exists.\n     */\n    get hasContainer(): boolean {\n        return !!this.eclBreadcrumbContainer;\n    }\n\n    /**\n     * Expands hidden breadcrumb segments after clicking ellipsis.\n     */\n    onEllipsisSegmentClick(evt: MouseEvent): void {\n        this.eclSegments.forEach((segment) => {\n            segment.isHidden = false;\n        });\n        this.hideEllipsis();\n        this.isExpanded = true;\n    }\n\n    private init(): void {\n        setTimeout(() => {\n            this.insertEllipsisSegmentIntoPosition();\n            this.handleStaticAndNonStaticSegments();\n        });\n    }\n\n    private insertEllipsisSegmentIntoPosition(): void {\n        if (this.hasEnoughSegments()) {\n            const secondEclSegmentEl: HTMLElement = this.eclSegments.get(1).el.nativeElement;\n            const ellipsisSegmentEl: HTMLElement = this.eclEllipsisSegment.el.nativeElement;\n            if (this.hasContainer) {\n                this.renderer.insertBefore(this.eclBreadcrumbContainer.nativeElement, ellipsisSegmentEl, secondEclSegmentEl);\n            }\n        }\n    }\n\n    private handleOverflownSegments(): void {\n        if (this.hasEnoughSegments()) {\n            setTimeout(() => {\n                if (this.isBreadcrumbOverflowed()) {\n                        this.hideNonStaticSegments();\n                        this.showEllipsis();\n                        this.collapse();\n                } else {\n                    this.hideEllipsis();\n                    this.showNonStaticSegments()\n                    this.expand();\n                }\n            });\n        }\n    }\n\n    private hideNonStaticSegments(): void {\n        this.nonStaticSegments.forEach((segment) => {\n            segment.isHidden = true;\n        });\n    }\n\n    private showNonStaticSegments(): void {\n        this.nonStaticSegments.forEach((segment) => {\n            segment.isHidden = false;\n        });\n    }\n\n    private collapse(): void {\n        this.isExpanded = false;\n    }\n\n    private expand(): void {\n        this.isExpanded = true;\n    }\n\n    private hideEllipsis(): void {\n        this.eclEllipsisSegment.isHidden = true;\n    }\n\n    private showEllipsis(): void {\n        this.eclEllipsisSegment.isHidden = false;\n    }\n\n    private hasEnoughSegments(): boolean {\n        return this.eclSegments && this.eclSegments.length > 3;\n    }\n\n    private handleStaticAndNonStaticSegments(): void {\n        if (this.hasEnoughSegments()) {\n            this.nonStaticSegments = this.eclSegments.toArray().slice(1, this.eclSegments.length - 2);\n        }\n    }\n\n    private isBreadcrumbOverflowed(): boolean {\n        const breadcrumbTotalWidth = this.getBreadcrumbTotalWidth();\n        const segmentsTotalWidth = this.getSegmentsTotalWidth();\n        const marginOfError = 1.1;\n\n        return segmentsTotalWidth * marginOfError >= breadcrumbTotalWidth;\n    }\n\n    private getBreadcrumbTotalWidth(): number {\n        return this.el.nativeElement.offsetWidth;\n    }\n\n    private getSegmentsTotalWidth(): number {\n        return this.eclSegments.reduce((width: number, segmentComponent) => width + segmentComponent.el.nativeElement.offsetWidth, 0);\n    }\n}\n","<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n<ng-template #content>\n    <li eclBreadcrumbSegment #ellipsisSegment [isHidden]=\"true\" isEllipsis>\n        <button tabindex=\"0\" eclButton variant=\"tertiary\" size=\"m\" eclStyle=\"neutral\" class=\"ecl-breadcrumb__ellipsis\"\n            [attr.aria-label]=\"'ecl.breadcrumb.SHOW-MORE-ITEMS' | translate\" (click)=\"onEllipsisSegmentClick($event)\">\n            ...\n        </button>\n    </li>\n    <ng-content></ng-content>\n</ng-template>","import { EclBreadcrumbComponent } from './ecl-breadcrumb.component';\nimport { EclBreadcrumbSegmentComponent } from './ecl-breadcrumb-segment.component';\nimport { EclBreadcrumbContainerDirective } from './ecl-breadcrumb-container.directive';\n\nexport * from './ecl-breadcrumb.component';\nexport * from './ecl-breadcrumb-segment.component';\nexport * from './models/ecl-breadcrumb.model';\nexport * from './events/ecl-breadcrumb-segment-click.event';\nexport * from './ecl-breadcrumb-container.directive';\n\nexport const EUI_ECL_BREADCRUMB = [\n    EclBreadcrumbComponent, EclBreadcrumbSegmentComponent, EclBreadcrumbContainerDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-button.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, inject, ElementRef, booleanAttribute, forwardRef, ContentChild, ContentChildren, Input, Component, NgModule } from '@angular/core';
+import { HostBinding, Directive, inject, ElementRef, booleanAttribute, forwardRef, ContentChild, ContentChildren, Input, Component } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclIconComponent, EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
 import { NgTemplateOutlet } from '@angular/common';
@@ -15,10 +15,10 @@ class EclButtonLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-button__label')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclButtonLabelDirective, isStandalone: true, selector: "[eclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclButtonLabelDirective, isStandalone: true, selector: "[eclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclButtonLabel]',
@@ -38,10 +38,10 @@ class EclIndicatorDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclIndicatorDirective, isStandalone: true, selector: "[eclIndicator]", host: { properties: { "class.ecl-indicator": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclIndicatorDirective, isStandalone: true, selector: "[eclIndicator]", host: { properties: { "class.ecl-indicator": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclIndicator]',
@@ -61,10 +61,10 @@ class EclButtonIconContainerDirective {
          */
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonIconContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclButtonIconContainerDirective, isStandalone: true, selector: "[eclButtonIconContainer]", host: { properties: { "class.ecl-button__icon-container": "this.hasClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonIconContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclButtonIconContainerDirective, isStandalone: true, selector: "[eclButtonIconContainer]", host: { properties: { "class.ecl-button__icon-container": "this.hasClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonIconContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonIconContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclButtonIconContainer]',
@@ -94,7 +94,6 @@ class EclButtonComponent extends ECLBaseDirective {
          * Defaults to 'primary'.
          */
         this.variant = 'primary';
-        // TODO 'cta' | 'ghost' | 'ghost-inverted' are deprecated and will be removed in v21 - breaking change
         this.eclStyle = 'default';
         this.size = 'l';
     }
@@ -141,10 +140,10 @@ class EclButtonComponent extends ECLBaseDirective {
     onFocus() {
         this.el.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclButtonComponent, isStandalone: true, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], variant: "variant", eclStyle: "eclStyle", size: "size", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "indicator", first: true, predicate: i0.forwardRef(() => EclIndicatorDirective), descendants: true }, { propertyName: "iconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0, template: "@if (hasIcon) {\n<span class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n}\n@else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclButtonComponent, isStandalone: true, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], variant: "variant", eclStyle: "eclStyle", size: "size", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "indicator", first: true, predicate: i0.forwardRef(() => EclIndicatorDirective), descendants: true }, { propertyName: "iconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0, template: "@if (hasIcon) {\n<span class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n}\n@else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', imports: [
                         NgTemplateOutlet,
@@ -172,25 +171,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: ['class']
             }] } });
 
-/**
- * @description
- * Module that provides the EclButton component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_BUTTON} instead.
- */
-class EclButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonModule, imports: [EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective], exports: [EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonModule, imports: [EclButtonComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective],
-                    exports: [EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective],
-                }]
-        }] });
-
 const EUI_ECL_BUTTON = [
     EclButtonComponent,
     EclButtonLabelDirective,
@@ -202,5 +182,5 @@ const EUI_ECL_BUTTON = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_BUTTON, EclButtonComponent, EclButtonIconContainerDirective, EclButtonLabelDirective, EclButtonModule, EclIndicatorDirective };
+export { EUI_ECL_BUTTON, EclButtonComponent, EclButtonIconContainerDirective, EclButtonLabelDirective, EclIndicatorDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-button.mjs.map

package/fesm2022/eui-ecl-components-ecl-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-button.mjs","sources":["../../components/ecl-button/ecl-button-label.directive.ts","../../components/ecl-button/ecl-button.component.ts","../../components/ecl-button/ecl-button.component.html","../../components/ecl-button/ecl-button.module.ts","../../components/ecl-button/index.ts","../../components/ecl-button/eui-ecl-components-ecl-button.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for labeling content inside the ECL Button.\n * Automatically applies the `ecl-button__label` CSS class.\n */\n@Directive({\n    selector: '[eclButtonLabel]',\n})\nexport class EclButtonLabelDirective extends ECLBaseDirective {\n    /**\n     * Returns the CSS classes to apply for the button label.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button__label')].join(' ').trim();\n    }\n}\n\n/**\n * Directive for indicating special content inside the ECL Button.\n * Automatically applies the `ecl-indicator` CSS class.\n */\n@Directive({\n    selector: '[eclIndicator]',\n})\nexport class EclIndicatorDirective {\n    /**\n     * Applies the `ecl-indicator` CSS class.\n     */\n    @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n/**\n * Directive for the icon container inside the ECL Button.\n * Automatically applies the `ecl-button__icon-container` CSS class.\n */\n@Directive({\n    selector: '[eclButtonIconContainer]',\n})\nexport class EclButtonIconContainerDirective {\n    /**\n     * Applies the `ecl-button__icon-container` CSS class.\n     */\n    @HostBinding('class.ecl-button__icon-container') hasClass = true;\n}\n","import {\n    booleanAttribute,\n    Component,\n    ContentChildren,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Input,\n    QueryList,\n    AfterViewInit,\n    ContentChild,\n    inject,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent, EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclIndicatorDirective } from './ecl-button-label.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * Button component based on ECL design system.\n * Can render as a `<button>` or `<a>` element depending on usage.\n * Supports multiple visual variants and optional icon/indicator content.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[eclButton], button[ecl-button], a[eclButton]',\n    templateUrl: './ecl-button.component.html',\n    imports: [\n      NgTemplateOutlet,\n      ...EUI_ECL_ICON,\n    ],\n})\nexport class EclButtonComponent extends ECLBaseDirective implements AfterViewInit {\n    el = inject(ElementRef);\n\n    /**\n     * Whether the button should be styled as icon-only.\n     * When true, the `ecl-button--icon-only` class is applied.\n     */\n    @Input({ transform: booleanAttribute }) isIconOnly = false;\n\n    /**\n     * Visual variant of the button.\n     * Can be 'primary', 'secondary', 'tertiary', 'cta', 'ghost', or 'ghost-inverted'.\n     * Defaults to 'primary'.\n     */\n    @Input() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n    // TODO 'cta' | 'ghost' | 'ghost-inverted' are deprecated and will be removed in v21 - breaking change\n\n    @Input() eclStyle: 'highlight' | 'inverted' | 'neutral' | 'default' = 'default';\n\n    @Input() size: 's' | 'm' | 'l' = 'l';\n\n    /**\n     * Optional additional class to apply to the button container.\n     */\n    @Input() containerStyleClass: string;\n\n    /**\n     * List of projected icon components inside the button.\n     * Used internally to detect presence of icons.\n     */\n    @ContentChildren(forwardRef(() => EclIconComponent)) iconComponents: QueryList<EclIconComponent>;\n\n    /**\n     * Projected indicator element inside the button (e.g., for loading or notification).\n     * Used internally to detect its presence.\n     */\n    @ContentChild(forwardRef(() => EclIndicatorDirective)) indicator: EclIndicatorDirective;\n\n    /**\n     * Computes the full set of CSS classes to apply to the button element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`,\n            this.isIconOnly ? 'ecl-button--icon-only' : '',\n            this.eclStyle !== 'default' ? `ecl-button--${this.eclStyle}` : '',\n            this.size !== 'l' ? `ecl-button--${this.size}` : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Indicates whether the button contains an icon.\n     * Used internally for styling logic.\n     */\n    get hasIcon(): boolean {\n        return this.iconComponents.length > 0;\n    }\n\n    /**\n     * Indicates whether the button contains an indicator element.\n     * Used internally for styling logic.\n     */\n    get hasIndicator(): boolean {\n        return !!this.indicator;\n    }\n\n    /**\n     * Lifecycle hook triggered after content is projected.\n     * Assigns a button-specific class to projected icon components.\n     */\n    ngAfterViewInit(): void {\n        if (this.iconComponents) {\n            setTimeout(() => {\n                this.iconComponents.forEach((icn) => {\n                    icn.baseDirective.class = 'ecl-button__icon';\n                });\n            });\n        }\n    }\n\n    /**\n     * Manually focuses the button element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n}\n","@if (hasIcon) {\n<span class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n}\n@else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { EclButtonComponent } from './ecl-button.component';\nimport { EclButtonIconContainerDirective, EclButtonLabelDirective, EclIndicatorDirective } from './ecl-button-label.directive';\n\n/**\n * @description\n * Module that provides the EclButton component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_BUTTON} instead.\n */\n@NgModule({\n    imports:[EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective],\n    exports: [EclButtonComponent, EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective],\n})\nexport class EclButtonModule {}\n","import { EclButtonComponent } from './ecl-button.component';\nimport { EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective } from './ecl-button-label.directive';\n\nexport * from './ecl-button.module';\nexport * from './ecl-button.component';\nexport * from './ecl-button-label.directive';\n\nexport const EUI_ECL_BUTTON = [\n  EclButtonComponent,\n  EclButtonLabelDirective,\n  EclIndicatorDirective,\n  EclButtonIconContainerDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-button.mjs","sources":["../../components/ecl-button/ecl-button-label.directive.ts","../../components/ecl-button/ecl-button.component.ts","../../components/ecl-button/ecl-button.component.html","../../components/ecl-button/index.ts","../../components/ecl-button/eui-ecl-components-ecl-button.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for labeling content inside the ECL Button.\n * Automatically applies the `ecl-button__label` CSS class.\n */\n@Directive({\n    selector: '[eclButtonLabel]',\n})\nexport class EclButtonLabelDirective extends ECLBaseDirective {\n    /**\n     * Returns the CSS classes to apply for the button label.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button__label')].join(' ').trim();\n    }\n}\n\n/**\n * Directive for indicating special content inside the ECL Button.\n * Automatically applies the `ecl-indicator` CSS class.\n */\n@Directive({\n    selector: '[eclIndicator]',\n})\nexport class EclIndicatorDirective {\n    /**\n     * Applies the `ecl-indicator` CSS class.\n     */\n    @HostBinding('class.ecl-indicator') hasClass = true;\n}\n\n/**\n * Directive for the icon container inside the ECL Button.\n * Automatically applies the `ecl-button__icon-container` CSS class.\n */\n@Directive({\n    selector: '[eclButtonIconContainer]',\n})\nexport class EclButtonIconContainerDirective {\n    /**\n     * Applies the `ecl-button__icon-container` CSS class.\n     */\n    @HostBinding('class.ecl-button__icon-container') hasClass = true;\n}\n","import {\n    booleanAttribute,\n    Component,\n    ContentChildren,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Input,\n    QueryList,\n    AfterViewInit,\n    ContentChild,\n    inject,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent, EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclIndicatorDirective } from './ecl-button-label.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * Button component based on ECL design system.\n * Can render as a `<button>` or `<a>` element depending on usage.\n * Supports multiple visual variants and optional icon/indicator content.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'button[eclButton], button[ecl-button], a[eclButton]',\n    templateUrl: './ecl-button.component.html',\n    imports: [\n      NgTemplateOutlet,\n      ...EUI_ECL_ICON,\n    ],\n})\nexport class EclButtonComponent extends ECLBaseDirective implements AfterViewInit {\n    el = inject(ElementRef);\n\n    /**\n     * Whether the button should be styled as icon-only.\n     * When true, the `ecl-button--icon-only` class is applied.\n     */\n    @Input({ transform: booleanAttribute }) isIconOnly = false;\n\n    /**\n     * Visual variant of the button.\n     * Can be 'primary', 'secondary', 'tertiary', 'cta', 'ghost', or 'ghost-inverted'.\n     * Defaults to 'primary'.\n     */\n    @Input() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n    @Input() eclStyle: 'highlight' | 'inverted' | 'neutral' | 'default' = 'default';\n\n    @Input() size: 's' | 'm' | 'l' = 'l';\n\n    /**\n     * Optional additional class to apply to the button container.\n     */\n    @Input() containerStyleClass: string;\n\n    /**\n     * List of projected icon components inside the button.\n     * Used internally to detect presence of icons.\n     */\n    @ContentChildren(forwardRef(() => EclIconComponent)) iconComponents: QueryList<EclIconComponent>;\n\n    /**\n     * Projected indicator element inside the button (e.g., for loading or notification).\n     * Used internally to detect its presence.\n     */\n    @ContentChild(forwardRef(() => EclIndicatorDirective)) indicator: EclIndicatorDirective;\n\n    /**\n     * Computes the full set of CSS classes to apply to the button element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-button'), `ecl-button--${this.variant}`,\n            this.isIconOnly ? 'ecl-button--icon-only' : '',\n            this.eclStyle !== 'default' ? `ecl-button--${this.eclStyle}` : '',\n            this.size !== 'l' ? `ecl-button--${this.size}` : '',\n        ].join(' ').trim();\n    }\n\n    /**\n     * Indicates whether the button contains an icon.\n     * Used internally for styling logic.\n     */\n    get hasIcon(): boolean {\n        return this.iconComponents.length > 0;\n    }\n\n    /**\n     * Indicates whether the button contains an indicator element.\n     * Used internally for styling logic.\n     */\n    get hasIndicator(): boolean {\n        return !!this.indicator;\n    }\n\n    /**\n     * Lifecycle hook triggered after content is projected.\n     * Assigns a button-specific class to projected icon components.\n     */\n    ngAfterViewInit(): void {\n        if (this.iconComponents) {\n            setTimeout(() => {\n                this.iconComponents.forEach((icn) => {\n                    icn.baseDirective.class = 'ecl-button__icon';\n                });\n            });\n        }\n    }\n\n    /**\n     * Manually focuses the button element.\n     */\n    onFocus(): void {\n        this.el.nativeElement.focus();\n    }\n}\n","@if (hasIcon) {\n<span class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n}\n@else {\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>","import { EclButtonComponent } from './ecl-button.component';\nimport { EclButtonLabelDirective, EclIndicatorDirective, EclButtonIconContainerDirective } from './ecl-button-label.directive';\n\nexport * from './ecl-button.component';\nexport * from './ecl-button-label.directive';\n\nexport const EUI_ECL_BUTTON = [\n  EclButtonComponent,\n  EclButtonLabelDirective,\n  EclIndicatorDirective,\n  EclButtonIconContainerDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-card.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Input, HostBinding, Directive, inject, ElementRef, Renderer2, forwardRef, ContentChild, Component, NgModule } from '@angular/core';
+import { booleanAttribute, Input, HostBinding, Directive, inject, ElementRef, Renderer2, forwardRef, ContentChild, Component } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclContentBlockComponent, EclContentBlockTitleDirective } from '@eui/ecl/components/ecl-content-block';
 
@@ -21,10 +21,10 @@ class EclCardPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-card__picture')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclCardPictureDirective, isStandalone: true, selector: "picture[eclCardPicture]", inputs: { hasZoom: ["hasZoom", "hasZoom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-picture--zoom": "this.hasZoom" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.3", type: EclCardPictureDirective, isStandalone: true, selector: "picture[eclCardPicture]", inputs: { hasZoom: ["hasZoom", "hasZoom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "class.ecl-picture--zoom": "this.hasZoom" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclCardPicture]',
@@ -54,10 +54,10 @@ class EclCardImageDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-card__image')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclCardImageDirective, isStandalone: true, selector: "img[eclCardImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: EclCardImageDirective, isStandalone: true, selector: "img[eclCardImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclCardImage]',
@@ -110,10 +110,10 @@ class EclCardComponent extends ECLBaseDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclCardComponent, isStandalone: true, selector: "ecl-card", host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(() => EclContentBlockComponent), descendants: true }, { propertyName: "eclContentBlockTitle", first: true, predicate: i0.forwardRef(() => EclContentBlockTitleDirective), descendants: true }, { propertyName: "eclCardImage", first: true, predicate: i0.forwardRef(() => EclCardImageDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: EclCardComponent, isStandalone: true, selector: "ecl-card", host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(() => EclContentBlockComponent), descendants: true }, { propertyName: "eclContentBlockTitle", first: true, predicate: i0.forwardRef(() => EclContentBlockTitleDirective), descendants: true }, { propertyName: "eclCardImage", first: true, predicate: i0.forwardRef(() => EclCardImageDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-card', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { role: [{
@@ -144,10 +144,10 @@ class EclCardBodyComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-card__body')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.2", type: EclCardBodyComponent, isStandalone: true, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: EclCardBodyComponent, isStandalone: true, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-card-body', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{
@@ -155,37 +155,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: ['class']
             }] } });
 
-const COMPONENTS = [
-    EclCardComponent,
-    EclCardBodyComponent,
-    EclCardPictureDirective,
-    EclCardImageDirective,
-];
-/**
- * @description
- * Module that provides the EclCard component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_CARD} instead.
- */
-class EclCardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardModule, imports: [EclCardComponent,
-            EclCardBodyComponent,
-            EclCardPictureDirective,
-            EclCardImageDirective], exports: [EclCardComponent,
-            EclCardBodyComponent,
-            EclCardPictureDirective,
-            EclCardImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...COMPONENTS],
-                    exports: [...COMPONENTS],
-                }]
-        }] });
-
 const EUI_ECL_CARD = [
     EclCardComponent,
     EclCardBodyComponent,
@@ -197,5 +166,5 @@ const EUI_ECL_CARD = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_CARD, EclCardBodyComponent, EclCardComponent, EclCardImageDirective, EclCardModule, EclCardPictureDirective };
+export { EUI_ECL_CARD, EclCardBodyComponent, EclCardComponent, EclCardImageDirective, EclCardPictureDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-card.mjs.map

package/fesm2022/eui-ecl-components-ecl-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-card.mjs","sources":["../../components/ecl-card/ecl-card-picture.directive.ts","../../components/ecl-card/ecl-card.component.ts","../../components/ecl-card/ecl-card.component.html","../../components/ecl-card/ecl-card-body.component.ts","../../components/ecl-card/ecl-card-body.component.html","../../components/ecl-card/ecl-card.module.ts","../../components/ecl-card/index.ts","../../components/ecl-card/eui-ecl-components-ecl-card.ts"],"sourcesContent":["import { Directive, HostBinding, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for the picture element used in ECL Card.\n * Applies required ECL CSS classes and optionally enables zoom effect.\n */\n@Directive({\n    selector: 'picture[eclCardPicture]',\n})\nexport class EclCardPictureDirective extends ECLBaseDirective {\n    /**\n     * Returns the set of CSS classes to apply to the picture element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-card__picture')].join(' ').trim();\n    }\n\n    /**\n     * When true, adds the `ecl-picture--zoom` class to enable zoom styling.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n}\n\n/**\n * Directive for the image element used in ECL Card.\n * Applies the ECL-specific image class for card usage.\n */\n@Directive({\n    selector: 'img[eclCardImage]',\n})\nexport class EclCardImageDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * Returns the CSS classes to apply to the image element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card__image')].join(' ').trim();\n    }\n}\n","import { Component, HostBinding, ContentChild, Renderer2, AfterViewInit, forwardRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { AsyncPipe, NgIf } from '@angular/common';\nimport { EclCardImageDirective } from './ecl-card-picture.directive';\nimport {\n  EclContentBlockComponent,\n  EclContentBlockTitleDirective,\n} from '@eui/ecl/components/ecl-content-block';\n\n/**\n * Card component based on the ECL design system.\n * Combines image, title, and content block areas into a unified card layout.\n */\n@Component({\n    selector: 'ecl-card',\n    templateUrl: './ecl-card.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCardComponent extends ECLBaseDirective implements AfterViewInit {\n    /**\n     * Sets the ARIA role for the card.\n     */\n    @HostBinding('attr.role') role = 'article';\n\n    /**\n     * Computes and returns the CSS class string for the card container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card')].join(' ').trim();\n    }\n\n    /**\n     * Projected ECL content block inside the card.\n     */\n    @ContentChild(forwardRef(() => EclContentBlockComponent), { descendants: true }) eclContentBlock: EclContentBlockComponent;\n\n    /**\n     * Projected content block title directive inside the card.\n     */\n    @ContentChild(forwardRef(() => EclContentBlockTitleDirective), { descendants: true }) eclContentBlockTitle: EclContentBlockTitleDirective;\n\n    /**\n     * Projected image directive inside the card.\n     */\n    @ContentChild(forwardRef(() => EclCardImageDirective), { descendants: true }) eclCardImage: EclCardImageDirective;\n    private renderer = inject(Renderer2);\n\n    /**\n     * Lifecycle hook triggered after view initialization.\n     * Applies additional styling and attaches interaction between image and title link.\n     */\n    ngAfterViewInit(): void {\n        this.attachClickEventToImage();\n\n        if (this.eclContentBlock) {\n            setTimeout(() => this.eclContentBlock.class = 'ecl-card__content-block');\n        }\n    }\n\n    /**\n     * Adds a click listener to the projected image element.\n     * When clicked, triggers the title link click handler if available.\n     */\n    private attachClickEventToImage(): void {\n        if (this.eclContentBlockTitle && this.eclContentBlockTitle.eclLink) {\n            if (this.eclCardImage) {\n                this.renderer.setStyle(this.eclCardImage.el.nativeElement, 'cursor', 'pointer');\n                this.renderer.listen(this.eclCardImage.el.nativeElement, 'click', () => {\n                    this.eclContentBlockTitle.eclLink.onClick();\n                });\n            }\n        }\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Card body component based on the ECL design system.\n * Provides a wrapper for the main content area of the card.\n */\n@Component({\n    selector: 'ecl-card-body',\n    templateUrl: './ecl-card-body.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCardBodyComponent extends ECLBaseDirective {\n    /**\n     * Computes and returns the CSS class string for the card body element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card__body')].join(' ').trim();\n    }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclCardBodyComponent } from './ecl-card-body.component';\nimport { EclCardComponent } from './ecl-card.component';\nimport { EclCardPictureDirective, EclCardImageDirective } from './ecl-card-picture.directive';\n\nconst COMPONENTS = [\n  EclCardComponent,\n  EclCardBodyComponent,\n  EclCardPictureDirective,\n  EclCardImageDirective,\n];\n\n/**\n * @description\n * Module that provides the EclCard component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_CARD} instead.\n */\n@NgModule({\n  imports: [...COMPONENTS],\n  exports: [...COMPONENTS],\n})\nexport class EclCardModule {}\n","import { EclCardComponent } from './ecl-card.component';\nimport { EclCardBodyComponent } from './ecl-card-body.component';\nimport { EclCardImageDirective, EclCardPictureDirective } from './ecl-card-picture.directive';\n\nexport * from './ecl-card.module';\nexport * from './ecl-card.component';\nexport * from './ecl-card-body.component';\nexport * from './ecl-card-picture.directive';\n\nexport const EUI_ECL_CARD = [\n  EclCardComponent,\n  EclCardBodyComponent,\n  EclCardImageDirective,\n  EclCardPictureDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-card.mjs","sources":["../../components/ecl-card/ecl-card-picture.directive.ts","../../components/ecl-card/ecl-card.component.ts","../../components/ecl-card/ecl-card.component.html","../../components/ecl-card/ecl-card-body.component.ts","../../components/ecl-card/ecl-card-body.component.html","../../components/ecl-card/index.ts","../../components/ecl-card/eui-ecl-components-ecl-card.ts"],"sourcesContent":["import { Directive, HostBinding, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for the picture element used in ECL Card.\n * Applies required ECL CSS classes and optionally enables zoom effect.\n */\n@Directive({\n    selector: 'picture[eclCardPicture]',\n})\nexport class EclCardPictureDirective extends ECLBaseDirective {\n    /**\n     * Returns the set of CSS classes to apply to the picture element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-card__picture')].join(' ').trim();\n    }\n\n    /**\n     * When true, adds the `ecl-picture--zoom` class to enable zoom styling.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n}\n\n/**\n * Directive for the image element used in ECL Card.\n * Applies the ECL-specific image class for card usage.\n */\n@Directive({\n    selector: 'img[eclCardImage]',\n})\nexport class EclCardImageDirective extends ECLBaseDirective {\n    el = inject(ElementRef);\n\n    /**\n     * Returns the CSS classes to apply to the image element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card__image')].join(' ').trim();\n    }\n}\n","import { Component, HostBinding, ContentChild, Renderer2, AfterViewInit, forwardRef, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { AsyncPipe, NgIf } from '@angular/common';\nimport { EclCardImageDirective } from './ecl-card-picture.directive';\nimport {\n  EclContentBlockComponent,\n  EclContentBlockTitleDirective,\n} from '@eui/ecl/components/ecl-content-block';\n\n/**\n * Card component based on the ECL design system.\n * Combines image, title, and content block areas into a unified card layout.\n */\n@Component({\n    selector: 'ecl-card',\n    templateUrl: './ecl-card.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCardComponent extends ECLBaseDirective implements AfterViewInit {\n    /**\n     * Sets the ARIA role for the card.\n     */\n    @HostBinding('attr.role') role = 'article';\n\n    /**\n     * Computes and returns the CSS class string for the card container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card')].join(' ').trim();\n    }\n\n    /**\n     * Projected ECL content block inside the card.\n     */\n    @ContentChild(forwardRef(() => EclContentBlockComponent), { descendants: true }) eclContentBlock: EclContentBlockComponent;\n\n    /**\n     * Projected content block title directive inside the card.\n     */\n    @ContentChild(forwardRef(() => EclContentBlockTitleDirective), { descendants: true }) eclContentBlockTitle: EclContentBlockTitleDirective;\n\n    /**\n     * Projected image directive inside the card.\n     */\n    @ContentChild(forwardRef(() => EclCardImageDirective), { descendants: true }) eclCardImage: EclCardImageDirective;\n    private renderer = inject(Renderer2);\n\n    /**\n     * Lifecycle hook triggered after view initialization.\n     * Applies additional styling and attaches interaction between image and title link.\n     */\n    ngAfterViewInit(): void {\n        this.attachClickEventToImage();\n\n        if (this.eclContentBlock) {\n            setTimeout(() => this.eclContentBlock.class = 'ecl-card__content-block');\n        }\n    }\n\n    /**\n     * Adds a click listener to the projected image element.\n     * When clicked, triggers the title link click handler if available.\n     */\n    private attachClickEventToImage(): void {\n        if (this.eclContentBlockTitle && this.eclContentBlockTitle.eclLink) {\n            if (this.eclCardImage) {\n                this.renderer.setStyle(this.eclCardImage.el.nativeElement, 'cursor', 'pointer');\n                this.renderer.listen(this.eclCardImage.el.nativeElement, 'click', () => {\n                    this.eclContentBlockTitle.eclLink.onClick();\n                });\n            }\n        }\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Card body component based on the ECL design system.\n * Provides a wrapper for the main content area of the card.\n */\n@Component({\n    selector: 'ecl-card-body',\n    templateUrl: './ecl-card-body.component.html',\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclCardBodyComponent extends ECLBaseDirective {\n    /**\n     * Computes and returns the CSS class string for the card body element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-card__body')].join(' ').trim();\n    }\n}\n","<ng-content></ng-content>\n","import { EclCardComponent } from './ecl-card.component';\nimport { EclCardBodyComponent } from './ecl-card-body.component';\nimport { EclCardImageDirective, EclCardPictureDirective } from './ecl-card-picture.directive';\n\nexport * from './ecl-card.component';\nexport * from './ecl-card-body.component';\nexport * from './ecl-card-picture.directive';\n\nexport const EUI_ECL_CARD = [\n  EclCardComponent,\n  EclCardBodyComponent,\n  EclCardImageDirective,\n  EclCardPictureDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-carousel.mjs

@@ -1,6 +1,6 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, booleanAttribute, HostListener, HostBinding, forwardRef, ContentChild, Output, Input, Component, ChangeDetectorRef, Renderer2, afterNextRender, numberAttribute, ViewChild, ViewChildren, ContentChildren, NgModule } from '@angular/core';
+import { inject, ElementRef, EventEmitter, booleanAttribute, HostListener, HostBinding, forwardRef, ContentChild, Output, Input, Component, ChangeDetectorRef, Renderer2, afterNextRender, numberAttribute, ViewChild, ViewChildren, ContentChildren } from '@angular/core';
 import { Subject, takeUntil, switchMap, interval } from 'rxjs';
 import { EclBaseEvent, ECLBaseDirective, EclRtlService, KeyCode } from '@eui/ecl/core';
 import { EclBannerComponent } from '@eui/ecl/components/ecl-banner';
@@ -60,10 +60,10 @@ class EclCarouselItemComponent extends ECLBaseDirective {
     onSlideClick() {
         this.slideClick.next(new EclSlideEvent(this));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.0-rc.2", type: EclCarouselItemComponent, isStandalone: true, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: ["isCurrent", "isCurrent", booleanAttribute] }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.aria-roledescription": "this.roleDescription", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "banner", first: true, predicate: i0.forwardRef(() => EclBannerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host:before{left:0!important;display:none}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.3", type: EclCarouselItemComponent, isStandalone: true, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: ["isCurrent", "isCurrent", booleanAttribute] }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.aria-roledescription": "this.roleDescription", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "banner", first: true, predicate: i0.forwardRef(() => EclBannerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host:before{left:0!important;display:none}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-carousel-item', template: "<ng-content></ng-content>\n", styles: [":host:before{left:0!important;display:none}\n"] }]
         }], propDecorators: { ariaLabel: [{
@@ -742,10 +742,10 @@ class EclCarouselComponent extends ECLBaseDirective {
             this.lastHiddenItem.el.nativeElement.innerHTML = this.getFirstContentChild();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-rc.2", type: EclCarouselComponent, isStandalone: true, selector: "ecl-carousel", inputs: { ariaLabel: ["aria-label", "ariaLabel"], isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute], playInterval: ["playInterval", "playInterval", numberAttribute] }, outputs: { slide: "slide" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription", "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasControls()){\n<div class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button #playButton class=\"ecl-button ecl-button--tertiary ecl-carousel__play ecl-button--icon-only\"\n                type=\"button\" [style.display]=\"isPlaying ? 'none' : 'flex'\" (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <span class=\"ecl-button__container\">\n                    <span class=\"ecl-button__label\">\n                        {{ 'ecl.carousel.PLAY' | translate }}\n                    </span>\n                    <ecl-icon icon=\"play-outline\" size=\"m\" class=\"ecl-button__icon ecl-carousel__icon-default\">\n                    </ecl-icon>\n                </span>\n            </button>\n\n            <button #pauseButton class=\"ecl-button ecl-button--tertiary ecl-carousel__pause ecl-button--icon-only\"\n                type=\"button\" [style.display]=\"isPlaying ? 'flex' : 'none'\" (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <span class=\"ecl-button__container\">\n                    <span class=\"ecl-button__label\">\n                        {{ 'ecl.carousel.PAUSE' | translate }}\n                    </span>\n                    <ecl-icon icon=\"pause-outline\" size=\"m\" class=\"ecl-button__icon ecl-carousel__icon-default\"> </ecl-icon>\n                </span>\n\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\" role=\"tablist\" >\n            @for (slide of slides; let i = $index; track slide) {\n            <button #currButton [attr.aria-current]=\"i === getCurrentSlideIndex()\" [attr.tabindex]=\"i === getCurrentSlideIndex() ? null: -1\"\n                class=\"ecl-button ecl-button--tertiary ecl-carousel__navigation-item\" role=\"tab\" (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                {{ i + 1 }}\n            </button>\n            }\n        </div>\n    </div>\n</div>\n}\n<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div #slidesContainer (keyup)=\"onFirstCarouselElementPress($event)\" class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\" [style.left.px]=\"!isRtl ? getCarouselSlidesOffsetLeft() : null\"\n        [style.right.px]=\"isRtl ? getCarouselSlidesOffsetRight() : null\"\n        [style.transition-duration.s]=\"transitionDuration\" (mouseover)=\"onSlideHover()\" (mouseout)=\"onSlideHoverout()\">\n\n        @if(hasControls()){\n        <ecl-carousel-item #firstHiddenItem [style.width.%]=\"slideWidth\"></ecl-carousel-item>\n        }\n        <ng-content></ng-content>\n\n        @if(hasControls()){\n        <ecl-carousel-item #lastHiddenItem [style.width.%]=\"slideWidth\"></ecl-carousel-item>\n        }\n    </div>\n</div>", styles: [".ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: ["id", "isCurrent"], outputs: ["slideClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EclCarouselComponent, isStandalone: true, selector: "ecl-carousel", inputs: { ariaLabel: ["aria-label", "ariaLabel"], isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute], playInterval: ["playInterval", "playInterval", numberAttribute] }, outputs: { slide: "slide" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription", "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasControls()){\n<div class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button #playButton class=\"ecl-button ecl-button--tertiary ecl-carousel__play ecl-button--icon-only\"\n                type=\"button\" [style.display]=\"isPlaying ? 'none' : 'flex'\" (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <span class=\"ecl-button__container\">\n                    <span class=\"ecl-button__label\">\n                        {{ 'ecl.carousel.PLAY' | translate }}\n                    </span>\n                    <ecl-icon icon=\"play-outline\" size=\"m\" class=\"ecl-button__icon ecl-carousel__icon-default\">\n                    </ecl-icon>\n                </span>\n            </button>\n\n            <button #pauseButton class=\"ecl-button ecl-button--tertiary ecl-carousel__pause ecl-button--icon-only\"\n                type=\"button\" [style.display]=\"isPlaying ? 'flex' : 'none'\" (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <span class=\"ecl-button__container\">\n                    <span class=\"ecl-button__label\">\n                        {{ 'ecl.carousel.PAUSE' | translate }}\n                    </span>\n                    <ecl-icon icon=\"pause-outline\" size=\"m\" class=\"ecl-button__icon ecl-carousel__icon-default\"> </ecl-icon>\n                </span>\n\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\" role=\"tablist\" >\n            @for (slide of slides; let i = $index; track slide) {\n            <button #currButton [attr.aria-current]=\"i === getCurrentSlideIndex()\" [attr.tabindex]=\"i === getCurrentSlideIndex() ? null: -1\"\n                class=\"ecl-button ecl-button--tertiary ecl-carousel__navigation-item\" role=\"tab\" (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                {{ i + 1 }}\n            </button>\n            }\n        </div>\n    </div>\n</div>\n}\n<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div #slidesContainer (keyup)=\"onFirstCarouselElementPress($event)\" class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\" [style.left.px]=\"!isRtl ? getCarouselSlidesOffsetLeft() : null\"\n        [style.right.px]=\"isRtl ? getCarouselSlidesOffsetRight() : null\"\n        [style.transition-duration.s]=\"transitionDuration\" (mouseover)=\"onSlideHover()\" (mouseout)=\"onSlideHoverout()\">\n\n        @if(hasControls()){\n        <ecl-carousel-item #firstHiddenItem [style.width.%]=\"slideWidth\"></ecl-carousel-item>\n        }\n        <ng-content></ng-content>\n\n        @if(hasControls()){\n        <ecl-carousel-item #lastHiddenItem [style.width.%]=\"slideWidth\"></ecl-carousel-item>\n        }\n    </div>\n</div>", styles: [".ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: ["id", "isCurrent"], outputs: ["slideClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EclCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-carousel', imports: [
                         TranslateModule,
@@ -801,25 +801,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ng
                 args: ['window:resize']
             }] } });
 
-/**
- * @description
- * Module that provides the EclCarousel component and its dependencies.
- *
- * @deprecated Use {@link EUI_ECL_CAROUSEL} instead.
- */
-class EclCarouselModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselModule, imports: [EclCarouselComponent, EclCarouselItemComponent], exports: [EclCarouselComponent, EclCarouselItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselModule, imports: [EclCarouselComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.2", ngImport: i0, type: EclCarouselModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EclCarouselComponent, EclCarouselItemComponent],
-                    exports: [EclCarouselComponent, EclCarouselItemComponent],
-                }]
-        }] });
-
 const EUI_ECL_CAROUSEL = [
     EclCarouselComponent,
     EclCarouselItemComponent,
@@ -829,5 +810,5 @@ const EUI_ECL_CAROUSEL = [
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_CAROUSEL, EclCarouselComponent, EclCarouselItemComponent, EclCarouselModule, EclSlideEvent };
+export { EUI_ECL_CAROUSEL, EclCarouselComponent, EclCarouselItemComponent, EclSlideEvent };
 //# sourceMappingURL=eui-ecl-components-ecl-carousel.mjs.map