import { Component, Inject } from '@angular/core';
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
import * as i0 from "@angular/core";
import * as i1 from "@sunbird-cb/utils-v2";
import * as i2 from "@angular/material/legacy-dialog";
import * as i3 from "@angular/common";
import * as i4 from "@angular/material/legacy-button";
import * as i5 from "@angular/material/legacy-card";
import * as i6 from "@angular/material/icon";
export class AttendanceHelperComponent {
    constructor(langtranslations, dialogRef, data) {
        this.langtranslations = langtranslations;
        this.dialogRef = dialogRef;
        this.data = data;
    }
    ngOnInit() {
        this.helperConfig = this.data.helperConfig;
    }
    translateLabels(label, type) {
        return this.langtranslations.translateLabelWithoutspace(label, type, '');
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttendanceHelperComponent, deps: [{ token: i1.MultilingualTranslationsService }, { token: i2.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AttendanceHelperComponent, selector: "ws-widget-attendance-helper", ngImport: i0, template: "<mat-card class=\"no-shadow padding-xs\">\n    <div class=\"flex align-right justify-end\">\n        <button mat-icon-button aria-label=\"close dialog\" mat-dialog-close>\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n    <mat-card-title>\n        <h2 class=\"mat-h2 font-bold text-center\">{{ translateLabels(helperConfig?.title, 'attendancehelper') }}</h2>\n    </mat-card-title>\n    <mat-card-content class=\"mt-10\">\n        <div class=\"step-container\">\n            <div class=\"\" *ngFor=\"let step of helperConfig?.steps\">\n                <div class=\"flex mr-2\">\n                    <div class=\"p-1\">\n                        <img class=\"mat-icon1\" src=\"{{step?.img}}\" alt=\"{{step?.step}}\" title=\"{{step?.step}}\" />\n                    </div>\n                    <div class=\"flex-col flex-1 p-1\">\n                        <div class=\"mat-body-2 ws-mat-black60-text mb-1\">{{ translateLabels(step?.step, 'attendancehelper') }}</div>\n                        <div class=\"mat-body-3 font-bold mb-1\">{{ translateLabels(step?.title, 'attendancehelper') }}</div>\n                        <div class=\"mat-body-2 ws-mat-black60-text\">{{ translateLabels(step?.description, 'attendancehelper') }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </mat-card-content>\n    <mat-card-actions class=\"flex justify-center mt-2\">\n        <div class=\"mat-body-2 ws-mat-black60-text\">{{ translateLabels(helperConfig?.helpText, 'attendancehelper') }}</div>\n    </mat-card-actions>\n</mat-card>", styles: [".no-shadow{box-shadow:none!important}.step-container{display:flex;flex-wrap:nowrap}@media only screen and (max-width: 599px){.step-container{flex-wrap:wrap}}@media only screen and (min-width: 600px) and (max-width: 959px){.step-container{flex-wrap:wrap}}.mat-icon1{max-width:48px;max-height:48px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i5.MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i5.MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i5.MatLegacyCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatLegacyDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttendanceHelperComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ws-widget-attendance-helper', template: "<mat-card class=\"no-shadow padding-xs\">\n    <div class=\"flex align-right justify-end\">\n        <button mat-icon-button aria-label=\"close dialog\" mat-dialog-close>\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n    <mat-card-title>\n        <h2 class=\"mat-h2 font-bold text-center\">{{ translateLabels(helperConfig?.title, 'attendancehelper') }}</h2>\n    </mat-card-title>\n    <mat-card-content class=\"mt-10\">\n        <div class=\"step-container\">\n            <div class=\"\" *ngFor=\"let step of helperConfig?.steps\">\n                <div class=\"flex mr-2\">\n                    <div class=\"p-1\">\n                        <img class=\"mat-icon1\" src=\"{{step?.img}}\" alt=\"{{step?.step}}\" title=\"{{step?.step}}\" />\n                    </div>\n                    <div class=\"flex-col flex-1 p-1\">\n                        <div class=\"mat-body-2 ws-mat-black60-text mb-1\">{{ translateLabels(step?.step, 'attendancehelper') }}</div>\n                        <div class=\"mat-body-3 font-bold mb-1\">{{ translateLabels(step?.title, 'attendancehelper') }}</div>\n                        <div class=\"mat-body-2 ws-mat-black60-text\">{{ translateLabels(step?.description, 'attendancehelper') }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </mat-card-content>\n    <mat-card-actions class=\"flex justify-center mt-2\">\n        <div class=\"mat-body-2 ws-mat-black60-text\">{{ translateLabels(helperConfig?.helpText, 'attendancehelper') }}</div>\n    </mat-card-actions>\n</mat-card>", styles: [".no-shadow{box-shadow:none!important}.step-container{display:flex;flex-wrap:nowrap}@media only screen and (max-width: 599px){.step-container{flex-wrap:wrap}}@media only screen and (min-width: 600px) and (max-width: 959px){.step-container{flex-wrap:wrap}}.mat-icon1{max-width:48px;max-height:48px}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.MultilingualTranslationsService }, { type: i2.MatLegacyDialogRef }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [MAT_DIALOG_DATA]
                }] }]; } });
//# sourceMappingURL=data:application/json;base64, 