awf-test-lib 0.0.24 → 0.0.27

package/fesm2015/awf-test-lib.mjs

@@ -288,10 +288,10 @@ class SystemListComponent {
     }
 }
 SystemListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SystemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SystemListComponent, selector: "awf-system-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", systems: "systems" }, providers: [MessageService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\n    <ng-template pTemplate=\"caption\">\n        <div>\n            <span class=\"p-input-icon-left\">\n                <i class=\"pi pi-search\"></i>\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\n                    [placeholder]=\"globaltranslate.search\" />\n            </span>\n        </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\" let-columns>\n        <tr>\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\n            <th pSortableColumn=\"id\">Id\n                <p-sortIcon field=\"id\"></p-sortIcon>\n                <th pSortableColumn=\"systemId\">System Id\n                    <p-sortIcon field=\"systemId\"></p-sortIcon>\n                    <th pSortableColumn=\"name\">Name\n                        <p-sortIcon field=\"name\"></p-sortIcon>\n                        <th pSortableColumn=\"modality\">Modality\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\n                            <th pSortableColumn=\"installDate\">Install Date\n                                <!-- <p-sortIcon field=\"installDate\"></p-sortIcon>\n                                <th> Action</th> -->\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\n        <tr>\n\n            <td>{{product.id }}</td>\n            <td>{{product.systemId }}</td>\n            <td>{{product.name }}</td>\n            <td>{{product.modality }}</td>\n            <td>{{product.installDate | substring :0:10 }}</td>\n\n            <!-- <td>\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-pencil\" class=\"p-button-rounded\" [disabled]=\"product.status ==='waiting'\"></button>\n            </td> -->\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"summary\">\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\n            {{globaltranslate.count}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\n        </div>\n    </ng-template>\n</p-table>\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "pipe", type: SubstringPipe, name: "substring" }] });
+SystemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SystemListComponent, selector: "awf-system-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", systems: "systems" }, providers: [MessageService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"id\">Id\r\n                <p-sortIcon field=\"id\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                    <th pSortableColumn=\"name\">Name\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">Modality\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">Install Date\r\n                                <!-- <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                <th> Action</th> -->\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>\r\n\r\n            <td>{{product.id }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.name }}</td>\r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | substring :0:10 }}</td>\r\n\r\n            <!-- <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-pencil\" class=\"p-button-rounded\" [disabled]=\"product.status ==='waiting'\"></button>\r\n            </td> -->\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "pipe", type: SubstringPipe, name: "substring" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SystemListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'awf-system-list', providers: [MessageService], template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\n    <ng-template pTemplate=\"caption\">\n        <div>\n            <span class=\"p-input-icon-left\">\n                <i class=\"pi pi-search\"></i>\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\n                    [placeholder]=\"globaltranslate.search\" />\n            </span>\n        </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\" let-columns>\n        <tr>\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\n            <th pSortableColumn=\"id\">Id\n                <p-sortIcon field=\"id\"></p-sortIcon>\n                <th pSortableColumn=\"systemId\">System Id\n                    <p-sortIcon field=\"systemId\"></p-sortIcon>\n                    <th pSortableColumn=\"name\">Name\n                        <p-sortIcon field=\"name\"></p-sortIcon>\n                        <th pSortableColumn=\"modality\">Modality\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\n                            <th pSortableColumn=\"installDate\">Install Date\n                                <!-- <p-sortIcon field=\"installDate\"></p-sortIcon>\n                                <th> Action</th> -->\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\n        <tr>\n\n            <td>{{product.id }}</td>\n            <td>{{product.systemId }}</td>\n            <td>{{product.name }}</td>\n            <td>{{product.modality }}</td>\n            <td>{{product.installDate | substring :0:10 }}</td>\n\n            <!-- <td>\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-pencil\" class=\"p-button-rounded\" [disabled]=\"product.status ==='waiting'\"></button>\n            </td> -->\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"summary\">\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\n            {{globaltranslate.count}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\n        </div>\n    </ng-template>\n</p-table>\n" }]
+            args: [{ selector: 'awf-system-list', providers: [MessageService], template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"id\">Id\r\n                <p-sortIcon field=\"id\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                    <th pSortableColumn=\"name\">Name\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">Modality\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">Install Date\r\n                                <!-- <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                <th> Action</th> -->\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>\r\n\r\n            <td>{{product.id }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.name }}</td>\r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | substring :0:10 }}</td>\r\n\r\n            <!-- <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-pencil\" class=\"p-button-rounded\" [disabled]=\"product.status ==='waiting'\"></button>\r\n            </td> -->\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { dt: [{
                 type: ViewChild,
                 args: ['dt']
@@ -384,10 +384,10 @@ class ContactComponent {
     }
 }
 ContactComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ContactComponent, deps: [{ token: i1$4.FormBuilder }, { token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-ContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ContactComponent, selector: "awf-contact", inputs: { loading: "loading", submitted: "submitted", systems: "systems", selectedSystems: "selectedSystems", translate: "translate" }, outputs: { sendForm: "sendForm" }, providers: [MessageService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"translate\">\n    <section class=\"pt-0\">\n        <div class=\"app-section-header-img\">\n            <div class=\"container pt-4\">\n                <div class=\"\">\n                    <h2>{{translate.title}}</h2>\n                </div>\n            </div>\n        </div>\n    </section>\n    <section class=\"py-5 background-light\">\n        <div class=\"container px-lg-5\">\n            <div class=\"row align-items-center\">\n                <div class=\"col-md-6\">\n                    <div class=\"container-contact100\">\n                        <div class=\"wrap-contact100\">\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems\" class=\"contact100-form validate-form\">\n                                <span class=\"contact100-form-title\">{{translate.title}}</span>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\n                                        <div *ngIf=\"submitted && f.name.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\n                                        <div *ngIf=\"submitted && f.email.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\n                                        <div *ngIf=\"submitted && f.phone.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.RelatedSystems}}</span> <span class=\"requis\"> </span>\n                                        <p-multiSelect formControlName=\"systems\" [options]=\"systems\" [(ngModel)]=\"selectedSystems\" [defaultLabel]=\"translate.selectAsystem\" [optionLabel]=\"'name'\" display=\"chip\"></p-multiSelect>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderMessage}}</span> <span class=\"requis\">*</span>:\n                                        <textarea pInputTextarea [placeholder]=\"translate.placeholderMessage +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\n                                        <div *ngIf=\"submitted && f.message.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.requiredMessage}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"container-contact100-form-btn\">\n                                    <div class=\"wrap-contact100-form-btn\">\n                                        <div class=\"contact100-form-bgbtn\"></div>\n                                        <button class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\n                                      {{translate.send}}\n                                </button>\n                                    </div>\n                                </div>\n                            </form>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-6 contact\">\n                    <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"600\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\n                    <section class=\"mb-4\">\n                        <div class=\"\">\n                            <i class=\"pi pi-envelope\"></i><label> E-mail</label>\n                            <p class=\"\">info@ge.com (To be replaced) </p>\n                        </div>\n                        <div class=\" mt-4\">\n                            <i class=\"pi pi-map\"></i><label> {{translate.address}}</label>\n                            <p class=\"\">GE Medical Systems, 283, Rue De la Miniere-BP34</p>\n                            <p class=\"\">78533 BUC \u2013 Cedex France</p>\n                            <p class=\"\">France</p>\n                        </div>\n                    </section>\n                </div>\n\n            </div>\n        </div>\n    </section>\n</div>\n\n<p-toast position=\"top-center\"></p-toast>\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+ContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ContactComponent, selector: "awf-contact", inputs: { loading: "loading", submitted: "submitted", systems: "systems", selectedSystems: "selectedSystems", translate: "translate" }, outputs: { sendForm: "sendForm" }, providers: [MessageService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"translate\">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}}</h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems\" class=\"contact100-form validate-form\">\r\n                                <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedSystems}}</span> <span class=\"requis\"> </span>\r\n                                        <p-multiSelect formControlName=\"systems\" [options]=\"systems\" [(ngModel)]=\"selectedSystems\" [defaultLabel]=\"translate.selectAsystem\" [optionLabel]=\"'name'\" display=\"chip\"></p-multiSelect>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderMessage}}</span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea [placeholder]=\"translate.placeholderMessage +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                                        <div *ngIf=\"submitted && f.message.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.requiredMessage}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"container-contact100-form-btn\">\r\n                                    <div class=\"wrap-contact100-form-btn\">\r\n                                        <div class=\"contact100-form-bgbtn\"></div>\r\n                                        <button class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\r\n                    <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"600\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> E-mail</label>\r\n                            <p class=\"\">info@ge.com (To be replaced) </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> {{translate.address}}</label>\r\n                            <p class=\"\">GE Medical Systems, 283, Rue De la Miniere-BP34</p>\r\n                            <p class=\"\">78533 BUC \u2013 Cedex France</p>\r\n                            <p class=\"\">France</p>\r\n                        </div>\r\n                    </section>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ContactComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'awf-contact', providers: [MessageService], template: "<div *ngIf=\"translate\">\n    <section class=\"pt-0\">\n        <div class=\"app-section-header-img\">\n            <div class=\"container pt-4\">\n                <div class=\"\">\n                    <h2>{{translate.title}}</h2>\n                </div>\n            </div>\n        </div>\n    </section>\n    <section class=\"py-5 background-light\">\n        <div class=\"container px-lg-5\">\n            <div class=\"row align-items-center\">\n                <div class=\"col-md-6\">\n                    <div class=\"container-contact100\">\n                        <div class=\"wrap-contact100\">\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems\" class=\"contact100-form validate-form\">\n                                <span class=\"contact100-form-title\">{{translate.title}}</span>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\n                                        <div *ngIf=\"submitted && f.name.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\n                                        <div *ngIf=\"submitted && f.email.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\n                                        <div *ngIf=\"submitted && f.phone.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.RelatedSystems}}</span> <span class=\"requis\"> </span>\n                                        <p-multiSelect formControlName=\"systems\" [options]=\"systems\" [(ngModel)]=\"selectedSystems\" [defaultLabel]=\"translate.selectAsystem\" [optionLabel]=\"'name'\" display=\"chip\"></p-multiSelect>\n                                    </div>\n                                </div>\n                                <div class=\"p-grid p-fluid p-mt-2\">\n                                    <div class=\"p-col-12 p-md-12 \">\n                                        <span class=\"titre\">{{translate.placeholderMessage}}</span> <span class=\"requis\">*</span>:\n                                        <textarea pInputTextarea [placeholder]=\"translate.placeholderMessage +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\n                                        <div *ngIf=\"submitted && f.message.errors\">\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.requiredMessage}}</div>\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"container-contact100-form-btn\">\n                                    <div class=\"wrap-contact100-form-btn\">\n                                        <div class=\"contact100-form-bgbtn\"></div>\n                                        <button class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\n                                      {{translate.send}}\n                                </button>\n                                    </div>\n                                </div>\n                            </form>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-6 contact\">\n                    <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"600\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\n                    <section class=\"mb-4\">\n                        <div class=\"\">\n                            <i class=\"pi pi-envelope\"></i><label> E-mail</label>\n                            <p class=\"\">info@ge.com (To be replaced) </p>\n                        </div>\n                        <div class=\" mt-4\">\n                            <i class=\"pi pi-map\"></i><label> {{translate.address}}</label>\n                            <p class=\"\">GE Medical Systems, 283, Rue De la Miniere-BP34</p>\n                            <p class=\"\">78533 BUC \u2013 Cedex France</p>\n                            <p class=\"\">France</p>\n                        </div>\n                    </section>\n                </div>\n\n            </div>\n        </div>\n    </section>\n</div>\n\n<p-toast position=\"top-center\"></p-toast>\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"] }]
+            args: [{ selector: 'awf-contact', providers: [MessageService], template: "<div *ngIf=\"translate\">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}}</h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems\" class=\"contact100-form validate-form\">\r\n                                <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedSystems}}</span> <span class=\"requis\"> </span>\r\n                                        <p-multiSelect formControlName=\"systems\" [options]=\"systems\" [(ngModel)]=\"selectedSystems\" [defaultLabel]=\"translate.selectAsystem\" [optionLabel]=\"'name'\" display=\"chip\"></p-multiSelect>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderMessage}}</span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea [placeholder]=\"translate.placeholderMessage +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                                        <div *ngIf=\"submitted && f.message.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.requiredMessage}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"container-contact100-form-btn\">\r\n                                    <div class=\"wrap-contact100-form-btn\">\r\n                                        <div class=\"contact100-form-bgbtn\"></div>\r\n                                        <button class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\r\n                    <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"600\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> E-mail</label>\r\n                            <p class=\"\">info@ge.com (To be replaced) </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> {{translate.address}}</label>\r\n                            <p class=\"\">GE Medical Systems, 283, Rue De la Miniere-BP34</p>\r\n                            <p class=\"\">78533 BUC \u2013 Cedex France</p>\r\n                            <p class=\"\">France</p>\r\n                        </div>\r\n                    </section>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }, { type: i1$3.MessageService }]; }, propDecorators: { loading: [{
                 type: Input
             }], submitted: [{
@@ -678,10 +678,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
 
 var EmailType;
 (function (EmailType) {
-    EmailType["ACCEPTED"] = "Accepted";
-    EmailType["SENDNEWDATES"] = "SendNewDates";
-    EmailType["CANCEL"] = "Cancel";
-    EmailType["REPORTANDCANCEL"] = "ReportAndCancel";
+    // ACCEPTED = 'Accepted',
+    // SENDNEWDATES = 'SendNewDates',
+    // CANCEL = 'Cancel',
+    // REPORTANDCANCEL='ReportAndCancel',
+    EmailType["Accepted_Clients"] = "Accepted_Clients";
+    EmailType["Accepted_CSC"] = "Accepted_CSC";
+    EmailType["CancelPM_Clients"] = "CancelPM_Clients";
+    EmailType["CancelPM_CSC"] = "CancelPM_CSC";
+    EmailType["ContactMe_Clients"] = "ContactMe_Clients";
+    EmailType["ContactMe_CSC"] = "ContactMe_CSC";
+    EmailType["ReportDate_Clients"] = "ReportDate_Clients";
+    EmailType["ReportDate_CSC"] = "ReportDate_CSC";
+    EmailType["SendNewDates_Clients"] = "SendNewDates_Clients";
+    EmailType["SendNewDates_CSC"] = "SendNewDates_CSC";
 })(EmailType || (EmailType = {}));
 
 var EventStatus;
@@ -779,6 +789,7 @@ class MaintenanceListComponent {
         //@Output() refreshMaintenanceList = new EventEmitter<boolean>();
         this.emitForUpdate = new EventEmitter();
         this.emitForAlternativeDates = new EventEmitter();
+        this.sendContactMeEmail = new EventEmitter();
         this.pmJobLinkedList = [];
         this.detailedPmJobLinkedList = [];
         this.alternativeDatesSelected = [];
@@ -807,6 +818,7 @@ class MaintenanceListComponent {
     selectElement(element) {
         var _a;
         this.alternativeDatesList = [];
+        this.emailTypes = [];
         if (element) {
             this.pmSelectedStatus = element.status;
         }
@@ -836,7 +848,8 @@ class MaintenanceListComponent {
             else {
                 this.updateProposedDate();
             }
-            this.emailType = EmailType.ACCEPTED;
+            this.emailTypes.push(EmailType.Accepted_CSC);
+            this.emailTypes.push(EmailType.Accepted_Clients);
             this.updatePmJob();
         }
     }
@@ -920,7 +933,8 @@ class MaintenanceListComponent {
         this.pmJobLinkedList.forEach((item) => {
             item.pmJob.customObject.customerWaiting = 'Yes';
         });
-        this.emailType = this.alreadyScheduledMsg ? EmailType.REPORTANDCANCEL : EmailType.SENDNEWDATES;
+        this.emailTypes.push(this.alreadyScheduledMsg ? EmailType.ReportDate_CSC : EmailType.SendNewDates_CSC);
+        this.emailTypes.push(this.alreadyScheduledMsg ? EmailType.ReportDate_Clients : EmailType.SendNewDates_Clients);
         this.updatePmJob();
     }
     updateProposedDate() {
@@ -960,10 +974,13 @@ class MaintenanceListComponent {
             });
         }
     }
+    sendContactMeEmailMethode(detailedPmJob) {
+        this.sendContactMeEmail.emit(detailedPmJob);
+    }
     callApiToUpdate() {
         let PmJobListForUpdate = {};
         PmJobListForUpdate.pmJobList = this.pmJobList;
-        PmJobListForUpdate.emailType = this.emailType;
+        PmJobListForUpdate.emailTypes = this.emailTypes;
         this.emitForUpdate.emit(PmJobListForUpdate);
     }
     transformStatus(status) {
@@ -994,10 +1011,10 @@ class MaintenanceListComponent {
     }
 }
 MaintenanceListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaintenanceListComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-MaintenanceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaintenanceListComponent, selector: "awf-maintenance-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", maintenanceList: "maintenanceList", pmJobList: "pmJobList", isAlreadyScheduled: "isAlreadyScheduled", displayConfirmedDateInfo: "displayConfirmedDateInfo", alternativeDatesList: "alternativeDatesList", status: "status" }, outputs: { emitForUpdate: "emitForUpdate", emitForAlternativeDates: "emitForAlternativeDates" }, providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }, { propertyName: "op", first: true, predicate: ["op"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                            <th pSortableColumn=\"endDateTime\">{{translate.maintenanceList.endDate}}\r\n                                <p-sortIcon field=\"endDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                    <th pSortableColumn=\"case_category\">{{translate.maintenanceList.category}}\r\n                                        <p-sortIcon field=\"case_category\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderId }}</td>\r\n            <td>{{product.pmJob.startDateTime | substring :0:10 }}</td>\r\n            <td>{{product.pmJob.endDateTime | substring :0:10}}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td>{{product.pmJob.caseCategory }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport()\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport\">\r\n    <app-contact-support [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: ["displayAnotherDate", "globaltranslate", "translate", "alternativeDatesList"], outputs: ["closeAnotherDate", "acceptDate"] }, { kind: "component", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: ["displayConfirmDialog", "startDateTime", "endDateTime", "globaltranslate", "translate", "isProposedDate", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialog"] }, { kind: "component", type: ConfirmDialogValidatedToWaitingComponent, selector: "app-confirm-dialog-validated-to-waiting", inputs: ["displayConfirmValidatedToWaiting", "startDateTime", "endDateTime", "globaltranslate", "translate", "alreadyScheduledMsg", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialogValidatedToWaiting"] }, { kind: "component", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: ["displayConfirmedDateInfo", "startDateTime", "endDateTime", "globaltranslate", "translate"], outputs: ["closeConfirmedDateInfo"] }, { kind: "component", type: ContactSupportComponent, selector: "app-contact-support", inputs: ["displaycontactSupport", "globaltranslate", "translate", "showDate", "detailedPmJob"], outputs: ["closeContactSupportPopup", "sendContactMeEmail"] }, { kind: "component", type: ShowLinksComponent, selector: "app-show-links", inputs: ["displayShowLinks", "detailedPmJobLinkedList", "selectedWorkorderId", "globaltranslate", "translate", "status"], outputs: ["closeShowLinks"] }, { kind: "pipe", type: SubstringPipe, name: "substring" }] });
+MaintenanceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaintenanceListComponent, selector: "awf-maintenance-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", maintenanceList: "maintenanceList", pmJobList: "pmJobList", isAlreadyScheduled: "isAlreadyScheduled", displayConfirmedDateInfo: "displayConfirmedDateInfo", alternativeDatesList: "alternativeDatesList", status: "status" }, outputs: { emitForUpdate: "emitForUpdate", emitForAlternativeDates: "emitForAlternativeDates", sendContactMeEmail: "sendContactMeEmail" }, providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }, { propertyName: "op", first: true, predicate: ["op"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                            <th pSortableColumn=\"endDateTime\">{{translate.maintenanceList.endDate}}\r\n                                <p-sortIcon field=\"endDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                    <th pSortableColumn=\"case_category\">{{translate.maintenanceList.category}}\r\n                                        <p-sortIcon field=\"case_category\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderId }}</td>\r\n            <td>{{product.pmJob.startDateTime | substring :0:10 }}</td>\r\n            <td>{{product.pmJob.endDateTime | substring :0:10}}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td>{{product.pmJob.caseCategory }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport()\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport\">\r\n    <app-contact-support (sendContactMeEmail)=\"sendContactMeEmailMethode($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: ["displayAnotherDate", "globaltranslate", "translate", "alternativeDatesList"], outputs: ["closeAnotherDate", "acceptDate"] }, { kind: "component", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: ["displayConfirmDialog", "startDateTime", "endDateTime", "globaltranslate", "translate", "isProposedDate", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialog"] }, { kind: "component", type: ConfirmDialogValidatedToWaitingComponent, selector: "app-confirm-dialog-validated-to-waiting", inputs: ["displayConfirmValidatedToWaiting", "startDateTime", "endDateTime", "globaltranslate", "translate", "alreadyScheduledMsg", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialogValidatedToWaiting"] }, { kind: "component", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: ["displayConfirmedDateInfo", "startDateTime", "endDateTime", "globaltranslate", "translate"], outputs: ["closeConfirmedDateInfo"] }, { kind: "component", type: ContactSupportComponent, selector: "app-contact-support", inputs: ["displaycontactSupport", "globaltranslate", "translate", "showDate", "detailedPmJob"], outputs: ["closeContactSupportPopup", "sendContactMeEmail"] }, { kind: "component", type: ShowLinksComponent, selector: "app-show-links", inputs: ["displayShowLinks", "detailedPmJobLinkedList", "selectedWorkorderId", "globaltranslate", "translate", "status"], outputs: ["closeShowLinks"] }, { kind: "pipe", type: SubstringPipe, name: "substring" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaintenanceListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'awf-maintenance-list', providers: [MessageService, ConfirmationService], template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                            <th pSortableColumn=\"endDateTime\">{{translate.maintenanceList.endDate}}\r\n                                <p-sortIcon field=\"endDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                    <th pSortableColumn=\"case_category\">{{translate.maintenanceList.category}}\r\n                                        <p-sortIcon field=\"case_category\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderId }}</td>\r\n            <td>{{product.pmJob.startDateTime | substring :0:10 }}</td>\r\n            <td>{{product.pmJob.endDateTime | substring :0:10}}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td>{{product.pmJob.caseCategory }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport()\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport\">\r\n    <app-contact-support [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"] }]
+            args: [{ selector: 'awf-maintenance-list', providers: [MessageService, ConfirmationService], template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                            <th pSortableColumn=\"endDateTime\">{{translate.maintenanceList.endDate}}\r\n                                <p-sortIcon field=\"endDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                    <th pSortableColumn=\"case_category\">{{translate.maintenanceList.category}}\r\n                                        <p-sortIcon field=\"case_category\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderId }}</td>\r\n            <td>{{product.pmJob.startDateTime | substring :0:10 }}</td>\r\n            <td>{{product.pmJob.endDateTime | substring :0:10}}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td>{{product.pmJob.caseCategory }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport()\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport\">\r\n    <app-contact-support (sendContactMeEmail)=\"sendContactMeEmailMethode($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MessageService }]; }, propDecorators: { dt: [{
                 type: ViewChild,
                 args: ['dt']
@@ -1022,6 +1039,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Output
             }], emitForAlternativeDates: [{
                 type: Output
+            }], sendContactMeEmail: [{
+                type: Output
             }], status: [{
                 type: Input
             }] } });