import { booleanAttribute, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ionic/angular";
import * as i2 from "@angular/common";
import * as i3 from "@ngx-translate/core";
export class EuimSliderInfoScreenComponent {
    constructor(renderer, gestureCtrl, sliderElement, cdr) {
        this.renderer = renderer;
        this.gestureCtrl = gestureCtrl;
        this.sliderElement = sliderElement;
        this.cdr = cdr;
        this.rightActionClicked = new EventEmitter();
        this.lastStepActionClicked = new EventEmitter();
        this.leftActionClicked = new EventEmitter();
        this.isLastItemReached = false;
        this.isCarousel = false;
        this.showLeftBtn = false;
        this.showRightBtn = false;
        this.isPreviousBtn = false;
        this.isNextBtn = false;
        this.actionBtnNames = {
            rightBtnName: '',
            lastStepActionBtnName: '',
            leftBtnName: '',
        };
        this.actionBtnIconsNames = {
            rightBtnIconName: '',
            lastStepActionBtnIconName: '',
            leftBtnIconName: '',
        };
        this.showLeftBtnAsPrevious = false;
        this.slidesArray = [];
        this.currentSlide = 0;
        this.startX = 0;
    }
    onResize(event) {
        this.setSliderStyles();
    }
    get cssClasses() {
        return this.getCssClasses();
    }
    ngAfterViewInit() {
        this.setSliderStyles();
    }
    ngOnInit() {
        const gesture = this.gestureCtrl.create({
            el: this.sliderElement.nativeElement,
            gestureName: 'on-gesture-end',
            onEnd: (event) => {
                this.handleTouchEnd(event);
                this.isPreviousButtonVisible();
                this.isNextButtonVisible();
            },
        });
        gesture.enable();
        this.isPreviousButtonVisible();
        this.isNextButtonVisible();
    }
    setSliderStyles() {
        const windowHeight = window.innerHeight;
        const paginationHeight = 60;
        const slideHeight = windowHeight - paginationHeight;
        this.slidesArray = this.slides.nativeElement.children;
        this.renderer.setStyle(this.slides.nativeElement, 'width', `${this.slidesArray.length * 100}%`);
        for (const slide of this.slidesArray) {
            this.renderer.setStyle(slide, 'width', `${100 / this.slidesArray.length}%`);
            if (!this.isImageOnly()) {
                this.renderer.setStyle(slide, 'maxHeight', `${slideHeight}px`);
            }
            this.renderer.setStyle(slide, 'overflow', 'auto');
        }
        // to calculate the case when there is only one slide
        if (!this.isLastItemReached && this.slidesArray.length < 2) {
            this.isLastItemReached = true;
        }
    }
    handleTouchEnd(e) {
        const difference = -e.deltaX;
        if (difference > 0 && this.currentSlide < this.slidesArray.length - 1) {
            this.currentSlide++;
        }
        else if (difference < 0 && this.currentSlide > 0) {
            this.currentSlide--;
        }
        this.isLastItemReached = this.currentSlide === this.slidesArray.length - 1;
        const translatePercentage = -this.currentSlide * 100 / this.slidesArray.length;
        this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(${translatePercentage}%)`);
        this.cdr.detectChanges();
        this.isPreviousButtonVisible();
        this.isNextButtonVisible();
    }
    goToSlide(index) {
        this.currentSlide = index;
        this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
        this.handleTouchEnd(event);
        this.isPreviousButtonVisible();
        this.isNextButtonVisible();
    }
    goToPreviousSlide() {
        if (this.currentSlide > 0) {
            this.currentSlide--;
            this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
        }
        this.handleTouchEnd(event);
        this.isPreviousButtonVisible();
        this.isNextButtonVisible();
    }
    goToNextSlide() {
        if (this.currentSlide < this.slidesArray.length - 1) {
            this.currentSlide++;
            this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
        }
        this.handleTouchEnd(event);
        this.isPreviousButtonVisible();
        this.isNextButtonVisible();
        this.cdr.detectChanges();
    }
    isPreviousButtonVisible() {
        this.showLeftBtnAsPrevious = this.currentSlide > 0 && this.isPreviousBtn;
        this.cdr.detectChanges();
    }
    isNextButtonVisible() {
        this.showRightBtn = this.currentSlide !== this.slidesArray.length - 1 && this.isNextBtn;
        this.cdr.detectChanges();
    }
    onRightBtnAction(event) {
        if (this.isNextBtn) {
            this.goToNextSlide();
            return;
        }
        this.rightActionClicked.emit(event);
    }
    onLastStepAction(event) {
        this.lastStepActionClicked.emit(event);
    }
    onLeftBtnAction(event) {
        if (this.isPreviousBtn) {
            this.goToPreviousSlide();
            return;
        }
        this.leftActionClicked.emit(event);
    }
    isImageOnly() {
        return (this.slidesArray.length > 0 &&
            !document.querySelector('.euim-slider-info-screen__title') &&
            !document.querySelector('.euim-slider-info-screen__sub-title') &&
            !document.querySelector('.euim-slider-info-screen__content'));
    }
    getCssClasses() {
        const paginationClass = !this.paginationColor
            ? 'pagination-color-primary'
            : `pagination-color-${this.paginationColor}`;
        return [
            'euim-slider-info-screen',
            this.isImageOnly() ? 'image-only' : '',
            paginationClass,
        ].join(' ').trim();
    }
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n    <div #slides class=\"euim-slider-info-screen__slides\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container\">\n        @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n        <div class=\"euim-slider-info-screen__pagination-container\">\n            @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName}}\n            </ion-button>\n            }\n            @if (showLeftBtnAsPrevious) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n            }\n            @if (isCarousel){\n            <div class=\"euim-slider-info-screen__pagination\">\n                <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                    [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n            </div>\n            }\n            @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n            <ion-button (click)=\"onRightBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.rightBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n\n            @if (isLastItemReached) {\n            <ion-button (click)=\"onLastStepAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n        </div>\n        }\n    </div>\n    }\n\n    @if (isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n        <div class=\"euim-slider-info-screen__pagination\">\n            <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                [ngClass]=\"{ 'active': currentSlide === i }\"\n                class=\"euim-slider-info-screen__span\" ></span>\n        </div>\n    </div>\n    }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
            type: Component,
            args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n    <div #slides class=\"euim-slider-info-screen__slides\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container\">\n        @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n        <div class=\"euim-slider-info-screen__pagination-container\">\n            @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName}}\n            </ion-button>\n            }\n            @if (showLeftBtnAsPrevious) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n            }\n            @if (isCarousel){\n            <div class=\"euim-slider-info-screen__pagination\">\n                <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                    [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n            </div>\n            }\n            @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n            <ion-button (click)=\"onRightBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.rightBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n\n            @if (isLastItemReached) {\n            <ion-button (click)=\"onLastStepAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n        </div>\n        }\n    </div>\n    }\n\n    @if (isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n        <div class=\"euim-slider-info-screen__pagination\">\n            <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                [ngClass]=\"{ 'active': currentSlide === i }\"\n                class=\"euim-slider-info-screen__span\" ></span>\n        </div>\n    </div>\n    }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"] }]
        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
                type: ViewChild,
                args: ['slides', { static: true }]
            }], rightActionClicked: [{
                type: Output
            }], lastStepActionClicked: [{
                type: Output
            }], leftActionClicked: [{
                type: Output
            }], isCarousel: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], showLeftBtn: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], showRightBtn: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isPreviousBtn: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], isNextBtn: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], paginationColor: [{
                type: Input
            }], actionBtnNames: [{
                type: Input
            }], actionBtnIconsNames: [{
                type: Input
            }], onResize: [{
                type: HostListener,
                args: ['window:resize', ['$event']]
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64, 