import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class TableCardComponent {
    constructor() {
        this.tableCard = [];
        this.singleSelectedText = 'GRC Selected';
        this.multipleSelectedText = 'GRC Selected';
        this.selectedTab = 0;
        this.setSelectedTab = new EventEmitter();
    }
    set getTableCard(tab) {
        this.tableCard = tab;
    }
    selectTab(tab) {
        this.selectedTab = tab?.type;
        this.setSelectedTab.emit(tab);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableCardComponent, isStandalone: true, selector: "app-table-card", inputs: { singleSelectedText: "singleSelectedText", multipleSelectedText: "multipleSelectedText", selectedTab: "selectedTab", getTableCard: ["tableCard", "getTableCard"] }, outputs: { setSelectedTab: "setSelectedTab" }, ngImport: i0, template: "<div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\">\n    <div *ngFor=\"let card of tableCard\" class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" (click)=\"selectTab(card)\" [class.active]=\"selectedTab == card?.type\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">{{card?.title}}</label>\n            </div>\n            <div *ngIf=\"card?.selectedCount\" class=\"selected-count vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">{{card?.selectedCount}} {{card?.selectedCount === 1 ? singleSelectedText : multipleSelectedText}}</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{card?.count}}</span>\n        </div>\n    </div>\n    <!-- <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">8</span>\n        </div>\n    </div>\n    <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">20</span>\n        </div>\n    </div>\n    <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">32</span>\n        </div>\n    </div> -->\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .vx-table-card{box-shadow:0 0 2px #00000029}::ng-deep .vx-table-card.active{box-shadow:0 3px 12px #1e5dd326}@media screen and (min-width: 1280px){::ng-deep .vx-table-card .left .selected-count{line-height:.75rem!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCardComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-table-card', standalone: true, imports: [CommonModule], inputs: ['singleSelectedText', 'multipleSelectedText', 'selectedTab'], template: "<div class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\">\n    <div *ngFor=\"let card of tableCard\" class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" (click)=\"selectTab(card)\" [class.active]=\"selectedTab == card?.type\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">{{card?.title}}</label>\n            </div>\n            <div *ngIf=\"card?.selectedCount\" class=\"selected-count vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">{{card?.selectedCount}} {{card?.selectedCount === 1 ? singleSelectedText : multipleSelectedText}}</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{card?.count}}</span>\n        </div>\n    </div>\n    <!-- <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">8</span>\n        </div>\n    </div>\n    <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">20</span>\n        </div>\n    </div>\n    <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"false\">\n        <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n                <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\n            </div>\n            <div class=\"vx-fs-11 vx-fw-600 vx-label-txt vx-lh-4\">1 Program selected</div>\n        </div>\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">32</span>\n        </div>\n    </div> -->\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .vx-table-card{box-shadow:0 0 2px #00000029}::ng-deep .vx-table-card.active{box-shadow:0 3px 12px #1e5dd326}@media screen and (min-width: 1280px){::ng-deep .vx-table-card .left .selected-count{line-height:.75rem!important}}\n"] }]
        }], propDecorators: { getTableCard: [{
                type: Input,
                args: ['tableCard']
            }], setSelectedTab: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 