@eui/components 17.0.0-next.10 → 17.0.0-next.11

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

@@ -0,0 +1,402 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, ViewChild, ContentChildren, forwardRef, Output, ViewChildren, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { __decorate } from 'tslib';
+import { coerceBoolean, coerceNumber, coerceElement } from '@eui/base';
+import { EuiEclBaseEvent, EuiEclBaseDirective, KeyCode } from '@eui/components/ecl/shared';
+import { Subject, switchMap, interval, takeUntil } from 'rxjs';
+import * as i1 from '@angular/cdk/layout';
+import * as i3 from '@eui/components/ecl/eui-ecl-icon';
+import { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';
+
+class EuiEclSlideEvent extends EuiEclBaseEvent {
+    constructor(item) {
+        super();
+        this.item = item;
+    }
+}
+class EuiEclCarouselComponent extends EuiEclBaseDirective {
+    constructor(cdkBreakpointObserver, cd) {
+        super();
+        this.cdkBreakpointObserver = cdkBreakpointObserver;
+        this.cd = cd;
+        this.isAutoplay = true;
+        this.playInterval = 5000;
+        this.slide = new EventEmitter();
+        this.isPlaying = false;
+        this.isPausedForced = false;
+        this.isMobileBreakpoint = false;
+        this.playSubject = new Subject();
+        this.stopSubject = new Subject();
+        this.destroy$ = new Subject();
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-carousel')].join(' ').trim();
+    }
+    ngOnInit() {
+        this.initAutoplay();
+    }
+    ngAfterContentInit() {
+        this.observeBreakpointChanges();
+        this.initializeSlider();
+    }
+    ngAfterViewInit() {
+        this.observeElementSizeChanges();
+        this.cd.detectChanges();
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    onPlayClick() {
+        this.startPlaying();
+        this.showButton(this.pauseButton);
+        this.focusOnButton(this.pauseButton);
+    }
+    onPauseClick() {
+        this.stopPlaying();
+        this.showButton(this.playButton);
+        this.focusOnButton(this.playButton);
+    }
+    onPlayKeyboardPress(e) {
+        if ([KeyCode.TAB].includes(e.key)) {
+            if (this.isPlaying) {
+                this.activateSlide(this.slides.get(0));
+                this.focusOnButton(this.navigationButtons.get(0));
+                this.stopPlaying();
+            }
+            else {
+                this.focusOnButton(this.navigationButtons.get(this.getCurrentSlideIndex()));
+            }
+            e.preventDefault();
+        }
+        else if (!this.isPlaying && [KeyCode.ARROW_RIGHT].includes(e.key)) {
+            this.focusOnButton(this.navigationButtons.get(this.getCurrentSlideIndex()));
+        }
+    }
+    onNavBtnKeyboardPress(e, index) {
+        if ([KeyCode.TAB, KeyCode.ARROW_RIGHT].includes(e.key)) {
+            if (this.isLastButton(index)) {
+                if (this.isButtonVisible(this.prevButton)) {
+                    this.focusOnButton(this.prevButton);
+                    e.preventDefault();
+                }
+                if (this.isButtonVisible(this.mobilePrevButton)) {
+                    this.focusOnButton(this.mobilePrevButton);
+                    e.preventDefault();
+                }
+            }
+            else {
+                this.goToNextSlide();
+                this.focusOnButton(this.mobilePrevButton);
+                const button = this.navigationButtons.get(this.getCurrentSlideIndex());
+                this.focusOnButton(button);
+                e.preventDefault();
+            }
+        }
+        if (e.key === KeyCode.ARROW_LEFT) {
+            if (this.isFirstButton(index)) {
+                if (this.playButton) {
+                    this.focusOnButton(this.playButton);
+                }
+                if (this.pauseButton) {
+                    this.focusOnButton(this.pauseButton);
+                }
+            }
+            else {
+                this.goToPreviousSlide();
+                const button = this.navigationButtons.get(this.getCurrentSlideIndex());
+                this.focusOnButton(button);
+                e.preventDefault();
+            }
+        }
+        return;
+    }
+    isButtonVisible(button) {
+        if (!button) {
+            return false;
+        }
+        return button.nativeElement.style.display === '';
+    }
+    showButton(button) {
+        button.nativeElement.style.display = '';
+    }
+    focusOnButton(button) {
+        if (!button) {
+            return false;
+        }
+        button.nativeElement.focus();
+    }
+    onSlideControlClick(slide) {
+        this.stopPlaying();
+        this.activateSlide(slide);
+    }
+    onNextSlideClick() {
+        this.stopPlaying();
+        this.goToNextSlide();
+    }
+    onPreviousSlideClick() {
+        this.stopPlaying();
+        this.goToPreviousSlide();
+    }
+    onSlideHover() {
+        this.pausePlaying();
+    }
+    onSlideHoverout() {
+        if (!this.isStopButtonPressed()) {
+            this.resumePlaying();
+        }
+    }
+    isStopButtonPressed() {
+        return this.isPausedForced;
+    }
+    isPadded() {
+        return !this.isMobileBreakpoint;
+    }
+    hasControls() {
+        return this.getSlidesCount() > 1;
+    }
+    getCurrentSlideIndex() {
+        let currentIndex;
+        this.slides.forEach((item, idx) => {
+            if (item.isCurrent) {
+                currentIndex = idx;
+            }
+        });
+        return currentIndex;
+    }
+    getCarouselSlidesWidth() {
+        return this.carouselContainerElement?.offsetWidth * this.getSlidesCount();
+    }
+    getCarouselSlidesOffset() {
+        return -1 * this.carouselContainerElement?.offsetWidth * this.getCurrentSlideIndex();
+    }
+    initAutoplay() {
+        const start$ = this.playSubject.asObservable();
+        const stop$ = this.stopSubject.asObservable();
+        start$
+            .pipe(switchMap(() => interval(this.playInterval).pipe(takeUntil(stop$))), takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.goToNextSlide();
+        });
+    }
+    initializeSlider() {
+        this.slides.forEach((item, idx) => {
+            this.initSlide(item, idx);
+        });
+        if (this.hasControls) {
+            if (this.isNoSlideSelected()) {
+                this.activateSlide(this.slides.first);
+            }
+            if (this.isAutoplay && !this.isMobileBreakpoint) {
+                this.startPlaying();
+            }
+        }
+    }
+    initSlide(item, idx) {
+        item.index = idx;
+        item.ariaLabel = `slide ${idx + 1} of ${this.getSlidesCount()}`;
+        item.width = 100 / this.getSlidesCount();
+    }
+    goToNextSlide() {
+        this.activateSlide(this.getNextSlide());
+    }
+    goToPreviousSlide() {
+        this.activateSlide(this.getPreviousSlide());
+    }
+    activateSlide(slide) {
+        if (slide) {
+            this.slides.forEach((item) => {
+                item.isCurrent = false;
+            });
+            slide.isCurrent = true;
+        }
+    }
+    isLastButton(index) {
+        const buttonsList = this.navigationButtons;
+        return index + 1 >= buttonsList.length;
+    }
+    isFirstButton(index) {
+        return index <= 0;
+    }
+    startPlaying() {
+        this.isPlaying = true;
+        this.isPausedForced = false;
+        this.playSubject.next();
+    }
+    stopPlaying() {
+        this.isPlaying = false;
+        this.isPausedForced = true;
+        this.stopSubject.next();
+    }
+    pausePlaying() {
+        this.isPlaying = false;
+        this.stopSubject.next();
+    }
+    resumePlaying() {
+        this.isPlaying = true;
+        this.playSubject.next();
+    }
+    getNextSlide() {
+        const slidesCount = this.getSlidesCount();
+        const currentIndex = this.getCurrentSlideIndex();
+        if (currentIndex >= slidesCount - 1) {
+            return this.slides.first;
+        }
+        else {
+            return this.slides.get(currentIndex + 1);
+        }
+    }
+    getPreviousSlide() {
+        const currentIndex = this.getCurrentSlideIndex();
+        if (currentIndex <= 0) {
+            return this.slides.last;
+        }
+        else {
+            return this.slides.get(currentIndex - 1);
+        }
+    }
+    getSlidesCount() {
+        return this.slides.length;
+    }
+    isNoSlideSelected() {
+        return !this.slides.some((item) => item.isCurrent);
+    }
+    observeBreakpointChanges() {
+        this.cdkBreakpointObserver
+            .observe(['(max-width: 996px)'])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileBreakpoint = result.matches;
+            if (this.isMobileBreakpoint) {
+                this.stopPlaying();
+            }
+        });
+    }
+    observeElementSizeChanges() {
+        new ResizeObserver(() => {
+            this.cd.detectChanges();
+        }).observe(this.carouselContainerElement);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponent, deps: [{ token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclCarouselComponent, selector: "eui-ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EuiEclCarouselItemComponent) }], 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: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "mobilePrevButton", first: true, predicate: ["mobilePrevButton"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    coerceBoolean
+], EuiEclCarouselComponent.prototype, "isAutoplay", void 0);
+__decorate([
+    coerceNumber
+], EuiEclCarouselComponent.prototype, "playInterval", void 0);
+__decorate([
+    coerceElement
+], EuiEclCarouselComponent.prototype, "carouselContainerElement", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-ecl-carousel', encapsulation: ViewEncapsulation.None, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }, { type: i0.ChangeDetectorRef }], propDecorators: { isAutoplay: [{
+                type: Input
+            }], playInterval: [{
+                type: Input
+            }], carouselContainerElement: [{
+                type: ViewChild,
+                args: ['carouselContainer']
+            }], slides: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EuiEclCarouselItemComponent)]
+            }], slide: [{
+                type: Output
+            }], navigationButtons: [{
+                type: ViewChildren,
+                args: ['currButton']
+            }], playButton: [{
+                type: ViewChild,
+                args: ['playButton']
+            }], pauseButton: [{
+                type: ViewChild,
+                args: ['pauseButton']
+            }], prevButton: [{
+                type: ViewChild,
+                args: ['prevButton']
+            }], mobilePrevButton: [{
+                type: ViewChild,
+                args: ['mobilePrevButton']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EuiEclCarouselItemComponent extends EuiEclBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.isCurrent = false;
+        this.role = 'group';
+        this.slideClick = new EventEmitter();
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-carousel__slide')].join(' ').trim();
+    }
+    get isInert() {
+        return !this.isCurrent || undefined;
+    }
+    onSlideClick() {
+        this.slideClick.next(new EuiEclSlideEvent(this));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclCarouselItemComponent, selector: "eui-ecl-carousel-item, eui-ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    coerceBoolean
+], EuiEclCarouselItemComponent.prototype, "isCurrent", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-ecl-carousel-item, eui-ecl-carousel-item', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], isCurrent: [{
+                type: Input
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width.%']
+            }], slideClick: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], isInert: [{
+                type: HostBinding,
+                args: ['attr.inert']
+            }], onSlideClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+const COMPONENTS = [EuiEclCarouselComponent, EuiEclCarouselItemComponent];
+class EuiEclCarouselComponentModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponentModule, declarations: [EuiEclCarouselComponent, EuiEclCarouselItemComponent], imports: [CommonModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclCarouselComponent, EuiEclCarouselItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponentModule, imports: [CommonModule, EuiEclIconComponentModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclCarouselComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EuiEclIconComponentModule, TranslateModule],
+                    exports: [...COMPONENTS],
+                    declarations: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiEclCarouselComponent, EuiEclCarouselComponentModule, EuiEclCarouselItemComponent, EuiEclSlideEvent };
+//# sourceMappingURL=eui-components-ecl-eui-ecl-carousel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-ecl-eui-ecl-carousel.mjs","sources":["../../ecl/eui-ecl-carousel/eui-ecl-carousel.component.ts","../../ecl/eui-ecl-carousel/eui-ecl-carousel.component.html","../../ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.ts","../../ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.html","../../ecl/eui-ecl-carousel/eui-ecl-carousel.module.ts","../../ecl/eui-ecl-carousel/eui-components-ecl-eui-ecl-carousel.ts"],"sourcesContent":["import { BreakpointObserver } from '@angular/cdk/layout';\nimport {\n    AfterContentInit,\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Input,\n    OnInit,\n    OnDestroy,\n    Output,\n    QueryList,\n    ViewChild,\n    ElementRef,\n    ViewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { coerceBoolean, coerceElement, coerceNumber } from '@eui/base';\nimport { interval, Subject, switchMap, takeUntil } from 'rxjs';\nimport { EuiEclBaseEvent } from '@eui/components/ecl/shared';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\nimport { EuiEclCarouselItem, EuiEclCarouselItemComponent } from './eui-ecl-carousel-item.component';\nimport { KeyCode } from '@eui/components/ecl/shared';\n\nexport class EuiEclSlideEvent extends EuiEclBaseEvent {\n    constructor(public item: EuiEclCarouselItem) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'eui-ecl-carousel',\n    templateUrl: './eui-ecl-carousel.component.html',\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclCarouselComponent extends EuiEclBaseDirective implements OnInit, OnDestroy, AfterContentInit, AfterViewInit {\n    @coerceBoolean @Input() isAutoplay: boolean | any = true;\n    @coerceNumber @Input() playInterval: number | any = 5000;\n\n    @coerceElement @ViewChild('carouselContainer') carouselContainerElement: HTMLElement;\n    @ContentChildren(forwardRef(() => EuiEclCarouselItemComponent)) slides: QueryList<EuiEclCarouselItemComponent>;\n    @Output() slide = new EventEmitter<EuiEclSlideEvent>();\n    @ViewChildren('currButton') navigationButtons: QueryList<ElementRef>;\n    @ViewChild('playButton') playButton: ElementRef;\n    @ViewChild('pauseButton') pauseButton: ElementRef;\n    @ViewChild('prevButton') prevButton: ElementRef;\n    @ViewChild('mobilePrevButton') mobilePrevButton: ElementRef;\n\n    public isPlaying = false;\n    public isPausedForced = false;\n    public isMobileBreakpoint = false;\n\n    private playSubject = new Subject<void>();\n    private stopSubject = new Subject<void>();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cdkBreakpointObserver: BreakpointObserver,\n        private cd: ChangeDetectorRef,\n    ) {\n        super();\n    }\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-carousel')].join(' ').trim();\n    }\n\n    ngOnInit(): void {\n        this.initAutoplay();\n    }\n\n    ngAfterContentInit(): void {\n        this.observeBreakpointChanges();\n        this.initializeSlider();\n    }\n\n    ngAfterViewInit(): void {\n        this.observeElementSizeChanges();\n        this.cd.detectChanges();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    onPlayClick(): void {\n        this.startPlaying();\n        this.showButton(this.pauseButton);\n        this.focusOnButton(this.pauseButton);\n    }\n\n    onPauseClick(): void {\n        this.stopPlaying();\n        this.showButton(this.playButton);\n        this.focusOnButton(this.playButton);\n    }\n\n    onPlayKeyboardPress(e): void {\n        if ([KeyCode.TAB].includes(e.key)) {\n            if (this.isPlaying) {\n                this.activateSlide(this.slides.get(0));\n                this.focusOnButton(this.navigationButtons.get(0));\n                this.stopPlaying();\n            } else {\n                this.focusOnButton(this.navigationButtons.get(this.getCurrentSlideIndex()));\n            }\n            e.preventDefault();\n        } else if (!this.isPlaying && [KeyCode.ARROW_RIGHT].includes(e.key)) {\n            this.focusOnButton(this.navigationButtons.get(this.getCurrentSlideIndex()));\n        }\n    }\n\n    onNavBtnKeyboardPress(e, index): void {\n        if ([KeyCode.TAB, KeyCode.ARROW_RIGHT].includes(e.key)) {\n            if (this.isLastButton(index)) {\n                if (this.isButtonVisible(this.prevButton)) {\n                    this.focusOnButton(this.prevButton);\n                    e.preventDefault();\n                }\n                if (this.isButtonVisible(this.mobilePrevButton)) {\n                    this.focusOnButton(this.mobilePrevButton);\n                    e.preventDefault();\n                }\n            } else {\n                this.goToNextSlide();\n                this.focusOnButton(this.mobilePrevButton);\n                const button: ElementRef = this.navigationButtons.get(this.getCurrentSlideIndex());\n                this.focusOnButton(button);\n                e.preventDefault();\n            }\n        }\n\n        if (e.key === KeyCode.ARROW_LEFT) {\n            if (this.isFirstButton(index)) {\n                if (this.playButton) {\n                    this.focusOnButton(this.playButton);\n                }\n                if (this.pauseButton) {\n                    this.focusOnButton(this.pauseButton);\n                }\n            } else {\n                this.goToPreviousSlide();\n                const button: ElementRef = this.navigationButtons.get(this.getCurrentSlideIndex());\n                this.focusOnButton(button);\n                e.preventDefault();\n            }\n        }\n        return;\n    }\n\n    isButtonVisible(button: ElementRef): boolean {\n        if (!button) {\n            return false;\n        }\n        return button.nativeElement.style.display === '';\n    }\n\n    showButton(button: ElementRef): void {\n        button.nativeElement.style.display = '';\n    }\n\n    focusOnButton(button: ElementRef) {\n        if (!button) {\n            return false;\n        }\n        button.nativeElement.focus();\n    }\n\n    onSlideControlClick(slide: EuiEclCarouselItem): void {\n        this.stopPlaying();\n        this.activateSlide(slide);\n    }\n\n    onNextSlideClick(): void {\n        this.stopPlaying();\n        this.goToNextSlide();\n    }\n\n    onPreviousSlideClick(): void {\n        this.stopPlaying();\n        this.goToPreviousSlide();\n    }\n\n    onSlideHover(): void {\n        this.pausePlaying();\n    }\n\n    onSlideHoverout(): void {\n        if (!this.isStopButtonPressed()) {\n            this.resumePlaying();\n        }\n    }\n\n    public isStopButtonPressed(): boolean {\n        return this.isPausedForced;\n    }\n\n    public isPadded(): boolean {\n        return !this.isMobileBreakpoint;\n    }\n\n    public hasControls(): boolean {\n        return this.getSlidesCount() > 1;\n    }\n\n    public getCurrentSlideIndex(): number {\n        let currentIndex: number;\n\n        this.slides.forEach((item, idx) => {\n            if (item.isCurrent) {\n                currentIndex = idx;\n            }\n        });\n\n        return currentIndex;\n    }\n\n    public getCarouselSlidesWidth(): number {\n        return this.carouselContainerElement?.offsetWidth * this.getSlidesCount();\n    }\n\n    public getCarouselSlidesOffset(): number {\n        return -1 * this.carouselContainerElement?.offsetWidth * this.getCurrentSlideIndex();\n    }\n\n    private initAutoplay(): void {\n        const start$ = this.playSubject.asObservable();\n        const stop$ = this.stopSubject.asObservable();\n\n        start$\n            .pipe(\n                switchMap(() => interval(this.playInterval).pipe(takeUntil(stop$))),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(() => {\n                this.goToNextSlide();\n            });\n    }\n\n    private initializeSlider(): void {\n        this.slides.forEach((item, idx) => {\n            this.initSlide(item, idx);\n        });\n\n        if (this.hasControls) {\n            if (this.isNoSlideSelected()) {\n                this.activateSlide(this.slides.first);\n            }\n\n            if (this.isAutoplay && !this.isMobileBreakpoint) {\n                this.startPlaying();\n            }\n        }\n    }\n\n    private initSlide(item: EuiEclCarouselItemComponent, idx: number): void {\n        item.index = idx;\n        item.ariaLabel = `slide ${idx + 1} of ${this.getSlidesCount()}`;\n        item.width = 100 / this.getSlidesCount();\n    }\n\n    private goToNextSlide(): void {\n        this.activateSlide(this.getNextSlide());\n    }\n\n    private goToPreviousSlide(): void {\n        this.activateSlide(this.getPreviousSlide());\n    }\n\n    private activateSlide(slide: EuiEclCarouselItem): void {\n        if (slide) {\n            this.slides.forEach((item) => {\n                item.isCurrent = false;\n            });\n            slide.isCurrent = true;\n        }\n    }\n\n    private isLastButton(index): boolean {\n        const buttonsList = this.navigationButtons;\n        return index + 1 >= buttonsList.length;\n    }\n\n    private isFirstButton(index): boolean {\n        return index <= 0;\n    }\n\n    private startPlaying(): void {\n        this.isPlaying = true;\n        this.isPausedForced = false;\n        this.playSubject.next();\n    }\n\n    private stopPlaying(): void {\n        this.isPlaying = false;\n        this.isPausedForced = true;\n        this.stopSubject.next();\n    }\n\n    private pausePlaying(): void {\n        this.isPlaying = false;\n        this.stopSubject.next();\n    }\n\n    private resumePlaying(): void {\n        this.isPlaying = true;\n        this.playSubject.next();\n    }\n\n    private getNextSlide(): EuiEclCarouselItem {\n        const slidesCount = this.getSlidesCount();\n        const currentIndex = this.getCurrentSlideIndex();\n\n        if (currentIndex >= slidesCount - 1) {\n            return this.slides.first;\n        } else {\n            return this.slides.get(currentIndex + 1);\n        }\n    }\n\n    private getPreviousSlide(): EuiEclCarouselItem {\n        const currentIndex = this.getCurrentSlideIndex();\n\n        if (currentIndex <= 0) {\n            return this.slides.last;\n        } else {\n            return this.slides.get(currentIndex - 1);\n        }\n    }\n\n    private getSlidesCount(): number {\n        return this.slides.length;\n    }\n\n    private isNoSlideSelected(): boolean {\n        return !this.slides.some((item) => item.isCurrent);\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe(['(max-width: 996px)'])\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((result) => {\n                this.isMobileBreakpoint = result.matches;\n\n                if (this.isMobileBreakpoint) {\n                    this.stopPlaying();\n                }\n            });\n    }\n\n    private observeElementSizeChanges(): void {\n        new ResizeObserver(() => {\n            this.cd.detectChanges();\n        }).observe(this.carouselContainerElement);\n    }\n}\n","<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div\n        class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\"\n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button\n        #mobilePrevButton\n        class=\"ecl-carousel__prev\"\n        [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n        (click)=\"onPreviousSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n        <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button\n                #playButton\n                class=\"ecl-carousel__play\"\n                [style.display]=\"isPlaying ? 'none' : ''\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPlayClick()\">\n                <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button\n                #pauseButton\n                class=\"ecl-carousel__pause\"\n                [style.display]=\"isPlaying ? '' : 'none'\"\n                (keydown)=\"onPlayKeyboardPress($event)\"\n                (click)=\"onPauseClick()\">\n                <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n                <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button\n                *ngFor=\"let slide of slides; let i = index\"\n                #currButton\n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\"\n                (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n\n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n            <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>\n","import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\nimport { EuiEclSlideEvent } from './eui-ecl-carousel.component';\n\nexport interface EuiEclCarouselItem {\n    isCurrent: boolean;\n    index: number;\n    id?: string;\n}\n\n@Component({\n    selector: 'eui-ecl-carousel-item, eui-ecl-carousel-item',\n    templateUrl: './eui-ecl-carousel-item.component.html',\n    // styles: [\n    //     `\n    //         /* TODO: remove by implementing full EuiEcl specs */\n    //         :host:before {\n    //             left: 0 !important;\n    //             display: none;\n    //         }\n    //     `,\n    // ],\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclCarouselItemComponent extends EuiEclBaseDirective implements EuiEclCarouselItem {\n    @Input() id: string;\n    @coerceBoolean @Input() isCurrent: boolean | any = false;\n    @HostBinding('attr.aria-label') ariaLabel: string;\n    @HostBinding('attr.role') role: string = 'group';\n    @HostBinding('style.width.%') width: number;\n\n    @Output() slideClick = new EventEmitter<EuiEclSlideEvent>();\n\n    public index: number;\n\n    @HostBinding('class')\n    get cssClasses() {\n        return [super.getCssClasses('ecl-carousel__slide')].join(' ').trim();\n    }\n\n    @HostBinding('attr.inert')\n    get isInert(): any {\n        return !this.isCurrent || undefined;\n    }\n\n    @HostListener('click')\n    onSlideClick() {\n        this.slideClick.next(new EuiEclSlideEvent(this));\n    }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiEclCarouselItemComponent } from './eui-ecl-carousel-item.component';\nimport { EuiEclCarouselComponent } from './eui-ecl-carousel.component';\n\nimport { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';\n\nconst COMPONENTS = [EuiEclCarouselComponent, EuiEclCarouselItemComponent];\n\n@NgModule({\n    imports: [CommonModule, EuiEclIconComponentModule, TranslateModule],\n    exports: [...COMPONENTS],\n    declarations: [...COMPONENTS],\n})\nexport class EuiEclCarouselComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}