import { NgStyle } from '@angular/common';
import { Component, Input } from '@angular/core';
import { TranslatePipe } from '@ngx-translate/core';
import * as i0 from "@angular/core";
export class ThumbnailItemImageComponent {
    imageUrl = '';
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThumbnailItemImageComponent, isStandalone: true, selector: "s-thumbnail-item-image", inputs: { imageUrl: "imageUrl" }, ngImport: i0, template: "<div class=\"thumbnail-item-image\">\r\n    @if (imageUrl) {\r\n        <div\r\n            class=\"thumbnail-image\"\r\n            [ngStyle]=\"{ backgroundImage: 'url(' + imageUrl + ')' }\"\r\n        ></div>\r\n    } @else {\r\n        <div class=\"content\">\r\n            <i class=\"icon fas fa-image\"></i>\r\n            <span class=\"label\">{{ 'platform.angular_components.view' | translate }}</span>\r\n        </div>\r\n    }\r\n</div>\r\n", styles: [".thumbnail-item-image{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.thumbnail-item-image .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-image .content{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;justify-content:center;width:100%}.thumbnail-item-image .content .icon{font-size:24px}.thumbnail-item-image .content .label{font-size:12px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemImageComponent, decorators: [{
            type: Component,
            args: [{ selector: 's-thumbnail-item-image', standalone: true, imports: [NgStyle, TranslatePipe], template: "<div class=\"thumbnail-item-image\">\r\n    @if (imageUrl) {\r\n        <div\r\n            class=\"thumbnail-image\"\r\n            [ngStyle]=\"{ backgroundImage: 'url(' + imageUrl + ')' }\"\r\n        ></div>\r\n    } @else {\r\n        <div class=\"content\">\r\n            <i class=\"icon fas fa-image\"></i>\r\n            <span class=\"label\">{{ 'platform.angular_components.view' | translate }}</span>\r\n        </div>\r\n    }\r\n</div>\r\n", styles: [".thumbnail-item-image{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.thumbnail-item-image .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-image .content{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;justify-content:center;width:100%}.thumbnail-item-image .content .icon{font-size:24px}.thumbnail-item-image .content .label{font-size:12px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}\n"] }]
        }], propDecorators: { imageUrl: [{
                type: Input,
                args: [{ required: true }]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWl0ZW0taW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3RodW1ibmFpbHMvc3JjL2xpYi90aHVtYm5haWxzL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0vY29tcG9uZW50cy90aHVtYm5haWwtaXRlbS1pbWFnZS90aHVtYm5haWwtaXRlbS1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvbGliL3RodW1ibmFpbHMvY29tcG9uZW50cy90aHVtYm5haWwtaXRlbS9jb21wb25lbnRzL3RodW1ibmFpbC1pdGVtLWltYWdlL3RodW1ibmFpbC1pdGVtLWltYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBU3BELE1BQU0sT0FBTywyQkFBMkI7SUFFN0IsUUFBUSxHQUFHLEVBQUUsQ0FBQzt3R0FGWiwyQkFBMkI7NEZBQTNCLDJCQUEyQixvSENaeEMscWNBYUEsOGxCREhjLE9BQU8sc0VBQUUsYUFBYTs7NEZBRXZCLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDSSx3QkFBd0IsY0FHdEIsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQzs4QkFJMUIsUUFBUTtzQkFEZCxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAncy10aHVtYm5haWwtaXRlbS1pbWFnZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGh1bWJuYWlsLWl0ZW0taW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdGh1bWJuYWlsLWl0ZW0taW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbTmdTdHlsZSwgVHJhbnNsYXRlUGlwZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUaHVtYm5haWxJdGVtSW1hZ2VDb21wb25lbnQge1xyXG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcclxuICAgIHB1YmxpYyBpbWFnZVVybCA9ICcnO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaXRlbS1pbWFnZVwiPlxyXG4gICAgQGlmIChpbWFnZVVybCkge1xyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJ0aHVtYm5haWwtaW1hZ2VcIlxyXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgaW1hZ2VVcmwgKyAnKScgfVwiXHJcbiAgICAgICAgPjwvZGl2PlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIGZhcyBmYS1pbWFnZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7ICdwbGF0Zm9ybS5hbmd1bGFyX2NvbXBvbmVudHMudmlldycgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbjwvZGl2PlxyXG4iXX0=