@eui/ecl 19.0.0-next.1 → 19.0.0-next.3

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

@@ -0,0 +1,118 @@
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Inject, HostBinding, ContentChild, Output, NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { EclSiteHeaderLanguageComponent, EclSiteHeaderComponent, EclSiteHeaderComponentModule } from '@eui/ecl/components/ecl-site-header';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@eui/ecl/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import { CssUtils } from '@eui/core';
+
+class EclAppLanguageDismissEvent extends EclBaseEvent {
+    constructor(language) {
+        super();
+        this.language = language;
+    }
+}
+class EclAppComponent extends ECLBaseDirective {
+    constructor(eclLanguageService, eclRtlService, document) {
+        super();
+        this.eclLanguageService = eclLanguageService;
+        this.eclRtlService = eclRtlService;
+        this.document = document;
+        this.textDirection = 'ltr';
+        this.languageDismiss = new EventEmitter();
+        this.destroy$ = new Subject();
+    }
+    ngAfterViewInit() {
+        CssUtils.setHtmlClass('eui-18', this.document);
+        this.handleRtlChangeState();
+        this.handleInitialConfiguredLanguages();
+        this.handleLanguageChangeState();
+        this.handleUIEvents();
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    handleInitialConfiguredLanguages() {
+        setTimeout(() => {
+            const languages = this.eclLanguageService.getConfiguredLanguages();
+            if (this.eclSiteHeaderLanguage) {
+                this.eclSiteHeaderLanguage.languageCodes = languages?.map((lang) => lang.code);
+            }
+        });
+    }
+    handleLanguageChangeState() {
+        this.eclLanguageService.currentLanguage$.pipe(takeUntil(this.destroy$)).subscribe((lang) => {
+            setTimeout(() => {
+                if (this.eclSiteHeaderLanguage) {
+                    this.eclSiteHeaderLanguage.languageCode = lang.code;
+                }
+                if (this.eclSiteHeader) {
+                    this.eclSiteHeader.languageCode = lang.code;
+                }
+            });
+        });
+    }
+    handleRtlChangeState() {
+        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {
+            if (rtlState) {
+                this.textDirection = 'rtl';
+            }
+            else {
+                this.textDirection = 'ltr';
+            }
+        });
+    }
+    handleUIEvents() {
+        this.eclSiteHeaderLanguage?.languageSelected
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((evt) => {
+            this.eclLanguageService.updateCurrentLanguage(evt.language);
+            this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponent, deps: [{ token: i1.EclLanguageService }, { token: i1.EclRtlService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclAppComponent, isStandalone: false, selector: "ecl-app", outputs: { languageDismiss: "languageDismiss" }, host: { properties: { "attr.dir": "this.textDirection" } }, queries: [{ propertyName: "eclSiteHeaderLanguage", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }, { propertyName: "eclSiteHeader", first: true, predicate: EclSiteHeaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-app', standalone: false, template: "<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [{ type: i1.EclLanguageService }, { type: i1.EclRtlService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { textDirection: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], eclSiteHeaderLanguage: [{
+                type: ContentChild,
+                args: [EclSiteHeaderLanguageComponent]
+            }], eclSiteHeader: [{
+                type: ContentChild,
+                args: [EclSiteHeaderComponent]
+            }], languageDismiss: [{
+                type: Output
+            }] } });
+
+class EclAppComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponentModule, declarations: [EclAppComponent], imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule], exports: [EclAppComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponentModule, imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclAppComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule],
+                    exports: [EclAppComponent],
+                    declarations: [EclAppComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclAppComponent, EclAppComponentModule, EclAppLanguageDismissEvent };
+//# sourceMappingURL=eui-ecl-components-ecl-app.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/ecl-app.module.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { AfterViewInit, OnDestroy, Component, ContentChild, EventEmitter, HostBinding, Output, Inject } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { EclBaseEvent, EclLanguage } from '@eui/ecl/core';\nimport { EclLanguageService } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRtlService } from '@eui/ecl/core';\nimport { EclSiteHeaderComponent, EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { DOCUMENT } from '@angular/common';\nimport { CssUtils } from '@eui/core';\n\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EclLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n    standalone: false,\n})\nexport class EclAppComponent extends ECLBaseDirective implements AfterViewInit, OnDestroy {\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n    @ContentChild(EclSiteHeaderComponent) eclSiteHeader: EclSiteHeaderComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        protected eclLanguageService: EclLanguageService,\n        private eclRtlService: EclRtlService,\n        @Inject(DOCUMENT) private document: Document,\n    ) {\n        super();\n    }\n\n    ngAfterViewInit(): void {\n        CssUtils.setHtmlClass('eui-18', this.document);\n        this.handleRtlChangeState();\n        this.handleInitialConfiguredLanguages();\n        this.handleLanguageChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    private handleInitialConfiguredLanguages(): void {\n        setTimeout(() => {\n            const languages = this.eclLanguageService.getConfiguredLanguages();\n            if (this.eclSiteHeaderLanguage) {\n                this.eclSiteHeaderLanguage.languageCodes = languages?.map((lang) => lang.code);\n            }\n        });\n    }\n\n    private handleLanguageChangeState(): void {\n        this.eclLanguageService.currentLanguage$.pipe(takeUntil(this.destroy$)).subscribe((lang) => {\n            setTimeout(() => {\n                if (this.eclSiteHeaderLanguage) {\n                    this.eclSiteHeaderLanguage.languageCode = lang.code;\n                }\n                if (this.eclSiteHeader) {\n                    this.eclSiteHeader.languageCode = lang.code;\n                }\n            });\n        });\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.eclLanguageService.updateCurrentLanguage(evt.language);\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { EclSiteHeaderComponentModule } from '@eui/ecl/components/ecl-site-header';\nimport { EclAppComponent } from './ecl-app.component';\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule],\n    exports: [EclAppComponent],\n    declarations: [EclAppComponent],\n})\nexport class EclAppComponentModule {}\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-banner.mjs

@@ -0,0 +1,465 @@
+import * as i0 from '@angular/core';
+import { Directive, HostBinding, afterNextRender, booleanAttribute, Component, Input, ContentChildren, forwardRef, ContentChild, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import * as i4 from '@eui/ecl/components/ecl-button';
+import { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';
+import { EclLinkDirective, EclLinkDirectiveModule } from '@eui/ecl/components/ecl-link';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import { Subject, takeUntil, delay } from 'rxjs';
+import * as i1 from '@angular/cdk/layout';
+
+class EclBannerTitleDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-banner__title';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerTitleDirective, isStandalone: false, selector: "[eclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerTitle]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EclBannerTitleTextDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-banner__title-text';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerTitleTextDirective, isStandalone: false, selector: "[eclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerTitleText]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EclBannerTitleLinkDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-link ecl-banner__title-link';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerTitleLinkDirective, isStandalone: false, selector: "[eclBannerTitleLink]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerTitleLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerTitleLink]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclBannerDescriptionDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-banner__description';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerDescriptionDirective, isStandalone: false, selector: "[eclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerDescription]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EclBannerDescriptionTextDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-banner__description-text';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerDescriptionTextDirective, isStandalone: false, selector: "[eclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerDescriptionText]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EclBannerDescriptionLinkDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.className = 'ecl-link ecl-banner__description-link';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerDescriptionLinkDirective, isStandalone: false, selector: "[eclBannerDescriptionLink]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerDescriptionLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclBannerDescriptionLink]',
+                    standalone: false,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclBannerPictureDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerPictureDirective, isStandalone: false, selector: "picture[eclBannerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerPictureDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'picture[eclBannerPicture]',
+                    standalone: false,
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EclBannerImageDirective extends ECLBaseDirective {
+    constructor(el) {
+        super();
+        this.el = el;
+        this.className = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerImageDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerImageDirective, isStandalone: false, selector: "img[eclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[eclBannerImage]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class.ecl-banner__image']
+            }] } });
+
+class EclBannerVideoDirective extends ECLBaseDirective {
+    constructor(el) {
+        super();
+        this.el = el;
+        this.videoClasses = 'ecl-video ecl-banner__video';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerVideoDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclBannerVideoDirective, isStandalone: false, selector: "video[eclBannerVideo]", host: { properties: { "class": "this.videoClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerVideoDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'video[eclBannerVideo]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { videoClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EclBannerComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-banner'),
+            this.variant ? `ecl-banner--${this.variant}` : '',
+            `ecl-banner--${this.eclSize}`,
+            `ecl-banner--font-${this.fontSize}`,
+            `ecl-banner--box-bg-${this.boxBackground}`,
+            `ecl-banner--h-${this.horizontalAlignment}`,
+            `ecl-banner--v-${this.verticalAlignment}`,
+            `ecl-banner--color-${this.fontColor}`,
+            this.isFullWidth ? 'ecl-banner--full-width' : '',
+            this.isCentered ? 'ecl-banner--centered' : '',
+        ]
+            .join(' ')
+            .trim();
+    }
+    constructor(el, renderer, cdkBreakpointObserver) {
+        super();
+        this.el = el;
+        this.renderer = renderer;
+        this.cdkBreakpointObserver = cdkBreakpointObserver;
+        this.eclSize = 'm';
+        this.fontColor = 'dark';
+        this.fontSize = 'm';
+        this.boxBackground = 'light';
+        this.horizontalAlignment = 'left';
+        this.verticalAlignment = 'center';
+        this.copyright = '';
+        /**
+         * @deprecated To be removed in v19. Not used anymore.
+         */
+        this.isCentered = false;
+        this.isFullWidth = false;
+        this.bannerFooterHeight = null;
+        this.isPlaying = false;
+        this.BANNER_PADDING = 16;
+        this.destroy$ = new Subject();
+        this.bannerWidth = 0;
+        this.isTabletBreakpoint = true;
+        this.TIMEOUT_INTERVAL = 200;
+        afterNextRender(() => {
+            this.observeBreakpointChanges();
+            this.observeElementSizeChanges();
+        });
+    }
+    ngAfterContentInit() {
+        if (this.eclLinkComponents) {
+            this.eclLinkComponents.forEach((link) => {
+                link.class = 'ecl-banner__link-cta';
+            });
+        }
+        if (this.hasVideo) {
+            const videoEl = this.eclBannerVideo.el.nativeElement;
+            videoEl.addEventListener('play', () => {
+                this.isPlaying = true;
+            });
+            videoEl.addEventListener('pause', () => {
+                this.isPlaying = false;
+            });
+            this.renderer.setProperty(videoEl, 'muted', true);
+            this.renderer.setProperty(videoEl, 'loop', true);
+            this.renderer.setProperty(videoEl, 'autoplay', true);
+            this.renderer.removeAttribute(videoEl, 'controls');
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    get hasCtaLink() {
+        return this.eclLinkComponents.length > 0;
+    }
+    get hasImage() {
+        return !!this.eclBannerImage;
+    }
+    get hasVideo() {
+        return !!this.eclBannerVideo;
+    }
+    onKeydownEnterPlay() {
+        this.onVideoPlay();
+        setTimeout(() => this.pauseBtn.onFocus());
+    }
+    onKeydownEnterPause() {
+        this.onVideoPause();
+        setTimeout(() => this.playBtn.onFocus());
+    }
+    onVideoPlay() {
+        const videoEl = this.eclBannerVideo.el.nativeElement;
+        videoEl.play();
+    }
+    onVideoPause() {
+        const videoEl = this.eclBannerVideo.el.nativeElement;
+        videoEl.pause();
+    }
+    observeElementSizeChanges() {
+        new ResizeObserver(() => {
+            setTimeout(() => {
+                if (this.bannerWidth !== this.bannerContainer.nativeElement.offsetWidth) {
+                    this.bannerWidth = this.bannerContainer.nativeElement.offsetWidth;
+                    if (this.eclBannerImage || this.eclBannerVideo) {
+                        this.setBannerHeight();
+                    }
+                }
+            }, this.TIMEOUT_INTERVAL);
+        }).observe(this.bannerContainer.nativeElement);
+    }
+    setBannerHeight() {
+        if (!this.bannerContainer) {
+            return;
+        }
+        const bannerContainerHeight = this.bannerContainer.nativeElement.offsetHeight + this.BANNER_PADDING;
+        const ratioArray = this.getRatioArray();
+        const elHeight = parseInt(window.getComputedStyle(this.el.nativeElement).getPropertyValue('width'), 10) * ratioArray[1] / ratioArray[0];
+        if (this.isTabletBreakpoint && bannerContainerHeight > elHeight) {
+            if (this.eclBannerImage) {
+                this.renderer.setStyle(this.eclBannerImage.el.nativeElement, 'aspectRatio', 'auto');
+            }
+            else if (this.eclBannerVideo) {
+                this.renderer.setStyle(this.eclBannerVideo.el.nativeElement, 'aspectRatio', 'auto');
+            }
+            this.renderer.setStyle(this.el.nativeElement, 'height', `${bannerContainerHeight}px`);
+        }
+        else {
+            this.resetHeight();
+        }
+        if (this.bannerFooter) {
+            this.bannerFooterHeight = this.bannerFooter.nativeElement.offsetHeight;
+        }
+    }
+    resetHeight() {
+        this.renderer.setStyle(this.el.nativeElement, 'height', 'auto');
+        if (this.eclBannerImage) {
+            const aspectRatio = window.getComputedStyle(this.eclBannerImage.el.nativeElement).getPropertyValue('--css-aspect-ratio');
+            this.renderer.setStyle(this.eclBannerImage.el.nativeElement, 'aspectRatio', aspectRatio);
+        }
+        if (this.eclBannerVideo) {
+            this.renderer.setStyle(this.eclBannerVideo.el.nativeElement, 'aspectRatio', this.getDefaultRatio());
+        }
+    }
+    getRatioArray() {
+        if (this.eclBannerImage) {
+            const aspectRatio = window.getComputedStyle(this.eclBannerImage.el.nativeElement).getPropertyValue('--css-aspect-ratio');
+            return aspectRatio.split('/').map(Number);
+        }
+        else {
+            return this.getDefaultRatio().split('/').map(Number);
+        }
+    }
+    getDefaultRatio() {
+        switch (this.eclSize) {
+            case 'xs': {
+                return "6/1" /* DefaultRatio.XS */;
+            }
+            case 's': {
+                return "5/1" /* DefaultRatio.S */;
+            }
+            case 'l': {
+                return "3/1" /* DefaultRatio.L */;
+            }
+            default: {
+                return "4/1" /* DefaultRatio.M */;
+            }
+        }
+    }
+    observeBreakpointChanges() {
+        this.cdkBreakpointObserver
+            .observe([
+            '(min-width: 997px)',
+        ])
+            .pipe(takeUntil(this.destroy$), delay(this.TIMEOUT_INTERVAL))
+            .subscribe((result) => {
+            this.isTabletBreakpoint = result.breakpoints['(min-width: 997px)'];
+            if (!this.isTabletBreakpoint) {
+                this.setBannerHeight();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-rc.1", type: EclBannerComponent, isStandalone: false, selector: "ecl-banner", inputs: { variant: "variant", eclSize: "eclSize", fontColor: "fontColor", fontSize: "fontSize", boxBackground: "boxBackground", horizontalAlignment: "horizontalAlignment", verticalAlignment: "verticalAlignment", copyright: "copyright", isCentered: ["isCentered", "isCentered", booleanAttribute], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute] }, host: { properties: { "style.--banner-footer-height.px": "this.bannerFooterHeight", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclBannerVideo", first: true, predicate: EclBannerVideoDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerFooter", first: true, predicate: ["bannerFooter"], descendants: true }, { propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <div #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">\u00A9 {{copyright}}</div></div>\n</ng-template>", dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i4.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i4.EclButtonLabelDirective, selector: "[eclButtonLabel]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-banner', standalone: false, template: "@if(hasImage) {\n<figure class=\"ecl-banner__picture-container\">\n    <ng-content select=\"[eclBannerPicture]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n</figure>\n}\n\n@if(hasVideo) {\n<div class=\"ecl-banner__video-container\">\n    <ng-content select=\"[eclBannerVideo]\"></ng-content>\n    @if(copyright) {\n        <ng-container *ngTemplateOutlet=\"bannerFooterTemplate\"></ng-container>\n    }\n    <button #playBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__play\" (click)=\"onVideoPlay()\"\n        [style.display]=\"isPlaying ? 'none' : 'block'\" (keydown.enter)=\"onKeydownEnterPlay()\">\n        <span eclButtonLabel>Play video</span>\n        <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n    </button>\n    <button #pauseBtn eclButton variant=\"tertiary\" isIconOnly class=\"ecl-banner__pause\" (click)=\"onVideoPause()\"\n        [style.display]=\"isPlaying ? 'block' : 'none'\" (keydown.enter)=\"onKeydownEnterPause()\">\n        <span eclButtonLabel>Pause video</span>\n        <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n    </button>\n</div>\n}\n<div class=\"ecl-container ecl-banner__info\">\n    <div #bannerContainer class=\"ecl-banner__container \">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            @if (hasCtaLink) {\n                <div class=\"ecl-banner__cta\">\n                    <ng-content select=\"[eclLink]\"></ng-content>\n                </div>\n            }\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n\n<ng-template #bannerFooterTemplate>\n    <div #bannerFooter class=\"ecl-banner__credit\"><div class=\"ecl-container\">\u00A9 {{copyright}}</div></div>\n</ng-template>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }], propDecorators: { variant: [{
+                type: Input
+            }], eclSize: [{
+                type: Input
+            }], fontColor: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], boxBackground: [{
+                type: Input
+            }], horizontalAlignment: [{
+                type: Input
+            }], verticalAlignment: [{
+                type: Input
+            }], copyright: [{
+                type: Input
+            }], isCentered: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], isFullWidth: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], eclLinkComponents: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EclLinkDirective)]
+            }], eclBannerImage: [{
+                type: ContentChild,
+                args: [EclBannerImageDirective]
+            }], eclBannerVideo: [{
+                type: ContentChild,
+                args: [EclBannerVideoDirective]
+            }], bannerFooter: [{
+                type: ViewChild,
+                args: ['bannerFooter']
+            }], bannerContainer: [{
+                type: ViewChild,
+                args: ['bannerContainer']
+            }], playBtn: [{
+                type: ViewChild,
+                args: ['playBtn']
+            }], pauseBtn: [{
+                type: ViewChild,
+                args: ['pauseBtn']
+            }], bannerFooterHeight: [{
+                type: HostBinding,
+                args: ['style.--banner-footer-height.px']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENTS = [
+    EclBannerComponent,
+    EclBannerTitleDirective,
+    EclBannerTitleTextDirective,
+    EclBannerDescriptionDirective,
+    EclBannerDescriptionTextDirective,
+    EclBannerPictureDirective,
+    EclBannerImageDirective,
+    EclBannerTitleLinkDirective,
+    EclBannerVideoDirective,
+    EclBannerDescriptionLinkDirective,
+];
+class EclBannerComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponentModule, declarations: [EclBannerComponent,
+            EclBannerTitleDirective,
+            EclBannerTitleTextDirective,
+            EclBannerDescriptionDirective,
+            EclBannerDescriptionTextDirective,
+            EclBannerPictureDirective,
+            EclBannerImageDirective,
+            EclBannerTitleLinkDirective,
+            EclBannerVideoDirective,
+            EclBannerDescriptionLinkDirective], imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, EclButtonComponentModule], exports: [EclBannerComponent,
+            EclBannerTitleDirective,
+            EclBannerTitleTextDirective,
+            EclBannerDescriptionDirective,
+            EclBannerDescriptionTextDirective,
+            EclBannerPictureDirective,
+            EclBannerImageDirective,
+            EclBannerTitleLinkDirective,
+            EclBannerVideoDirective,
+            EclBannerDescriptionLinkDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponentModule, imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, EclButtonComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclBannerComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EclLinkDirectiveModule, EclIconComponentModule, EclButtonComponentModule],
+                    exports: [...COMPONENTS],
+                    declarations: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclBannerComponent, EclBannerComponentModule, EclBannerDescriptionDirective, EclBannerDescriptionLinkDirective, EclBannerDescriptionTextDirective, EclBannerImageDirective, EclBannerPictureDirective, EclBannerTitleDirective, EclBannerTitleLinkDirective, EclBannerTitleTextDirective, EclBannerVideoDirective };
+//# sourceMappingURL=eui-ecl-components-ecl-banner.mjs.map