import { Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@angular/router";
import * as i3 from "@angular/common";
import * as i4 from "@angular/material/button";
import * as i5 from "@angular/material/icon";
import * as i6 from "@angular/flex-layout/flex";
export class UpdateViewComponent {
    constructor(dialogRef, data, router) {
        this.dialogRef = dialogRef;
        this.data = data;
        this.router = router;
    }
    ngOnInit() {
        this.techlifyUpdate = this.data.techlifyUpdate;
        this.rootNavUrl = this.data.rootNavUrl;
    }
    close() {
        this.dialogRef.close();
    }
    openUpdateHistory() {
        this.close();
        this.router.navigate([this.rootNavUrl + "/update-history"]);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateViewComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UpdateViewComponent, selector: "app-update-view", ngImport: i0, template: "<div fxLayout=\"column\">\n  <div mat-dialog-title class=\"text-center\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\n      <div fxFlex=\"80%\">\n        <div fxLayout=\"row wrap\" fxLayoutGap=\"1rem\">\n          <span fxFlex=\"calc(10%-1rem)\" fxLayoutAlign=\"start center\">\n            <mat-icon class=\"large-icon primary-color\">\n              <span class=\"material-icons-outlined\">\n                grading\n              </span>\n            </mat-icon>\n          </span>\n          <div fxFlex=\"calc(90%-1rem)\">\n            <div fxLayout=\"column\" fxLayoutAlign=\"start\">\n              <div fxLayout>\n                <h5 class=\"primary-color\" style=\"margin-bottom:0;text-align: left;\">\n                  App Update: {{techlifyUpdate?.title}}\n                </h5>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"1rem\">\n                <small class=\"text-muted\">\n                  <b>Release On</b> : {{techlifyUpdate?.released_on | date: 'mediumDate'}}\n                </small>\n                <small class=\"text-muted\">\n                  <b>Version</b> : {{techlifyUpdate?.version}}\n                </small>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div fxLayoutAlign=\"end center\" class=\"text-muted\">\n        <button mat-icon-button type=\"button\" (click)=\"close()\">\n          <mat-icon>clear</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div mat-dialog-content style=\"height: 500px;overflow: auto;\">\n    <div fxLayout=\"column\" class=\"text-muted\" style=\"margin-top: 1rem;\" [innerHtml]=\"techlifyUpdate?.description\">\n    </div>\n  </div>\n\n  <div mat-dialog-actions fxLayout=\"row\" [fxLayoutAlign]=\"!this.data?.isFromHistory ? 'space-between' : 'end'\">\n    <button type=\"button\" mat-button class=\"primary-color\" (click)=\"openUpdateHistory()\"\n      *ngIf=\"!this.data?.isFromHistory\">\n      <mat-icon>\n        history\n      </mat-icon>\n      Update History\n    </button>\n    <a *ngIf=\"techlifyUpdate?.learn_more_link\" [href]=\"techlifyUpdate?.learn_more_link\" target=\"_blank\"\n      style=\"text-decoration: none;\">\n      <button type=\"button\" mat-button class=\"text-muted\">\n        Learn More\n      </button>\n    </a>\n    <button type=\"button\" mat-stroked-button class=\"primary-color\" (click)=\"close()\">\n      OK\n    </button>\n  </div>\n</div>\n", styles: [".large-icon{transform:scale(2.3)}.primary-color{color:#009fdd!important}.primary-bg{background-color:#009fdd!important}.text-muted,.text-white{color:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateViewComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-update-view', template: "<div fxLayout=\"column\">\n  <div mat-dialog-title class=\"text-center\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\n      <div fxFlex=\"80%\">\n        <div fxLayout=\"row wrap\" fxLayoutGap=\"1rem\">\n          <span fxFlex=\"calc(10%-1rem)\" fxLayoutAlign=\"start center\">\n            <mat-icon class=\"large-icon primary-color\">\n              <span class=\"material-icons-outlined\">\n                grading\n              </span>\n            </mat-icon>\n          </span>\n          <div fxFlex=\"calc(90%-1rem)\">\n            <div fxLayout=\"column\" fxLayoutAlign=\"start\">\n              <div fxLayout>\n                <h5 class=\"primary-color\" style=\"margin-bottom:0;text-align: left;\">\n                  App Update: {{techlifyUpdate?.title}}\n                </h5>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"1rem\">\n                <small class=\"text-muted\">\n                  <b>Release On</b> : {{techlifyUpdate?.released_on | date: 'mediumDate'}}\n                </small>\n                <small class=\"text-muted\">\n                  <b>Version</b> : {{techlifyUpdate?.version}}\n                </small>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div fxLayoutAlign=\"end center\" class=\"text-muted\">\n        <button mat-icon-button type=\"button\" (click)=\"close()\">\n          <mat-icon>clear</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div mat-dialog-content style=\"height: 500px;overflow: auto;\">\n    <div fxLayout=\"column\" class=\"text-muted\" style=\"margin-top: 1rem;\" [innerHtml]=\"techlifyUpdate?.description\">\n    </div>\n  </div>\n\n  <div mat-dialog-actions fxLayout=\"row\" [fxLayoutAlign]=\"!this.data?.isFromHistory ? 'space-between' : 'end'\">\n    <button type=\"button\" mat-button class=\"primary-color\" (click)=\"openUpdateHistory()\"\n      *ngIf=\"!this.data?.isFromHistory\">\n      <mat-icon>\n        history\n      </mat-icon>\n      Update History\n    </button>\n    <a *ngIf=\"techlifyUpdate?.learn_more_link\" [href]=\"techlifyUpdate?.learn_more_link\" target=\"_blank\"\n      style=\"text-decoration: none;\">\n      <button type=\"button\" mat-button class=\"text-muted\">\n        Learn More\n      </button>\n    </a>\n    <button type=\"button\" mat-stroked-button class=\"primary-color\" (click)=\"close()\">\n      OK\n    </button>\n  </div>\n</div>\n", styles: [".large-icon{transform:scale(2.3)}.primary-color{color:#009fdd!important}.primary-bg{background-color:#009fdd!important}.text-muted,.text-white{color:#d3d3d3}\n"] }]
        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [MAT_DIALOG_DATA]
                }] }, { type: i2.Router }] });
//# sourceMappingURL=data:application/json;base64, 