import { Component, HostBinding, Input, NgModule, ViewEncapsulation } from '@angular/core';
import { CommonModule } from '@angular/common';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class UxCarouselItemComponent {
    get isActive() {
        return this._isActive;
    }
    set isActive(value) {
        this._isActive = coerceBooleanProperty(value);
    }
    constructor(host) {
        this.host = host;
        this.tabindex = '-1';
        this.e2eAttr = 'ux-carousel-item';
        this.id = 0;
        this._isActive = false;
    }
    focus() {
        this.host.nativeElement.focus();
    }
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UxCarouselItemComponent, selector: "ux-carousel-item", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", id: "id", isActive: "isActive" }, host: { properties: { "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<li *ngIf=\"isActive\" class=\"ux-carousel-item {{ styleClass }}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</li>\n", styles: [".ux-carousel-items__content{align-items:center;display:flex;width:100%}.ux-carousel-items__list{margin:0;padding:0}.ux-carousel-items__arrow{cursor:pointer}.ux-carousel-items__arrow--inactive{cursor:not-allowed;color:var(--eui-base-color-grey-15)}.ux-carousel-items__arrow:hover:not(.ux-carousel-items__arrow--inactive){color:var(--eui-base-color-primary-100)}.ux-carousel-items__summary-indicators{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.ux-carousel-items__summary-indicators-item{color:var(--eui-base-color-grey-20);cursor:pointer;font-size:var(--eui-base-font-size-xl);margin:var(--eui-base-spacing-m) var(--eui-base-spacing-xs)}.ux-carousel-items .cdk-mouse-focused,.ux-carousel-items .cdk-keyboard-focused,.ux-carousel-items .cdk-program-focused{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-carousel-item{list-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ux-carousel-item', encapsulation: ViewEncapsulation.None, template: "<li *ngIf=\"isActive\" class=\"ux-carousel-item {{ styleClass }}\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</li>\n", styles: [".ux-carousel-items__content{align-items:center;display:flex;width:100%}.ux-carousel-items__list{margin:0;padding:0}.ux-carousel-items__arrow{cursor:pointer}.ux-carousel-items__arrow--inactive{cursor:not-allowed;color:var(--eui-base-color-grey-15)}.ux-carousel-items__arrow:hover:not(.ux-carousel-items__arrow--inactive){color:var(--eui-base-color-primary-100)}.ux-carousel-items__summary-indicators{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.ux-carousel-items__summary-indicators-item{color:var(--eui-base-color-grey-20);cursor:pointer;font-size:var(--eui-base-font-size-xl);margin:var(--eui-base-spacing-m) var(--eui-base-spacing-xs)}.ux-carousel-items .cdk-mouse-focused,.ux-carousel-items .cdk-keyboard-focused,.ux-carousel-items .cdk-program-focused{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-carousel-item{list-style:none}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { tabindex: [{
                type: HostBinding,
                args: ['attr.tabindex']
            }], styleClass: [{
                type: Input
            }], e2eAttr: [{
                type: Input
            }], id: [{
                type: Input
            }], isActive: [{
                type: Input
            }] } });
export class UxCarouselItemComponentModule {
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponentModule, declarations: [UxCarouselItemComponent], imports: [CommonModule], exports: [UxCarouselItemComponent] }); }
    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponentModule, imports: [CommonModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxCarouselItemComponentModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [CommonModule],
                    exports: [UxCarouselItemComponent],
                    declarations: [UxCarouselItemComponent],
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXgtY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi91eC1jYXJvdXNlbC1pdGVtL3V4LWNhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vdXgtY2Fyb3VzZWwtaXRlbS91eC1jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsV0FBVyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBZ0IsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBUTVFLE1BQU0sT0FBTyx1QkFBdUI7SUFLaEMsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFtQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFHRCxZQUFvQixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBYk4sYUFBUSxHQUFHLElBQUksQ0FBQztRQUVyQyxZQUFPLEdBQUcsa0JBQWtCLENBQUM7UUFDN0IsT0FBRSxHQUFHLENBQUMsQ0FBQztRQVFSLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFFSSxDQUFDO0lBRXhDLEtBQUs7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQyxDQUFDO2tJQWxCUSx1QkFBdUI7c0hBQXZCLHVCQUF1Qiw4TUNYcEMsNklBR0E7OzRGRFFhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxrQkFBa0IsaUJBR2IsaUJBQWlCLENBQUMsSUFBSTtpR0FHUCxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ25CLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFFRixRQUFRO3NCQURYLEtBQUs7O0FBcUJWLE1BQU0sT0FBTyw2QkFBNkI7a0lBQTdCLDZCQUE2QjttSUFBN0IsNkJBQTZCLGlCQTFCN0IsdUJBQXVCLGFBc0J0QixZQUFZLGFBdEJiLHVCQUF1QjttSUEwQnZCLDZCQUE2QixZQUo1QixZQUFZOzs0RkFJYiw2QkFBNkI7a0JBTHpDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDbEMsWUFBWSxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQzFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIE5nTW9kdWxlLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvY3VzYWJsZU9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd1eC1jYXJvdXNlbC1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdXgtY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgVXhDYXJvdXNlbEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBGb2N1c2FibGVPcHRpb24ge1xuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYmluZGV4ID0gJy0xJztcbiAgICBASW5wdXQoKSBzdHlsZUNsYXNzOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZTJlQXR0ciA9ICd1eC1jYXJvdXNlbC1pdGVtJztcbiAgICBASW5wdXQoKSBpZCA9IDA7XG4gICAgQElucHV0KClcbiAgICBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgICB9XG4gICAgc2V0IGlzQWN0aXZlKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faXNBY3RpdmUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBwcml2YXRlIF9pc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBob3N0OiBFbGVtZW50UmVmKSB7fVxuXG4gICAgZm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtVeENhcm91c2VsSXRlbUNvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbVXhDYXJvdXNlbEl0ZW1Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBVeENhcm91c2VsSXRlbUNvbXBvbmVudE1vZHVsZSB7fVxuIiwiPGxpICpuZ0lmPVwiaXNBY3RpdmVcIiBjbGFzcz1cInV4LWNhcm91c2VsLWl0ZW0ge3sgc3R5bGVDbGFzcyB9fVwiIGF0dHIuZGF0YS1lMmU9XCJ7eyBlMmVBdHRyIH19XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9saT5cbiJdfQ==