import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { iconForPageTemplate } from '@aztrix/helpers';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../row-cell-view.component";
import * as i3 from "@aztrix/components/image-source";
import * as i4 from "@aztrix/icons";
import * as i5 from "@aztrix/helpers";
export class PageCellViewComponent {
    get templateIcon() {
        return iconForPageTemplate(this.page?.templateId);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageCellViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageCellViewComponent, selector: "ax-page-cell-view", inputs: { page: "page" }, ngImport: i0, template: "<div class=\"page-value-view\">\n  <ax-row-cell-view class=\"row-cell-view\">\n    <div class=\"row-cell-view-left\">\n      <div class=\"avatar-wrapper\">\n        <ax-image-source class=\"page-icon\" [source]=\"undefined\">\n          <ax-icon class=\"icon\" [name]=\"templateIcon\"></ax-icon>\n        </ax-image-source>\n      </div>\n    </div>\n    <div class=\"row-cell-view-middle\">\n      <span *ngIf=\"page\" class=\"property-value\">{{ page | displayName }}</span>\n    </div>\n    <div class=\"row-cell-view-right\">\n      <ng-content></ng-content>\n    </div>\n  </ax-row-cell-view>\n</div>\n", styles: [":host ::ng-deep .page-value-view .row-cell-view{background-color:inherit}:host ::ng-deep .page-value-view .avatar-dynamic{position:relative}:host ::ng-deep .page-value-view .page-icon{background-color:var(--primary-color-500)}.row-cell-view-middle{max-width:100%;overflow:hidden;text-overflow:ellipsis}\n", ".row-cell-view{gap:10px}.avatar-wrapper{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.RowCellViewComponent, selector: "ax-row-cell-view" }, { kind: "component", type: i3.ImageSourceComponent, selector: "ax-image-source", inputs: ["source", "fallbackSource", "actualSize", "alt", "round", "rounded", "border"] }, { kind: "component", type: i4.IconComponent, selector: "ax-icon", inputs: ["name", "inline"] }, { kind: "pipe", type: i5.DisplayNamePipe, name: "displayName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageCellViewComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-page-cell-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-value-view\">\n  <ax-row-cell-view class=\"row-cell-view\">\n    <div class=\"row-cell-view-left\">\n      <div class=\"avatar-wrapper\">\n        <ax-image-source class=\"page-icon\" [source]=\"undefined\">\n          <ax-icon class=\"icon\" [name]=\"templateIcon\"></ax-icon>\n        </ax-image-source>\n      </div>\n    </div>\n    <div class=\"row-cell-view-middle\">\n      <span *ngIf=\"page\" class=\"property-value\">{{ page | displayName }}</span>\n    </div>\n    <div class=\"row-cell-view-right\">\n      <ng-content></ng-content>\n    </div>\n  </ax-row-cell-view>\n</div>\n", styles: [":host ::ng-deep .page-value-view .row-cell-view{background-color:inherit}:host ::ng-deep .page-value-view .avatar-dynamic{position:relative}:host ::ng-deep .page-value-view .page-icon{background-color:var(--primary-color-500)}.row-cell-view-middle{max-width:100%;overflow:hidden;text-overflow:ellipsis}\n", ".row-cell-view{gap:10px}.avatar-wrapper{width:40px;height:40px}\n"] }]
        }], propDecorators: { page: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1jZWxsLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Jvdy1jZWxsLXZpZXcvcGFnZS1jZWxsLXZpZXcvcGFnZS1jZWxsLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Jvdy1jZWxsLXZpZXcvcGFnZS1jZWxsLXZpZXcvcGFnZS1jZWxsLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFTcEQsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxJQUFJLFlBQVk7UUFDZCxPQUFPLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDcEQsQ0FBQzsrR0FMVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixtRkNWbEMsaW1CQWlCQTs7NEZEUGEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7aWNvbkZvclBhZ2VUZW1wbGF0ZX0gZnJvbSAnQGF6dHJpeC9oZWxwZXJzJztcbmltcG9ydCB7UGFnZX0gZnJvbSAnQGF6dHJpeC9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1wYWdlLWNlbGwtdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWNlbGwtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtY2VsbC12aWV3LmNvbXBvbmVudC5zY3NzJywgJy4uL2NlbGwtdmlldy5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlQ2VsbFZpZXdDb21wb25lbnQge1xuICBASW5wdXQoKSBwYWdlOiBQYWdlO1xuXG4gIGdldCB0ZW1wbGF0ZUljb24oKSB7XG4gICAgcmV0dXJuIGljb25Gb3JQYWdlVGVtcGxhdGUodGhpcy5wYWdlPy50ZW1wbGF0ZUlkKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2UtdmFsdWUtdmlld1wiPlxuICA8YXgtcm93LWNlbGwtdmlldyBjbGFzcz1cInJvdy1jZWxsLXZpZXdcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93LWNlbGwtdmlldy1sZWZ0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLXdyYXBwZXJcIj5cbiAgICAgICAgPGF4LWltYWdlLXNvdXJjZSBjbGFzcz1cInBhZ2UtaWNvblwiIFtzb3VyY2VdPVwidW5kZWZpbmVkXCI+XG4gICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJpY29uXCIgW25hbWVdPVwidGVtcGxhdGVJY29uXCI+PC9heC1pY29uPlxuICAgICAgICA8L2F4LWltYWdlLXNvdXJjZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyb3ctY2VsbC12aWV3LW1pZGRsZVwiPlxuICAgICAgPHNwYW4gKm5nSWY9XCJwYWdlXCIgY2xhc3M9XCJwcm9wZXJ0eS12YWx1ZVwiPnt7IHBhZ2UgfCBkaXNwbGF5TmFtZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93LWNlbGwtdmlldy1yaWdodFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2F4LXJvdy1jZWxsLXZpZXc+XG48L2Rpdj5cbiJdfQ==