import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ngx-translate/core";
import * as i3 from "../../pipes/locale-date.pipe";
export class PageEntityInfoComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: PageEntityInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.2", type: PageEntityInfoComponent, selector: "vdr-page-entity-info", inputs: { entity: "entity" }, ngImport: i0, template: "<div class=\"property\">\n    <div class=\"prop-label\">{{ 'common.ID' | translate }}:</div>\n    <div class=\"value\">{{ entity.id }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.createdAt\">\n    <div class=\"prop-label\">{{ 'common.created-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.createdAt | localeDate : 'short' }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.updatedAt\">\n    <div class=\"prop-label\">{{ 'common.updated-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.updatedAt | localeDate : 'short' }}</div>\n</div>\n", styles: [":host{gap:calc(var(--space-unit) * 2)}.property{display:flex;flex-wrap:wrap;column-gap:2px;line-height:1em}.property:not(:last-of-type){margin-bottom:calc(var(--space-unit) * 1)}.prop-label{font-size:var(--font-size-xs);color:var(--color-weight-400)}.value{font-size:var(--font-size-xs);color:var(--color-weight-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i3.LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.2", ngImport: i0, type: PageEntityInfoComponent, decorators: [{
            type: Component,
            args: [{ selector: 'vdr-page-entity-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"property\">\n    <div class=\"prop-label\">{{ 'common.ID' | translate }}:</div>\n    <div class=\"value\">{{ entity.id }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.createdAt\">\n    <div class=\"prop-label\">{{ 'common.created-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.createdAt | localeDate : 'short' }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.updatedAt\">\n    <div class=\"prop-label\">{{ 'common.updated-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.updatedAt | localeDate : 'short' }}</div>\n</div>\n", styles: [":host{gap:calc(var(--space-unit) * 2)}.property{display:flex;flex-wrap:wrap;column-gap:2px;line-height:1em}.property:not(:last-of-type){margin-bottom:calc(var(--space-unit) * 1)}.prop-label{font-size:var(--font-size-xs);color:var(--color-weight-400)}.value{font-size:var(--font-size-xs);color:var(--color-weight-600)}\n"] }]
        }], propDecorators: { entity: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZW50aXR5LWluZm8vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZW50aXR5LWluZm8vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRMUUsTUFBTSxPQUFPLHVCQUF1Qjs4R0FBdkIsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMEZDUnBDLHNrQkFZQTs7MkZESmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlLWVudGl0eS1pbmZvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlRW50aXR5SW5mb0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZW50aXR5OiB7IGlkOiBzdHJpbmc7IGNyZWF0ZWRBdD86IHN0cmluZzsgdXBkYXRlZEF0Pzogc3RyaW5nIH07XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvcGVydHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcC1sYWJlbFwiPnt7ICdjb21tb24uSUQnIHwgdHJhbnNsYXRlIH19OjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGVudGl0eS5pZCB9fTwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwicHJvcGVydHlcIiAqbmdJZj1cImVudGl0eS5jcmVhdGVkQXRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcC1sYWJlbFwiPnt7ICdjb21tb24uY3JlYXRlZC1hdCcgfCB0cmFuc2xhdGUgfX06PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgZW50aXR5LmNyZWF0ZWRBdCB8IGxvY2FsZURhdGUgOiAnc2hvcnQnIH19PC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwcm9wZXJ0eVwiICpuZ0lmPVwiZW50aXR5LnVwZGF0ZWRBdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9wLWxhYmVsXCI+e3sgJ2NvbW1vbi51cGRhdGVkLWF0JyB8IHRyYW5zbGF0ZSB9fTo8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidmFsdWVcIj57eyBlbnRpdHkudXBkYXRlZEF0IHwgbG9jYWxlRGF0ZSA6ICdzaG9ydCcgfX08L2Rpdj5cbjwvZGl2PlxuIl19