import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/legacy-card";
export class AppTocAnalyticsTilesComponent {
    constructor() {
        this.clickEvent = new EventEmitter();
    }
    ngOnInit() {
    }
    onClick(type) {
        this.clickEvent.emit(type);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocAnalyticsTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocAnalyticsTilesComponent, selector: "ws-app-app-toc-analytics-tiles", inputs: { uniqueUsers: "uniqueUsers", description: "description", title: "title", category1: "category1", category2: "category2", category3: "category3", analyticsDataClient: "analyticsDataClient" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<mat-card class=\"unique-users-card p-4\">\n  <p class=\"margin-remove-bottom text-left font-bold ws-mat-primary-text\">{{title}}</p>\n  <p class=\"description ws-mat-text-block-fade-gradient\">{{description}}</p>\n  <h1 class=\"mat-display-4 text-center margin-top-m ws-mat-primary-text margin-remove-bottom\">{{uniqueUsers}}</h1>\n  <div class=\"margin-top-xl margin-bottom-s justify-start\">\n    <p class=\"font-bold\">More info</p>\n    <div class=\"cursor-pointer font-bold ws-mat-primary-text\">\n      <p *ngIf=\"analyticsDataClient?.department?.length > 0\"\n        class=\"margin-remove-bottom underline margin-left-xs text-left\" (click)=\"onClick('departments')\">{{category1}}\n      </p>\n      <p *ngIf=\"analyticsDataClient?.country?.length > 0\"\n        class=\"margin-remove-bottom underline margin-left-xs text-left\" (click)=\"onClick('countries')\">{{category2}}\n      </p>\n      <p *ngIf=\"analyticsDataClient?.device?.length > 0\" class=\"margin-remove-bottom underline margin-left-xs text-left\"\n        (click)=\"onClick('devices')\">{{category3}}</p>\n    </div>\n  </div>\n</mat-card>\n", styles: [".description{position:relative;overflow:hidden;height:4.2em;line-height:1.4em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocAnalyticsTilesComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ws-app-app-toc-analytics-tiles', template: "<mat-card class=\"unique-users-card p-4\">\n  <p class=\"margin-remove-bottom text-left font-bold ws-mat-primary-text\">{{title}}</p>\n  <p class=\"description ws-mat-text-block-fade-gradient\">{{description}}</p>\n  <h1 class=\"mat-display-4 text-center margin-top-m ws-mat-primary-text margin-remove-bottom\">{{uniqueUsers}}</h1>\n  <div class=\"margin-top-xl margin-bottom-s justify-start\">\n    <p class=\"font-bold\">More info</p>\n    <div class=\"cursor-pointer font-bold ws-mat-primary-text\">\n      <p *ngIf=\"analyticsDataClient?.department?.length > 0\"\n        class=\"margin-remove-bottom underline margin-left-xs text-left\" (click)=\"onClick('departments')\">{{category1}}\n      </p>\n      <p *ngIf=\"analyticsDataClient?.country?.length > 0\"\n        class=\"margin-remove-bottom underline margin-left-xs text-left\" (click)=\"onClick('countries')\">{{category2}}\n      </p>\n      <p *ngIf=\"analyticsDataClient?.device?.length > 0\" class=\"margin-remove-bottom underline margin-left-xs text-left\"\n        (click)=\"onClick('devices')\">{{category3}}</p>\n    </div>\n  </div>\n</mat-card>\n", styles: [".description{position:relative;overflow:hidden;height:4.2em;line-height:1.4em}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { uniqueUsers: [{
                type: Input
            }], description: [{
                type: Input
            }], title: [{
                type: Input
            }], category1: [{
                type: Input
            }], category2: [{
                type: Input
            }], category3: [{
                type: Input
            }], analyticsDataClient: [{
                type: Input
            }], clickEvent: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXRvYy1hbmFseXRpY3MtdGlsZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL2NvbXBvbmVudHMvYXBwLXRvYy1hbmFseXRpY3MtdGlsZXMvYXBwLXRvYy1hbmFseXRpY3MtdGlsZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL2NvbXBvbmVudHMvYXBwLXRvYy1hbmFseXRpY3MtdGlsZXMvYXBwLXRvYy1hbmFseXRpY3MtdGlsZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQTs7OztBQU85RSxNQUFNLE9BQU8sNkJBQTZCO0lBVXhDO1FBRlUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFFakMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUNELE9BQU8sQ0FBQyxJQUFZO1FBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzVCLENBQUM7K0dBaEJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHFUQ1AxQyxnbUNBa0JBOzs0RkRYYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UsZ0NBQWdDOzBFQUtqQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dzLWFwcC1hcHAtdG9jLWFuYWx5dGljcy10aWxlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtdG9jLWFuYWx5dGljcy10aWxlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC10b2MtYW5hbHl0aWNzLXRpbGVzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFwcFRvY0FuYWx5dGljc1RpbGVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdW5pcXVlVXNlcnMhOiBudW1iZXJcbiAgQElucHV0KCkgZGVzY3JpcHRpb24hOiBzdHJpbmdcbiAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmdcbiAgQElucHV0KCkgY2F0ZWdvcnkxITogc3RyaW5nXG4gIEBJbnB1dCgpIGNhdGVnb3J5MiE6IHN0cmluZ1xuICBASW5wdXQoKSBjYXRlZ29yeTMhOiBzdHJpbmdcbiAgQElucHV0KCkgYW5hbHl0aWNzRGF0YUNsaWVudDogYW55XG4gIEBPdXRwdXQoKSBjbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG4gIG9uQ2xpY2sodHlwZTogc3RyaW5nKSB7XG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQodHlwZSlcbiAgfVxufVxuIiwiPG1hdC1jYXJkIGNsYXNzPVwidW5pcXVlLXVzZXJzLWNhcmQgcC00XCI+XG4gIDxwIGNsYXNzPVwibWFyZ2luLXJlbW92ZS1ib3R0b20gdGV4dC1sZWZ0IGZvbnQtYm9sZCB3cy1tYXQtcHJpbWFyeS10ZXh0XCI+e3t0aXRsZX19PC9wPlxuICA8cCBjbGFzcz1cImRlc2NyaXB0aW9uIHdzLW1hdC10ZXh0LWJsb2NrLWZhZGUtZ3JhZGllbnRcIj57e2Rlc2NyaXB0aW9ufX08L3A+XG4gIDxoMSBjbGFzcz1cIm1hdC1kaXNwbGF5LTQgdGV4dC1jZW50ZXIgbWFyZ2luLXRvcC1tIHdzLW1hdC1wcmltYXJ5LXRleHQgbWFyZ2luLXJlbW92ZS1ib3R0b21cIj57e3VuaXF1ZVVzZXJzfX08L2gxPlxuICA8ZGl2IGNsYXNzPVwibWFyZ2luLXRvcC14bCBtYXJnaW4tYm90dG9tLXMganVzdGlmeS1zdGFydFwiPlxuICAgIDxwIGNsYXNzPVwiZm9udC1ib2xkXCI+TW9yZSBpbmZvPC9wPlxuICAgIDxkaXYgY2xhc3M9XCJjdXJzb3ItcG9pbnRlciBmb250LWJvbGQgd3MtbWF0LXByaW1hcnktdGV4dFwiPlxuICAgICAgPHAgKm5nSWY9XCJhbmFseXRpY3NEYXRhQ2xpZW50Py5kZXBhcnRtZW50Py5sZW5ndGggPiAwXCJcbiAgICAgICAgY2xhc3M9XCJtYXJnaW4tcmVtb3ZlLWJvdHRvbSB1bmRlcmxpbmUgbWFyZ2luLWxlZnQteHMgdGV4dC1sZWZ0XCIgKGNsaWNrKT1cIm9uQ2xpY2soJ2RlcGFydG1lbnRzJylcIj57e2NhdGVnb3J5MX19XG4gICAgICA8L3A+XG4gICAgICA8cCAqbmdJZj1cImFuYWx5dGljc0RhdGFDbGllbnQ/LmNvdW50cnk/Lmxlbmd0aCA+IDBcIlxuICAgICAgICBjbGFzcz1cIm1hcmdpbi1yZW1vdmUtYm90dG9tIHVuZGVybGluZSBtYXJnaW4tbGVmdC14cyB0ZXh0LWxlZnRcIiAoY2xpY2spPVwib25DbGljaygnY291bnRyaWVzJylcIj57e2NhdGVnb3J5Mn19XG4gICAgICA8L3A+XG4gICAgICA8cCAqbmdJZj1cImFuYWx5dGljc0RhdGFDbGllbnQ/LmRldmljZT8ubGVuZ3RoID4gMFwiIGNsYXNzPVwibWFyZ2luLXJlbW92ZS1ib3R0b20gdW5kZXJsaW5lIG1hcmdpbi1sZWZ0LXhzIHRleHQtbGVmdFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCdkZXZpY2VzJylcIj57e2NhdGVnb3J5M319PC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbWF0LWNhcmQ+XG4iXX0=