import { Component, ContentChildren, forwardRef, HostBinding, Input, QueryList } from '@angular/core';
import { EclListIllustrationIconDirective } from '..';
import { ECLBaseDirective } from '../ecl-base.directive';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class EclListIllustrationItemComponent extends ECLBaseDirective {
    constructor() {
        super(...arguments);
        this.eclTitle = '';
        this.className = true;
    }
    get hasTitle() {
        return Boolean(this.eclTitle) || this.eclIllustrationIcons.length > 0;
    }
}
/** @nocollapse */ /** @nocollapse */ EclListIllustrationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclListIllustrationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclListIllustrationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: EclListIllustrationItemComponent, selector: "ecl-list-illustration-item", inputs: { eclTitle: "eclTitle" }, host: { properties: { "class.ecl-list-illustration__item": "this.className" } }, queries: [{ propertyName: "eclIllustrationIcons", predicate: i0.forwardRef(function () { return EclListIllustrationIconDirective; }) }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclListIllustrationImage]\"></ng-content>\n<div class=\"ecl-list-illustration__detail\">\n<div *ngIf=\"hasTitle\" class=\"ecl-list-illustration__title-container\">\n    <ng-content select=\"[eclListIllustrationIcon]\"></ng-content>\n    <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n</div>\n<div class=\"ecl-list-illustration__description\">\n    <ng-content></ng-content>\n</div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclListIllustrationItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-list-illustration-item', template: "<ng-content select=\"[eclListIllustrationImage]\"></ng-content>\n<div class=\"ecl-list-illustration__detail\">\n<div *ngIf=\"hasTitle\" class=\"ecl-list-illustration__title-container\">\n    <ng-content select=\"[eclListIllustrationIcon]\"></ng-content>\n    <div class=\"ecl-list-illustration__title\">{{ eclTitle }}</div>\n</div>\n<div class=\"ecl-list-illustration__description\">\n    <ng-content></ng-content>\n</div>\n</div>\n" }]
        }], propDecorators: { eclTitle: [{
                type: Input
            }], className: [{
                type: HostBinding,
                args: ['class.ecl-list-illustration__item']
            }], eclIllustrationIcons: [{
                type: ContentChildren,
                args: [forwardRef(() => EclListIllustrationIconDirective)]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLWxpc3QtaWxsdXN0cmF0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1saXN0LWlsbHVzdHJhdGlvbi9lY2wtbGlzdC1pbGx1c3RyYXRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLWxpc3QtaWxsdXN0cmF0aW9uL2VjbC1saXN0LWlsbHVzdHJhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxJQUFJLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQU16RCxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsZ0JBQWdCO0lBSnRFOztRQUthLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDMkIsY0FBUyxHQUFHLElBQUksQ0FBQztLQU90RTtJQUhHLElBQUksUUFBUTtRQUNSLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUMxRSxDQUFDOzttS0FSUSxnQ0FBZ0M7dUpBQWhDLGdDQUFnQyw2UEFHUCxnQ0FBZ0Msd0RDWHRFLGtiQVVBOzJGREZhLGdDQUFnQztrQkFKNUMsU0FBUzsrQkFDSSw0QkFBNEI7OEJBSTdCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQzRDLFNBQVM7c0JBQTFELFdBQVc7dUJBQUMsbUNBQW1DO2dCQUVoRCxvQkFBb0I7c0JBRG5CLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIGZvcndhcmRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xMaXN0SWxsdXN0cmF0aW9uSWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4uJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1saXN0LWlsbHVzdHJhdGlvbi1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLWxpc3QtaWxsdXN0cmF0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xMaXN0SWxsdXN0cmF0aW9uSXRlbUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpIGVjbFRpdGxlID0gJyc7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5lY2wtbGlzdC1pbGx1c3RyYXRpb25fX2l0ZW0nKSBjbGFzc05hbWUgPSB0cnVlO1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFY2xMaXN0SWxsdXN0cmF0aW9uSWNvbkRpcmVjdGl2ZSkpXG4gICAgZWNsSWxsdXN0cmF0aW9uSWNvbnM6IFF1ZXJ5TGlzdDxFY2xMaXN0SWxsdXN0cmF0aW9uSWNvbkRpcmVjdGl2ZT47XG5cbiAgICBnZXQgaGFzVGl0bGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBCb29sZWFuKHRoaXMuZWNsVGl0bGUpIHx8IHRoaXMuZWNsSWxsdXN0cmF0aW9uSWNvbnMubGVuZ3RoID4gMDtcbiAgICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJbZWNsTGlzdElsbHVzdHJhdGlvbkltYWdlXVwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJlY2wtbGlzdC1pbGx1c3RyYXRpb25fX2RldGFpbFwiPlxuPGRpdiAqbmdJZj1cImhhc1RpdGxlXCIgY2xhc3M9XCJlY2wtbGlzdC1pbGx1c3RyYXRpb25fX3RpdGxlLWNvbnRhaW5lclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltlY2xMaXN0SWxsdXN0cmF0aW9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cImVjbC1saXN0LWlsbHVzdHJhdGlvbl9fdGl0bGVcIj57eyBlY2xUaXRsZSB9fTwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZWNsLWxpc3QtaWxsdXN0cmF0aW9uX19kZXNjcmlwdGlvblwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPC9kaXY+XG4iXX0=