import { Component, ElementRef, forwardRef, Inject, Injector, Optional, Renderer2, ViewEncapsulation, } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { OListItemComponent } from '../../list-item/o-list-item.component';
import { OListItemCardRenderer } from '../o-list-item-card-renderer.class';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/card";
import * as i2 from "@angular/material/button";
import * as i3 from "../../list-item/o-list-item.component";
export class OListItemCardComponent extends OListItemCardRenderer {
    constructor(elRef, _renderer, _injector, _listItem) {
        super(elRef, _renderer, _injector, _listItem);
    }
    ngAfterViewInit() {
        this.modifyMatListItemElement();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OListItemCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: forwardRef(() => OListItemComponent), optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OListItemCardComponent, isStandalone: true, selector: "o-list-item-card", host: { properties: { "class.o-custom-list-item": "true", "class.o-list-item-card": "true" } }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"o-flex-column o-layout-align-center-center\">\n  <mat-card-title-group>\n    @if (showImage) {\n      <img src=\"{{ image }}\" [class.mat-mdc-card-sm-image]=\"compareListHeight('small')\"\n        [class.mat-mdc-card-md-image]=\"compareListHeight('medium')\" [class.mat-mdc-card-lg-image]=\"compareListHeight('large')\" alt=\"card title image\">\n    }\n    @if (title !== undefined) {\n      <mat-card-title> {{ title }}</mat-card-title>\n    }\n    @if (subtitle !== undefined) {\n      <mat-card-subtitle> {{ subtitle }}</mat-card-subtitle>\n    }\n  </mat-card-title-group>\n  <mat-card-actions>\n    @if (action1Text !== undefined) {\n      <button type=\"button\" mat-button (click)=\"onAction1ButtonClick($event)\">{{ action1Text }}</button>\n    }\n    @if (action2Text !== undefined) {\n      <button type=\"button\" mat-button (click)=\"onAction2ButtonClick($event)\">{{ action2Text }}</button>\n    }\n  </mat-card-actions>\n</mat-card>\n", styles: [".mat-mdc-list .mat-mdc-list-item.o-card-item.mdc-list-item--with-trailing-meta .mat-mdc-list-item-meta{margin:0;width:100%}.o-list-item-card .mat-mdc-card{padding:16px 16px 0}.o-list-item-card mat-card,.o-list-item-card mat-card-actions,.o-list-item-card mat-card-title-group{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i1.MatCardTitleGroup, selector: "mat-card-title-group" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OListItemCardComponent, decorators: [{
            type: Component,
            args: [{ standalone: true, imports: [MatCardModule, MatButtonModule], selector: 'o-list-item-card', encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-custom-list-item]': 'true',
                        '[class.o-list-item-card]': 'true'
                    }, template: "<mat-card class=\"o-flex-column o-layout-align-center-center\">\n  <mat-card-title-group>\n    @if (showImage) {\n      <img src=\"{{ image }}\" [class.mat-mdc-card-sm-image]=\"compareListHeight('small')\"\n        [class.mat-mdc-card-md-image]=\"compareListHeight('medium')\" [class.mat-mdc-card-lg-image]=\"compareListHeight('large')\" alt=\"card title image\">\n    }\n    @if (title !== undefined) {\n      <mat-card-title> {{ title }}</mat-card-title>\n    }\n    @if (subtitle !== undefined) {\n      <mat-card-subtitle> {{ subtitle }}</mat-card-subtitle>\n    }\n  </mat-card-title-group>\n  <mat-card-actions>\n    @if (action1Text !== undefined) {\n      <button type=\"button\" mat-button (click)=\"onAction1ButtonClick($event)\">{{ action1Text }}</button>\n    }\n    @if (action2Text !== undefined) {\n      <button type=\"button\" mat-button (click)=\"onAction2ButtonClick($event)\">{{ action2Text }}</button>\n    }\n  </mat-card-actions>\n</mat-card>\n", styles: [".mat-mdc-list .mat-mdc-list-item.o-card-item.mdc-list-item--with-trailing-meta .mat-mdc-list-item-meta{margin:0;width:100%}.o-list-item-card .mat-mdc-card{padding:16px 16px 0}.o-list-item-card mat-card,.o-list-item-card mat-card-actions,.o-list-item-card mat-card-title-group{width:100%}\n"] }]
        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i3.OListItemComponent, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [forwardRef(() => OListItemComponent)]
                }] }] });
//# sourceMappingURL=data:application/json;base64, 