import { Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
export class UxIconBoxComponent {
    constructor() {
        this.tabindex = 0;
        this.e2eAttr = 'ux-a-icon-box';
    }
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UxIconBoxComponent, selector: "ux-a-icon-box", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", label: "label", tabindex: "tabindex", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-a-icon-box {{ styleClass }}\" [tabindex]=\"tabindex\" [attr.aria-label]=\"label\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-icon-box__icon\">\n        <span class=\"ux-a-icon-box__icon-element {{ iconClass }}\"></span>\n    </div>\n    <div class=\"ux-a-icon-box__label\">\n        {{ label }}\n    </div>\n</div>\n", styles: [".ux-a-icon-box{background-color:var(--eui-base-color-primary-100);color:#fff;flex:0 0 8rem;height:9rem;margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s);text-align:center;box-shadow:var(--eui-base-shadow-1)}.ux-a-icon-box:active:not([readonly]),.ux-a-icon-box:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-a-icon-box__icon{font-size:var(--eui-base-font-size-4xl)}.ux-a-icon-box__label{text-transform:uppercase;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ux-a-icon-box', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-a-icon-box {{ styleClass }}\" [tabindex]=\"tabindex\" [attr.aria-label]=\"label\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-icon-box__icon\">\n        <span class=\"ux-a-icon-box__icon-element {{ iconClass }}\"></span>\n    </div>\n    <div class=\"ux-a-icon-box__label\">\n        {{ label }}\n    </div>\n</div>\n", styles: [".ux-a-icon-box{background-color:var(--eui-base-color-primary-100);color:#fff;flex:0 0 8rem;height:9rem;margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s);text-align:center;box-shadow:var(--eui-base-shadow-1)}.ux-a-icon-box:active:not([readonly]),.ux-a-icon-box:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-a-icon-box__icon{font-size:var(--eui-base-font-size-4xl)}.ux-a-icon-box__label{text-transform:uppercase;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}\n"] }]
        }], propDecorators: { styleClass: [{
                type: Input
            }], typeClass: [{
                type: Input
            }], iconClass: [{
                type: Input
            }], label: [{
                type: Input
            }], tabindex: [{
                type: Input
            }], e2eAttr: [{
                type: Input
            }] } });
export class UxIconBoxComponentModule {
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponentModule, declarations: [UxIconBoxComponent], imports: [CommonModule], exports: [UxIconBoxComponent] }); }
    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponentModule, imports: [CommonModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UxIconBoxComponentModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [CommonModule],
                    exports: [UxIconBoxComponent],
                    declarations: [UxIconBoxComponent],
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXgtYS1pY29uLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi91eC1hLWljb24tYm94L3V4LWEtaWNvbi1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vdXgtYS1pY29uLWJveC91eC1hLWljb24tYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUS9DLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFXYSxhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsWUFBTyxHQUFXLGVBQWUsQ0FBQztLQUM5QztrSUFQWSxrQkFBa0I7c0hBQWxCLGtCQUFrQixxTUNUL0IsMlZBUUE7OzRGRENhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxlQUFlLGlCQUdWLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSzs7QUFRVixNQUFNLE9BQU8sd0JBQXdCO2tJQUF4Qix3QkFBd0I7bUlBQXhCLHdCQUF3QixpQkFkeEIsa0JBQWtCLGFBVWpCLFlBQVksYUFWYixrQkFBa0I7bUlBY2xCLHdCQUF3QixZQUp2QixZQUFZOzs0RkFJYix3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgTmdNb2R1bGUsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3V4LWEtaWNvbi1ib3gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91eC1hLWljb24tYm94LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBVeEljb25Cb3hDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHN0eWxlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSB0eXBlQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRhYmluZGV4ID0gMDtcbiAgICBASW5wdXQoKSBlMmVBdHRyOiBzdHJpbmcgPSAndXgtYS1pY29uLWJveCc7XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW1V4SWNvbkJveENvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbVXhJY29uQm94Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVXhJY29uQm94Q29tcG9uZW50TW9kdWxlIHt9XG4iLCI8ZGl2IGNsYXNzPVwidXgtYS1pY29uLWJveCB7eyBzdHlsZUNsYXNzIH19XCIgW3RhYmluZGV4XT1cInRhYmluZGV4XCIgW2F0dHIuYXJpYS1sYWJlbF09XCJsYWJlbFwiIGF0dHIuZGF0YS1lMmU9XCJ7eyBlMmVBdHRyIH19XCI+XG4gICAgPGRpdiBjbGFzcz1cInV4LWEtaWNvbi1ib3hfX2ljb25cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ1eC1hLWljb24tYm94X19pY29uLWVsZW1lbnQge3sgaWNvbkNsYXNzIH19XCI+PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ1eC1hLWljb24tYm94X19sYWJlbFwiPlxuICAgICAgICB7eyBsYWJlbCB9fVxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=