ngx-st-sap-installed-instruments 1.0.0

package/esm2020/lib/components/sap-installed-instrument-details/data-details-view/data-details-view.component.mjs

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "ngx-st-date-format";
+export class DataDetailsViewComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+}
+DataDetailsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataDetailsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DataDetailsViewComponent, selector: "app-data-details-view", inputs: { installedInstrument: "installedInstrument" }, ngImport: i0, template: "<ng-container *ngIf=\"installedInstrument\">\r\n    <div class=\"group-details row\">\r\n<!--        <div class=\"col-xs-12 col-sm-4\">-->\r\n<!--            <span>{{'sapAdminInstalledInstrument.equipmentCardNo' | translate}}</span>-->\r\n<!--            <p>{{installedInstrument.equipmentCardNo || '-'}}</p>-->\r\n<!--        </div>-->\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.instrumentNo' | translate}}</span>\r\n            <p>{{installedInstrument.instrumentNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.instrumentDescription' | translate}}</span>\r\n            <p>{{installedInstrument.instrumentDescription || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.serialNumber' | translate}}</span>\r\n            <p>{{installedInstrument.serialNumber || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.customerNo' | translate}}</span>\r\n            <p>{{installedInstrument.customerNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.businessPartnerName' | translate}}</span>\r\n            <p>{{installedInstrument.businessPartnerName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.contactPerson' | translate}}</span>\r\n            <p>{{installedInstrument.contactPerson || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.status' | translate}}</span>\r\n            <p>{{installedInstrument.status || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.technicianName' | translate}}</span>\r\n            <p>{{installedInstrument.technicianFirstName ? installedInstrument.technicianFirstName + ' ' + installedInstrument.technicianLastName : '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.territory' | translate}}</span>\r\n            <p>{{installedInstrument.territory || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.installationDate' | translate}}</span>\r\n            <p>{{(installedInstrument.installationDate | stDateFormatPipe) || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.endUserName' | translate}}</span>\r\n            <p>{{installedInstrument.endUserName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.endUserCode' | translate}}</span>\r\n            <p>{{installedInstrument.endUserCode || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.addressName' | translate}}</span>\r\n            <p>{{installedInstrument.addressName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.street' | translate}}</span>\r\n            <p>{{installedInstrument.street || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.streetNo' | translate}}</span>\r\n            <p>{{installedInstrument.streetNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.block' | translate}}</span>\r\n            <p>{{installedInstrument.block || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.building' | translate}}</span>\r\n            <p>{{installedInstrument.building || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.city' | translate}}</span>\r\n            <p>{{installedInstrument.city || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.county' | translate}}</span>\r\n            <p>{{installedInstrument.county || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.state' | translate}}</span>\r\n            <p>{{installedInstrument.state || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.zipCode' | translate}}</span>\r\n            <p>{{installedInstrument.zipCode || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.country' | translate}}</span>\r\n            <p>{{installedInstrument.country || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.softwareVersion' | translate}}</span>\r\n            <p>{{installedInstrument.softwareVersion || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.pcSoftwareVersion' | translate}}</span>\r\n            <p>{{installedInstrument.pcSoftwareVersion || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.vessels' | translate}}</span>\r\n            <p>{{installedInstrument.vessels || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem1' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem2' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem3' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem3 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit1' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit2' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit3' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit3 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit4' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit4 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit5' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit5 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit6' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit6 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit7' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit7 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit8' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit8 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit9' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit9 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit10' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit10 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.numberOfAnalysis' | translate}}</span>\r\n            <p>{{installedInstrument.numberOfAnalysis || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application1' | translate}}</span>\r\n            <p>{{installedInstrument.application1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application2' | translate}}</span>\r\n            <p>{{installedInstrument.application2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application3' | translate}}</span>\r\n            <p>{{installedInstrument.application3 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application4' | translate}}</span>\r\n            <p>{{installedInstrument.application4 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application5' | translate}}</span>\r\n            <p>{{installedInstrument.application5 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application6' | translate}}</span>\r\n            <p>{{installedInstrument.application6 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application7' | translate}}</span>\r\n            <p>{{installedInstrument.application7 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i3.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-data-details-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"installedInstrument\">\r\n    <div class=\"group-details row\">\r\n<!--        <div class=\"col-xs-12 col-sm-4\">-->\r\n<!--            <span>{{'sapAdminInstalledInstrument.equipmentCardNo' | translate}}</span>-->\r\n<!--            <p>{{installedInstrument.equipmentCardNo || '-'}}</p>-->\r\n<!--        </div>-->\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.instrumentNo' | translate}}</span>\r\n            <p>{{installedInstrument.instrumentNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.instrumentDescription' | translate}}</span>\r\n            <p>{{installedInstrument.instrumentDescription || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.serialNumber' | translate}}</span>\r\n            <p>{{installedInstrument.serialNumber || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.customerNo' | translate}}</span>\r\n            <p>{{installedInstrument.customerNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.businessPartnerName' | translate}}</span>\r\n            <p>{{installedInstrument.businessPartnerName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.contactPerson' | translate}}</span>\r\n            <p>{{installedInstrument.contactPerson || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.status' | translate}}</span>\r\n            <p>{{installedInstrument.status || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.technicianName' | translate}}</span>\r\n            <p>{{installedInstrument.technicianFirstName ? installedInstrument.technicianFirstName + ' ' + installedInstrument.technicianLastName : '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.territory' | translate}}</span>\r\n            <p>{{installedInstrument.territory || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.installationDate' | translate}}</span>\r\n            <p>{{(installedInstrument.installationDate | stDateFormatPipe) || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.endUserName' | translate}}</span>\r\n            <p>{{installedInstrument.endUserName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.endUserCode' | translate}}</span>\r\n            <p>{{installedInstrument.endUserCode || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.addressName' | translate}}</span>\r\n            <p>{{installedInstrument.addressName || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.street' | translate}}</span>\r\n            <p>{{installedInstrument.street || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.streetNo' | translate}}</span>\r\n            <p>{{installedInstrument.streetNo || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'global.block' | translate}}</span>\r\n            <p>{{installedInstrument.block || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.building' | translate}}</span>\r\n            <p>{{installedInstrument.building || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.city' | translate}}</span>\r\n            <p>{{installedInstrument.city || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.county' | translate}}</span>\r\n            <p>{{installedInstrument.county || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.state' | translate}}</span>\r\n            <p>{{installedInstrument.state || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.zipCode' | translate}}</span>\r\n            <p>{{installedInstrument.zipCode || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'global.country' | translate}}</span>\r\n            <p>{{installedInstrument.country || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.softwareVersion' | translate}}</span>\r\n            <p>{{installedInstrument.softwareVersion || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.pcSoftwareVersion' | translate}}</span>\r\n            <p>{{installedInstrument.pcSoftwareVersion || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.vessels' | translate}}</span>\r\n            <p>{{installedInstrument.vessels || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem1' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem2' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.relatedItem3' | translate}}</span>\r\n            <p>{{installedInstrument.relatedItem3 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit1' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit2' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit3' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit3 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit4' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit4 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit5' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit5 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit6' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit6 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit7' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit7 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit8' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit8 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit9' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit9 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-4\">\r\n            <span>{{'sapAdminInstalledInstrument.majorUpgradeKit10' | translate}}</span>\r\n            <p>{{installedInstrument.majorUpgradeKit10 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <hr/>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.numberOfAnalysis' | translate}}</span>\r\n            <p>{{installedInstrument.numberOfAnalysis || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application1' | translate}}</span>\r\n            <p>{{installedInstrument.application1 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application2' | translate}}</span>\r\n            <p>{{installedInstrument.application2 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application3' | translate}}</span>\r\n            <p>{{installedInstrument.application3 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"group-details row\">\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application4' | translate}}</span>\r\n            <p>{{installedInstrument.application4 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application5' | translate}}</span>\r\n            <p>{{installedInstrument.application5 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application6' | translate}}</span>\r\n            <p>{{installedInstrument.application6 || '-'}}</p>\r\n        </div>\r\n        <div class=\"col-xs-12 col-sm-3\">\r\n            <span>{{'sapAdminInstalledInstrument.application7' | translate}}</span>\r\n            <p>{{installedInstrument.application7 || '-'}}</p>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { installedInstrument: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1kZXRhaWxzLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL2RhdGEtZGV0YWlscy12aWV3L2RhdGEtZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9kYXRhLWRldGFpbHMtdmlldy9kYXRhLWRldGFpbHMtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTaEYsTUFBTSxPQUFPLHdCQUF3QjtJQUtqQztJQUNBLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQzs7cUhBVFEsd0JBQXdCO3lHQUF4Qix3QkFBd0IscUhDVHJDLDR5VkErT0E7MkZEdE9hLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07MEVBSy9DLG1CQUFtQjtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2FwSW5zdGFsbGVkSW5zdHJ1bWVudE1vZGVsfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC5tb2RlbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1kYXRhLWRldGFpbHMtdmlldycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGF0YS1kZXRhaWxzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS1kZXRhaWxzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRhRGV0YWlsc1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBpbnN0YWxsZWRJbnN0cnVtZW50OiBTYXBJbnN0YWxsZWRJbnN0cnVtZW50TW9kZWw7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJpbnN0YWxsZWRJbnN0cnVtZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuPCEtLSAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPi0tPlxyXG48IS0tICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmVxdWlwbWVudENhcmRObycgfCB0cmFuc2xhdGV9fTwvc3Bhbj4tLT5cclxuPCEtLSAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5lcXVpcG1lbnRDYXJkTm8gfHwgJy0nfX08L3A+LS0+XHJcbjwhLS0gICAgICAgIDwvZGl2Pi0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lmluc3RydW1lbnRObycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50Lmluc3RydW1lbnRObyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pbnN0cnVtZW50RGVzY3JpcHRpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5pbnN0cnVtZW50RGVzY3JpcHRpb24gfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc2VyaWFsTnVtYmVyJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuc2VyaWFsTnVtYmVyIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY3VzdG9tZXJObycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmN1c3RvbWVyTm8gfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYnVzaW5lc3NQYXJ0bmVyTmFtZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmJ1c2luZXNzUGFydG5lck5hbWUgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydnbG9iYWwuY29udGFjdFBlcnNvbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmNvbnRhY3RQZXJzb24gfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8aHIvPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnN0YXR1cycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LnN0YXR1cyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC50ZWNobmljaWFuTmFtZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LnRlY2huaWNpYW5GaXJzdE5hbWUgPyBpbnN0YWxsZWRJbnN0cnVtZW50LnRlY2huaWNpYW5GaXJzdE5hbWUgKyAnICcgKyBpbnN0YWxsZWRJbnN0cnVtZW50LnRlY2huaWNpYW5MYXN0TmFtZSA6ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnRlcnJpdG9yeScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LnRlcnJpdG9yeSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lmluc3RhbGxhdGlvbkRhdGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7KGluc3RhbGxlZEluc3RydW1lbnQuaW5zdGFsbGF0aW9uRGF0ZSB8IHN0RGF0ZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmVuZFVzZXJOYW1lJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuZW5kVXNlck5hbWUgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZW5kVXNlckNvZGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5lbmRVc2VyQ29kZSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxoci8+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydnbG9iYWwuYWRkcmVzc05hbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5hZGRyZXNzTmFtZSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5zdHJlZXQnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5zdHJlZXQgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydnbG9iYWwuc3RyZWV0Tm8nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5zdHJlZXRObyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5ibG9jaycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmJsb2NrIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydnbG9iYWwuYnVpbGRpbmcnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5idWlsZGluZyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5jaXR5JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuY2l0eSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5jb3VudHknIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5jb3VudHkgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5zdGF0ZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LnN0YXRlIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnppcENvZGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC56aXBDb2RlIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snZ2xvYmFsLmNvdW50cnknIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5jb3VudHJ5IHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGhyLz5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zb2Z0d2FyZVZlcnNpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5zb2Z0d2FyZVZlcnNpb24gfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQucGNTb2Z0d2FyZVZlcnNpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5wY1NvZnR3YXJlVmVyc2lvbiB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC52ZXNzZWxzJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQudmVzc2VscyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnJlbGF0ZWRJdGVtMScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LnJlbGF0ZWRJdGVtMSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5yZWxhdGVkSXRlbTInIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5yZWxhdGVkSXRlbTIgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQucmVsYXRlZEl0ZW0zJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQucmVsYXRlZEl0ZW0zIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGhyLz5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQxJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0MSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQyJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0MiB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQzJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0MyB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQ0JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0NCB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0NScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDUgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0NicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDYgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0NycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDcgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDgnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQ4IHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDknIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5tYWpvclVwZ3JhZGVLaXQ5IHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lm1ham9yVXBncmFkZUtpdDEwJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQubWFqb3JVcGdyYWRlS2l0MTAgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8aHIvPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lm51bWJlck9mQW5hbHlzaXMnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5udW1iZXJPZkFuYWx5c2lzIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFwcGxpY2F0aW9uMScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmFwcGxpY2F0aW9uMSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hcHBsaWNhdGlvbjInIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5hcHBsaWNhdGlvbjIgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb24zJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb24zIHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb240JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb240IHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFwcGxpY2F0aW9uNScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHA+e3tpbnN0YWxsZWRJbnN0cnVtZW50LmFwcGxpY2F0aW9uNSB8fCAnLSd9fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hcHBsaWNhdGlvbjYnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxwPnt7aW5zdGFsbGVkSW5zdHJ1bWVudC5hcHBsaWNhdGlvbjYgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb243JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8cD57e2luc3RhbGxlZEluc3RydW1lbnQuYXBwbGljYXRpb243IHx8ICctJ319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2020/lib/components/sap-installed-instrument-details/sap-installed-instrument-details.component.mjs

@@ -0,0 +1,56 @@
+import { Component, HostBinding } from '@angular/core';
+import { tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/sap-installed-instruments.service";
+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/tabs";
+import * as i6 from "./data-details-view/data-details-view.component";
+import * as i7 from "./calls-list-view/calls-list-view.component";
+import * as i8 from "./service-contracts-list-view/service-contracts-list-view.component";
+import * as i9 from "@ngx-translate/core";
+export class SapInstalledInstrumentDetailsComponent {
+    constructor(sapInstalledInstrumentService, activatedRoute, location) {
+        this.sapInstalledInstrumentService = sapInstalledInstrumentService;
+        this.activatedRoute = activatedRoute;
+        this.location = location;
+        this.class = 'display-flex-component';
+        this.tabActive = 0;
+        this.calls = [];
+        this.serviceContracts = [];
+    }
+    ngOnInit() {
+        this.id = this.activatedRoute.snapshot.params['id'];
+        this.loadTabsData();
+    }
+    tabChanged(event) {
+        this.tabActive = event.index;
+    }
+    goBack() {
+        this.location.back();
+    }
+    loadTabsData() {
+        this.installedInstrument$ = this.sapInstalledInstrumentService
+            .getInstalledInstrument(this.id)
+            .pipe(tap(installedInstrument => {
+            this.installedInstrument = installedInstrument;
+        }));
+        this.calls$ = this.sapInstalledInstrumentService
+            .getCalls(this.id)
+            .pipe(tap(res => (this.calls = res)));
+        this.serviceContracts$ = this.sapInstalledInstrumentService
+            .getContracts(this.id)
+            .pipe(tap(res => (this.serviceContracts = res)));
+    }
+}
+SapInstalledInstrumentDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, deps: [{ token: i1.SapInstalledInstrumentsService }, { token: i2.ActivatedRoute }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
+SapInstalledInstrumentDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SapInstalledInstrumentDetailsComponent, selector: "app-sap-installed-instrument-details", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"container-fluid no-cut\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header card-header-warning\">\r\n            <h3 class=\"card-title\">{{'sapAdminInstalledInstrument.titleInstalledInstrumentDetails' | translate}}</h3>\r\n        </div>\r\n\r\n        <div class=\"card-body\">\r\n            <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">\r\n                <span class=\"material-icons\">keyboard_backspace</span>\r\n            </button>\r\n\r\n            <mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.instrumentDetails' | translate}}\">\r\n                    <ng-container *ngIf=\"installedInstrument$ | async\">\r\n                        <app-data-details-view\r\n                                *ngIf=\"tabActive === 0\"\r\n                                [installedInstrument]=\"installedInstrument\"\r\n                        ></app-data-details-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.calls' | translate}} ({{calls.length || 0}})\">\r\n                    <ng-container *ngIf=\"calls$ | async\">\r\n                        <app-calls-list-view\r\n                                *ngIf=\"tabActive === 1\"\r\n                                [calls]=\"calls\"\r\n                                [contracts]=\"serviceContracts\"\r\n                        ></app-calls-list-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.serviceContracts' | translate}} ({{serviceContracts.length || 0}})\">\r\n                    <ng-container *ngIf=\"serviceContracts$ | async\">\r\n                        <app-service-contracts-list-view\r\n                                *ngIf=\"tabActive === 2\"\r\n                                [contracts]=\"serviceContracts\"\r\n                        ></app-service-contracts-list-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n            </mat-tab-group>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["mat-tab-group::ng-deep mat-tab-body{padding:10px 0}\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-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.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i6.DataDetailsViewComponent, selector: "app-data-details-view", inputs: ["installedInstrument"] }, { kind: "component", type: i7.CallsListViewComponent, selector: "app-calls-list-view", inputs: ["calls", "contracts"] }, { kind: "component", type: i8.ServiceContractsListViewComponent, selector: "app-service-contracts-list-view", inputs: ["contracts"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-sap-installed-instrument-details', template: "<div class=\"container-fluid no-cut\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header card-header-warning\">\r\n            <h3 class=\"card-title\">{{'sapAdminInstalledInstrument.titleInstalledInstrumentDetails' | translate}}</h3>\r\n        </div>\r\n\r\n        <div class=\"card-body\">\r\n            <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">\r\n                <span class=\"material-icons\">keyboard_backspace</span>\r\n            </button>\r\n\r\n            <mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.instrumentDetails' | translate}}\">\r\n                    <ng-container *ngIf=\"installedInstrument$ | async\">\r\n                        <app-data-details-view\r\n                                *ngIf=\"tabActive === 0\"\r\n                                [installedInstrument]=\"installedInstrument\"\r\n                        ></app-data-details-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.calls' | translate}} ({{calls.length || 0}})\">\r\n                    <ng-container *ngIf=\"calls$ | async\">\r\n                        <app-calls-list-view\r\n                                *ngIf=\"tabActive === 1\"\r\n                                [calls]=\"calls\"\r\n                                [contracts]=\"serviceContracts\"\r\n                        ></app-calls-list-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n                <mat-tab label=\"{{'sapAdminInstalledInstrument.serviceContracts' | translate}} ({{serviceContracts.length || 0}})\">\r\n                    <ng-container *ngIf=\"serviceContracts$ | async\">\r\n                        <app-service-contracts-list-view\r\n                                *ngIf=\"tabActive === 2\"\r\n                                [contracts]=\"serviceContracts\"\r\n                        ></app-service-contracts-list-view>\r\n                    </ng-container>\r\n                </mat-tab>\r\n            </mat-tab-group>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["mat-tab-group::ng-deep mat-tab-body{padding:10px 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SapInstalledInstrumentsService }, { type: i2.ActivatedRoute }, { type: i3.Location }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUsvRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7O0FBVXJDLE1BQU0sT0FBTyxzQ0FBc0M7SUFlakQsWUFDVSw2QkFBNkQsRUFDN0QsY0FBOEIsRUFDOUIsUUFBa0I7UUFGbEIsa0NBQTZCLEdBQTdCLDZCQUE2QixDQUFnQztRQUM3RCxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQWpCTixVQUFLLEdBQUcsd0JBQXdCLENBQUM7UUFNdkQsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUdkLFVBQUssR0FBbUIsRUFBRSxDQUFDO1FBQzNCLHFCQUFnQixHQUF1QixFQUFFLENBQUM7SUFRdkMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVwRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyw2QkFBNkI7YUFDM0Qsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQzthQUMvQixJQUFJLENBQ0gsR0FBRyxDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUNILENBQUM7UUFFSixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyw2QkFBNkI7YUFDN0MsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7YUFDakIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyw2QkFBNkI7YUFDeEQsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7YUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDOzttSUFuRFUsc0NBQXNDO3VIQUF0QyxzQ0FBc0MsNkhDZm5ELHlwRUF5Q0E7MkZEMUJhLHNDQUFzQztrQkFMbEQsU0FBUzsrQkFDRSxzQ0FBc0M7eUtBSzFCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTYXBJbnN0YWxsZWRJbnN0cnVtZW50c1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTYXBJbnN0YWxsZWRJbnN0cnVtZW50TW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50Lm1vZGVsJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgU2FwQ2FsbE1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NhcC1jYWxsLm1vZGVsJztcclxuaW1wb3J0IHsgU2FwQ29udHJhY3RNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9zYXAtY29udHJhY3QubW9kZWwnO1xyXG5pbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2FwSW5zdGFsbGVkSW5zdHJ1bWVudERldGFpbHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdkaXNwbGF5LWZsZXgtY29tcG9uZW50JztcclxuXHJcbiAgaW5zdGFsbGVkSW5zdHJ1bWVudCQ6IE9ic2VydmFibGU8U2FwSW5zdGFsbGVkSW5zdHJ1bWVudE1vZGVsPjtcclxuICBjYWxscyQ6IE9ic2VydmFibGU8U2FwQ2FsbE1vZGVsW10+O1xyXG4gIHNlcnZpY2VDb250cmFjdHMkOiBPYnNlcnZhYmxlPFNhcENvbnRyYWN0TW9kZWxbXT47XHJcblxyXG4gIHRhYkFjdGl2ZSA9IDA7XHJcblxyXG4gIGluc3RhbGxlZEluc3RydW1lbnQ6IFNhcEluc3RhbGxlZEluc3RydW1lbnRNb2RlbDtcclxuICBjYWxsczogU2FwQ2FsbE1vZGVsW10gPSBbXTtcclxuICBzZXJ2aWNlQ29udHJhY3RzOiBTYXBDb250cmFjdE1vZGVsW10gPSBbXTtcclxuXHJcbiAgcHJpdmF0ZSBpZDogbnVtYmVyO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2U6IFNhcEluc3RhbGxlZEluc3RydW1lbnRzU2VydmljZSxcclxuICAgIHByaXZhdGUgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb25cclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pZCA9IHRoaXMuYWN0aXZhdGVkUm91dGUuc25hcHNob3QucGFyYW1zWydpZCddO1xyXG5cclxuICAgIHRoaXMubG9hZFRhYnNEYXRhKCk7XHJcbiAgfVxyXG5cclxuICB0YWJDaGFuZ2VkKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudGFiQWN0aXZlID0gZXZlbnQuaW5kZXg7XHJcbiAgfVxyXG5cclxuICBnb0JhY2soKSB7XHJcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgbG9hZFRhYnNEYXRhKCkge1xyXG4gICAgdGhpcy5pbnN0YWxsZWRJbnN0cnVtZW50JCA9IHRoaXMuc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2VcclxuICAgICAgLmdldEluc3RhbGxlZEluc3RydW1lbnQodGhpcy5pZClcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgdGFwKGluc3RhbGxlZEluc3RydW1lbnQgPT4ge1xyXG4gICAgICAgICAgdGhpcy5pbnN0YWxsZWRJbnN0cnVtZW50ID0gaW5zdGFsbGVkSW5zdHJ1bWVudDtcclxuICAgICAgICB9KVxyXG4gICAgICApO1xyXG5cclxuICAgIHRoaXMuY2FsbHMkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0Q2FsbHModGhpcy5pZClcclxuICAgICAgLnBpcGUodGFwKHJlcyA9PiAodGhpcy5jYWxscyA9IHJlcykpKTtcclxuXHJcbiAgICB0aGlzLnNlcnZpY2VDb250cmFjdHMkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0Q29udHJhY3RzKHRoaXMuaWQpXHJcbiAgICAgIC5waXBlKHRhcChyZXMgPT4gKHRoaXMuc2VydmljZUNvbnRyYWN0cyA9IHJlcykpKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZCBuby1jdXRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyIGNhcmQtaGVhZGVyLXdhcm5pbmdcIj5cclxuICAgICAgICAgICAgPGgzIGNsYXNzPVwiY2FyZC10aXRsZVwiPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC50aXRsZUluc3RhbGxlZEluc3RydW1lbnREZXRhaWxzJyB8IHRyYW5zbGF0ZX19PC9oMz5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYm9keVwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImJhY2stbGlua1wiIChjbGljayk9XCJnb0JhY2soKVwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmtleWJvYXJkX2JhY2tzcGFjZTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgICAgICA8bWF0LXRhYi1ncm91cCAoc2VsZWN0ZWRUYWJDaGFuZ2UpPVwidGFiQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICA8bWF0LXRhYiBsYWJlbD1cInt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pbnN0cnVtZW50RGV0YWlscycgfCB0cmFuc2xhdGV9fVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnN0YWxsZWRJbnN0cnVtZW50JCB8IGFzeW5jXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtZGF0YS1kZXRhaWxzLXZpZXdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInRhYkFjdGl2ZSA9PT0gMFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2luc3RhbGxlZEluc3RydW1lbnRdPVwiaW5zdGFsbGVkSW5zdHJ1bWVudFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2FwcC1kYXRhLWRldGFpbHMtdmlldz5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvbWF0LXRhYj5cclxuICAgICAgICAgICAgICAgIDxtYXQtdGFiIGxhYmVsPVwie3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNhbGxzJyB8IHRyYW5zbGF0ZX19ICh7e2NhbGxzLmxlbmd0aCB8fCAwfX0pXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNhbGxzJCB8IGFzeW5jXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtY2FsbHMtbGlzdC12aWV3XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJ0YWJBY3RpdmUgPT09IDFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjYWxsc109XCJjYWxsc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbnRyYWN0c109XCJzZXJ2aWNlQ29udHJhY3RzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvYXBwLWNhbGxzLWxpc3Qtdmlldz5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvbWF0LXRhYj5cclxuICAgICAgICAgICAgICAgIDxtYXQtdGFiIGxhYmVsPVwie3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNlcnZpY2VDb250cmFjdHMnIHwgdHJhbnNsYXRlfX0gKHt7c2VydmljZUNvbnRyYWN0cy5sZW5ndGggfHwgMH19KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZXJ2aWNlQ29udHJhY3RzJCB8IGFzeW5jXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJ0YWJBY3RpdmUgPT09IDJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb250cmFjdHNdPVwic2VydmljZUNvbnRyYWN0c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2FwcC1zZXJ2aWNlLWNvbnRyYWN0cy1saXN0LXZpZXc+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L21hdC10YWI+XHJcbiAgICAgICAgICAgIDwvbWF0LXRhYi1ncm91cD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2020/lib/components/sap-installed-instrument-details/service-contract-details-view/service-contract-details-view.component.mjs

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "ngx-st-date-format";
+export class ServiceContractDetailsViewComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+}
+ServiceContractDetailsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ServiceContractDetailsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ServiceContractDetailsViewComponent, selector: "app-service-contract-details-view", inputs: { contract: "contract" }, ngImport: i0, template: "<div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.customer' | translate}}</span>\r\n        <p>{{contract.customer || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.customerName' | translate}}</span>\r\n        <p>{{contract.customerName || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'global.description' | translate}}</span>\r\n        <p>{{contract.description || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.startDate' | translate}}</span>\r\n        <p>{{(contract.startDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.endDate' | translate}}</span>\r\n        <p>{{(contract.endDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.terminationDate' | translate}}</span>\r\n        <p>{{(contract.terminationDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.serviceType' | translate}}</span>\r\n        <p>{{(contract.serviceType) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.template' | translate}}</span>\r\n        <p>{{(contract.template) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.handledBy' | translate}}</span>\r\n        <p>{{(contract.handledBy) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.remarks' | translate}}</span>\r\n        <p>{{(contract.remarks) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.itemCode' | translate}}</span>\r\n        <p>{{(contract.itemCode) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.itemName' | translate}}</span>\r\n        <p>{{(contract.itemName) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.serialNumber' | translate}}</span>\r\n        <p>{{(contract.serialNumber) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.startDateDetails' | translate}}</span>\r\n        <p>{{(contract.startDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.endDateDetails' | translate}}</span>\r\n        <p>{{(contract.endDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.terminationDateDetails' | translate}}</span>\r\n        <p>{{(contract.terminationDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.DateFormatPipe, name: "stDateFormatPipe" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-service-contract-details-view', template: "<div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.customer' | translate}}</span>\r\n        <p>{{contract.customer || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.customerName' | translate}}</span>\r\n        <p>{{contract.customerName || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'global.description' | translate}}</span>\r\n        <p>{{contract.description || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.startDate' | translate}}</span>\r\n        <p>{{(contract.startDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.endDate' | translate}}</span>\r\n        <p>{{(contract.endDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.terminationDate' | translate}}</span>\r\n        <p>{{(contract.terminationDate | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.serviceType' | translate}}</span>\r\n        <p>{{(contract.serviceType) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.template' | translate}}</span>\r\n        <p>{{(contract.template) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.handledBy' | translate}}</span>\r\n        <p>{{(contract.handledBy) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-6\">\r\n        <span>{{'sapAdminInstalledInstrument.remarks' | translate}}</span>\r\n        <p>{{(contract.remarks) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.itemCode' | translate}}</span>\r\n        <p>{{(contract.itemCode) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.itemName' | translate}}</span>\r\n        <p>{{(contract.itemName) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.serialNumber' | translate}}</span>\r\n        <p>{{(contract.serialNumber) || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.startDateDetails' | translate}}</span>\r\n        <p>{{(contract.startDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.endDateDetails' | translate}}</span>\r\n        <p>{{(contract.endDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-4\">\r\n        <span>{{'sapAdminInstalledInstrument.terminationDateDetails' | translate}}</span>\r\n        <p>{{(contract.terminationDateDetail | stDateFormatPipe) || '-'}}</p>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { contract: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1jb250cmFjdC1kZXRhaWxzLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL3NlcnZpY2UtY29udHJhY3QtZGV0YWlscy12aWV3L3NlcnZpY2UtY29udHJhY3QtZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlldy9zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RCxNQUFNLE9BQU8sbUNBQW1DO0lBSzVDO0lBQ0EsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDOztnSUFUUSxtQ0FBbUM7b0hBQW5DLG1DQUFtQywyR0NSaEQsNDVHQXFGQTsyRkQ3RWEsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNJLG1DQUFtQzswRUFPN0MsUUFBUTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1NhcENvbnRyYWN0TW9kZWx9IGZyb20gXCIuLi8uLi8uLi9tb2RlbHMvc2FwLWNvbnRyYWN0Lm1vZGVsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLXNlcnZpY2UtY29udHJhY3QtZGV0YWlscy12aWV3JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZXJ2aWNlQ29udHJhY3REZXRhaWxzVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbnRyYWN0OiBTYXBDb250cmFjdE1vZGVsO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIiBzdHlsZT1cIm1hcmdpbi10b3A6IDIwcHg7XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmN1c3RvbWVyJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7Y29udHJhY3QuY3VzdG9tZXIgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY3VzdG9tZXJOYW1lJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7Y29udHJhY3QuY3VzdG9tZXJOYW1lIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snZ2xvYmFsLmRlc2NyaXB0aW9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7Y29udHJhY3QuZGVzY3JpcHRpb24gfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc3RhcnREYXRlJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7KGNvbnRyYWN0LnN0YXJ0RGF0ZSB8IHN0RGF0ZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmVuZERhdGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3QuZW5kRGF0ZSB8IHN0RGF0ZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnRlcm1pbmF0aW9uRGF0ZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57eyhjb250cmFjdC50ZXJtaW5hdGlvbkRhdGUgfCBzdERhdGVGb3JtYXRQaXBlKSB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxoci8+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTZcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc2VydmljZVR5cGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3Quc2VydmljZVR5cGUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnRlbXBsYXRlJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7KGNvbnRyYWN0LnRlbXBsYXRlKSB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNlwiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5oYW5kbGVkQnknIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3QuaGFuZGxlZEJ5KSB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNlwiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5yZW1hcmtzJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7KGNvbnRyYWN0LnJlbWFya3MpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGhyLz5cclxuXHJcbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNFwiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pdGVtQ29kZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57eyhjb250cmFjdC5pdGVtQ29kZSkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuaXRlbU5hbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3QuaXRlbU5hbWUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNlcmlhbE51bWJlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57eyhjb250cmFjdC5zZXJpYWxOdW1iZXIpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnN0YXJ0RGF0ZURldGFpbHMnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3Quc3RhcnREYXRlRGV0YWlsIHwgc3REYXRlRm9ybWF0UGlwZSkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZW5kRGF0ZURldGFpbHMnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3QuZW5kRGF0ZURldGFpbCB8IHN0RGF0ZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnRlcm1pbmF0aW9uRGF0ZURldGFpbHMnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3soY29udHJhY3QudGVybWluYXRpb25EYXRlRGV0YWlsIHwgc3REYXRlRm9ybWF0UGlwZSkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/sap-installed-instrument-details/service-contracts-list-view/service-contracts-list-view.component.mjs

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { MatTableDataSource } from "@angular/material/table";
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import { MatPaginator } from "@angular/material/paginator";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/table";
+import * as i2 from "@angular/material/paginator";
+import * as i3 from "../service-contract-details-view/service-contract-details-view.component";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "ngx-st-date-format";
+export class ServiceContractsListViewComponent {
+    constructor() {
+        this.class = 'display-flex-component';
+        this.columnsToDisplay = ['contractId', 'customer', 'customerName', 'itemCode', 'itemName', 'serialNumber', 'serviceType', 'startDate', 'terminationDate'];
+    }
+    ngOnInit() {
+        this.setTable();
+    }
+    ngAfterViewInit() {
+        this.paginator.pageSize = 10;
+        this.tableSource.paginator = this.paginator;
+    }
+    setTable() {
+        this.tableSource = new MatTableDataSource(this.contracts);
+    }
+}
+ServiceContractsListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractsListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ServiceContractsListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ServiceContractsListViewComponent, selector: "app-service-contracts-list-view", inputs: { contracts: "contracts" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"service-contracts-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"contractId\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.contractId' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.contractId }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customer\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.customer' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customer }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customerName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.customerName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customerName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"itemCode\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.itemCode' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.itemCode }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"itemName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.itemName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.itemName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"serialNumber\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.serialNumber' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.serialNumber }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"serviceType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.serviceType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.serviceType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"startDate\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.startDate' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.startDate | stDateFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"terminationDate\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.endDate' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.endDateDetail | stDateFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-service-contract-details-view\r\n            [contract]=\"element\"\r\n          ></app-service-contract-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[10, 20]\"\r\n    showFirstLastButtons\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.service-contracts-list-view{width:100%}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#c8e6c9;border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9;border-bottom:3px solid #c8e6c9}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"], dependencies: [{ kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i3.ServiceContractDetailsViewComponent, selector: "app-service-contract-details-view", inputs: ["contract"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.DateFormatPipe, name: "stDateFormatPipe" }], animations: [
+        trigger('detailExpand', [
+            state('collapsed', style({ height: '0px', minHeight: '0' })),
+            state('expanded', style({ height: '*' })),
+            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+        ]),
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractsListViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-service-contracts-list-view', animations: [
+                        trigger('detailExpand', [
+                            state('collapsed', style({ height: '0px', minHeight: '0' })),
+                            state('expanded', style({ height: '*' })),
+                            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+                        ]),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"service-contracts-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"contractId\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.contractId' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.contractId }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customer\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.customer' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customer }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customerName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.customerName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customerName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"itemCode\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.itemCode' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.itemCode }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"itemName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.itemName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.itemName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"serialNumber\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.serialNumber' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.serialNumber }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"serviceType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.serviceType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.serviceType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"startDate\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.startDate' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.startDate | stDateFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"terminationDate\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.endDate' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.endDateDetail | stDateFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-service-contract-details-view\r\n            [contract]=\"element\"\r\n          ></app-service-contract-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[10, 20]\"\r\n    showFirstLastButtons\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.service-contracts-list-view{width:100%}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#c8e6c9;border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9;border-bottom:3px solid #c8e6c9}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], contracts: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zZXJ2aWNlLWNvbnRyYWN0cy1saXN0LXZpZXcvc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zZXJ2aWNlLWNvbnRyYWN0cy1saXN0LXZpZXcvc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZILE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0UsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7O0FBZXpELE1BQU0sT0FBTyxpQ0FBaUM7SUFXMUM7UUFWc0IsVUFBSyxHQUFHLHdCQUF3QixDQUFDO1FBTXZELHFCQUFnQixHQUFHLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBS3JKLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDaEQsQ0FBQztJQUVPLFFBQVE7UUFDWixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksa0JBQWtCLENBQW1CLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNoRixDQUFDOzs4SEF6QlEsaUNBQWlDO2tIQUFqQyxpQ0FBaUMsdU1BRS9CLFlBQVksZ0RDckIzQiwyN0hBMkdBLG95SERqR2dCO1FBQ1IsT0FBTyxDQUFDLGNBQWMsRUFBRTtZQUNwQixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7WUFDMUQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztZQUN2QyxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLHNDQUFzQyxDQUFDLENBQUM7U0FDeEYsQ0FBQztLQUNMOzJGQUdRLGlDQUFpQztrQkFiN0MsU0FBUzsrQkFDSSxpQ0FBaUMsY0FHL0I7d0JBQ1IsT0FBTyxDQUFDLGNBQWMsRUFBRTs0QkFDcEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDOzRCQUMxRCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDOzRCQUN2QyxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLHNDQUFzQyxDQUFDLENBQUM7eUJBQ3hGLENBQUM7cUJBQ0wsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07MEVBR3pCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTztnQkFDSyxTQUFTO3NCQUFqQyxTQUFTO3VCQUFDLFlBQVk7Z0JBR3ZCLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2FwQ29udHJhY3RNb2RlbH0gZnJvbSBcIi4uLy4uLy4uL21vZGVscy9zYXAtY29udHJhY3QubW9kZWxcIjtcclxuaW1wb3J0IHtNYXRUYWJsZURhdGFTb3VyY2V9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90YWJsZVwiO1xyXG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHtNYXRQYWdpbmF0b3J9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3JcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXJ2aWNlLWNvbnRyYWN0cy1saXN0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBhbmltYXRpb25zOiBbXHJcbiAgICAgICAgdHJpZ2dlcignZGV0YWlsRXhwYW5kJywgW1xyXG4gICAgICAgICAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoe2hlaWdodDogJzBweCcsIG1pbkhlaWdodDogJzAnfSkpLFxyXG4gICAgICAgICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7aGVpZ2h0OiAnKid9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2V4cGFuZGVkIDw9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDAuMiwgMSknKSksXHJcbiAgICAgICAgXSksXHJcbiAgICBdLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlcnZpY2VDb250cmFjdHNMaXN0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XHJcbiAgICBAVmlld0NoaWxkKE1hdFBhZ2luYXRvcikgcGFnaW5hdG9yOiBNYXRQYWdpbmF0b3I7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbnRyYWN0czogU2FwQ29udHJhY3RNb2RlbFtdO1xyXG5cclxuICAgIGNvbHVtbnNUb0Rpc3BsYXkgPSBbJ2NvbnRyYWN0SWQnLCAnY3VzdG9tZXInLCAnY3VzdG9tZXJOYW1lJywgJ2l0ZW1Db2RlJywgJ2l0ZW1OYW1lJywgJ3NlcmlhbE51bWJlcicsICdzZXJ2aWNlVHlwZScsICdzdGFydERhdGUnLCAndGVybWluYXRpb25EYXRlJ107XHJcbiAgICB0YWJsZVNvdXJjZTogTWF0VGFibGVEYXRhU291cmNlPFNhcENvbnRyYWN0TW9kZWw+O1xyXG4gICAgZXhwYW5kZWRFbGVtZW50OiBTYXBDb250cmFjdE1vZGVsIHwgbnVsbDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNldFRhYmxlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdG9yLnBhZ2VTaXplID0gMTA7XHJcbiAgICAgICAgdGhpcy50YWJsZVNvdXJjZS5wYWdpbmF0b3IgPSB0aGlzLnBhZ2luYXRvcjtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldFRhYmxlKCkge1xyXG4gICAgICAgIHRoaXMudGFibGVTb3VyY2UgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlPFNhcENvbnRyYWN0TW9kZWw+KHRoaXMuY29udHJhY3RzKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3XCI+XHJcbiAgPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJ0YWJsZVNvdXJjZVwiIFttdWx0aVRlbXBsYXRlRGF0YVJvd3NdPVwidHJ1ZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJjb250cmFjdElkXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jb250cmFjdElkJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQuY29udHJhY3RJZCB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImN1c3RvbWVyXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jdXN0b21lcicgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LmN1c3RvbWVyIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY3VzdG9tZXJOYW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jdXN0b21lck5hbWUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jdXN0b21lck5hbWUgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJpdGVtQ29kZVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuaXRlbUNvZGUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5pdGVtQ29kZSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cIml0ZW1OYW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pdGVtTmFtZScgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Lml0ZW1OYW1lIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwic2VyaWFsTnVtYmVyXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zZXJpYWxOdW1iZXInIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5zZXJpYWxOdW1iZXIgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJzZXJ2aWNlVHlwZVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc2VydmljZVR5cGUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5zZXJ2aWNlVHlwZSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInN0YXJ0RGF0ZVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc3RhcnREYXRlJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxyXG4gICAgICAgIHt7IGVsZW1lbnQuc3RhcnREYXRlIHwgc3REYXRlRm9ybWF0UGlwZSB9fVxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJ0ZXJtaW5hdGlvbkRhdGVcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmVuZERhdGUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XHJcbiAgICAgICAge3sgZWxlbWVudC5lbmREYXRlRGV0YWlsIHwgc3REYXRlRm9ybWF0UGlwZSB9fVxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJleHBhbmRlZERldGFpbFwiPlxyXG4gICAgICA8dGRcclxuICAgICAgICBtYXQtY2VsbFxyXG4gICAgICAgICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIlxyXG4gICAgICAgIFthdHRyLmNvbHNwYW5dPVwiY29sdW1uc1RvRGlzcGxheS5sZW5ndGhcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJyb3ctZGV0YWlsXCJcclxuICAgICAgICAgIFtAZGV0YWlsRXhwYW5kXT1cIlxyXG4gICAgICAgICAgICBlbGVtZW50ID09IGV4cGFuZGVkRWxlbWVudCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1xyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YXBwLXNlcnZpY2UtY29udHJhY3QtZGV0YWlscy12aWV3XHJcbiAgICAgICAgICAgIFtjb250cmFjdF09XCJlbGVtZW50XCJcclxuICAgICAgICAgID48L2FwcC1zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlldz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDx0ciBtYXQtaGVhZGVyLXJvdyAqbWF0SGVhZGVyUm93RGVmPVwiY29sdW1uc1RvRGlzcGxheVwiPjwvdHI+XHJcbiAgICA8dHJcclxuICAgICAgbWF0LXJvd1xyXG4gICAgICAqbWF0Um93RGVmPVwibGV0IGVsZW1lbnQ7IGNvbHVtbnM6IGNvbHVtbnNUb0Rpc3BsYXlcIlxyXG4gICAgICBjbGFzcz1cImRldGFpbHMtZWxlbWVudC1yb3dcIlxyXG4gICAgICBbY2xhc3MuZGV0YWlscy1leHBhbmRlZC1yb3ddPVwiZXhwYW5kZWRFbGVtZW50ID09PSBlbGVtZW50XCJcclxuICAgICAgKGNsaWNrKT1cImV4cGFuZGVkRWxlbWVudCA9IGV4cGFuZGVkRWxlbWVudCA9PT0gZWxlbWVudCA/IG51bGwgOiBlbGVtZW50XCJcclxuICAgID48L3RyPlxyXG4gICAgPHRyXHJcbiAgICAgIG1hdC1yb3dcclxuICAgICAgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IFsnZXhwYW5kZWREZXRhaWwnXVwiXHJcbiAgICAgIGNsYXNzPVwiZGV0YWlsLXJvd1wiXHJcbiAgICA+PC90cj5cclxuICA8L3RhYmxlPlxyXG4gIDxtYXQtcGFnaW5hdG9yXHJcbiAgICBbcGFnZVNpemVPcHRpb25zXT1cIlsxMCwgMjBdXCJcclxuICAgIHNob3dGaXJzdExhc3RCdXR0b25zXHJcbiAgPjwvbWF0LXBhZ2luYXRvcj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/sap-installed-instrument-details/service-contracts-modal-details-view/service-contracts-modal-details-view.component.mjs

@@ -0,0 +1,28 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "../service-contract-details-view/service-contract-details-view.component";
+import * as i4 from "@ngx-translate/core";
+export class ServiceContractsModalDetailsViewComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+    }
+    ngOnInit() {
+    }
+    close() {
+        this.dialogRef.close();
+    }
+}
+ServiceContractsModalDetailsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractsModalDetailsViewComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ServiceContractsModalDetailsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ServiceContractsModalDetailsViewComponent, selector: "app-service-contracts-modal-details-view", ngImport: i0, template: "<h1 mat-dialog-title>{{'sapAdminInstalledInstrument.serviceContract' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <app-service-contract-details-view\r\n            [contract]=\"data.contract\"\r\n    ></app-service-contract-details-view>\r\n</div>\r\n<div class=\"row justify-content-end\" mat-dialog-actions>\r\n    <button mat-button type=\"button\" (click)=\"close()\">{{'global.close' | translate}}</button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, 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: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.ServiceContractDetailsViewComponent, selector: "app-service-contract-details-view", inputs: ["contract"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ServiceContractsModalDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-service-contracts-modal-details-view', template: "<h1 mat-dialog-title>{{'sapAdminInstalledInstrument.serviceContract' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <app-service-contract-details-view\r\n            [contract]=\"data.contract\"\r\n    ></app-service-contract-details-view>\r\n</div>\r\n<div class=\"row justify-content-end\" mat-dialog-actions>\r\n    <button mat-button type=\"button\" (click)=\"close()\">{{'global.close' | translate}}</button>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1jb250cmFjdHMtbW9kYWwtZGV0YWlscy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zZXJ2aWNlLWNvbnRyYWN0cy1tb2RhbC1kZXRhaWxzLXZpZXcvc2VydmljZS1jb250cmFjdHMtbW9kYWwtZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zZXJ2aWNlLWNvbnRyYWN0cy1tb2RhbC1kZXRhaWxzLXZpZXcvc2VydmljZS1jb250cmFjdHMtbW9kYWwtZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxlQUFlLEVBQWUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5Q0FBeUM7SUFFbEQsWUFDb0MsSUFBa0MsRUFDM0QsU0FBa0U7UUFEekMsU0FBSSxHQUFKLElBQUksQ0FBOEI7UUFDM0QsY0FBUyxHQUFULFNBQVMsQ0FBeUQ7SUFFN0UsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsS0FBSztRQUNELElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7c0lBYlEseUNBQXlDLGtCQUd0QyxlQUFlOzBIQUhsQix5Q0FBeUMsZ0ZDVHRELG9iQVNBOzJGREFhLHlDQUF5QztrQkFMckQsU0FBUzsrQkFDSSwwQ0FBMEM7OzBCQU8vQyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7U2FwQ29udHJhY3RNb2RlbH0gZnJvbSBcIi4uLy4uLy4uL21vZGVscy9zYXAtY29udHJhY3QubW9kZWxcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtc2VydmljZS1jb250cmFjdHMtbW9kYWwtZGV0YWlscy12aWV3JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXJ2aWNlLWNvbnRyYWN0cy1tb2RhbC1kZXRhaWxzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VydmljZS1jb250cmFjdHMtbW9kYWwtZGV0YWlscy12aWV3LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlcnZpY2VDb250cmFjdHNNb2RhbERldGFpbHNWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IHtjb250cmFjdDogU2FwQ29udHJhY3RNb2RlbH0sXHJcbiAgICAgICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFNlcnZpY2VDb250cmFjdHNNb2RhbERldGFpbHNWaWV3Q29tcG9uZW50PlxyXG4gICAgKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB9XHJcblxyXG4gICAgY2xvc2UoKSB7XHJcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICAgIH1cclxuXHJcbn1cclxuIiwiPGgxIG1hdC1kaWFsb2ctdGl0bGU+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNlcnZpY2VDb250cmFjdCcgfCB0cmFuc2xhdGV9fTwvaDE+XHJcbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gICAgPGFwcC1zZXJ2aWNlLWNvbnRyYWN0LWRldGFpbHMtdmlld1xyXG4gICAgICAgICAgICBbY29udHJhY3RdPVwiZGF0YS5jb250cmFjdFwiXHJcbiAgICA+PC9hcHAtc2VydmljZS1jb250cmFjdC1kZXRhaWxzLXZpZXc+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicm93IGp1c3RpZnktY29udGVudC1lbmRcIiBtYXQtZGlhbG9nLWFjdGlvbnM+XHJcbiAgICA8YnV0dG9uIG1hdC1idXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCI+e3snZ2xvYmFsLmNsb3NlJyB8IHRyYW5zbGF0ZX19PC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=